HTML&CSS精選筆記_HTML與CSS網頁設計概述

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能夠將靜態頁面轉變成支持用戶交互並響應相應事件的動態頁面。