網(wǎng)站程序設計--信息介紹網(wǎng)站分析

本網(wǎng)站主要介紹王力宏最新專輯十八般武藝的相關(guān)信息，包括創(chuàng)作背景、歌詞等部分，由于時間緊促，所以只是簡要的介紹。網(wǎng)站程序設計摘要：本網(wǎng)站主要對王力宏最新專輯十八般武藝的相關(guān)信息進行介紹，由于時間倉促，有許多功能都沒有實現(xiàn)，十分遺憾，目前實現(xiàn)的功能有：連接SQL Server數(shù)據(jù)庫從中獲得每首歌的歌詞，網(wǎng)頁轉(zhuǎn)向等功能，預計實現(xiàn)的還有歌曲播放功能和同步歌詞功能，但確實是沒有時間弄，所以網(wǎng)頁的功能很簡單，不過作業(yè)交完之后，我會繼續(xù)拓展其功能的。關(guān)鍵字：SQL數(shù)據(jù)庫連接 網(wǎng)頁界面 引用頁 主頁一、 網(wǎng)站概述由于時間緊迫，本網(wǎng)站只有兩個頁面，引用頁和主頁：1. 引用頁引用頁，就是起到封面的作用，好像摘要一樣，但比摘要更加能吸引你的注意，首先從界面風格上吸引用戶的注意，擁有友好的界面是提高訪問量最直接也是最有效的辦法，這是很明顯的；其次引用頁的內(nèi)容應該簡潔、明了，讓用戶一眼就能知道這個網(wǎng)站的中心內(nèi)容是什么，這樣用戶才會選擇去不去瀏覽，但是引用頁上所寫的內(nèi)容，必須要扣住用戶的心思，讓用戶對之感興趣，然后才能吸引用戶瀏覽下面的東西，所以引用頁雖然簡單但是及其重要。2. 主頁主頁，就是這個網(wǎng)站的核心頁面的，是一個類似索引的內(nèi)容，可以通過主頁轉(zhuǎn)向其他頁面，主頁包括基本上所有的內(nèi)容，這么大的信息量，如何能簡單明了的呈現(xiàn)在用戶面前也是及其重要的，所以界面仍然非常重要。在此次網(wǎng)站程序設計中，我非常地降調(diào)界面的重要性，我感覺友好的界面是網(wǎng)站成功的一半，如果沒有友好的界面，那么有可能你這個網(wǎng)站根本就無人問津，現(xiàn)在國內(nèi)的許多網(wǎng)站都缺乏界面的重視，基本上可以說是文字和圖片的堆砌，比如說中關(guān)村在線，大量的信息堆砌在一個網(wǎng)頁上，廣告亂閃，無法快速的找到想要的信息，如圖1：圖 1中關(guān)村在線我簡單的總結(jié)了一下界面應該具有一下幾個特點：a. 簡潔性：讓用戶一目了然b. 風格的統(tǒng)一性c. 色彩盡量用比較淡一點兒顏色，不可胡亂搭配顏色d. 布局合理當然，國內(nèi)網(wǎng)站也有很多界面值得稱贊的，例如說魅族官網(wǎng)就符合這些特點，如圖2圖 2魅族官網(wǎng)二、 工程環(huán)境1. 主機環(huán)境：Windows 7 旗艦版2. 集成開發(fā)環(huán)境Visual Studio 2008 SP1 3. 數(shù)據(jù)庫SQL Server 2008 4. 瀏覽器測試Google Chrome瀏覽器三、 網(wǎng)站設計步驟步驟一：打開Visual Studio 2008新建網(wǎng)站，選擇ASP.NET網(wǎng)站，并把網(wǎng)站名稱更名為About LeeHom，如圖：圖 3新建網(wǎng)站步驟二 布局設置任意拖放首先說明一下布局問題，由于在Visual Studio 2008中沒有“布局”菜單選項，可以在“工具”中的“選項”中的“HTML編輯器”中的“CSS樣式表”中勾選“對使用工具箱、粘貼或拖放操作添加的空間，將定位改為絕對定位”，操作如圖：圖 4實現(xiàn)網(wǎng)頁控件的任意拖放這樣就可以實現(xiàn)網(wǎng)頁上控件的任意拖放了，大大地方便了網(wǎng)頁設計的控件布局問題準備好這些之后就可以進入正題了，開始我們的引用頁的設計步驟三：引用頁的設計首先用一張大圖作為背景，如圖圖 5引用頁背景圖然后用標簽文本在背景圖上對網(wǎng)站的中心內(nèi)容進行簡潔的概括，如圖：圖 6 網(wǎng)站標題圖 7網(wǎng)站內(nèi)容概念宣傳在引用頁的最后一行用超級鏈接，“Enter”吸引用戶點擊進入主頁，如圖圖 8由此引入主頁很顯然，既然用“Enter”來引入主頁，那么下面就開始對主頁進行設計步驟四：主頁設計對于主頁設計，共有四個模塊1. 橫幅設計現(xiàn)在大多數(shù)網(wǎng)站就會在這也的最頂部設計一個橫幅的東西，上面用一張圖片簡單的代入全網(wǎng)站的全部內(nèi)容，如圖圖 9主頁橫幅橫幅有兩部分組成，一個背景大圖和一個小標有“柴米油鹽醬醋茶”的小圖貼2. 王力宏簡介用圖片和文字對王力宏進行簡要的介紹，當然不會是非常詳細，主要是介紹力宏不為人知的小秘密，如圖：圖 10王力宏的介紹3. 作者簡介也是有圖片和文字組成，主要是介紹我自己的一些信息，包括姓名、班級、學號等信息，如圖：圖 11網(wǎng)站作者簡介4. 專輯相關(guān)主要分為兩部分，一部分是對十八般武藝這張專輯的概念介紹和引入，如圖圖 12十八般武藝專輯介紹引入第二部分為專輯歌曲具體介紹，運用SQL數(shù)據(jù)庫文件把歌曲名和對應的介紹和歌詞存入數(shù)據(jù)表中，將數(shù)據(jù)文件綁定到ListBox中，如圖把存有歌曲名、歌曲簡介和歌詞的數(shù)據(jù)庫文件添加到項目圖 13添加數(shù)據(jù)庫文件到項目把Listbox綁定數(shù)據(jù)源，并羅列顯示歌曲名，以實現(xiàn)選中某個歌曲時在旁邊顯示歌曲的相關(guān)信息圖 14選擇數(shù)據(jù)源四、 網(wǎng)站運行效果圖 15引用頁點擊“Enter”進入主頁，由于主頁比較長，多以分上、中、下三部分截圖展示圖 16第一部分圖 17第二部分圖 18第三部分五、 心得體會由于此次時間倉卒，有許多功能都沒有實現(xiàn)，比如歌曲播放，用戶評論歌曲、同時在線聊天室、游客登錄頁面等等，有許多上課講的控件都沒有用上，不過我感覺只要能做出好網(wǎng)站不一定就要用很多控件，我會繼續(xù)完善這個網(wǎng)站的設計的，到時候還要麻煩老師指點一下。 宋亞非 網(wǎng)絡082 7 2011年6月2日星期四文檔由本人精心搜集和整理，喜歡大家用得上，非常感謝你的瀏覽與下載。凡本廠職工應熱愛電廠、熱愛崗位、熱愛本職工作，