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

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

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




編輯制作網(wǎng)頁

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



開發(fā)動態(tài)網(wǎng)站模塊
頁面設計制作完成后，如果還需要動態(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)。