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

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