靜態網頁制作基礎

一、HTML簡介

1、HTML的功能

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

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

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

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

學習HTML的意義

便于優化專用工具生成的代碼；為編寫ASP等網絡程序奠定基礎。

2、HTML的編寫工具

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

3、html文件的基本格式 

 《html》

 《head》

 《title》網頁的標題《/title》

 《/head》

 《body》網頁的內容《/body》

 《/html》

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

標志（tag）的結構特點

1、用《》包圍。

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

3、結束標記用/。

4、標簽是嵌入式的。

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

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

4、文件標題標志

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

5、顏色表示方法

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

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

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

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