、確定網站形象

網站形象的設計可以從網站的LOGO、網站的色彩、網站的字體宣傳語等這些方面著手。

圖6-1Logo設計

網站給人的第一印象就是首頁，要讓人願意繼續欣賞下去。我設計的首頁力求簡潔明了，色調屬于暖色，給人明快、輕松的感覺。頁面最醒目處是一朵正在開放的花，象征著祖國的未來生機勃勃。背景隱約可見的五條橫線，代表著五線譜，表明了本網站音樂休閑的主題。首頁包括音樂、視頻、簡介、紫蘭圖片、紫蘭文化和鏈接六項。有我的E-mail以便用戶和我聯系。

網頁的色彩選擇和搭配是網頁設計的重點之一。用什麼色彩才能最好地表達出網站的內涵，吸引瀏覽者的視線，網頁的色調、背景、文字、圖標、邊框、鏈接應該采用什麼樣的色彩，應該如何搭配，都是網頁設計一開始就必須考慮的問題。網頁的色彩搭配在網頁的制作中起到非常重要的作用，因為它將決定瀏覽者對你的網頁的第一印象，好的色彩搭配可以使你的網頁獨具魅力，相反則提不起瀏覽者的興趣。所以一定要把握住色彩的搭配。

網站字體，和標準色彩一樣，標準字體是指用于標題、主菜單的一些特有字體。為了體現網站所特有的風格，可以根據自已的網站所表達的內涵，選擇更貼切的字體。我的音樂網站的標準字體是華文彩體。給人一種沉穩而不失俏皮的感覺。

表格布局的過程︰設計出框架為800*1000的布局表格，再在表格中添加適當的單元格

鏈接設計制作的過程︰主頁與五個子頁進行連接

圖片處理的過程︰單元格設定好，圖片大小和單元格同等大小然後添加

導航按鈕的設置等等

4、確定網站風格

風格是抽象的，指網站的整體形象給瀏覽者留下的綜合感受。這個“整體形象”包括網站的LOGO、網站的色彩、網站的字體、網站的標語等許多因素。網站是可以平易近人的、生動活潑的，也可以是嚴肅專業的。但不管是在色彩、技術、文字、布局、還是交互方式上，只要能由此讓瀏覽者明確的看出這是你的網站所獨有的，這就形成了一種風格。

風格是有人性的，它通過網站的色彩、技術、文字、布局、交互方式等可以綜合概括出一個網站的自己的個性；我的網站風格是以舒服為主，給人一種舒舒服服的感覺。

5、確定網站內容

本網站的內容表現形式主要以文本、圖像為主。

用戶注冊︰用戶注冊自己的空間

用戶登錄︰用戶登錄空間查看音樂收藏

動態顯示歌曲︰根據類別不同，顯示華人歌曲，日韓歌曲，影視歌曲，傷感歌曲，非主流歌曲等等。

動態時間︰網頁中顯示動態的時間

音樂搜索︰搜索數據庫中包含的歌曲

留言︰用戶提交自己的留言

七、主要頁面的詳細設計圖

1 網站主頁

   注︰主頁的右上角為動態時鐘，上方為網站形象flash，並有設為首頁和添加收藏功能，可通過上傳作品和下載作品查看說明，中間網站分類導航條和音樂搜索，左下角為會員登錄窗體，可通過鏈接進行注冊，下方網站版權說明，關于我們和留言提交鏈接。

2 歌曲分類頁面

    注︰歌曲分類頁面均來自于模板，結構相似，只是數據集的綁定不同而已，故此不做重復介紹。

3 音樂搜索頁面

注︰在音樂搜索文本框中輸入搜索文本，點擊音樂搜索按鈕後，會顯示出搜索結果，同樣也可以在有主頁模板生成的其他頁面進行搜索。

4 用戶留言頁面

   輸入反饋內容和聯系方式後，單擊確定提交按鈕，即可將用戶要反饋的內容提交給後台數據庫。