一、HTML與CSS網頁設計概述




Web基本概念


認識網頁


網頁主要由文字、圖像和超鏈接等元素構成。當然,除了這些元素,網頁中還可以包含音頻、視頻以及Flash等。

名詞解釋


Internet網絡 就是通常所說的互聯網,是由一些使用公用語言互相通信的計算機連接而成的網絡。
WWW WWW(英文World Wide Web的縮寫)中文譯為“萬維網”是Intertnet提供的一種網頁瀏覽服務。
URL(英文Uniform Resource Locator的縮寫)中文譯為“統一資源定位符” URL其實就是Web地址,俗稱“網址”。
DNS (英文Domain Name System的縮寫)是域名解析系統。將好記的域名轉換成IP的過程被稱為域名解析
HTTP (英文Hypertext transfer protocol的縮寫) 中文譯為超文本傳輸協議,是一種詳細規定了瀏覽器和萬維網服務器之間互相通信的規則。
Web Web通常指互聯網的使用環境。但對於網站制作者來說,它是一系列技術的復合總稱,通常稱之為網頁。
W3C組織 W3C(英文World Wide Web Consortium的縮寫)中文譯為“萬維網聯盟”。萬維網聯盟是國際最著名的標准化組織。

了解Web標准


Web標准不是某一個標准,而是由W3C和其他標准化組織制定的一系列標准的集合。主要包括結構(Structure)、表現(Presentation)和行為(Behavior)三個方面。
結構標准:結構用於對網頁元素進行整理和分類,主要包括XML和XHTML兩個部分。
使內容更清晰,更有邏輯性
XML(英文The Extensible Markup Language 的縮寫)是一種可擴展標記語言。XML最初的目的是為了彌補HTML的不足,它具有強大的擴展性,可用於數據的轉換和描述。
XHTML(英文The Extensible HyperText Markup Language的縮寫)是可擴展超文本標識語言。XHTML是基於XML的標識語言,是在HTML4.0的基礎上,用XML的規則對其進行擴展建立起來的,它實現了HTML向XML的過渡。
表現標准:表現用於設置網頁元素的版式、顏色、大小等外觀樣式,主要指的是CSS。
用於修飾內容的樣式
CSS(英文Cascading Style Sheet的縮寫)是層疊樣式表。CSS標准建立的目的是以CSS為基礎進行網頁布局,控制網頁的表現。CSS布局與XHTML結構語言相結合,可以實現表現與結構的分離,使網站的訪問及維護更加容易。


行為標准:行為是指網頁模型的定義及交互的編寫,主要包括DOM和ECMAScript兩個部分。
內容的交互及操作效果
DOM(英文Document Object Model的縮寫)是文檔對象模型。W3C 文檔對象模型 (DOM) 是中立於平台和語言的接口,它允許程序和腳本動態地訪問和更新文檔的內容、結構和樣式。
ECMAScript是ECMA(英文European Computer Manufacturers Association的縮寫)國際以JavaScript為基礎制定的標准腳本語言。JavaScript是一種基於對象和事件驅動,並具有相對安全性的客戶端腳本語言,廣泛用於Web開發,常用來給HTML網頁添加動態功能,比如響應用戶的各種操作。

網頁制作入門


HTMl簡介


HTML(英文Hyper Text Markup Language的縮寫)中文譯為“超文本標記語言”,主要是通過HTML標記對網頁中的文本、圖片、聲音等內容進行描述。


HTML提供了許多標記,如段落標記、標題標記、超鏈接標記、圖片標記等,網頁中需要定義什么內容,就用相應的HTML標記描述即可。
HTML之所以稱為超文本標記語言,不僅是因為他通過標記描述網頁內容,同時也由於文本中包含了所謂的“超級鏈接”點。通過超鏈接將網站與網頁以及各種網頁元素鏈接起來,構成了豐富多彩的Web頁面。
XML雖然數據轉換能力強大,完全可以替代HTML,但是面對互聯網上成千上萬基於HTML編寫的網站,直接采用XML還為時過早。因此,在HTML4.0的基礎上,用XML的語法規則對其進行擴展,得到了XHTML。
目前國際上,網站設計推崇的Web標准就是基於XHTML的(即通常所說的DIV+CSS)。

CSS簡介


CSS通常稱為CSS樣式或樣式表,主要用於設置HTML頁面中的文本內容(字體、大小、對齊方式等)、圖片的外形(寬高、邊框樣式、邊距等)以及版面的布局等外觀顯示樣式。
CSS以HTML為基礎,提供了豐富的功能,如字體、顏色、背景的控制及整體排版等,而且還可以針對不同的瀏覽器設置不同的樣式。
CSS非常靈活,既可以嵌入在HTML文檔中,也可以是一個單獨的外部文件,如果是獨立的文件,則必須以.css為后綴名。

JavaScript簡介


JavaScript是Web頁面中的一種腳本語言,通過JavaScript可以將靜態頁面轉變成支持用戶交互並響應相應事件的動態頁面。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM