一、網(wǎng)頁(yè)基本知識
1、網(wǎng)頁(yè)語(yǔ)言
HTML語(yǔ)言（HyperText Mark-up Language）超文本標記語(yǔ)言；HTML 不是程式語(yǔ)言，如 C++ 和 Java 之類(lèi)，它只是標記語(yǔ)言，基本上只要明白了各種標記的用法就是學(xué)懂了HTML，HTML的格式非常簡(jiǎn)單，只是由文字及標記組合而成，于編輯部方面，任何文字編輯器都可以，只要能將檔案存為文本格式即可，如果你覺(jué)得麻煩的話(huà)可以使用專(zhuān)門(mén)的網(wǎng)頁(yè)編輯工具當然更好了。
2、網(wǎng)頁(yè)工具
a.Macromedia Dreamweaver
Adobe公司的Macromedia公司的Dreamweaver是相當優(yōu)秀的網(wǎng)頁(yè)制作工具，功能強大，操作方便，代碼簡(jiǎn)潔，有強大的動(dòng)態(tài)網(wǎng)頁(yè)設計能力，與Fireworks、Flash等軟件結合緊密，受到大多數專(zhuān)業(yè)網(wǎng)頁(yè)設計者的青睞。
b.Frontpage
Frontpage是微軟公司出品的網(wǎng)頁(yè)制作工具，和WORD、IE結合得非常好，簡(jiǎn)單易用、易上手，是初學(xué)者比較好的選擇，但兼容性差一些，制作的網(wǎng)頁(yè)不支持Netscape等其他瀏覽器，對復雜的動(dòng)態(tài)網(wǎng)頁(yè)的設計能力有限。
這兩個(gè)網(wǎng)頁(yè)設計軟件是網(wǎng)頁(yè)設計者的最好，也是入門(mén)都最理想的網(wǎng)頁(yè)設計工具。操作簡(jiǎn)單，所見(jiàn)即所得的網(wǎng)頁(yè)制作工具，和WORD排版差不多，你只要將文本輸入到網(wǎng)頁(yè)中和圖形插入到網(wǎng)頁(yè)中，網(wǎng)頁(yè)會(huì )自動(dòng)生成HTML代碼。
3、網(wǎng)頁(yè)設計軟件
a.Adobe公司的Photoshop軟件是一款網(wǎng)頁(yè)設計師的必備軟件，通過(guò)它可以設計非常漂亮的平面作品，對網(wǎng)頁(yè)設計的平面作品是必不可少的軟件。
b.Adobe公司的Firework軟件是網(wǎng)頁(yè)三登劍客的一款設計軟件，可以處理矢量圖，也可以處理位圖，但對大多數網(wǎng)頁(yè)設計師來(lái)說(shuō)還是設使用Photoshop軟件的較多，使用它設計制作gif動(dòng)畫(huà)很不錯的軟件。
4、網(wǎng)頁(yè)動(dòng)畫(huà)設計軟件
常用的網(wǎng)頁(yè)動(dòng)畫(huà)當然是數Flash動(dòng)畫(huà)了，它的設計軟件當然得數Adobe公司的Flash軟件最好了，而且有非常大一部分人使用它。也有其它的Flash特效軟件，也不是錯的功能，如文字特效軟件SWFText等。
二、網(wǎng)頁(yè)制作的流程
一般網(wǎng)頁(yè)的制作流程如下：
1、軟文整理和公司的LOGO設計：知道設計的內容、設計的色系的依據，一般我們設計的顏色取決于LOGO的顏色為主
2、素材采集：設計時(shí)需要很多素材，當然，你也可以邊設計時(shí)，邊找素材也行，有素材庫當然是最好的了
3、使用Photoshop軟件設計DEMO樣圖：將你要設計的文字內容、圖片內容按照自己所想的想法排列，自己覺(jué)得好看就行了，但是一定要按照網(wǎng)頁(yè)的標準來(lái)設計，就是大小、尺寸等問(wèn)題，顏色可以依照標準色系(可以根據LOGO顏色來(lái)設計)，加上線(xiàn)條、圖標、組合成一頁(yè)網(wǎng)頁(yè)頁(yè)面圖(DEMO圖)
4、網(wǎng)頁(yè)編輯：將Photoshop設計的圖，用切片工具，切割好，導出html文件和圖片(可以按Ctrl+Alt+Shift+s組合鍵實(shí)現功能);用Dreamweaver打開(kāi)HTML文件，對它進(jìn)行重新排版，編輯一下，將多余的圖片和表格刪除；那么恭喜你！一個(gè)網(wǎng)頁(yè)文件成功完了。
5、動(dòng)畫(huà)制作：你的網(wǎng)頁(yè)做好了，為了更好看，當然得做動(dòng)畫(huà)呀；常見(jiàn)的動(dòng)畫(huà)主要有Gif動(dòng)畫(huà)和Flash動(dòng)畫(huà)。你可以用Firework軟件來(lái)設計Gif動(dòng)畫(huà)；用Flash軟件來(lái)做Flash動(dòng)畫(huà)。將做完的動(dòng)畫(huà)用Dreamweaver軟件插入到網(wǎng)頁(yè)中，替換原來(lái)的圖片就行了。
6、在網(wǎng)頁(yè)中加入超鏈接：當你做了很多個(gè)頁(yè)面后，你在Dreamweaver中選擇關(guān)鍵字，插入超鏈接，鏈到相應的網(wǎng)頁(yè)中就可以了；那么你的一個(gè)靜態(tài)網(wǎng)站就做成了。
