網(wǎng)站建設(shè)之網(wǎng)頁(yè)規(guī)劃必備的知識(shí)

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

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

HTML言語(yǔ)（HyperText Mark-up Language）超文本符號(hào)言語(yǔ)；HTML 不是程式言語(yǔ)，如 C++ 和 Java 之類(lèi)，它僅僅符號(hào)言語(yǔ)，基本上只需明白了各種符號(hào)的用法就是學(xué)懂了HTML，HTML的格局十分簡(jiǎn)略，僅僅由文字及符號(hào)組合而成，于修改部方面，任何文字修改器都能夠，只需能將檔案存為文本格局即可，假如你覺(jué)得費(fèi)事的話(huà)能夠運(yùn)用專(zhuān)門(mén)的網(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è)規(guī)劃能力，與Fireworks、Flash等軟件結(jié)合嚴(yán)密，受到大多數(shù)專(zhuān)業(yè)網(wǎng)頁(yè)規(guī)劃者的喜愛(ài)。

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è)的規(guī)劃能力有限。

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

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

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

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

4、網(wǎng)頁(yè)動(dòng)畫(huà)規(guī)劃軟件

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

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

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

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

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

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

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

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

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