在確定好網站的風格和搜集完資料后就需要設計網頁圖像了，網頁圖像設計包括Logo、標準色彩、標準字、導航條和首頁布局等。可以使用Photoshop或Fireworks軟件來其體設計網站的圖像。

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

網頁圖像設計是網站規劃中的一個非常重要的環節。網頁的設計包括網站的Logo設計、網頁的布局設計、網頁的色彩搭配和網站的字體等。互聯網上有很多風格迥異的網站，其表現有的大氣、有的婉約、有的精致、有的古典、有的沉穩、有的莊嚴肅穆、有的高雅嚴謹、有的雄偉壯麗等。如下圖所示為設計的網頁效果圖。




編輯制作網頁

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



開發動態網站模塊


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