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

一、HTML簡介

1、HTML的功能

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

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

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

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

學(xué)習(xí)HTML的意義

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

2、HTML的編寫工具

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

3、html文件的基本格式 

 《html》

 《head》

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

 《/head》

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

 《/html》

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

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

1、用《》包圍。

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

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

4、標(biāo)簽是嵌入式的。

5、標(biāo)簽可有多種屬性和屬性值。

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

4、文件標(biāo)題標(biāo)志

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

5、顏色表示方法

HTML用#RRGGBB字符串代表色彩，成為RGB值。RGB值中的RR、GG和BB分別代表紅綠藍(lán)三原色的兩位十六進(jìn)制整數(shù)值。每種原色的取值范圍在00和FF（即十進(jìn)制的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)頁中應(yīng)用一些圖像與動畫，一方面是由于實際內(nèi)容的需要，一方面是為了增加網(wǎng)頁吸引力。在WWW上通常采用jpeg、gif、png格式的圖片和flv、flash等格式的動畫。
2、網(wǎng)頁版式設(shè)計
規(guī)劃各元素在網(wǎng)頁中的位置關(guān)系和表現(xiàn)方法，合理安排圖像、文本等元素，使網(wǎng)頁布局合理、美觀大方、同時也要注意訪問者的觀看習(xí)慣，布局的比例也很重要。
3、文本編寫
在字體上需要注意，網(wǎng)頁文本在瀏覽器中默認(rèn)字體都是為‘宋體’，特殊的字體雖然好看，但為保證在客戶端瀏覽器中顯示正確字體的網(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)化大師等。