網(wǎng)頁(yè)設(shè)計(jì)需要必備哪些知識(shí)

一、網(wǎng)頁(yè)基本知識(shí)

1、網(wǎng)頁(yè)語(yǔ)言

HTML語(yǔ)言（HyperText Mark-up Language）超文本標(biāo)記語(yǔ)言；HTML 不是程式語(yǔ)言，如 C++ 和 Java 之類，它只是標(biāo)記語(yǔ)言，基本上只要明白了各種標(biāo)記的用法就是學(xué)懂了HTML，HTML的格式非常簡(jiǎn)單，只是由文字及標(biāo)記組合而成，于編輯部方面，任何文字編輯器都可以，只要能將檔案存為文本格式即可，如果你覺(jué)得麻煩的話可以使用專門的網(wǎng)頁(yè)編輯工具當(dāng)然更好了。

2、網(wǎng)頁(yè)工具

a.Macromedia Dreamweaver

Adobe公司的Macromedia公司的Dreamweaver是相當(dāng)優(yōu)秀的網(wǎng)頁(yè)制作工具，功能強(qiáng)大，操作方便，代碼簡(jiǎn)潔，有強(qiáng)大的動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)能力，與Fireworks、Flash等軟件結(jié)合緊密，受到大多數(shù)專業(yè)網(wǎng)頁(yè)設(shè)計(jì)者的青睞。

b.Frontpage

Frontpage是微軟公司出品的網(wǎng)頁(yè)制作工具，和WORD、IE結(jié)合得非常好，簡(jiǎn)單易用、易上手，是初學(xué)者比較好的選擇，但兼容性差一些，制作的網(wǎng)頁(yè)不支持Netscape等其他瀏覽器，對(duì)復(fù)雜的動(dòng)態(tài)網(wǎng)頁(yè)的設(shè)計(jì)能力有限。

這兩個(gè)網(wǎng)頁(yè)設(shè)計(jì)軟件是網(wǎng)頁(yè)設(shè)計(jì)者的最好，也是入門都最理想的網(wǎng)頁(yè)設(shè)計(jì)工具。操作簡(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è)設(shè)計(jì)軟件

a.Adobe公司的Photoshop軟件是一款網(wǎng)頁(yè)設(shè)計(jì)師的必備軟件，通過(guò)它可以設(shè)計(jì)非常漂亮的平面作品，對(duì)網(wǎng)頁(yè)設(shè)計(jì)的平面作品是必不可少的軟件。

b.Adobe公司的Firework軟件是網(wǎng)頁(yè)三登劍客的一款設(shè)計(jì)軟件，可以處理矢量圖，也可以處理位圖，但對(duì)大多數(shù)網(wǎng)頁(yè)設(shè)計(jì)師來(lái)說(shuō)還是設(shè)使用Photoshop軟件的較多，使用它設(shè)計(jì)制作gif動(dòng)畫很不錯(cuò)的軟件。

4、網(wǎng)頁(yè)動(dòng)畫設(shè)計(jì)軟件

常用的網(wǎng)頁(yè)動(dòng)畫當(dāng)然是數(shù)Flash動(dòng)畫了，它的設(shè)計(jì)軟件當(dāng)然得數(shù)Adobe公司的Flash軟件最好了，而且有非常大一部分人使用它。也有其它的Flash特效軟件，也不是錯(cuò)的功能，如文字特效軟件SWFText等。

二、網(wǎng)頁(yè)制作的流程

一般網(wǎng)頁(yè)的制作流程如下：

1、軟文整理和公司的LOGO設(shè)計(jì)：知道設(shè)計(jì)的內(nèi)容、設(shè)計(jì)的色系的依據(jù)，一般我們?cè)O(shè)計(jì)的顏色取決于LOGO的顏色為主

2、素材采集：設(shè)計(jì)時(shí)需要很多素材，當(dāng)然，你也可以邊設(shè)計(jì)時(shí)，邊找素材也行，有素材庫(kù)當(dāng)然是最好的了

3、使用Photoshop軟件設(shè)計(jì)DEMO樣圖：將你要設(shè)計(jì)的文字內(nèi)容、圖片內(nèi)容按照自己所想的想法排列，自己覺(jué)得好看就行了，但是一定要按照網(wǎng)頁(yè)的標(biāo)準(zhǔn)來(lái)設(shè)計(jì)，就是大小、尺寸等問(wèn)題，顏色可以依照標(biāo)準(zhǔn)色系(可以根據(jù)LOGO顏色來(lái)設(shè)計(jì))，加上線條、圖標(biāo)、組合成一頁(yè)網(wǎng)頁(yè)頁(yè)面圖(DEMO圖)

4、網(wǎng)頁(yè)編輯：將Photoshop設(shè)計(jì)的圖，用切片工具，切割好，導(dǎo)出html文件和圖片(可以按Ctrl+Alt+Shift+s組合鍵實(shí)現(xiàn)功能);用Dreamweaver打開(kāi)HTML文件，對(duì)它進(jìn)行重新排版，編輯一下，將多余的圖片和表格刪除；那么恭喜你！一個(gè)網(wǎng)頁(yè)文件成功完了。

5、動(dòng)畫制作：你的網(wǎng)頁(yè)做好了，為了更好看，當(dāng)然得做動(dòng)畫呀；常見(jiàn)的動(dòng)畫主要有Gif動(dòng)畫和Flash動(dòng)畫。你可以用Firework軟件來(lái)設(shè)計(jì)Gif動(dòng)畫；用Flash軟件來(lái)做Flash動(dòng)畫。將做完的動(dòng)畫用Dreamweaver軟件插入到網(wǎng)頁(yè)中，替換原來(lái)的圖片就行了。

6、在網(wǎng)頁(yè)中加入超鏈接：當(dāng)你做了很多個(gè)頁(yè)面后，你在Dreamweaver中選擇關(guān)鍵字，插入超鏈接，鏈到相應(yīng)的網(wǎng)頁(yè)中就可以了；那么你的一個(gè)靜態(tài)網(wǎng)站就做成了。