四、站點地圖

五、線框圖

1、主頁布局

2、子頁布局

六、設計規範及網頁UI設計

音樂網網站這個網站是運用了HTML靜態網頁技術，和Dreamweaver軟件相結合實現的。頁面間通過網頁鏈接，實現具體所要查找的食品，可以方便用戶的需要做出選擇，給人們帶來了極大地方便。

1、設計願望

當用戶點擊希望去的界面時，就會自動的鏈接到用戶希望的那個網頁。展現給用戶相應的界面，在每個界面都會有這幾個選項卡，用戶可以在其中自由的切換。

2、確定網站主題

建立一個網站好比寫一篇文章，首先要擬好提綱，文章才能主題明確，層次清晰。如果網站結構不清晰，目錄龐雜，內容東一塊西一塊。結果不但瀏覽者看得糊涂，自己擴充和維護網站也相當困難。網站的題材確定後，並且收集和組織了許多相關的資料內容，但如何組織內容才能吸引網友們來瀏覽網站呢？欄目的實質是一個網站的大綱索引，索引應該將網站的主體明確顯示出來。