網(wǎng)頁設(shè)計(jì)是網(wǎng)站建設(shè)的核心環(huán)節(jié)，需要綜合運(yùn)用設(shè)計(jì)理論、技術(shù)工具和用戶思維。一、網(wǎng)頁基本知識

1、網(wǎng)頁言語

HTML言語（HyperText Mark-up Language）超文本符號言語；HTML 不是程式言語，如 C++ 和 Java 之類，它僅僅符號言語，基本上只需明白了各種符號的用法就是學(xué)懂了HTML，HTML的格局十分簡略，僅僅由文字及符號組合而成，于修改部方面，任何文字修改器都能夠，只需能將檔案存為文本格局即可，假如你覺得費(fèi)事的話能夠運(yùn)用專門的網(wǎng)頁修改東西當(dāng)然更好了。

2、網(wǎng)頁東西

a.Macromedia Dreamweaver

Adobe公司的Macromedia公司的Dreamweaver是適當(dāng)優(yōu)秀的網(wǎng)頁制造東西，功用強(qiáng)大，操作方便，代碼簡潔，有強(qiáng)大的動態(tài)網(wǎng)頁規(guī)劃能力，與Fireworks、Flash等軟件結(jié)合嚴(yán)密，受到大多數(shù)專業(yè)網(wǎng)頁規(guī)劃者的喜愛。

b.Frontpage

Frontpage是微軟公司出品的網(wǎng)頁制造東西，和WORD、IE結(jié)合得十分好，簡略易用、易上手，是初學(xué)者比較好的挑選，但兼容性差一些，制造的網(wǎng)頁不支持Netscape等其他瀏覽器，對復(fù)雜的動態(tài)網(wǎng)頁的規(guī)劃能力有限。

這兩個網(wǎng)頁規(guī)劃軟件是網(wǎng)頁規(guī)劃者的好，也是入門都理想的網(wǎng)頁規(guī)劃東西。操作簡略，所見即所得的網(wǎng)頁制造東西，和WORD排版差不多，你只需將文本輸入到網(wǎng)頁中和圖形刺進(jìn)到網(wǎng)頁中，網(wǎng)頁會自動生成HTML代碼。

3、網(wǎng)頁規(guī)劃軟件

a.Adobe公司的Photoshop軟件是一款網(wǎng)頁規(guī)劃師的必備軟件，經(jīng)過它能夠規(guī)劃十分漂亮的平面著作，對網(wǎng)頁規(guī)劃的平面著作是必不可少的軟件。

b.Adobe公司的Firework軟件是網(wǎng)頁三登劍客的一款規(guī)劃軟件，能夠處理矢量圖，也能夠處理位圖，但對大多數(shù)網(wǎng)頁規(guī)劃師來說仍是設(shè)運(yùn)用Photoshop軟件的較多，運(yùn)用它規(guī)劃制造gif動畫很不錯的軟件。

4、網(wǎng)頁動畫規(guī)劃軟件

常用的網(wǎng)頁動畫當(dāng)然是數(shù)Flash動畫了，它的規(guī)劃軟件當(dāng)然得數(shù)Adobe公司的Flash軟件好了，而且有十分大一部分人運(yùn)用它。也有其它的Flash特效軟件，也不是錯的功用，如文字特效軟件SWFText等。

二、網(wǎng)頁制造的流程

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

1、軟文整理和公司的LOGO規(guī)劃：知道規(guī)劃的內(nèi)容、規(guī)劃的色系的依據(jù)，一般我們規(guī)劃的色彩取決于LOGO的色彩為主

2、資料采集：規(guī)劃時需要很多資料，當(dāng)然，你也能夠邊規(guī)劃時，邊找資料也行，有資料庫當(dāng)然是好的了

3、運(yùn)用Photoshop軟件規(guī)劃DEMO樣圖：將你要規(guī)劃的文字內(nèi)容、圖片內(nèi)容依照自己所想的想法排列，自己覺得美觀就行了，可是一定要依照網(wǎng)頁的規(guī)范來規(guī)劃，就是大小、尺度等問題，色彩能夠依照規(guī)范色系(能夠依據(jù)LOGO色彩來規(guī)劃)，加上線條、圖標(biāo)、組合成一頁網(wǎng)頁頁面圖(DEMO圖)

4、網(wǎng)頁修改：將Photoshop規(guī)劃的圖，用切片東西，切割好，導(dǎo)出html文件和圖片(能夠按Ctrl+Alt+Shift+s組合鍵完成功用);用Dreamweaver翻開HTML文件，對它進(jìn)行從頭排版，修改一下，將多余的圖片和表格刪除；那么祝賀你！一個網(wǎng)頁文件成功完了。

5、動畫制造：你的網(wǎng)頁做好了，為了更美觀，當(dāng)然得做動畫呀；常見的動畫主要有Gif動畫和Flash動畫。你能夠用Firework軟件來規(guī)劃Gif動畫；用Flash軟件來做Flash動畫。將做完的動畫用Dreamweaver軟件刺進(jìn)到網(wǎng)頁中，替換本來的圖片就行了。

6、在網(wǎng)頁中加入超鏈接：當(dāng)你做了很多個頁面后，你在Dreamweaver中挑選關(guān)鍵字，刺進(jìn)超鏈接，鏈到相應(yīng)的網(wǎng)頁中就能夠了；那么你的一個靜態(tài)網(wǎng)站就做成了。隨著技術(shù)發(fā)展（如 AI 輔助設(shè)計(jì)、Web3.0 交互），持續(xù)學(xué)習(xí)新工具和趨勢是保持競爭力的關(guān)鍵。