1、計(jì)算機(jī)課程設(shè)計(jì)任務(wù)書一 設(shè)計(jì)題目 音樂網(wǎng)站設(shè)計(jì)二 設(shè)計(jì)要求1 可根據(jù)歌名或歌手名查詢。2 可實(shí)現(xiàn)在線聽，下載等功能。3 網(wǎng)站主題明確，整體設(shè)計(jì)思路清晰，布局緊湊美觀，頁面色彩搭配合理。4 網(wǎng)頁上所有鏈接能夠正常使用，鏈接內(nèi)容符合要求并與主題相關(guān)。5 內(nèi)容積極，健康向上，不出現(xiàn)任何違反現(xiàn)行法律，法規(guī)和社會(huì)道德的內(nèi)容和鏈接。三 設(shè)計(jì)說明書要求要求書寫內(nèi)容充實(shí) ，規(guī)范。1 設(shè)計(jì)任務(wù)書2 目錄3 正文4 課程設(shè)計(jì)心得5 附錄目 錄0 摘要1 緒論 1.1 課程設(shè)計(jì)的背景及課程設(shè)計(jì)的意義 1.2 系統(tǒng)主要功能 1.3 主要開發(fā)工具及語言1.3.1 dreamweaver1.3.2 access1.3.3

2、 asp(active server page)1.3.4 html(hyper text markup language)2 系統(tǒng)分析2.1 系統(tǒng)目標(biāo)2.2 系統(tǒng)可行性論證2.2.1 技術(shù)可行性 2.2.2 經(jīng)濟(jì)可行性 2.2.3 操作可行性2.3 業(yè)務(wù)流程分析 2.3.1 系統(tǒng)功能模塊劃分3 系統(tǒng)總體設(shè)計(jì) 3.1 系統(tǒng)總體結(jié)構(gòu) 3.2 組織結(jié)構(gòu)框架圖 3.3 數(shù)據(jù)庫設(shè)計(jì) 3.3.1網(wǎng)站數(shù)據(jù)庫主要表的設(shè)計(jì) 3.3.2音樂下載模塊的數(shù)據(jù)庫設(shè)計(jì)4 網(wǎng)站詳細(xì)設(shè)計(jì) 4.1代碼設(shè)計(jì) 4.1.1登陸模塊設(shè)計(jì) 4.1.2網(wǎng)站注冊(cè)模塊設(shè)計(jì) 4.1.3在線點(diǎn)評(píng)版面顯示模塊設(shè)計(jì) 4.2界面設(shè)計(jì) 4.2.1登陸界

3、面設(shè)計(jì) 4.2.2注冊(cè)模塊界面設(shè)計(jì) 4.2.3音樂管理界面設(shè)計(jì)0摘 要： 音樂網(wǎng)站是網(wǎng)絡(luò)音樂的發(fā)展平臺(tái)，國內(nèi)各大音樂網(wǎng)站都擁有豐富的音樂資源，并且大部分的資源都可以免費(fèi)下載，因此吸引了上百萬的人成為他們的注冊(cè)用戶。過去，音樂網(wǎng)站功能較為單一，大多采用vb script腳本語言作為開發(fā)工具來建設(shè)網(wǎng)站。但隨著網(wǎng)絡(luò)技術(shù)的發(fā)展，用戶對(duì)音樂網(wǎng)站的要求逐步提高，音樂網(wǎng)站為了吸引更多的用戶，必須不斷美化界面，提升網(wǎng)站功能。目前，各大音樂網(wǎng)站除了支持基本的在線試聽、歌曲下載等常用功能外，也都建立了獨(dú)立的在線試聽模塊。由于網(wǎng)絡(luò)音樂的互動(dòng)性較強(qiáng)，音樂網(wǎng)站需要增加更多新的功能來滿足用戶之間的交流和互動(dòng)。因此，有必要

4、綜合各種功能來建立一個(gè)全面服務(wù)于用戶的綜合性音樂網(wǎng)站。關(guān)鍵詞：綜合性 實(shí)用性 互動(dòng)性 吸引性1 緒論 互聯(lián)網(wǎng)是社會(huì)發(fā)展的必然趨勢(shì)，很多人已經(jīng)意識(shí)到網(wǎng)絡(luò)的強(qiáng)大生命力和它在未來將處于的重要地位。他們鉆研并且努力進(jìn)入到這一個(gè)新的空間，新的領(lǐng)域。其中包括你和我。以個(gè)人為中心，淡化了傳統(tǒng)中心地位，使得我們的世界向多元化加速發(fā)展，人人都有話語權(quán)，人人都是中心。 互聯(lián)網(wǎng)是一個(gè)互動(dòng)性極強(qiáng)的平臺(tái)，它自由、寬容、平等、共享，并使來自民間的聲音參與到了構(gòu)建主流話語的行動(dòng)中來。計(jì)算機(jī)技術(shù)的發(fā)展，特別是網(wǎng)絡(luò)技術(shù)的飛速發(fā)展，給文檔的保存和管理提供極大的方便。本論文中，將軟件工程的基本原理和方法應(yīng)用到整個(gè)網(wǎng)站系統(tǒng)，并對(duì)其進(jìn)

5、行需求分析，提出了解決問題的具體方法。在具體制作中，用asp技術(shù)來實(shí)現(xiàn)b/s系統(tǒng)，asp技術(shù)與數(shù)據(jù)庫技術(shù)結(jié)合，用戶在瀏覽器端可以隨意查詢自己需要的標(biāo)本，這樣提高了網(wǎng)頁的互動(dòng)性，使整個(gè)系統(tǒng)能更好的為用戶服務(wù)。 internet飛速發(fā)展使得網(wǎng)站不再僅僅為企業(yè)或公司等大型結(jié)構(gòu)所擁有，互聯(lián)網(wǎng)成為人們快速獲取、發(fā)布和傳遞信息的重要渠道，它在人們政治、經(jīng)濟(jì)、生活等各個(gè)方面發(fā)揮著重要的作用。因此網(wǎng)站建設(shè)在internet應(yīng)用上的地位顯而易見，一個(gè)家庭甚至個(gè)人都可以擁有屬于自己的網(wǎng)站，而在這其中，個(gè)人網(wǎng)站已經(jīng)日漸普及，而且發(fā)展到今天，創(chuàng)建一個(gè)能充分體現(xiàn)自我風(fēng)格和特色的個(gè)人網(wǎng)站已經(jīng)成為互聯(lián)網(wǎng)用戶的新追求。1.1

6、 課程設(shè)計(jì)的背景及課程設(shè)計(jì)的意義隨著社會(huì)的發(fā)展時(shí)代的前進(jìn)，it行業(yè)的發(fā)展也是日新月異，對(duì)人類的生存和發(fā)展方式產(chǎn)生了很大的影響，網(wǎng)絡(luò)傳播以其特有的快速，高效，便捷的傳輸方式被人們所接受，越來越多的走進(jìn)千家萬戶，并在當(dāng)今音樂浪潮的影響下，隨著音樂事業(yè)逐漸走向高峰，音樂已無處不在，音樂與我們以密不可分。因此音樂網(wǎng)站的設(shè)計(jì)對(duì)于當(dāng)今社會(huì)更是有不言而喻的重要性，通過對(duì)音樂網(wǎng)站的設(shè)計(jì)與分析，闡明了當(dāng)前音樂發(fā)展的形勢(shì)，簡單介紹了音樂網(wǎng)站設(shè)計(jì)的內(nèi)容，結(jié)構(gòu)，規(guī)劃，功能，發(fā)展前景等，提出音樂網(wǎng)站的設(shè)計(jì)實(shí)際上是一個(gè)發(fā)展性的問題，在網(wǎng)站的整體設(shè)計(jì)過程大致可以分為前期準(zhǔn)備，策劃，設(shè)計(jì)，制作，運(yùn)行維護(hù)五個(gè)階段，其中采用多種

7、新興技術(shù)，并重點(diǎn)介紹了技術(shù)在過程中的應(yīng)用，是一個(gè)服務(wù)器端的開發(fā)環(huán)境，利用它可以生產(chǎn)和運(yùn)行動(dòng)態(tài)的，交互的，高性能的服務(wù)應(yīng)用程序，能夠?yàn)橐魳烽_發(fā)人員提供實(shí)現(xiàn)應(yīng)用程序的編制與自帶組件設(shè)計(jì)網(wǎng)頁從邏輯上分離的技術(shù)，特別適合建立站點(diǎn)，網(wǎng)上訪問數(shù)據(jù)的開發(fā)工具，使網(wǎng)站建立與發(fā)展變得較為簡單與快捷。為音樂網(wǎng)站的規(guī)劃和建設(shè)，提出一些建設(shè)性的意見，它可以使設(shè)計(jì)過程盡可能滿足音樂愛好者的需求。1.2系統(tǒng)的主要功能 1）. 用戶注冊(cè)登錄功能：只有登錄注冊(cè)后才能使用本網(wǎng)站功能； 2）. 在線視聽：會(huì)員能在線收聽音樂，在線收看電影； 3.） 下載功能：會(huì)員能下載音樂； 4.） 網(wǎng)站對(duì)歌曲進(jìn)行分類，使會(huì)員根據(jù)自己喜愛試聽或下

8、載歌曲； 5.） 網(wǎng)站提供新歌推薦和音樂排行榜項(xiàng)目，使會(huì)員能第一時(shí)間找到熱門歌曲； 6.） 搜索功能：會(huì)員能通過輸入歌手或者歌曲名找到自己想聽的音樂； 7）. 論壇：提供會(huì)員交流的平臺(tái)； 8.） 管理員對(duì)歌曲的添加，修改，刪除； 9.） 系統(tǒng)支持多種格式的音樂上傳； 10）. 管理員賬號(hào)管理。主要開發(fā)工具及語言1.3.1 dreamweaverdreamweaver的界面幾乎是做了一次脫胎換骨的改進(jìn)，從中看到了更多的設(shè)計(jì)元素，讓dw也稍稍帶著點(diǎn)蘋果的味道。如果說vista和office 2007創(chuàng)造了軟件界面設(shè)計(jì)的新紀(jì)元，那么adobe相當(dāng)于取代了蘋果的設(shè)計(jì)地位而緊隨ms之后。唯一的區(qū)別就是，

9、ms老是抄人家蘋果的（汗一個(gè)，微軟的fans別砸我），而adobe卻是實(shí)實(shí)在在的自己創(chuàng)造，設(shè)計(jì)界的老大地位實(shí)至名歸 布局按鈕：這個(gè)按鈕似乎和下方的代碼、分割、設(shè)計(jì)按鈕功能重復(fù)，目前還不明白dw的意圖，唯一增加的新功能是垂直分割，讓代碼和設(shè)計(jì)界面以垂直對(duì)比的方式呈現(xiàn)。 dreamweaver的使用方法。啟動(dòng)面板：啟動(dòng)面板主要用來快速啟動(dòng)響應(yīng)的任務(wù)，或顯示/隱藏相應(yīng)的浮動(dòng)面板。如果啟動(dòng)面板是豎的，那么，可以點(diǎn)擊它又下角的一個(gè)小按鈕，它就可以變成橫向的了，這時(shí)，可能會(huì)發(fā)現(xiàn)，它的狀態(tài)欄上也有這個(gè)面板上的所以選項(xiàng)。這也就為網(wǎng)頁制作者提供了方便。可以直接從右下角點(diǎn)擊相應(yīng)的欄目進(jìn)入想要進(jìn)入的對(duì)話框。 對(duì)象面

10、板對(duì)象面板主要功能相當(dāng)于插入菜單，主要是向網(wǎng)頁中插入一些對(duì)象，如表格，框架，圖象，層，flash 動(dòng)畫等，它通過一個(gè)下拉菜單，把要插入的選項(xiàng)都包括在了其中 .精簡設(shè)計(jì)：它提供了更多的可視區(qū)域，同時(shí)可以把右邊的菜單收縮到只剩下圖標(biāo)。對(duì)于習(xí)慣了adobe其他設(shè)計(jì)軟件的朋友來說，這的確是非常貼心的設(shè)計(jì)。 應(yīng)用程序開發(fā)增強(qiáng)：左上方是和數(shù)據(jù)相關(guān)的面板，包括數(shù)據(jù)庫面板、數(shù)據(jù)綁定面板和行為面板；左下方則是文件與資源相關(guān)的面板，包括文件面板、相關(guān)資源面板、代碼收集器等；右邊則是設(shè)計(jì)相關(guān)面板，包括插入面板、css樣式表面板、ap元素面板（用來為浮動(dòng)層定位）。應(yīng)該說這是一個(gè)萬金油布局，幾乎適用所有的開發(fā)者，同時(shí)，

11、它也把大部分菜單展示在用戶面前，其他的七種布局可以說只是在這個(gè)基礎(chǔ)上進(jìn)行一些排列和隱藏。 在下方的文檔面板上，dw新增加了一個(gè)實(shí)時(shí)預(yù)覽功能live view。它的作用是在dw窗口中實(shí)時(shí)查看代碼的效果，包括javascript特效！dreamweaver是唯一提供roundtrip html、視覺化編輯與原始碼編輯同步的設(shè)計(jì)工具。它包含homesite和bbedit等主流文字編輯器。幀(frames)和表格的制作速度快的令您無法想像。進(jìn)階表格編輯功能使您簡單的選擇單格、行、欄或作未連續(xù)之選取。甚至可以排序或格式化表格群組，dreamweaver 支援精準(zhǔn)定位，利用可輕易轉(zhuǎn)換成表格的圖層以拖拉置放

12、的方式進(jìn)行版面配置。所見即所得 dreamweaver成功整合動(dòng)態(tài)式出版視覺編輯及電子商務(wù)功能，提供超強(qiáng)的支援能力給third-party廠商，包含asp， apache，broadvision， cold fusion，icat， tango與自行發(fā)展的應(yīng)用軟體。當(dāng)您正使用dreamweaver在設(shè)計(jì)動(dòng)態(tài)網(wǎng)頁時(shí)，所見即所得的功能，讓您不需要透過瀏覽器就能預(yù)覽網(wǎng)頁。夢(mèng)幻樣版和xml dreamweaver將內(nèi)容與設(shè)計(jì)分開，應(yīng)用于快速網(wǎng)頁更新和團(tuán)隊(duì)合作網(wǎng)頁編輯。建立網(wǎng)頁外觀的樣版，指定可編輯或不可編輯的部份，內(nèi)容提供者可直接編輯以樣式為主的內(nèi)容卻不會(huì)不小心改變既定之樣式。您也可以使用樣版正確地輸

13、入或輸出xml內(nèi)容。1.3.2 accessmicrosoft access在很多地方得到廣泛使用，例如小型企業(yè)，大公司的部門，和喜愛編程的開發(fā)人員專門利用它來制作處理數(shù)據(jù)的桌面系統(tǒng)。它也常被用來開發(fā)簡單的web應(yīng)用程序這些應(yīng)用程序都利用asp技術(shù)在internet information services運(yùn)行比較復(fù)雜的web應(yīng)用程序則使用php/mysql或者asp/microsoft sql server 它的使用方便程度和強(qiáng)大的設(shè)計(jì)工具為初級(jí)程序員提供許多功能。不過，這種便于使用可能使人誤解。這類開發(fā)者都是沒有在應(yīng)用或者數(shù)據(jù)設(shè)計(jì)方面訓(xùn)練的辦公室從業(yè)人員。因此許多人以為這樣的開發(fā)者能夠創(chuàng)造

14、可用的系統(tǒng)，但也有很多人認(rèn)為工具本身的局限性產(chǎn)生了這樣的誤導(dǎo)。 一些專業(yè)的應(yīng)用程序開發(fā)人員使用 access 用作 快速應(yīng)用開發(fā)，特別是給街道上的推銷員制作一個(gè)初型或獨(dú)立應(yīng)用程序的工具。可是如果是透過網(wǎng)絡(luò)存取數(shù)據(jù)的話，access 的可擴(kuò)放性并不高因此當(dāng)程序被較多使用者使用時(shí)，他們的選擇多會(huì)是傾向于一些客戶端-服務(wù)器為本的方案，例如 oracle、db2、microsoft sql server、windows sharepoint services、postgresql、mysql、alpha five、maxdb，或者filemaker。無論如何，不少 access 的功能（表單，報(bào)告，序

15、列和vb代碼）可以用作其他數(shù)據(jù)庫的后期應(yīng)用，包括 jet（檔案為主的數(shù)據(jù)庫引擎，access 缺省使用）、microsoft sql server、oracle和任何其他跟odbc兼容的產(chǎn)品。這種方法允許開發(fā)者把一個(gè)成熟的應(yīng)用的數(shù)據(jù)移動(dòng)到一臺(tái)更大功率的服務(wù)器而沒有已經(jīng)在適當(dāng)?shù)奈恢脿奚l(fā)展。 很多microsoft access的開發(fā)者使用leszynski命名約定，雖然這不普遍；它是一次編程大會(huì)，并非一個(gè)dbms實(shí)施的規(guī)章。1.3.3 asp(active server page)asp是一種服務(wù)器端腳本編寫環(huán)境，可以用來創(chuàng)建和運(yùn)行動(dòng)態(tài)網(wǎng)頁或web應(yīng)用程序。asp網(wǎng)頁可以包含html標(biāo)記、普通

16、文本、腳本命令以及com組件等。利用asp可以向網(wǎng)頁中添加交互式內(nèi)容（如在線表單），也可以創(chuàng)建使用html網(wǎng)頁作為用戶界面的web應(yīng)用程序。 與html相比，asp網(wǎng)頁具有以下特點(diǎn)： asp（1） 利用asp可以實(shí)現(xiàn)突破靜態(tài)網(wǎng)頁的一些功能限制，實(shí)現(xiàn)動(dòng)態(tài)網(wǎng)頁技術(shù)； （2）asp文件是包含在html代碼所組成的文件中的，易于修改和測(cè)試； （3）服務(wù)器上的asp解釋程序會(huì)在服務(wù)器端執(zhí)行asp程序，并將結(jié)果以html格式傳送到客戶端瀏覽器上，因此使用各種瀏覽器都可以正常瀏覽asp所產(chǎn)生的網(wǎng)頁； （4）asp提供了一些內(nèi)置對(duì)象，使用這些對(duì)象可以使服務(wù)器端腳本功能更強(qiáng)。例如可以從web瀏覽器中獲取用戶通過

17、html表單提交的信息，并在腳本中對(duì)這些信息進(jìn)行處理，然后向web瀏覽器發(fā)送信息； （5）asp可以使用服務(wù)器端activex組件來執(zhí)行各種各樣的任務(wù)，例如存取數(shù)據(jù)庫、發(fā)送email或訪問文件系統(tǒng)等。 （6）由于服務(wù)器是將asp程序執(zhí)行的結(jié)果以html格式傳回客戶端瀏覽器，因此使用者不會(huì)看到asp所編寫的原始程序代碼，可防止asp程序代碼被竊取。 (7) 方便連接access與sql數(shù)據(jù)庫. (8)開發(fā)需要有豐富的經(jīng)驗(yàn),否則會(huì)留出漏洞,讓黑客利用進(jìn)行注入攻擊. asp也不僅僅局限于與html結(jié)合制作web網(wǎng)站，而且還可以與xhtml和wml語言結(jié)合制作wap手機(jī)網(wǎng)站。但是其原理也是一樣的。 a

18、sp-工作原理當(dāng)在web站點(diǎn)中融入asp功能后，將發(fā)生以下事情： 1、用戶向?yàn)g覽器地址欄輸入網(wǎng)址，默認(rèn)頁面的擴(kuò)展名是.asp。 2、瀏覽器向服務(wù)器發(fā)出請(qǐng)求。 3、服務(wù)器引擎開始運(yùn)行asp程序。 4、asp文件按照從上到下的順序開始處理，執(zhí)行腳本命令，執(zhí)行html頁面內(nèi)容。 5、頁面信息發(fā)送到瀏覽器。1.3.4 html(hyper text markup language)html（hypertext mark-up language）即超文本標(biāo)記語言或超文本鏈接標(biāo)示語言，是目前網(wǎng)絡(luò)上應(yīng)用最為廣泛的語言，也是構(gòu)成網(wǎng)頁文檔的主要語言。html文本是由html命令組成的描述性文本，html命令可以

19、說明文字、圖形、動(dòng)畫、聲音、表格、鏈接等。html的結(jié)構(gòu)包括頭部（head）、主體（body）兩大部分，其中頭部描述瀏覽器所需的信息，而主體則包含所要說明的具體內(nèi)容。html文檔制作不是很復(fù)雜，且功能強(qiáng)大，支持不同數(shù)據(jù)格式的文件鑲?cè)耄@也是www盛行的原因之一，其主要特點(diǎn)如下： 1 簡易性，html版本升級(jí)采用超集方式，從而更加靈活方便。 2 可擴(kuò)展性，html語言的廣泛應(yīng)用帶來了加強(qiáng)功能，增加標(biāo)識(shí)符等要求，html采取子類元素的方式，為系統(tǒng)擴(kuò)展帶來保證。 3 平臺(tái)無關(guān)性。雖然pc機(jī)大行其道，但使用mac等其他機(jī)器的大有人在，html可以使用在廣泛的平臺(tái)上，這也是www盛行的另一個(gè)原因。2.2

20、系統(tǒng)可行性論證 2.2.1 技術(shù)可行性 2.2.2 經(jīng)濟(jì)可行性 2.2.3 操作可行性2.3 業(yè)務(wù)流程框架分析 2.3.1 系統(tǒng)功能模塊劃分音樂網(wǎng)站主題確定 本次設(shè)計(jì)制作的是一個(gè)音樂類型的網(wǎng)站，所以一定要給瀏覽者生動(dòng)的音樂體驗(yàn)，所以網(wǎng)站需要有豐富的功能來滿足瀏覽者。其中搜索功能，下載功能，試聽功能能使網(wǎng)站表現(xiàn)的更加自由，操作簡潔，便利。音樂網(wǎng)站首頁歌曲搜索熱門歌曲最新專輯歌曲下載歌曲試聽3 系統(tǒng)總體設(shè)計(jì) 工具簡介：第一個(gè)為插入圖象的按鈕，點(diǎn)擊后，會(huì)彈出對(duì)話框，標(biāo)準(zhǔn)對(duì)話框，選擇想要的圖象就行了。 第二個(gè)（橫向走）為插入輪替圖象，它彈出的對(duì)話框會(huì)讓選擇兩副圖，以及鼠標(biāo)點(diǎn)擊時(shí)的連接等。作好后，用鼠標(biāo)

21、移動(dòng)到圖象上面，圖象就會(huì)變成另外的一副圖象，點(diǎn)擊它，就會(huì)連接到另外一個(gè)頁面上去。 第三個(gè)為表格，點(diǎn)擊后，在彈出的對(duì)話框中，添入想要的行數(shù)和列數(shù)以及表格邊距顏色等。 第四個(gè)為插入表格式數(shù)據(jù)，可以將以前作成的表格形狀的數(shù)據(jù)表，直接插入到網(wǎng)頁中來，而不用做任何的修改。 第五個(gè)按鈕為插入水平線按鈕，插入后，在屬性浮動(dòng)面板上改改它的大小等。 第六個(gè)為導(dǎo)航條，和第二個(gè)差不多，也可以換圖象，不過，比起第二個(gè)要復(fù)雜的多，但絕對(duì)簡單。 第七個(gè)為插入層，這好象是 dreamweaver 特有的特性，其他的網(wǎng)頁編輯軟件中都沒有這項(xiàng)功能。插入的層可以位于頁面的任何位置。拖動(dòng)就行。 第八個(gè)為插入換行符，有時(shí)網(wǎng)頁中的文字

22、想讓它換行，按回車又太大，用換行符就是一種不錯(cuò)的選擇。 第九個(gè)為插入 email，將聯(lián)系用的 email 插入網(wǎng)頁中，只要填上 email 地址就行。 第十個(gè)為插入日期，很簡單，沒有什么好說的。 第十一個(gè)為插入 flash 按鈕，flash 是現(xiàn)在網(wǎng)頁中新興的一種多媒體，有動(dòng)畫，有聲音，但文件很小，極適合在網(wǎng)上傳播。 第十二個(gè)為插入 shockwave 按鈕，做好了的 shockwave 直接就可以插到這兒來。 第十三個(gè)為插入制作人，親自制作的東西不想留名嗎？點(diǎn)它就行。 第十四為插入 firework 按鈕，firework 是 macromedia 公司的又一個(gè)產(chǎn)品，具有制作動(dòng)畫圖象等動(dòng)態(tài)功

23、能。也是專門為網(wǎng)頁制作設(shè)計(jì)的。 第十五為插入 java 語言編寫的 applet 小程序按鈕。 第十六為插入 active x 控件用的按鈕。 第十七為插入插件用的按鈕，這兒可以插入別的插件，上面未包括的。 第十八未插入服務(wù)器端接口聯(lián)系的按鈕。 組的按鈕：插入框架：第一個(gè)按鈕為插入框架按鈕，為插入下面的那些按鈕作準(zhǔn)備。這下面的按鈕選項(xiàng)包括：文本框，按鈕，多選按鈕，單選按鈕，列表，文件域，圖象域，隱含域，跳轉(zhuǎn)菜單等交互式網(wǎng)頁要用到的組件，假如要制作一個(gè)交互式的網(wǎng)頁像留言薄什么的，用它做，非常的方便快捷。 其他按鈕：它還有幾個(gè)選項(xiàng)組，但都不是那么常用了，一個(gè)就是它 character 組它是常用符

24、號(hào)組面板，里面為收集了最長用的符號(hào)，這些，通過手工直接寫，是非常麻煩的事，因?yàn)樗鼈兪窃创a了，而這兒，可以給直接的轉(zhuǎn)換成為源碼，插入就成。而 frames 組，則是對(duì)頁面的分頁，也就是分窗口，將一個(gè)瀏覽器窗口分成幾個(gè)窗口，在每個(gè)窗口里加入不同網(wǎng)頁，來達(dá)到不同的效果。它可以分的總類也如下，可以從圖上直接看出來，非常的方便與快捷。而 head 組則是在網(wǎng)頁“head”和“/head”之間加入必要的語句，可以是連接，可以是關(guān)鍵字，也可以是描述性的語句，還可以規(guī)定網(wǎng)頁的刷新頻率等。invisible 組則是插入網(wǎng)頁中看不見的元素了，比如說：換行符，回車符等不可見的符號(hào)。主要由這個(gè)控制面板來插入。 使用方

25、法：網(wǎng)頁制作：新建方法，就不用多說，一般軟件中的新建方法在這兒同樣使用，點(diǎn)擊菜單 file 中的 new 就行了，或者按 ctrl+n 也行。 在這兒就可以插入文字，圖象，層等，反正都隨，是不是也是所見既所得。假如想看一下它的源文件，可以點(diǎn)擊右下角的“”標(biāo)記，也可以點(diǎn)擊啟動(dòng)面板中的最后一個(gè)選項(xiàng)。就會(huì)彈出來一個(gè)小窗口如圖：也可以打開外部編輯器來編輯它的源代碼，比如說記事本。 只要點(diǎn)一下“external editor”按鈕，wrap選項(xiàng)為換行，當(dāng)不想橫向拉動(dòng)滾動(dòng)條，把它選上，文字就自動(dòng)會(huì)換行了，另外一個(gè)選項(xiàng)為行號(hào)選項(xiàng)，當(dāng)選上它是，左邊將會(huì)出項(xiàng)行號(hào)，這樣特別便于查找，去掉后，就與普通的記事本沒有什

26、么區(qū)別了。編輯好后，關(guān)了它就可以了。 構(gòu)建站點(diǎn)：所有設(shè)計(jì)好的網(wǎng)頁，在放到網(wǎng)上去以前，都需要把它組建好，以便于上傳，在本地機(jī)上就要組織好，而 dreamweaver 也把這想到了，點(diǎn)擊啟動(dòng)面板上的 site 選項(xiàng)，就會(huì)彈出站點(diǎn)管理窗口，和文件瀏覽器差不多，在這兒，可以增加文件夾，刪減文件，文件改名等等，只要是文件瀏覽器能干的事，它都能干。并且可以清楚地看到，哪個(gè)文件連接到了哪個(gè)文件，哪些文件是并列的關(guān)系，那些文件是父子關(guān)系。所做的第一步是先建立一個(gè)本地站點(diǎn)根目錄。然后選擇“new site”打開對(duì)話框，在“l(fā)ocal root folder”中，輸入本地站點(diǎn)根目錄的位置。然后輸入 http ad

27、dress，如果還沒有該地址，隨便輸入一個(gè)也行，只要好記。最后，按“ok”鍵就可以了。以后從本地站點(diǎn)中刪除文件，拷貝文件時(shí)，站點(diǎn)會(huì)自動(dòng)刷新站點(diǎn)文件列表。其余的管理操作，與文件瀏覽器一樣。3.1 系統(tǒng)總體結(jié)構(gòu)關(guān)于框架和框架集 框架 是瀏覽器窗口中的一個(gè)區(qū)域，它可以顯示與瀏覽器窗口的其余部分中所顯示內(nèi)容無關(guān)的 html 文檔。框架集 是 html 文件，它定義一組框架的布局和屬性，包括框架的數(shù)目、框架的大小和位置以及在每個(gè)框架中初始顯示的頁面的 url。框架集文件本身不包含要在瀏覽器中顯示的 html 內(nèi)容，但 noframes 部分除外；框架集文件只是向?yàn)g覽器提供應(yīng)如何顯示一組框架以及在這些框架

28、中應(yīng)顯示哪些文檔的有關(guān)信息。本節(jié)包含以下概念性主題： 了解框架和框架集如何工作 決定是否使用框架 了解嵌套的框架集.3。3.1.1.了解框架和框架集如何工作 框架 是瀏覽器窗口中的一個(gè)區(qū)域，它可以顯示與瀏覽器窗口的其余部分中所顯示內(nèi)容無關(guān)的 html 文檔。框架集 是 html 文件，它定義一組框架的布局和屬性。要在瀏覽器中查看一組框架，請(qǐng)輸入框架集文件的 url；瀏覽器隨后打開要顯示在這些框架中的相應(yīng)文檔。通常將一個(gè)站點(diǎn)的框架集文件命名為 index.html，以便當(dāng)訪問者未指定文件名時(shí)默認(rèn)顯示該名稱。下面的示例顯示了一個(gè)由三個(gè)框架組成的框架布局：一個(gè)較窄的框架位于側(cè)面，其中包含導(dǎo)航條；一個(gè)

29、框架橫放在頂部，其中包含 web 站點(diǎn)的徽標(biāo)和標(biāo)題；一個(gè)大框架占據(jù)了頁面的其余部分，其中包含主要內(nèi)容。這些框架中的每一個(gè)都顯示單獨(dú)的 html 文檔。3.1.2決定是否使用框架 框架的最常見用途就是導(dǎo)航。一組框架通常包括一個(gè)含有導(dǎo)航條的框架和另一個(gè)要顯示主要內(nèi)容頁面的框架。但是，框架的設(shè)計(jì)可能比較復(fù)雜；并且在許多情況下，您可以創(chuàng)建沒有框架的 web 頁，它可以達(dá)到使用一組框架所能達(dá)到的許多同樣效果。例如，如果您想讓導(dǎo)航條顯示在頁面的左側(cè)，則既可以用一組框架代替您的頁面，也可以只是在站點(diǎn)中的每一頁上包含該導(dǎo)航條。（dreamweaver 可以幫助您創(chuàng)建使用相同布局的多個(gè)頁面；下圖顯示了具有類似框

30、架布局的頁面設(shè)計(jì)，但在設(shè)計(jì)中并沒有使用框架。使用框架具有以下優(yōu)點(diǎn)： 訪問者的瀏覽器不需要為每個(gè)頁面重新加載與導(dǎo)航相關(guān)的圖形。 每個(gè)框架都具有自己的滾動(dòng)條（如果內(nèi)容太大，在窗口中顯示不下），因此訪問者可以獨(dú)立滾動(dòng)這些框架。 例如，當(dāng)框架中的內(nèi)容頁面較長時(shí)，如果導(dǎo)航條位于不同的框架中，那么向下滾動(dòng)到頁面底部的訪問者就不需要再滾動(dòng)回頂部來使用導(dǎo)航條。使用框架具有以下缺點(diǎn)： 可能難以實(shí)現(xiàn)不同框架中各元素的精確圖形對(duì)齊。 對(duì)導(dǎo)航進(jìn)行測(cè)試可能很耗時(shí)間。各個(gè)帶有框架的頁面的 url 不顯示在瀏覽器中，因此訪問者可能難以將特定頁面 3.13嵌套的框架集在另一個(gè)框架集之內(nèi)的框架集稱作嵌套的框架集。一個(gè)框架集文件

31、可以包含多個(gè)嵌套的框架集。大多數(shù)使用框架的 web 頁實(shí)際上都使用嵌套的框架，并且在 dreamweaver 中大多數(shù)預(yù)定義的框架集也使用嵌套。如果在一組框架里，不同行或不同列中有不同數(shù)目的框架，則要求使用嵌套的框架集。3.2 組織結(jié)框架圖3.14使用預(yù)定義的框架集通過預(yù)定義的框架集，您可以很容易地選擇您要?jiǎng)?chuàng)建的框架集類型。如果您想設(shè)計(jì)自己的框架集。創(chuàng)建預(yù)定義的框架集有兩種方法： 通過插入欄，您可以創(chuàng)建框架集并在某一個(gè)新的框架中顯示當(dāng)前文檔。 “新建文檔”對(duì)話框創(chuàng)建新的空框架集。要?jiǎng)?chuàng)建預(yù)定義的框架集并在某一框架中顯示現(xiàn)有文檔，請(qǐng)執(zhí)行以下操作：1 將插入點(diǎn)放置在文檔中。2 執(zhí)行下列操作之一： 3

32、 從“插入”“html”“框架”子菜單中選擇預(yù)定義的框架集。4 在“插入”欄的“布局”類別中，單擊“框架”按鈕上的下拉箭頭，然后選擇預(yù)定義的框架集?？蚣芗瘓D標(biāo)提供應(yīng)用于當(dāng)前文檔的每個(gè)框架集的可視化表示形式?？蚣芗瘓D標(biāo)的藍(lán)色區(qū)域表示當(dāng)前文檔，而白色區(qū)域表示將顯示其它文檔的框架。選擇框架和框架集3.15在“框架”面板中選擇框架和框架集“框架”面板提供框架集內(nèi)各框架的可視化表示形式。它能夠顯示框架集的層次結(jié)構(gòu)，而這種層次在“文檔”窗口中的顯示可能不夠直觀。在“框架”面板中，環(huán)繞每個(gè)框架集的邊框非常粗；而環(huán)繞每個(gè)框架的是較細(xì)的灰線，并且每個(gè)框架由框架名稱標(biāo)識(shí)。要顯示“框架”面板，請(qǐng)執(zhí)行以下操作： 選擇

33、“窗口”“框架”。要在“框架”面板中選擇一個(gè)框架，請(qǐng)執(zhí)行以下操作： 在“框架”面板中單擊框架。 在“框架”面板和“文檔”窗口的“設(shè)計(jì)”視圖中，框架周圍都會(huì)顯示一個(gè)選擇輪廓。要在“框架”面板中選擇一個(gè)框架集，請(qǐng)執(zhí)行以下操作： 在“框架”面板中單擊環(huán)繞框架集的邊框。 在“框架”面板和“文檔”窗口的“設(shè)計(jì)”視圖中，框架集周圍都會(huì)顯示一個(gè)選擇輪廓。3.16在“文檔”窗口中選擇框架和框架集在“文檔”窗口的“設(shè)計(jì)”視圖中，在選定了一個(gè)框架后，其邊框被虛線環(huán)繞；在選定了一個(gè)框架集后，該框架集內(nèi)各框架的所有邊框都被淡顏色的虛線環(huán)繞。要在“文檔”窗口中選擇一個(gè)框架，請(qǐng)執(zhí)行以下操作： 在“設(shè)計(jì)”視圖中，按住 al

34、t 鍵的同時(shí)單擊框架內(nèi)部 (windows) 或在按住 option 和 shift 鍵的同時(shí)單擊框架內(nèi)部 (macintosh)。 在框架周圍顯示一個(gè)選擇輪廓。要在“文檔”窗口中選擇一個(gè)框架集，請(qǐng)執(zhí)行以下操作： 在“設(shè)計(jì)”視圖中，單擊框架集的某一內(nèi)部框架邊框。（要執(zhí)行這一操作，框架邊框必須是可見的；如果看不到框架邊框，則選擇“查看”“可視化助理”“框架邊框”以使框架邊框可見。） 3.17查看和設(shè)置框架屬性使用屬性檢查器可以查看和設(shè)置大多數(shù)框架屬性。您還可以設(shè)置某些框架屬性，如 title 屬性（它和 name 屬性不同），以改進(jìn)輔助功能。在創(chuàng)建框架時(shí)，可以使用用于框架的輔助功能創(chuàng)作選項(xiàng)來設(shè)置

35、屬性，或者可以在插入框架后設(shè)置屬性。若要編輯框架的輔助功能屬性，請(qǐng)直接使用標(biāo)簽檢查器編輯 html 代碼。要查看或設(shè)置框架屬性，請(qǐng)執(zhí)行以下操作：1 通過執(zhí)行以下操作之一選擇框架： 2 在“文檔”窗口的“設(shè)計(jì)”視圖中，按住 alt 鍵的同時(shí)單擊一個(gè)框架 (windows) 或在按 住 shift 和 option 鍵的同時(shí)單擊一個(gè)框架 (macintosh)。3 在“框架”面板（“窗口”“框架”）中單擊框架。4 在“屬性”檢查器（“窗口”“屬性”）中，單擊右下角的展開箭頭，查看所有框架屬性。 5 按需要進(jìn)行更改。 6 有關(guān)如何在框架“屬性”檢查器中設(shè)置特定選項(xiàng)的信息，若要設(shè)置框架的輔助功能值，請(qǐng)

36、執(zhí)行以下操作：7 在“框架”面板（“窗口”“框架”）中，通過將插入點(diǎn)放在一個(gè)框架中來選擇框架。8 選擇“修改”“編輯標(biāo)簽”。 即會(huì)顯示標(biāo)簽編輯器。9 從左側(cè)的類別列表中選擇“樣式表/輔助功能”。10 按需要輸入值。11 單擊“確定”。3.3 數(shù)據(jù)庫設(shè)計(jì) 數(shù)據(jù)庫簡介數(shù)據(jù)庫（database）是按照數(shù)據(jù)結(jié)構(gòu)來組織、存儲(chǔ)和管理數(shù)據(jù)的倉庫，它產(chǎn)生于距今五十年前，隨著信息技術(shù)和市場(chǎng)的發(fā)展，特別是二十世紀(jì)九十年代以后，數(shù)據(jù)管理不再僅僅是存儲(chǔ)和管理數(shù)據(jù)，而轉(zhuǎn)變成用戶所需要的各種數(shù)據(jù)管理的方式。數(shù)據(jù)庫有很多種類型，從最簡單的存儲(chǔ)有各種數(shù)據(jù)的表格到能夠進(jìn)行海量數(shù)據(jù)存儲(chǔ)的大型數(shù)據(jù)庫系統(tǒng)都在各個(gè)方面得到了廣泛的應(yīng)用

37、。j.martin給數(shù)據(jù)庫下了一個(gè)比較完整的定義：數(shù)據(jù)庫是存儲(chǔ)在一起的相關(guān)數(shù)據(jù)的集合，這些數(shù)據(jù)是結(jié)構(gòu)化的，無有害的或不必要的冗余，并為多種應(yīng)用服務(wù)；數(shù)據(jù)的存儲(chǔ)獨(dú)立于使用它的程序；對(duì)數(shù)據(jù)庫插入新數(shù)據(jù)，修改和檢索原有數(shù)據(jù)均能按一種公用的和可控制的方式進(jìn)行。當(dāng)某個(gè)系統(tǒng)中存在結(jié)構(gòu)上完全分開的若干個(gè)數(shù)據(jù)庫時(shí)，則該系統(tǒng)包含一個(gè)“數(shù)據(jù)庫集合”。常用數(shù)據(jù)庫如下sql server1987 年，微軟和ibm合作開發(fā)完成os/2，ibm 在其銷售的os/2 extendededition 系統(tǒng)中綁定了os/2database manager，而微軟產(chǎn)品線中尚缺少數(shù)據(jù)庫產(chǎn)品。為此，微軟將目光投向sybase，同sy

38、base 簽訂了合作協(xié)議，使用sybase的技術(shù)開發(fā)基于os/2平臺(tái)的關(guān)系型數(shù)據(jù)庫。1989年，微軟發(fā)布了sql server 1.0 版。postgresqlpostgresql 是一種特性非常齊全的自由軟件的對(duì)象關(guān)系性數(shù)據(jù)庫管理系統(tǒng)（ordbms），它的很多特性是當(dāng)今許多商業(yè)數(shù)據(jù)庫的前身。postgresql最早開始于bsd的ingres項(xiàng)目。postgresql 的特性覆蓋了sql-2/sql-92和sql-3。首先，它包括了可以說是目前世界上最豐富的數(shù)據(jù)類型的支持；其次，目前postgresql 是唯一支持事務(wù)、子查詢、多版本并行控制系統(tǒng)、數(shù)據(jù)完整性檢查等特性的唯一的一種自由軟件的數(shù)據(jù)

39、庫管理系統(tǒng). mysqlmysql是一個(gè)小型關(guān)系型數(shù)據(jù)庫管理系統(tǒng)，開發(fā)者為瑞典mysql ab公司。在2008年1月16號(hào)被sun公司收購。目前mysql被廣泛地應(yīng)用在internet上的中小型網(wǎng)站中。由于其體積小、速度快、總體擁有成本低，尤其是開放源碼這一特點(diǎn)，許多中小型網(wǎng)站為了降低網(wǎng)站總體擁有成本而選擇了mysql作為網(wǎng)站數(shù)據(jù)庫。 access數(shù)據(jù)庫美國microsoft公司于1994年推出的微機(jī)數(shù)據(jù)庫管理系統(tǒng)。它具有界面友好、易學(xué)易用、開發(fā)簡單、接口靈活等特點(diǎn)，是典型的新一代桌面數(shù)據(jù)庫管理系統(tǒng)。其主要特點(diǎn)如下： (1)完善地管理各種數(shù)據(jù)庫對(duì)象，具有強(qiáng)大的數(shù)據(jù)組織、用戶管理、安全檢查等功能

40、。 (2)強(qiáng)大的數(shù)據(jù)處理功能，在一個(gè)工作組級(jí)別的網(wǎng)絡(luò)環(huán)境中，使用access開發(fā)的多用戶數(shù)據(jù)庫管理系統(tǒng)具有傳統(tǒng)的xbase(dbase、foxbase的統(tǒng)稱)數(shù)據(jù)庫系統(tǒng)所無法實(shí)現(xiàn)的客戶服務(wù)器(cient/server)結(jié)構(gòu)和相應(yīng)的數(shù)據(jù)庫安全機(jī)制，access具備了許多先進(jìn)的大型數(shù)據(jù)庫管理系統(tǒng)所具備的特征，如事務(wù)處理/出錯(cuò)回滾能力等。 (3)可以方便地生成各種數(shù)據(jù)對(duì)象，利用存儲(chǔ)的數(shù)據(jù)建立窗體和報(bào)表，可視性好。 (4)作為office套件的一部分，可以與office集成，實(shí)現(xiàn)無縫連接。 (5)能夠利用web檢索和發(fā)布數(shù)據(jù)，實(shí)現(xiàn)與internet的連接。 access主要適用于中小型應(yīng)用系統(tǒng)，或作為

41、客戶機(jī)/服務(wù)器系統(tǒng)中的客戶端數(shù)據(jù)庫。foxpro數(shù)據(jù)庫最初由美國fox公司1988年推出，1992年fox公司被microsoft公司收購后，相繼推出了foxpro2.5、2.6和visualfoxpro等版本，其功能和性能有了較大的提高。 foxpro2.5、2.6分為dos和windows兩種版本，分別運(yùn)行于dos和windows環(huán)境下。foxpro比foxbase在功能和性能上又有了很大的改進(jìn)，主要是引入了窗口、按紐、列表框和文本框等控件，進(jìn)一步提高了系統(tǒng)的開發(fā)能力。3.3.1網(wǎng)站數(shù)據(jù)庫主要表的設(shè)計(jì)啟動(dòng)面板：啟動(dòng)面板主要用來快速啟動(dòng)響應(yīng)的任務(wù)，或顯示/隱藏相應(yīng)的浮動(dòng)面板。如果啟動(dòng)面板是豎

42、的，那么，可以點(diǎn)擊它又下角的一個(gè)小按鈕，它就可以變成橫向的了，這時(shí)，可能會(huì)發(fā)現(xiàn)，它的狀態(tài)欄上也有這個(gè)面板上的所以選項(xiàng)。這也就為網(wǎng)頁制作者提供了方便?？梢灾苯訌挠蚁陆屈c(diǎn)擊相應(yīng)的欄目進(jìn)入想要進(jìn)入的對(duì)話框。 對(duì)象面板對(duì)象面板主要功能相當(dāng)于插入菜單，主要是向網(wǎng)頁中插入一些對(duì)象，如表格，框架，圖象，層，flash 動(dòng)畫等，它通過一個(gè)下拉菜單，把要插入的選項(xiàng)都包括在了其中，如圖5。 每一個(gè)選項(xiàng)中都有若干個(gè)圖標(biāo)，只要在圖表上單擊一下，就可以插入想要插入的對(duì)象了。 屬性面板：屬性面板會(huì)隨著編輯的內(nèi)容而變化，這個(gè)圖是文字屬性面板，它里面包含了所要編輯的文字的所有內(nèi)容，包括字體，顏色，大小，連接，縮進(jìn)等，它的右下

43、角還有一個(gè)向下的小三角箭頭，單擊它，會(huì)展開屬性面板，它把一些不常用的屬性也例出來。展開后，箭頭會(huì)變成向上，單擊它，又會(huì)使屬性面板復(fù)原。屬性面板很多，還有圖象屬性控制面板，層屬性控制面板等對(duì)象的屬性控制面板，用戶只要選擇要編輯的對(duì)象，它就會(huì)自動(dòng)變化，挺方便的。用戶對(duì)所有由啟動(dòng)面板彈出來的浮動(dòng)面板在被打開后，可以重新組合，可以將經(jīng)常用的面板單獨(dú)地拉出來，只需要將鼠標(biāo)放到想要拉的按鈕上面，然后按住左鍵拖動(dòng)就可以了，同理，把他們組合也是一樣，用鼠標(biāo)拖動(dòng)后，放到上面就可以。 工具簡介：第一個(gè)為插入圖象的按鈕，點(diǎn)擊后，會(huì)彈出對(duì)話框，標(biāo)準(zhǔn)對(duì)話框，選擇想要的圖象就行了。 第二個(gè)（橫向走）為插入輪替圖象，它彈出

44、的對(duì)話框會(huì)讓選擇兩副圖，以及鼠標(biāo)點(diǎn)擊時(shí)的連接等。作好后，用鼠標(biāo)移動(dòng)到圖象上面，圖象就會(huì)變成另外的一副圖象，點(diǎn)擊它，就會(huì)連接到另外一個(gè)頁面上去。 第三個(gè)為表格，點(diǎn)擊后，在彈出的對(duì)話框中，添入想要的行數(shù)和列數(shù)以及表格邊距顏色等。 第四個(gè)為插入表格式數(shù)據(jù)，可以將以前作成的表格形狀的數(shù)據(jù)表，直接插入到網(wǎng)頁中來，而不用做任何的修改。 第五個(gè)按鈕為插入水平線按鈕，插入后，在屬性浮動(dòng)面板上改改它的大小等。 第六個(gè)為導(dǎo)航條，和第二個(gè)差不多，也可以換圖象，不過，比起第二個(gè)要復(fù)雜的多，但絕對(duì)簡單。 第七個(gè)為插入層，這好象是 dreamweaver 特有的特性，其他的網(wǎng)頁編輯軟件中都沒有這項(xiàng)功能。插入的層可以位于頁

45、面的任何位置。拖動(dòng)就行。 第八個(gè)為插入換行符，有時(shí)網(wǎng)頁中的文字想讓它換行，按回車又太大，用換行符就是一種不錯(cuò)的選擇。 第九個(gè)為插入 email，將聯(lián)系用的 email 插入網(wǎng)頁中，只要填上 email 地址就行。 第十個(gè)為插入日期，很簡單，沒有什么好說的。 第十一個(gè)為插入 flash 按鈕，flash 是現(xiàn)在網(wǎng)頁中新興的一種多媒體，有動(dòng)畫，有聲音，但文件很小，極適合在網(wǎng)上傳播。 第十二個(gè)為插入 shockwave 按鈕，做好了的 shockwave 直接就可以插到這兒來。 第十三個(gè)為插入制作人，親自制作的東西不想留名嗎？點(diǎn)它就行。 第十四為插入 firework 按鈕，firework 是 m

46、acromedia 公司的又一個(gè)產(chǎn)品，具有制作動(dòng)畫圖象等動(dòng)態(tài)功能。也是專門為網(wǎng)頁制作設(shè)計(jì)的。 第十五為插入 java 語言編寫的 applet 小程序按鈕。 第十六為插入 active x 控件用的按鈕。 第十七為插入插件用的按鈕，這兒可以插入別的插件，上面未包括的。 第十八未插入服務(wù)器端接口聯(lián)系的按鈕。 組的按鈕：插入框架：第一個(gè)按鈕為插入框架按鈕，為插入下面的那些按鈕作準(zhǔn)備。這下面的按鈕選項(xiàng)包括：文本框，按鈕，多選按鈕，單選按鈕，列表，文件域，圖象域，隱含域，跳轉(zhuǎn)菜單等交互式網(wǎng)頁要用到的組件，假如要制作一個(gè)交互式的網(wǎng)頁像留言薄什么的，用它做，非常的方便快捷。 其他按鈕：它還有幾個(gè)選項(xiàng)組，但

47、都不是那么常用了，一個(gè)就是它 character 組它是常用符號(hào)組面板，里面為收集了最長用的符號(hào)，這些，通過手工直接寫，是非常麻煩的事，因?yàn)樗鼈兪窃创a了，而這兒，可以給直接的轉(zhuǎn)換成為源碼，插入就成。而 frames 組，則是對(duì)頁面的分頁，也就是分窗口，將一個(gè)瀏覽器窗口分成幾個(gè)窗口，在每個(gè)窗口里加入不同網(wǎng)頁，來達(dá)到不同的效果。它可以分的總類也如下，可以從圖上直接看出來，非常的方便與快捷。而 head 組則是在網(wǎng)頁“head”和“/head”之間加入必要的語句，可以是連接，可以是關(guān)鍵字，也可以是描述性的語句，還可以規(guī)定網(wǎng)頁的刷新頻率等。invisible 組則是插入網(wǎng)頁中看不見的元素了，比如說：換

48、行符，回車符等不可見的符號(hào)。主要由這個(gè)控制面板來插入。 3.3.2音樂下載模塊的數(shù)據(jù)庫設(shè)計(jì)4 網(wǎng)站詳細(xì)設(shè)計(jì)4.1代碼設(shè)計(jì)(部分代碼示例) =個(gè)人主要特長=!-function fp_preloadimgs() /v1.0 var d=document,a=arguments; if(!d.fp_imgs) d.fp_imgs=new array(); for(var i=0; ia.length; i+) d.fp_imgsi=new image; d.fp_imgsi.src=ai; function fp_swapimg() /v1.0 var doc=document,args=argu

49、ments,elm,n; doc.$imgswaps=new array(); for(n=2; nargs.length; n+=2) elm=fp_getobjectbyid(argsn); if(elm) doc.$imgswapsdoc.$imgswaps.length=elm; elm.$src=elm.src; elm.src=argsn+1; function fp_getobjectbyid(id,o) /v1.0 var c,el,els,f,m,n; if(!o)o=document; if(o.getelementbyid) el=o.getelementbyid(id)

50、; else if(o.layers) c=o.layers; else if(o.all) el=o.allid; if(el) return el; if(o.id=id | =id) return o; if(o.childnodes) c=o.childnodes; if(c) for(n=0; nc.length; n+) el=fp_getobjectbyid(id,cn); if(el) return el; f=o.forms; if(f) for(n=0; nf.length; n+) els=fn.elements; for(m=0; m個(gè)人主要特長4.1.1登

51、陸模塊設(shè)計(jì) 登陸模塊設(shè)計(jì)是一個(gè)網(wǎng)站的重點(diǎn)，是最先吸引瀏覽者的頁面。它的設(shè)計(jì)展現(xiàn)了整個(gè)網(wǎng)站的風(fēng)格，同時(shí)它的元素也是網(wǎng)站的大部分功能的體現(xiàn)。本網(wǎng)站的宗旨是展示音樂帶給人們精神上的自由、感動(dòng)和趣味。所以提供了大量的歌曲試聽、下載，風(fēng)格個(gè)性自由。主頁面包含：導(dǎo)航頁面：搜索頁面：熱門歌曲試聽及下載：4.1.2網(wǎng)站注冊(cè)模塊設(shè)計(jì)4.1.3在線點(diǎn)評(píng)版面顯示模塊設(shè)計(jì)4.2界面設(shè)計(jì)4.2.1登陸界面設(shè)計(jì) 搜索功能： 在輸入欄輸入要搜索的歌手姓名或歌曲名，點(diǎn)擊搜索，即可得到要找的歌名輸入：煙花易冷查詢結(jié)果下載功能：點(diǎn)擊歌曲欄里的下載按鈕出現(xiàn)下載界面4.2.2注冊(cè)模塊界面鏈接導(dǎo)航設(shè)計(jì) 在設(shè)置了存儲(chǔ) web 站點(diǎn)文檔的

52、 macromedia dreamweaver 8 站點(diǎn)和創(chuàng)建了 html 頁之后，您需要?jiǎng)?chuàng)建從您的文檔到其它文檔的連接。dreamweaver 提供多種創(chuàng)建超文本鏈接的方法，可創(chuàng)建到文檔、圖像、多媒體文件或可下載軟件的鏈接?？梢越⒌轿臋n內(nèi)任意位置的任何文本或圖像（包括標(biāo)題、列表、表、層或框架的文本或圖像）的鏈接。1）關(guān)于音頻文件格式 下表描述了較為常見的音頻文件格式以及每一種格式在 web 設(shè)計(jì)上的一些優(yōu)缺點(diǎn)。 .midi 或 .mid（樂器數(shù)字接口）格式用于器樂。許多瀏覽器都支持 midi 文件，并且不需要插件。盡管 midi 文件的聲音品質(zhì)非常好，但也可能因訪問者的聲卡而異。很小的 midi 文件就可以提供較長時(shí)間的聲音剪輯。midi 文件不能被錄制并且必須使用特殊的硬件和軟件在計(jì)算機(jī)上合成。.wav（waveform 擴(kuò)展名）格式文件具有較好的聲音品質(zhì)，許多瀏覽器都支持此類格式文件并且不要求插件。您可以從 cd、磁帶、麥克風(fēng)等錄制您自己的 wav 文件。但是，其較大的文件大小嚴(yán)格限制了可以在您的 web 頁面上使用的聲音剪輯的長度。.aif（音頻交換文件格式，或 aiff）格式與 wav 格式類似