在確定好網(wǎng)站的風(fēng)格和搜集完資料后就需要設(shè)計(jì)網(wǎng)頁圖像了，網(wǎng)頁圖像設(shè)計(jì)包括Logo、標(biāo)準(zhǔn)色彩、標(biāo)準(zhǔn)字、導(dǎo)航條和首頁布局等。可以使用Photoshop或Fireworks軟件來其體設(shè)計(jì)網(wǎng)站的圖像。
有經(jīng)驗(yàn)的網(wǎng)站設(shè)計(jì)者，通常會在使用網(wǎng)頁制作工具制作網(wǎng)頁之前設(shè)計(jì)好網(wǎng)頁的整體布局，這樣在具體的設(shè)計(jì)過程中將會胸有成竹，大大節(jié)省工作時間。
網(wǎng)頁圖像設(shè)計(jì)是網(wǎng)站規(guī)劃中的一個非常重要的環(huán)節(jié)。網(wǎng)頁的設(shè)計(jì)包括網(wǎng)站的Logo設(shè)計(jì)、網(wǎng)頁的布局設(shè)計(jì)、網(wǎng)頁的色彩搭配和網(wǎng)站的字體等。互聯(lián)網(wǎng)上有很多風(fēng)格迥異的網(wǎng)站，其表現(xiàn)有的大氣、有的婉約、有的精致、有的古典、有的沉穩(wěn)、有的莊嚴(yán)肅穆、有的高雅嚴(yán)謹(jǐn)、有的雄偉壯麗等。如下圖所示為設(shè)計(jì)的網(wǎng)頁效果圖。

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

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