在確定好網(wǎng)站的風(fēng)格和搜集完資料后就需要設(shè)計網(wǎng)頁圖像了，網(wǎng)頁圖像設(shè)計包括Logo、標(biāo)準(zhǔn)色彩、標(biāo)準(zhǔn)字、導(dǎo)航條和首頁布局等?？梢允褂肞hotoshop或Fireworks軟件來其體設(shè)計網(wǎng)站的圖像。

有經(jīng)驗(yàn)的網(wǎng)站設(shè)計者，通常會在使用網(wǎng)頁制作工具制作網(wǎng)頁之前設(shè)計好網(wǎng)頁的整體布局，這樣在具體的設(shè)計過程中將會胸有成竹，大大節(jié)省工作時間。

網(wǎng)頁圖像設(shè)計是網(wǎng)站規(guī)劃中的一個非常重要的環(huán)節(jié)。網(wǎng)頁的設(shè)計包括網(wǎng)站的Logo設(shè)計、網(wǎng)頁的布局設(shè)計、網(wǎng)頁的色彩搭配和網(wǎng)站的字體等?；ヂ?lián)網(wǎng)上有很多風(fēng)格迥異的網(wǎng)站，其表現(xiàn)有的大氣、有的婉約、有的精致、有的古典、有的沉穩(wěn)、有的莊嚴(yán)肅穆、有的高雅嚴(yán)謹(jǐn)、有的雄偉壯麗等。如下圖所示為設(shè)計的網(wǎng)頁效果圖。




編輯制作網(wǎng)頁

設(shè)計完網(wǎng)頁圖像后，就可以按照規(guī)劃逐步制作網(wǎng)頁了，這是一個復(fù)雜而細(xì)致的過程，一定要按照先大后小、先簡單后復(fù)雜來進(jìn)行制作。所謂先大后小，就是說在制作網(wǎng)頁時，先把大的結(jié)構(gòu)設(shè)計好，然后再逐步完善小的結(jié)構(gòu)設(shè)計。所謂先簡單后復(fù)雜，就是先設(shè)計出簡單的內(nèi)容，然后再設(shè)計復(fù)雜的內(nèi)容，以便出現(xiàn)問題時好修改。在制作網(wǎng)頁時要靈活運(yùn)用模板，這樣可以大大提高制作效率。如下圖所示為便用Dreamweaver編輯制作的網(wǎng)頁。



開發(fā)動態(tài)網(wǎng)站模塊
頁面設(shè)計制作完成后，如果還需要動態(tài)功能的話，就需耍開發(fā)動態(tài)功能模塊。網(wǎng)站中常用的功能模塊有新聞發(fā)布系統(tǒng)、搜索功能、留言板、產(chǎn)品展示管理系統(tǒng)、在線調(diào)查系統(tǒng)、在線購物、會員注冊管理系統(tǒng)、招聘系統(tǒng)、統(tǒng)計系統(tǒng)、留言系統(tǒng)、論壇及聊天室等。如下圖所示分別為購物網(wǎng)站和新聞發(fā)布系統(tǒng)。