音樂網(wǎng)站的設(shè)計(jì)

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ì)思路清晰，布局緊湊美觀，頁(yè)面色彩搭配合理。4 網(wǎng)頁(yè)上所有鏈接能夠正常使用，鏈接內(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ā)工具及語(yǔ)言 1.3.

2、1 Dreamweaver 1.3.2 Access 1.3.3 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、.3 數(shù)據(jù)庫(kù)設(shè)計(jì)  3.3.1網(wǎng)站數(shù)據(jù)庫(kù)主要表的設(shè)計(jì)  3.3.2音樂下載模塊的數(shù)據(jù)庫(kù)設(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登陸界面設(shè)計(jì)  4.2.2注冊(cè)模塊界面設(shè)計(jì)  4.2.3音樂管理界面設(shè)計(jì) 0摘 要：    音樂網(wǎng)站是網(wǎng)絡(luò)音樂的發(fā)展平臺(tái)，國(guó)內(nèi)各大音樂網(wǎng)站都擁有豐富的音樂資源，并且大部分的資源都可以免費(fèi)下載，因此吸

4、引了上百萬(wàn)的人成為他們的注冊(cè)用戶。過去，音樂網(wǎng)站功能較為單一，大多采用VB Script腳本語(yǔ)言作為開發(fā)工具來(lái)建設(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)站需要增加更多新的功能來(lái)滿足用戶之間的交流和互動(dòng)。因此，有必要綜合各種功能來(lái)建立一個(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)大生命力和它在

5、未來(lái)將處于的重要地位。他們鉆研并且努力進(jìn)入到這一個(gè)新的空間，新的領(lǐng)域。其中包括你和我。以個(gè)人為中心，淡化了傳統(tǒng)中心地位，使得我們的世界向多元化加速發(fā)展，人人都有話語(yǔ)權(quán)，人人都是中心。 互聯(lián)網(wǎng)是一個(gè)互動(dòng)性極強(qiáng)的平臺(tái)，它自由、寬容、平等、共享，并使來(lái)自民間的聲音參與到了構(gòu)建主流話語(yǔ)的行動(dòng)中來(lái)。計(jì)算機(jī)技術(shù)的發(fā)展，特別是網(wǎng)絡(luò)技術(shù)的飛速發(fā)展，給文檔的保存和管理提供極大的方便。本論文中，將軟件工程的基本原理和方法應(yīng)用到整個(gè)網(wǎng)站系統(tǒng)，并對(duì)其進(jìn)行需求分析，提出了解決問題的具體方法。在具體制作中，用ASP技術(shù)來(lái)實(shí)現(xiàn)B/S系統(tǒng)，ASP技術(shù)與數(shù)據(jù)庫(kù)技術(shù)結(jié)合，用戶在瀏覽器端可以隨意查詢自己需要的標(biāo)本，這樣提高了網(wǎng)頁(yè)的

6、互動(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 課程設(shè)計(jì)的背景及課程設(shè)計(jì)的意義 隨著社會(huì)的發(fā)展時(shí)代的前進(jìn)，IT行業(yè)的發(fā)展也是日新月異，對(duì)人類的生存和發(fā)展方式產(chǎn)生了很大的影響，網(wǎng)絡(luò)傳播以其特有的快速，高效，

7、便捷的傳輸方式被人們所接受，越來(lái)越多的走進(jìn)千家萬(wàn)戶，并在當(dāng)今音樂浪潮的影響下，隨著音樂事業(yè)逐漸走向高峰，音樂已無(wú)處不在，音樂與我們以密不可分。因此音樂網(wǎng)站的設(shè)計(jì)對(duì)于當(dāng)今社會(huì)更是有不言而喻的重要性，通過對(duì)音樂網(wǎng)站的設(shè)計(jì)與分析，闡明了當(dāng)前音樂發(fā)展的形勢(shì)，簡(jiǎn)單介紹了音樂網(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è)階段，其中采用多種新興技術(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)用

8、程序的編制與自帶組件設(shè)計(jì)網(wǎng)頁(yè)從邏輯上分離的技術(shù)，特別適合建立站點(diǎn)，網(wǎng)上訪問數(shù)據(jù)的開發(fā)工具，使網(wǎng)站建立與發(fā)展變得較為簡(jiǎn)單與快捷。為音樂網(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ù)自己喜愛試聽或下載歌曲； 5.） 網(wǎng)站提供新歌推薦和音樂排行榜項(xiàng)目，使會(huì)員能第一時(shí)間找到熱門歌曲； 6.） 搜索功能：會(huì)員能通過輸入歌手或者歌曲名找到自己想聽的音樂； 7）

9、. 論壇：提供會(huì)員交流的平臺(tái)； 8.） 管理員對(duì)歌曲的添加，修改，刪除； 9.） 系統(tǒng)支持多種格式的音樂上傳； 10）. 管理員賬號(hào)管理。主要開發(fā)工具及語(yǔ)言1.3.1 Dreamweaver Dreamweaver的界面幾乎是做了一次脫胎換骨的改進(jìn)，從中看到了更多的設(shè)計(jì)元素，讓DW也稍稍帶著點(diǎn)蘋果的味道。如果說VISTA和OFFICE 2007創(chuàng)造了軟件界面設(shè)計(jì)的新紀(jì)元，那么Adobe相當(dāng)于取代了蘋果的設(shè)計(jì)地位而緊隨MS之后。唯一的區(qū)別就是，MS老是抄人家蘋果的（汗一個(gè)，微軟的Fans別砸我），而Adobe卻是實(shí)實(shí)在在的自己創(chuàng)造，設(shè)計(jì)界的老大地位實(shí)至名歸 布局按鈕：這個(gè)按鈕似乎和下方

10、的代碼、分割、設(shè)計(jì)按鈕功能重復(fù)，目前還不明白DW的意圖，唯一增加的新功能是垂直分割，讓代碼和設(shè)計(jì)界面以垂直對(duì)比的方式呈現(xiàn)。 Dreamweaver的使用方法。啟動(dòng)面板：?jiǎn)?dòng)面板主要用來(lái)快速啟動(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)頁(yè)制作者提供了方便?？梢灾苯訌挠蚁陆屈c(diǎn)擊相應(yīng)的欄目進(jìn)入想要進(jìn)入的對(duì)話框。 對(duì)象面板對(duì)象面板主要功能相當(dāng)于插入菜單，主要是向網(wǎng)頁(yè)中插入一些對(duì)象，如表格，框架，圖象，層，F(xiàn)lash 動(dòng)畫等，它通過一個(gè)下拉菜單，把要插入的選項(xiàng)都包

11、括在了其中 .精簡(jiǎn)設(shè)計(jì)：它提供了更多的可視區(qū)域，同時(shí)可以把右邊的菜單收縮到只剩下圖標(biāo)。對(duì)于習(xí)慣了Adobe其他設(shè)計(jì)軟件的朋友來(lái)說，這的確是非常貼心的設(shè)計(jì)。 應(yīng)用程序開發(fā)增強(qiáng)：左上方是和數(shù)據(jù)相關(guān)的面板，包括數(shù)據(jù)庫(kù)面板、數(shù)據(jù)綁定面板和行為面板；左下方則是文件與資源相關(guān)的面板，包括文件面板、相關(guān)資源面板、代碼收集器等；右邊則是設(shè)計(jì)相關(guān)面板，包括插入面板、CSS樣式表面板、AP元素面板（用來(lái)為浮動(dòng)層定位）。應(yīng)該說這是一個(gè)萬(wàn)金油布局，幾乎適用所有的開發(fā)者，同時(shí)，它也把大部分菜單展示在用戶面前，其他的七種布局可以說只是在這個(gè)基礎(chǔ)上進(jìn)行一些排列和隱藏。 在下方的文檔面板上，DW新增加了一個(gè)實(shí)時(shí)預(yù)覽功能Liv

12、e View。它的作用是在DW窗口中實(shí)時(shí)查看代碼的效果，包括Javascript特效！Dreamweaver是唯一提供Roundtrip HTML、視覺化編輯與原始碼編輯同步的設(shè)計(jì)工具。它包含HomeSite和BBEdit等主流文字編輯器。幀(frames)和表格的制作速度快的令您無(wú)法想像。進(jìn)階表格編輯功能使您簡(jiǎn)單的選擇單格、行、欄或作未連續(xù)之選取。甚至可以排序或格式化表格群組，Dreamweaver 支援精準(zhǔn)定位，利用可輕易轉(zhuǎn)換成表格的圖層以拖拉置放的方式進(jìn)行版面配置。所見即所得 Dreamweaver成功整合動(dòng)態(tài)式出版視覺編輯及電子商務(wù)功能，提供超強(qiáng)的支援能力給Third-party廠商，

13、包含ASP， Apache，BroadVision， Cold Fusion，iCAT， Tango與自行發(fā)展的應(yīng)用軟體。當(dāng)您正使用Dreamweaver在設(shè)計(jì)動(dòng)態(tài)網(wǎng)頁(yè)時(shí)，所見即所得的功能，讓您不需要透過瀏覽器就能預(yù)覽網(wǎng)頁(yè)。夢(mèng)幻樣版和XML Dreamweaver將內(nèi)容與設(shè)計(jì)分開，應(yīng)用于快速網(wǎng)頁(yè)更新和團(tuán)隊(duì)合作網(wǎng)頁(yè)編輯。建立網(wǎng)頁(yè)外觀的樣版，指定可編輯或不可編輯的部份，內(nèi)容提供者可直接編輯以樣式為主的內(nèi)容卻不會(huì)不小心改變既定之樣式。您也可以使用樣版正確地輸入或輸出XML內(nèi)容。1.3.2 Access Microsoft Access在很多地方得到廣泛使用，例如小型企業(yè)，大公司的部門，和喜

14、愛編程的開發(fā)人員專門利用它來(lái)制作處理數(shù)據(jù)的桌面系統(tǒng)。它也常被用來(lái)開發(fā)簡(jiǎn)單的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)造可用的系統(tǒng)，但也有很多人認(rèn)為工具本身的局限性產(chǎn)生了這樣的誤導(dǎo)。 一些專業(yè)的應(yīng)用程序開發(fā)人員使用 Access 用作 快速應(yīng)用開發(fā)，特

15、別是給街道上的推銷員制作一個(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。無(wú)論如何，不少 Access 的功能（表單，報(bào)告，序列和VB代碼）可以用作其他數(shù)據(jù)庫(kù)的后期應(yīng)用，包括 JET（檔案為主的數(shù)據(jù)庫(kù)引擎，Access 缺省使用）、Microsoft SQL

16、 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)境，可以用來(lái)創(chuàng)建和運(yùn)行動(dòng)態(tài)網(wǎng)頁(yè)或Web應(yīng)用程序。ASP網(wǎng)頁(yè)可以包含HTML標(biāo)記、普通文本、腳本命令以及COM組件等。利用ASP可以向網(wǎng)頁(yè)中添加交互式內(nèi)容（如在線表單），也可以創(chuàng)建使用HTML網(wǎng)頁(yè)作為用戶界

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

18、veX組件來(lái)執(zhí)行各種各樣的任務(wù)，例如存取數(shù)據(jù)庫(kù)、發(fā)送Email或訪問文件系統(tǒng)等。 （6）由于服務(wù)器是將ASP程序執(zhí)行的結(jié)果以HTML格式傳回客戶端瀏覽器，因此使用者不會(huì)看到ASP所編寫的原始程序代碼，可防止ASP程序代碼被竊取。 (7) 方便連接ACCESS與SQL數(shù)據(jù)庫(kù). (8)開發(fā)需要有豐富的經(jīng)驗(yàn),否則會(huì)留出漏洞,讓黑客利用進(jìn)行注入攻擊. ASP也不僅僅局限于與HTML結(jié)合制作WEB網(wǎng)站，而且還可以與XHTML和WML語(yǔ)言結(jié)合制作WAP手機(jī)網(wǎng)站。但是其原理也是一樣的。 ASP-工作原理當(dāng)在Web站點(diǎn)中融入ASP功能后，將發(fā)生以下事情： 1、用戶向?yàn)g覽器地址欄輸入網(wǎng)址，默認(rèn)頁(yè)面的擴(kuò)展名是.a

19、sp。 2、瀏覽器向服務(wù)器發(fā)出請(qǐng)求。 3、服務(wù)器引擎開始運(yùn)行ASP程序。 4、ASP文件按照從上到下的順序開始處理，執(zhí)行腳本命令，執(zhí)行HTML頁(yè)面內(nèi)容。 5、頁(yè)面信息發(fā)送到瀏覽器。1.3.4 HTML(Hyper Text Markup Language) HTML（HyperText Mark-up Language）即超文本標(biāo)記語(yǔ)言或超文本鏈接標(biāo)示語(yǔ)言，是目前網(wǎng)絡(luò)上應(yīng)用最為廣泛的語(yǔ)言，也是構(gòu)成網(wǎng)頁(yè)文檔的主要語(yǔ)言。HTML文本是由HTML命令組成的描述性文本，HTML命令可以說明文字、圖形、動(dòng)畫、聲音、表格、鏈接等。HTML的結(jié)構(gòu)包括頭部（Head）、主體（Body）兩大部分，其中

20、頭部描述瀏覽器所需的信息，而主體則包含所要說明的具體內(nèi)容。HTML文檔制作不是很復(fù)雜，且功能強(qiáng)大，支持不同數(shù)據(jù)格式的文件鑲?cè)?，這也是WWW盛行的原因之一，其主要特點(diǎn)如下： 1 簡(jiǎn)易性，HTML版本升級(jí)采用超集方式，從而更加靈活方便。 2 可擴(kuò)展性，HTML語(yǔ)言的廣泛應(yīng)用帶來(lái)了加強(qiáng)功能，增加標(biāo)識(shí)符等要求，HTML采取子類元素的方式，為系統(tǒng)擴(kuò)展帶來(lái)保證。 3 平臺(tái)無(wú)關(guān)性。雖然PC機(jī)大行其道，但使用MAC等其他機(jī)器的大有人在，HTML可以使用在廣泛的平臺(tái)上，這也是WWW盛行的另一個(gè)原因。2.2系統(tǒng)可行性論證  2.2.1 技術(shù)可行性  2.2.2 經(jīng)濟(jì)可行性  2.2.

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

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

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

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

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

26、就不用多說，一般軟件中的新建方法在這兒同樣使用，點(diǎn)擊菜單 File 中的 New 就行了，或者按 Ctrl+N 也行。 在這兒就可以插入文字，圖象，層等，反正都隨，是不是也是所見既所得。假如想看一下它的源文件，可以點(diǎn)擊右下角的“”標(biāo)記，也可以點(diǎn)擊啟動(dòng)面板中的最后一個(gè)選項(xiàng)。就會(huì)彈出來(lái)一個(gè)小窗口如圖：也可以打開外部編輯器來(lái)編輯它的源代碼，比如說記事本。 只要點(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)，這樣特別便于查找，去掉后，就與普通的記事本沒有什么區(qū)別了。編輯好后，關(guān)了

27、它就可以了。 構(gòu)建站點(diǎn)：所有設(shè)計(jì)好的網(wǎng)頁(yè)，在放到網(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ì)話框，在“Local Root Folder”中，輸入本地站點(diǎn)根目錄的位置。然后輸入 HTTP Address，如果還沒有該

28、地址，隨便輸入一個(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)容無(wú)關(guān)的 HTML 文檔。框架集 是 HTML 文件，它定義一組框架的布局和屬性，包括框架的數(shù)目、框架的大小和位置以及在每個(gè)框架中初始顯示的頁(yè)面的 URL?？蚣芗募旧聿话跒g覽器中顯示的 HTML 內(nèi)容，但 noframes 部分除外；框架集文件只是向?yàn)g覽器提供應(yīng)如何顯示一組框架以及在這些框架中應(yīng)顯示哪些

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

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

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

32、個(gè)框架集之內(nèi)的框架集稱作嵌套的框架集。一個(gè)框架集文件可以包含多個(gè)嵌套的框架集。大多數(shù)使用框架的 Web 頁(yè)實(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)

33、有文檔，請(qǐng)執(zhí)行以下操作：1 將插入點(diǎn)放置在文檔中。2 執(zhí)行下列操作之一： 3 從“插入”>“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)繞每

34、個(gè)框架的是較細(xì)的灰線，并且每個(gè)框架由框架名稱標(biāo)識(shí)。要顯示“框架”面板，請(qǐng)執(zhí)行以下操作：· 選擇“窗口”>“框架”。要在“框架”面板中選擇一個(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è)

35、框架集后，該框架集內(nèi)各框架的所有邊框都被淡顏色的虛線環(huán)繞。要在“文檔”窗口中選擇一個(gè)框架，請(qǐng)執(zhí)行以下操作：· 在“設(shè)計(jì)”視圖中，按住 Alt 鍵的同時(shí)單擊框架內(nèi)部 (Windows) 或在按住 Option 和 Shift 鍵的同時(shí)單擊框架內(nèi)部 (Macintosh)。 在框架周圍顯示一個(gè)選擇輪廓。要在“文檔”窗口中選擇一個(gè)框架集，請(qǐng)執(zhí)行以下操作：· 在“設(shè)計(jì)”視圖中，單擊框架集的某一內(nèi)部框架邊框。（要執(zhí)行這一操作，框架邊框必須是可見的；如果看不到框架邊框，則選擇“查看”>“可視化助理”>“框架邊框”以使框架邊框可見。） 3.17查看和設(shè)置框架屬性使用屬性檢查器

36、可以查看和設(shè)置大多數(shù)框架屬性。您還可以設(shè)置某些框架屬性，如 title 屬性（它和 name 屬性不同），以改進(jìn)輔助功能。在創(chuàng)建框架時(shí)，可以使用用于框架的輔助功能創(chuàng)作選項(xiàng)來(lái)設(shè)置屬性，或者可以在插入框架后設(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 在

37、“屬性”檢查器（“窗口”>“屬性”）中，單擊右下角的展開箭頭，查看所有框架屬性。 5 按需要進(jìn)行更改。 6 有關(guān)如何在框架“屬性”檢查器中設(shè)置特定選項(xiàng)的信息，若要設(shè)置框架的輔助功能值，請(qǐng)執(zhí)行以下操作：7 在“框架”面板（“窗口”>“框架”）中，通過將插入點(diǎn)放在一個(gè)框架中來(lái)選擇框架。8 選擇“修改”>“編輯標(biāo)簽”。 即會(huì)顯示標(biāo)簽編輯器。9 從左側(cè)的類別列表中選擇“樣式表/輔助功能”。10 按需要輸入值。11 單擊“確定”。3.3 數(shù)據(jù)庫(kù)設(shè)計(jì) 數(shù)據(jù)庫(kù)簡(jiǎn)介數(shù)據(jù)庫(kù)（Database）是按照數(shù)據(jù)結(jié)構(gòu)來(lái)組織、存儲(chǔ)和管理數(shù)據(jù)的倉(cāng)庫(kù)，它產(chǎn)生于距今五十年前，隨著信息技術(shù)和市場(chǎng)的發(fā)展，特別是二十

38、世紀(jì)九十年代以后，數(shù)據(jù)管理不再僅僅是存儲(chǔ)和管理數(shù)據(jù)，而轉(zhuǎn)變成用戶所需要的各種數(shù)據(jù)管理的方式。數(shù)據(jù)庫(kù)有很多種類型，從最簡(jiǎn)單的存儲(chǔ)有各種數(shù)據(jù)的表格到能夠進(jìn)行海量數(shù)據(jù)存儲(chǔ)的大型數(shù)據(jù)庫(kù)系統(tǒng)都在各個(gè)方面得到了廣泛的應(yīng)用。J.Martin給數(shù)據(jù)庫(kù)下了一個(gè)比較完整的定義：數(shù)據(jù)庫(kù)是存儲(chǔ)在一起的相關(guān)數(shù)據(jù)的集合，這些數(shù)據(jù)是結(jié)構(gòu)化的，無(wú)有害的或不必要的冗余，并為多種應(yīng)用服務(wù)；數(shù)據(jù)的存儲(chǔ)獨(dú)立于使用它的程序；對(duì)數(shù)據(jù)庫(kù)插入新數(shù)據(jù)，修改和檢索原有數(shù)據(jù)均能按一種公用的和可控制的方式進(jìn)行。當(dāng)某個(gè)系統(tǒng)中存在結(jié)構(gòu)上完全分開的若干個(gè)數(shù)據(jù)庫(kù)時(shí)，則該系統(tǒng)包含一個(gè)“數(shù)據(jù)庫(kù)集合”。常用數(shù)據(jù)庫(kù)如下SQL Server1987 年，微軟和IBM

39、合作開發(fā)完成OS/2，IBM 在其銷售的OS/2 ExtendedEdition 系統(tǒng)中綁定了OS/2Database Manager，而微軟產(chǎn)品線中尚缺少數(shù)據(jù)庫(kù)產(chǎn)品。為此，微軟將目光投向Sybase，同Sybase 簽訂了合作協(xié)議，使用Sybase的技術(shù)開發(fā)基于OS/2平臺(tái)的關(guān)系型數(shù)據(jù)庫(kù)。1989年，微軟發(fā)布了SQL Server 1.0 版。PostgreSQLPostgreSQL 是一種特性非常齊全的自由軟件的對(duì)象關(guān)系性數(shù)據(jù)庫(kù)管理系統(tǒng)（ORDBMS），它的很多特性是當(dāng)今許多商業(yè)數(shù)據(jù)庫(kù)的前身。PostgreSQL最早開始于BSD的Ingres項(xiàng)目。PostgreSQL 的特性覆蓋了SQL-

40、2/SQL-92和SQL-3。首先，它包括了可以說是目前世界上最豐富的數(shù)據(jù)類型的支持；其次，目前PostgreSQL 是唯一支持事務(wù)、子查詢、多版本并行控制系統(tǒng)、數(shù)據(jù)完整性檢查等特性的唯一的一種自由軟件的數(shù)據(jù)庫(kù)管理系統(tǒng). mySQLmySQL是一個(gè)小型關(guān)系型數(shù)據(jù)庫(kù)管理系統(tǒng)，開發(fā)者為瑞典MySQL AB公司。在2008年1月16號(hào)被Sun公司收購(gòu)。目前MySQL被廣泛地應(yīng)用在Internet上的中小型網(wǎng)站中。由于其體積小、速度快、總體擁有成本低，尤其是開放源碼這一特點(diǎn)，許多中小型網(wǎng)站為了降低網(wǎng)站總體擁有成本而選擇了MySQL作為網(wǎng)站數(shù)據(jù)庫(kù)。 Access數(shù)據(jù)庫(kù)美國(guó)Microsoft公司于1994

41、年推出的微機(jī)數(shù)據(jù)庫(kù)管理系統(tǒng)。它具有界面友好、易學(xué)易用、開發(fā)簡(jiǎn)單、接口靈活等特點(diǎn)，是典型的新一代桌面數(shù)據(jù)庫(kù)管理系統(tǒng)。其主要特點(diǎn)如下： (1)完善地管理各種數(shù)據(jù)庫(kù)對(duì)象，具有強(qiáng)大的數(shù)據(jù)組織、用戶管理、安全檢查等功能。 (2)強(qiáng)大的數(shù)據(jù)處理功能，在一個(gè)工作組級(jí)別的網(wǎng)絡(luò)環(huán)境中，使用Access開發(fā)的多用戶數(shù)據(jù)庫(kù)管理系統(tǒng)具有傳統(tǒng)的XBASE(DBASE、FoxBASE的統(tǒng)稱)數(shù)據(jù)庫(kù)系統(tǒng)所無(wú)法實(shí)現(xiàn)的客戶服務(wù)器(Cient/Server)結(jié)構(gòu)和相應(yīng)的數(shù)據(jù)庫(kù)安全機(jī)制，Access具備了許多先進(jìn)的大型數(shù)據(jù)庫(kù)管理系統(tǒng)所具備的特征，如事務(wù)處理/出錯(cuò)回滾能力等。 (3)可以方便地生成各種數(shù)據(jù)對(duì)象，利用存儲(chǔ)的數(shù)據(jù)建立窗體

42、和報(bào)表，可視性好。 (4)作為Office套件的一部分，可以與Office集成，實(shí)現(xiàn)無(wú)縫連接。 (5)能夠利用Web檢索和發(fā)布數(shù)據(jù)，實(shí)現(xiàn)與Internet的連接。 Access主要適用于中小型應(yīng)用系統(tǒng)，或作為客戶機(jī)/服務(wù)器系統(tǒng)中的客戶端數(shù)據(jù)庫(kù)。FoxPro數(shù)據(jù)庫(kù)最初由美國(guó)Fox公司1988年推出，1992年Fox公司被Microsoft公司收購(gòu)后，相繼推出了FoxPro2.5、2.6和VisualFoxPro等版本，其功能和性能有了較大的提高。 FoxPro2.5、2.6分為DOS和Windows兩種版本，分別運(yùn)行于DOS和Windows環(huán)境下。FoxPro比FoxBASE在功能和性能上又有了

43、很大的改進(jìn)，主要是引入了窗口、按紐、列表框和文本框等控件，進(jìn)一步提高了系統(tǒng)的開發(fā)能力。 3.3.1網(wǎng)站數(shù)據(jù)庫(kù)主要表的設(shè)計(jì) 啟動(dòng)面板：?jiǎn)?dòng)面板主要用來(lái)快速啟動(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)頁(yè)制作者提供了方便?？梢灾苯訌挠蚁陆屈c(diǎn)擊相應(yīng)的欄目進(jìn)入想要進(jìn)入的對(duì)話框。 對(duì)象面板對(duì)象面板主要功能相當(dāng)于插入菜單，主要是向網(wǎng)頁(yè)中插入一些對(duì)象，如表格，框架，圖象，層，F(xiàn)lash 動(dòng)畫等，它通過一個(gè)下拉菜單，把要插入的選項(xiàng)都包括在了其中，如圖

44、5。 每一個(gè)選項(xiàng)中都有若干個(gè)圖標(biāo)，只要在圖表上單擊一下，就可以插入想要插入的對(duì)象了。 屬性面板：屬性面板會(huì)隨著編輯的內(nèi)容而變化，這個(gè)圖是文字屬性面板，它里面包含了所要編輯的文字的所有內(nèi)容，包括字體，顏色，大小，連接，縮進(jìn)等，它的右下角還有一個(gè)向下的小三角箭頭，單擊它，會(huì)展開屬性面板，它把一些不常用的屬性也例出來(lái)。展開后，箭頭會(huì)變成向上，單擊它，又會(huì)使屬性面板復(fù)原。屬性面板很多，還有圖象屬性控制面板，層屬性控制面板等對(duì)象的屬性控制面板，用戶只要選擇要編輯的對(duì)象，它就會(huì)自動(dòng)變化，挺方便的。用戶對(duì)所有由啟動(dòng)面板彈出來(lái)的浮動(dòng)面板在被打開后，可以重新組合，可以將經(jīng)常用的面板單獨(dú)地拉出來(lái)，只需要將鼠標(biāo)放到

45、想要拉的按鈕上面，然后按住左鍵拖動(dòng)就可以了，同理，把他們組合也是一樣，用鼠標(biāo)拖動(dòng)后，放到上面就可以。 工具簡(jiǎn)介：第一個(gè)為插入圖象的按鈕，點(diǎn)擊后，會(huì)彈出對(duì)話框，標(biāo)準(zhǔn)對(duì)話框，選擇想要的圖象就行了。 第二個(gè)（橫向走）為插入輪替圖象，它彈出的對(duì)話框會(huì)讓選擇兩副圖，以及鼠標(biāo)點(diǎn)擊時(shí)的連接等。作好后，用鼠標(biāo)移動(dòng)到圖象上面，圖象就會(huì)變成另外的一副圖象，點(diǎn)擊它，就會(huì)連接到另外一個(gè)頁(yè)面上去。 第三個(gè)為表格，點(diǎn)擊后，在彈出的對(duì)話框中，添入想要的行數(shù)和列數(shù)以及表格邊距顏色等。 第四個(gè)為插入表格式數(shù)據(jù)，可以將以前作成的表格形狀的數(shù)據(jù)表，直接插入到網(wǎng)頁(yè)中來(lái)，而不用做任何的修改。 第五個(gè)按鈕為插入水平線按鈕，插入后，在屬性

46、浮動(dòng)面板上改改它的大小等。 第六個(gè)為導(dǎo)航條，和第二個(gè)差不多，也可以換圖象，不過，比起第二個(gè)要復(fù)雜的多，但絕對(duì)簡(jiǎn)單。 第七個(gè)為插入層，這好象是 Dreamweaver 特有的特性，其他的網(wǎng)頁(yè)編輯軟件中都沒有這項(xiàng)功能。插入的層可以位于頁(yè)面的任何位置。拖動(dòng)就行。 第八個(gè)為插入換行符，有時(shí)網(wǎng)頁(yè)中的文字想讓它換行，按回車又太大，用換行符就是一種不錯(cuò)的選擇。 第九個(gè)為插入 Email，將聯(lián)系用的 Email 插入網(wǎng)頁(yè)中，只要填上 Email 地址就行。 第十個(gè)為插入日期，很簡(jiǎn)單，沒有什么好說的。 第十一個(gè)為插入 Flash 按鈕，F(xiàn)lash 是現(xiàn)在網(wǎng)頁(yè)中新興的一種多媒體，有動(dòng)畫，有聲音，但文件很小，極適合

47、在網(wǎng)上傳播。 第十二個(gè)為插入 Shockwave 按鈕，做好了的 Shockwave 直接就可以插到這兒來(lái)。 第十三個(gè)為插入制作人，親自制作的東西不想留名嗎？點(diǎn)它就行。 第十四為插入 Firework 按鈕，F(xiàn)irework 是 Macromedia 公司的又一個(gè)產(chǎn)品，具有制作動(dòng)畫圖象等動(dòng)態(tài)功能。也是專門為網(wǎng)頁(yè)制作設(shè)計(jì)的。 第十五為插入 Java 語(yǔ)言編寫的 Applet 小程序按鈕。 第十六為插入 Active X 控件用的按鈕。 第十七為插入插件用的按鈕，這兒可以插入別的插件，上面未包括的。 第十八未插入服務(wù)器端接口聯(lián)系的按鈕。 組的按鈕：插入框架：第一個(gè)按鈕為插入框架按鈕，為插入下面的那

48、些按鈕作準(zhǔn)備。這下面的按鈕選項(xiàng)包括：文本框，按鈕，多選按鈕，單選按鈕，列表，文件域，圖象域，隱含域，跳轉(zhuǎn)菜單等交互式網(wǎng)頁(yè)要用到的組件，假如要制作一個(gè)交互式的網(wǎng)頁(yè)像留言薄什么的，用它做，非常的方便快捷。 其他按鈕：它還有幾個(gè)選項(xiàng)組，但都不是那么常用了，一個(gè)就是它 Character 組它是常用符號(hào)組面板，里面為收集了最長(zhǎng)用的符號(hào)，這些，通過手工直接寫，是非常麻煩的事，因?yàn)樗鼈兪窃创a了，而這兒，可以給直接的轉(zhuǎn)換成為源碼，插入就成。而 Frames 組，則是對(duì)頁(yè)面的分頁(yè)，也就是分窗口，將一個(gè)瀏覽器窗口分成幾個(gè)窗口，在每個(gè)窗口里加入不同網(wǎng)頁(yè)，來(lái)達(dá)到不同的效果。它可以分的總類也如下，可以從圖上直接看出來(lái)

49、，非常的方便與快捷。而 Head 組則是在網(wǎng)頁(yè)“head”和“/head”之間加入必要的語(yǔ)句，可以是連接，可以是關(guān)鍵字，也可以是描述性的語(yǔ)句，還可以規(guī)定網(wǎng)頁(yè)的刷新頻率等。Invisible 組則是插入網(wǎng)頁(yè)中看不見的元素了，比如說：換行符，回車符等不可見的符號(hào)。主要由這個(gè)控制面板來(lái)插入。 3.3.2音樂下載模塊的數(shù)據(jù)庫(kù)設(shè)計(jì) 4 網(wǎng)站詳細(xì)設(shè)計(jì) 4.1代碼設(shè)計(jì)(部分代碼示例)  <html><head><meta http-equiv="Content-Language" content="zh-cn"

50、;><meta http-equiv="Content-Type" content="text/html; charset=gb2312"><title>=個(gè)人主要特長(zhǎng)=</title><script language="JavaScript"><!-function FP_preloadImgs() /v1.0 var d=document,a=arguments; if(!d.FP_imgs) d.FP_imgs=new Array(); for(var i=0; i&l

51、t;a.length; i+) d.FP_imgsi=new Image; d.FP_imgsi.src=ai; function FP_swapImg() /v1.0 var doc=document,args=arguments,elm,n; doc.$imgSwaps=new Array(); for(n=2; n<args.length; n+=2) elm=FP_getObjectByID(argsn); if(elm) doc.$imgSwapsdoc.$imgSwaps.length=elm; elm.$src=elm.src; elm.src=argsn+1; funct

52、ion FP_getObjectByID(id,o) /v1.0 var c,el,els,f,m,n; if(!o)o=document; if(o.getElementById) el=o.getElementById(id); 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; n<c.length; n+) el=FP_g

53、etObjectByID(id,cn); if(el) return el; f=o.forms; if(f) for(n=0; n<f.length; n+) els=fn.elements; for(m=0; m<els.length; m+) el=FP_getObjectByID(id,elsn); if(el) return el; return null;/ -></script></head><body onload="FP_preloadImgs(/*url*/'button5.jpg', /*url*/

54、'button6.jpg', /*url*/'button62.jpg', /*url*/'button63.jpg', /*url*/'button68.jpg', /*url*/'button69.jpg')" bgcolor="#C0C0C0" background="13f42bf33515443fb07ec58e.jpg"><table border="1" width="100%" id="t

55、able1"><tr><td><p align="center"><i><b><font face="幼圓" size="5" color="#66FFFF">個(gè)人主要特長(zhǎng)</font></b></i></td></tr></table>4.1.1登陸模塊設(shè)計(jì)  登陸模塊設(shè)計(jì)是一個(gè)網(wǎng)站的重點(diǎn)，是最先吸引瀏覽者的頁(yè)面。它的設(shè)計(jì)展現(xiàn)了整個(gè)網(wǎng)站的風(fēng)格，同

56、時(shí)它的元素也是網(wǎng)站的大部分功能的體現(xiàn)。本網(wǎng)站的宗旨是展示音樂帶給人們精神上的自由、感動(dòng)和趣味。所以提供了大量的歌曲試聽、下載，風(fēng)格個(gè)性自由。主頁(yè)面包含：導(dǎo)航頁(yè)面：搜索頁(yè)面：熱門歌曲試聽及下載：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)文檔的 Macromedia Dreamwe

57、aver 8 站點(diǎn)和創(chuàng)建了 HTML 頁(yè)之后，您需要?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 文件就可以提供較長(zhǎng)時(shí)間的聲音剪輯。MIDI 文件不能被錄制并且必須使用特殊的硬件和軟件在計(jì)算機(jī)上合成。.wav（Waveform 擴(kuò)展名）格式文件具有較好的聲音品質(zhì)，許多瀏覽