靜態(tài)網(wǎng)頁制作基礎

一、HTML簡介

1、HTML的功能

 1)出版在線的文檔，其中包含了標題、文本、表格、列表以及照片等內(nèi)容。

 2)通過超鏈接檢索在線的信息。

 3)為獲取遠程服務而設計表單，可用于檢索信息、定購產(chǎn)品等。

 4)在文檔中直接包含表格數(shù)據(jù)、視頻剪輯、聲音剪輯以及其他的一些應用。

學習HTML的意義

便于優(yōu)化專用工具生成的代碼；為編寫ASP等網(wǎng)絡程序奠定基礎。

2、HTML的編寫工具

可以通過編寫修改代碼的工具很多，如：記事本；寫字板等多種工具，但大多數(shù)靜態(tài)網(wǎng)頁都是由Dreamweaver(常用,有設計視圖)、EditPlus(好用,有顏色區(qū)分)等專業(yè)編輯網(wǎng)頁軟件進行編輯的，軟件中有自動生成代碼與代碼錯誤檢測等功能，在編寫上能帶來很多方便。

3、html文件的基本格式 

 《html》

 《head》

 《title》網(wǎng)頁的標題《/title》

 《/head》

 《body》網(wǎng)頁的內(nèi)容《/body》

 《/html》

其中省略號部份是網(wǎng)頁的內(nèi)容,其實每個標記都是一一對應的。每個網(wǎng)頁文件都是以《html》開始和以《/html》結(jié)束。《title》與《/title》之間的內(nèi)容是網(wǎng)頁的標題。會顯示在瀏覽器的標題欄上。《body》與《/body》之間放的是網(wǎng)頁內(nèi)容。

標志（tag）的結(jié)構(gòu)特點

1、用《》包圍。

2、多數(shù)是以成對標簽書寫，這種成對標簽在網(wǎng)頁中都可稱為‘盒子’。

3、結(jié)束標記用/。

4、標簽是嵌入式的。

5、標簽可有多種屬性和屬性值。

6、標簽用西文半角字符，對大小寫不敏感。

4、文件標題標志

文件標題標志為《title》《/title》。使用過瀏覽器的人可能都會注意到瀏覽器窗口最上邊的藍色部分顯示的文本信息，那些信息一般是網(wǎng)頁的"主題"。要將網(wǎng)頁的主題顯示到瀏覽器的頂部其實很簡單，只要在《title》《/title》標志對之間加入要顯示的文本即可。當然在seo優(yōu)化中，《title》標題是很重要的，他代表的是網(wǎng)頁的門面，好的關(guān)鍵詞句能被搜索引擎更大范圍的搜索到。

5、顏色表示方法

HTML用#RRGGBB字符串代表色彩，成為RGB值。RGB值中的RR、GG和BB分別代表紅綠藍三原色的兩位十六進制整數(shù)值。每種原色的取值范圍在00和FF（即十進制的0和255）之間，即一個字節(jié)存儲一種原色。每種原色都有256種由淺至深的色彩變化，網(wǎng)頁中呈現(xiàn)的色彩都是由這三種原色調(diào)配出來的。rgb值可以表示出（256*256*256）種顏色。

網(wǎng)頁中存在著網(wǎng)頁安全色，不同瀏覽器對非安全色的顏色顯示也有不同，在一些情況下會影響網(wǎng)頁的美觀。

#后的字符串兩兩相同的都為安全色、例：#ff0044；#112233；#aa66cc

二、靜態(tài)網(wǎng)頁制作概括：
1、網(wǎng)頁素材搜集與制作（圖像處理與動畫制作）
經(jīng)常需要在網(wǎng)頁中應用一些圖像與動畫，一方面是由于實際內(nèi)容的需要，一方面是為了增加網(wǎng)頁吸引力。在WWW上通常采用jpeg、gif、png格式的圖片和flv、flash等格式的動畫。
2、網(wǎng)頁版式設計
規(guī)劃各元素在網(wǎng)頁中的位置關(guān)系和表現(xiàn)方法，合理安排圖像、文本等元素，使網(wǎng)頁布局合理、美觀大方、同時也要注意訪問者的觀看習慣，布局的比例也很重要。
3、文本編寫
在字體上需要注意，網(wǎng)頁文本在瀏覽器中默認字體都是為‘宋體’，特殊的字體雖然好看，但為保證在客戶端瀏覽器中顯示正確字體的網(wǎng)頁，不要使用非系統(tǒng)自帶的特殊字體，如“華文彩云繁”等。
三、靜態(tài)網(wǎng)頁的制作工具
1、圖像處理與動畫制作工具：Photoshop、Fireworks、Flash等。
2、網(wǎng)頁編輯工具：1）純文本編輯工具，如Notepad等；
2）轉(zhuǎn)換工具，如word等；
3）專用工具，如EditPlus、Dreamweaver等。
3、網(wǎng)頁上傳工具：1)FTP工具，如WS-FTP，CuteFTP等；
2)專用網(wǎng)頁編輯軟件的文件傳輸功能。
4、網(wǎng)頁優(yōu)化工具：網(wǎng)頁減肥茶、網(wǎng)頁優(yōu)化大師等。