1、本網(wǎng)站要緊介紹王力宏最新專輯十八般武藝的相關(guān)信息，包括創(chuàng)作背景、歌詞等部分，由于時刻緊促，因此只是簡要的介紹。網(wǎng)站程序設(shè)計摘要：本網(wǎng)站要緊對王力宏最新專輯十八般武藝的相關(guān)信息進行介紹，由于時刻倉促，有許多功能都沒有實現(xiàn)，十分遺憾，目前實現(xiàn)的功能有：連接SQL Server數(shù)據(jù)庫從中獲得每首歌的歌詞，網(wǎng)頁轉(zhuǎn)向等功能，可能實現(xiàn)的還有歌曲播放功能和同步歌詞功能，但確實是沒有時刻弄，因此網(wǎng)頁的功能專門簡單，只是作業(yè)交完之后，我會接著拓展其功能的。關(guān)鍵字：SQL數(shù)據(jù)庫連接 網(wǎng)頁界面 引用頁 主頁網(wǎng)站概述由于時刻緊迫，本網(wǎng)站只有兩個頁面，引用頁和主頁：引用頁引用頁，確實是起到封面的作用，看起來摘要一樣，但

2、比摘要更加能吸引你的注意，首先從界面風格上吸引用戶的注意，擁有友好的界面是提高訪問量最直接也是最有效的方法，這是專門明顯的；其次引用頁的內(nèi)容應(yīng)該簡潔、明了，讓用戶一眼就能明白那個網(wǎng)站的中心內(nèi)容是什么，如此用戶才會選擇去不去掃瞄，然而引用頁上所寫的內(nèi)容，必須要扣住用戶的心思，讓用戶對之感興趣，然后才能吸引用戶掃瞄下面的東西，因此引用頁盡管簡單然而及其重要。主頁主頁，確實是那個網(wǎng)站的核心頁面的，是一個類似索引的內(nèi)容，能夠通過主頁轉(zhuǎn)向其他頁面，主頁包括差不多上所有的內(nèi)容，這么大的信息量，如何能簡單明了的呈現(xiàn)在用戶面前也是及其重要的，因此界面仍然特不重要。在此次網(wǎng)站程序設(shè)計中，我特不地降調(diào)界面的重要性

3、，我感受友好的界面是網(wǎng)站成功的一半，假如沒有友好的界面，那么有可能你那個網(wǎng)站全然就無人問津，現(xiàn)在國內(nèi)的許多網(wǎng)站都缺乏界面的重視，差不多上能夠講是文字和圖片的堆砌，比如講中關(guān)村在線，大量的信息堆砌在一個網(wǎng)頁上，廣告亂閃，無法快速的找到想要的信息，如圖1：圖 SEQ 圖 * ARABIC 1中關(guān)村在線我簡單的總結(jié)了一下界面應(yīng)該具有一下幾個特點：簡潔性：讓用戶一目了然風格的統(tǒng)一性色彩盡量用比較淡一點兒顏色，不可胡亂搭配顏色布局合理因此，國內(nèi)網(wǎng)站也有專門多界面值得贊揚的，例如講魅族官網(wǎng)就符合這些特點，如圖2圖 SEQ 圖 * ARABIC 2魅族官網(wǎng)工程環(huán)境主機環(huán)境：Windows 7 旗艦版集成開發(fā)

4、環(huán)境Visual Studio 2008 SP1 數(shù)據(jù)庫SQL Server 2008 掃瞄器測試Google Chrome掃瞄器網(wǎng)站設(shè)計步驟步驟一：打開Visual Studio 2008新建網(wǎng)站，選擇ASP.NET網(wǎng)站，并把網(wǎng)站名稱更名為About LeeHom，如圖：圖 SEQ 圖 * ARABIC 3新建網(wǎng)站步驟二 布局設(shè)置任意拖放首先講明一下布局問題，由于在Visual Studio 2008中沒有“布局”菜單選項，能夠在“工具”中的“選項”中的“HTML編輯器”中的“CSS樣式表”中勾選“對使用工具箱、粘貼或拖放操作添加的空間，將定位改為絕對定位”，操作如圖：圖 SEQ 圖 * A

5、RABIC 4實現(xiàn)網(wǎng)頁控件的任意拖放如此就能夠?qū)崿F(xiàn)網(wǎng)頁上控件的任意拖放了，大大地點便了網(wǎng)頁設(shè)計的控件布局問題預(yù)備好這些之后就能夠進入正題了，開始我們的引用頁的設(shè)計步驟三：引用頁的設(shè)計首先用一張大圖作為背景，如圖圖 SEQ 圖 * ARABIC 5引用頁背景圖然后用標簽文本在背景圖上對網(wǎng)站的中心內(nèi)容進行簡潔的概括，如圖：圖 SEQ 圖 * ARABIC 6 網(wǎng)站標題圖 SEQ 圖 * ARABIC 7網(wǎng)站內(nèi)容概念宣傳在引用頁的最后一行用超級鏈接，“Enter”吸引用戶點擊進入主頁，如圖圖 SEQ 圖 * ARABIC 8由此引入主頁專門顯然，既然用“Enter”來引入主頁，那么下面就開始對主頁進

6、行設(shè)計步驟四：主頁設(shè)計關(guān)于主頁設(shè)計，共有四個模塊橫幅設(shè)計現(xiàn)在大多數(shù)網(wǎng)站就會在這也的最頂部設(shè)計一個橫幅的東西，上面用一張圖片簡單的代入全網(wǎng)站的全部內(nèi)容，如圖圖 SEQ 圖 * ARABIC 9主頁橫幅橫幅有兩部分組成，一個背景大圖和一個小標有“柴米油鹽醬醋茶”的小圖貼王力宏簡介用圖片和文字對王力宏進行簡要的介紹，因此可不能是特不詳細，要緊是介紹力宏不為人知的小秘密，如圖：圖 SEQ 圖 * ARABIC 10王力宏的介紹作者簡介也是有圖片和文字組成，要緊是介紹我自己的一些信息，包括姓名、班級、學(xué)號等信息，如圖：圖 SEQ 圖 * ARABIC 11網(wǎng)站作者簡介專輯相關(guān)要緊分為兩部分，一部分是對十

7、八般武藝這張專輯的概念介紹和引入，如圖圖 SEQ 圖 * ARABIC 12十八般武藝專輯介紹引入第二部分為專輯歌曲具體介紹，運用SQL數(shù)據(jù)庫文件把歌曲名和對應(yīng)的介紹和歌詞存入數(shù)據(jù)表中，將數(shù)據(jù)文件綁定到ListBox中，如圖把存有歌曲名、歌曲簡介和歌詞的數(shù)據(jù)庫文件添加到項目圖 SEQ 圖 * ARABIC 13添加數(shù)據(jù)庫文件到項目把Listbox綁定數(shù)據(jù)源，并排列顯示歌曲名，以實現(xiàn)選中某個歌曲時在旁邊顯示歌曲的相關(guān)信息圖 SEQ 圖 * ARABIC 14選擇數(shù)據(jù)源網(wǎng)站運行效果圖 SEQ 圖 * ARABIC 15引用頁點擊“Enter”進入主頁，由于主頁比較長，多以分上、中、下三部分截圖展示圖 SEQ 圖 * ARABIC 16第一部分圖 SEQ 圖 * ARABIC 17第二部分圖 SEQ 圖 * ARABIC 18第三部分心得體會由于此次時刻倉卒，有許多功能都沒有實現(xiàn)，比如歌曲播放，用戶評論歌曲、同時在線談天