【文章內(nèi)容簡介】 HTML 文檔。 靜態(tài)網(wǎng)站的致命弱點(diǎn)就是不易維護(hù)。為了更新網(wǎng)頁的內(nèi)容， 網(wǎng)站維護(hù)者必須重復(fù)制作HTML 文檔，隨著網(wǎng)站內(nèi)容和信息量的日益擴(kuò)增，可以想象這是多么復(fù)雜繁瑣的工作。那么，什么是動態(tài)網(wǎng)站呢？所謂“動態(tài)”，并不是指放在網(wǎng)頁上的圖片會動，動態(tài)頁面應(yīng)具有以下幾個特點(diǎn)： （一） .交互性：即網(wǎng)頁能根據(jù)客戶的要求和選擇而動態(tài)改變和響應(yīng)，瀏覽器即作為客戶端界面，這是今后 Web 發(fā)展的大勢所趨。 （二） .自動更新：即無需手動更新 HTML 文檔， 就能自動生成新的頁面，從而大大減少工作量。 （三） .因時因人而變：即當(dāng)不同的時間、不同的人訪問同一網(wǎng)址時能產(chǎn)生不同的頁面，這一點(diǎn)對于需要對使用者授權(quán)的網(wǎng)站尤其適用。 隨著的 Inter 迅速發(fā)展，不管是專業(yè)的 ISP(Inter 服務(wù)提供者 )和 ICP(Inter 內(nèi)容提供者 )，還是一般的政府機(jī)關(guān)、銀行、交通部門、學(xué)校、醫(yī)院、服務(wù)者，甚至是每個人，都在積極尋求在 Inter 上發(fā)布信息，提供新型的網(wǎng)上管理和服務(wù)?？梢哉f，網(wǎng)站設(shè)計(jì)和網(wǎng)站的編 輯正成為新興的熱門行業(yè)。 本課題的意義 目前，各院系利用網(wǎng)絡(luò)資源向教師和學(xué)生提供交流的平臺，體現(xiàn)了現(xiàn)代教學(xué)信息化的特點(diǎn)。計(jì)算機(jī)學(xué)院工程系也不例外，而現(xiàn)行的網(wǎng)站不能夠很好的發(fā)揮教師與學(xué)生交流的作用，另外維護(hù)起來也比較麻煩，因此需要設(shè)計(jì)一個動態(tài)的網(wǎng)站來彌補(bǔ)這些缺陷。而本課題 —— 即“江蘇大學(xué)計(jì)算機(jī)學(xué)院工程系網(wǎng)站”就是基于這一目的設(shè)計(jì)完成的。 本網(wǎng)站作為一個大學(xué)院系的網(wǎng)站，考慮到系里的教師和學(xué)生以及課程安排情況，將豐富的資料有序地發(fā)布在網(wǎng)上。網(wǎng)站不但為教師和學(xué)生提供了一個良好的交流平臺，也為其他人員了解 計(jì)算機(jī)學(xué)院工程系打開了一扇窗口。 畢業(yè)論文：計(jì)算機(jī)工程系網(wǎng)站建設(shè) 3 第二章 平臺工具介紹 本章將介紹設(shè)計(jì)本網(wǎng)站所用到的工具（ Dreamweaver MX2020， Access）及核心技術(shù)ASP 的相關(guān)資料。俗話說：工欲善其事，必先利其器。要構(gòu)造出一個優(yōu)秀的網(wǎng)站，首先選取得力的工具是必要的。在此，我們選用了 Macromedia 公司的網(wǎng)頁三劍客作為網(wǎng)站設(shè)計(jì)工具，數(shù)據(jù)庫部分我們采用了 Office 系列的 Access，簡單方便。而 ASP 作為最流行的動態(tài)網(wǎng)頁設(shè)計(jì)技術(shù)，受到很多網(wǎng)頁制作人員的青睞，我們也不例外。 MX2020 Dreamweaver 是由 Macromedia 公司推出的，用于網(wǎng)頁開發(fā)和網(wǎng)站管理的專業(yè)化設(shè)計(jì)工具。它采用了多種新技術(shù)，具有設(shè)計(jì)和開發(fā)網(wǎng)站過程中需要的網(wǎng)站管理、網(wǎng)站設(shè)計(jì)、頁面制作、多媒體制作和動畫制作等豐富實(shí)用的功能；它具有友好的操作界面，在文檔窗口中可以打開各種浮動面板，同時還可以使用系統(tǒng)內(nèi)置的多種對象進(jìn)行操作。 簡介 Dreamweaver MX2020 啟動后，會出現(xiàn)一個 選擇 操作窗口，如 圖表 1 所示。 如果選擇新建 HTML 頁面，則創(chuàng)建一個新的窗口，如圖表 2 所示。 該窗口包含如下的幾 個部分：標(biāo)題欄、菜單欄、工作區(qū)、浮動面板和狀態(tài)欄。標(biāo)題欄中主要顯示該文檔 9 的標(biāo)題信息、文件名及該文件所在的文件夾等；菜單欄中包含了各種操作命令、應(yīng)用特性和訪問浮動面板的簡單方法； Dreamweaver MX2020 啟動后，工作區(qū)是白色的空白區(qū)域，可以在工作區(qū)中輸入文字、插入圖象、添加背景以及其它頁面元素；浮動面板提供了訪問程序特性的簡單方法，可以對浮動面板進(jìn)行選擇、拖放、重新定位、移動等操作，當(dāng)我們不需要使用某個移動面板時，還可以用鼠標(biāo)單擊該面板右上角的關(guān)閉按鈕將其關(guān)閉，需要時再打開；狀態(tài)欄位于窗口的最下端 ，用于顯示文檔的 HTML 標(biāo)記、文檔窗口大小、下載速度等信息。 畢業(yè)論文：計(jì)算機(jī)工程系網(wǎng)站建設(shè) 4 圖表 1 Dreamweaver MX2020 啟動界面 圖表 2 Dreamweaver MX2020 新建工作界面 特點(diǎn) 最佳的制作效率 ： Dreamweaver 可以用最快速的方式將 Fireworks， FreeHand，或 Photoshop 等檔案移至網(wǎng)頁上。使用檢色吸管工具選擇 銀屏 上的顏色可設(shè)定最接近的網(wǎng)頁安全色。對 于 選單，快捷鍵畢業(yè)論文：計(jì)算機(jī)工程系網(wǎng)站建設(shè) 5 與格式控制，都只要一個簡單步驟便可完成。 Dremweaver 能與您喜愛的設(shè)計(jì)工具，如Playback Flash， Shockwave 和外掛模組等搭配，不需離開 Dremweaver 便可完成，整體運(yùn)用流程自然順暢。除此之外，只要單擊便可使 Dreamweaver 自動開啟 Firework 或 Photoshop來進(jìn)行編輯與設(shè)定圖檔的最佳化。 網(wǎng)站管理 ： 使用網(wǎng)站地圖可以快速制作網(wǎng)站雛形、設(shè)計(jì)、更新和重組網(wǎng)頁。改變網(wǎng)頁位置或檔案名稱， Dreamweaver 會自動更新所有連結(jié)。使用支援文字、 HTML 碼、 HTML 屬性標(biāo)簽和一般語法的搜尋及置換功能使得復(fù)雜的網(wǎng)站更新變得迅速又簡單。 無可比擬的控制能力 ： Dreamweaver 是唯一提供 Roundtrip HTML、視覺化編輯與原始碼編輯同步的設(shè)計(jì)工具。它包含 HomeSite 和 BBEdit 等主流文字編輯器。幀 (frames)和表格的制作速度快的令您無法想像。進(jìn)階表格編輯功能使您簡單的選擇單格、行、欄或作未連續(xù)之選取。甚至可以排序或格式化表格群組， Dreamweaver 支援精準(zhǔn)定位，利用可輕易轉(zhuǎn)換成表格的圖層以拖拉置放的方式進(jìn)行版面配置。 所見即所得 Dreamweaver 成功整合動態(tài)式出版視覺編輯及電子商務(wù)功能，提供超強(qiáng)的支援能力給 Thirdparty 廠商，包含 ASP， Apache， BroadVision， Cold Fusion， iCAT， Tango 與自行發(fā)展的應(yīng)用軟體。當(dāng)您正使用 Dreamweaver 在設(shè)計(jì)動態(tài)網(wǎng)頁時，所見即所得的功能，讓您不需要透過瀏覽器就能預(yù)覽網(wǎng)頁。 夢幻樣版和 XML Dreamweaver 將內(nèi)容與設(shè)計(jì)分開，應(yīng)用 于 快速網(wǎng)頁更新和團(tuán)隊(duì)合作網(wǎng)頁編輯。建立網(wǎng)頁外觀的樣版，指定可編輯或不可編輯的部份，內(nèi)容提供者可直接編輯以樣式為主的內(nèi) 容卻不會不小心改變既定之樣式。您也可以使用樣版正確地輸入或輸出 XML 內(nèi)容。 全方位的呈現(xiàn)利用 Dreamweaver 設(shè)計(jì)的網(wǎng)頁，可以全方位的呈現(xiàn)在任何平臺的熱門瀏覽器上。對于 cascading style sheets 的動態(tài) HTML 支援和鼠標(biāo)換圖效果，聲音和動畫的 DHTML 效果資料庫可在Netscape 和 Microsoft 瀏覽器上執(zhí)行。使用不同瀏覽器檢示功能， Dreamweaver 可以告知您在不同瀏覽器上執(zhí)行的成效如何。當(dāng)有新的瀏覽器上市時，只要從 Dreamweaver 的網(wǎng)站在下載它的描述檔，便可得知詳盡的成 效報(bào)告。 功能 1．頁面編輯： 簡潔高效的設(shè)計(jì)和開發(fā)界面 Dreamweaver 的界面更易于使用，可使您的工作效率和工作質(zhì)量均得到提高。 “插入”欄的改進(jìn) 使其具有一個簡潔高效的新外觀，并占用更少的工作區(qū)空間。 Microsoft Word 和Microsoft Excel 復(fù)制和粘貼 命令使您可以將 Microsoft Word 和 Excel 文檔直接復(fù)制并粘貼到 Dreamweaver 中。當(dāng)您粘貼 Word 或 Excel 文檔時， Dreamweaver 會保留文檔格式并生成高質(zhì)量的 HTML 內(nèi)容。 表 格編輯可視化反饋 使您能夠看到在表格中進(jìn)行列調(diào)整操作時的實(shí)際效果?？梢暬答佭€可以使您更方便地選擇表格元素。 用戶界面改進(jìn) 可得到最大的可用工作區(qū)，更清晰地顯示上下文和焦點(diǎn)，并使用戶更易于使用和更具邏輯性。 起始頁 使您能夠訪問最近使用過的文件，創(chuàng)建新文件和訪問 Dreamweaver 資源。起始頁會在您啟動 Dreamweaver 或尚未打開文檔時顯示。 保存桌面選項(xiàng) 使您可以選擇當(dāng)您重新啟動 Dreamweaver 時讓Dreamweaver 重新打開您上一次使用的文檔。 完全支持 Unicode 意味著在 Windows 下，Dreamweaver 支持 Inter Explorer 所支持的所有文本編碼方式。您可以在 Dreamweaver 中使用幾乎所有您的系統(tǒng)中安裝的語言字體， Dreamweaver 會正確地呈現(xiàn)和保存這些字體。安全 FTP 使您能夠完全加密所有文件傳輸，并阻止對您的數(shù)據(jù)、文件、用戶名和密碼的未授權(quán)訪問。 2． 頁面整體布局 ： 新式的頁面布局和設(shè)計(jì)環(huán)境 畢業(yè)論文：計(jì)算機(jī)工程系網(wǎng)站建設(shè) 6 Dreamweaver 包含以下增強(qiáng)的 CSS 功能，這些功能提供了一個更為精巧的方法來進(jìn)行樣式設(shè)計(jì)及提高設(shè)計(jì)交互性，此外，還包含了用于改進(jìn)可視化編輯的反饋。 動態(tài)跨瀏覽器驗(yàn)證在您保存文檔時自動檢查當(dāng)前文檔的跨瀏覽器兼容性問題。在您指定一些目標(biāo)瀏覽器后， Dreamweaver 將執(zhí)行檢查，以確保頁中沒有使用指定瀏覽器不支持的標(biāo)簽或 CSS結(jié)構(gòu)。 相關(guān)CSS 選項(xiàng)卡 顯示應(yīng)用于當(dāng)前“代碼”視圖或“設(shè)計(jì)”視圖選擇的 CSS 規(guī)則。單擊任意規(guī)則可查看它指定了哪些屬性（邊框樣式、邊距、填充、文本大小等）。特殊的標(biāo)記使您可以知道特定屬性是否被覆蓋，就地編輯功能允許您對可立即反映在“設(shè)計(jì)”視圖中的內(nèi)容進(jìn)行快速編輯。 CSS 布局可視化 使得使用 CSS 對頁進(jìn)行布局大為簡化。您可以在“設(shè) 計(jì)”視圖中方便地選擇 div 或其它內(nèi)容塊，然后使用“ CSS 屬性”選項(xiàng)卡來修改屬性。 基于 CSS 的文本屬性檢查器 列出了可用于文本的所有可用樣式，并且包含一個預(yù)覽，其中顯示出了應(yīng)用該樣式后文本所呈現(xiàn)的外觀。 基于 CSS 的頁面屬性 使您能夠使用新型 CSS 代碼結(jié)構(gòu)對頁面屬性進(jìn)行更多的控制，例如標(biāo)題和鏈接的外觀。 集成的圖像編輯工具欄 使您能夠使用 Macromedia Fireworks 技術(shù)從 Dreamweaver 中進(jìn)行基本的圖像操作和編輯。您可以執(zhí)行裁剪、調(diào)整大小和重新取樣等操作而無需離開 Dreamweaver。 3．代碼編輯： 強(qiáng)大和開放的編碼環(huán)境 Dreamweaver 為編碼人員提供了以下新增功能，包括對“代碼”視圖的改進(jìn)和無需創(chuàng)建Dreamweaver 站點(diǎn)即可編輯文件的功能。 Dreamweaver 還包括當(dāng)前對服務(wù)器技術(shù)的支持。 改進(jìn)的標(biāo)簽檢查器 顯示了對當(dāng)前選項(xiàng)可用的屬性列表并使您能夠進(jìn)行快捷全面的編輯。 改進(jìn)對 表單控件的支持 提供了在“設(shè)計(jì)”視圖中生成和操作 Web 表單的經(jīng)改進(jìn)的新方法（包括新的屬性檢查器）。 “代碼”視圖上下文菜單 使您能夠快速更改所選代碼的格式設(shè)置。 Active Server Pages (ASP) 是服務(wù)器端腳本編寫環(huán)境，使用它可以創(chuàng)建和運(yùn)行動態(tài)、交互的 Web 服務(wù)器應(yīng)用程序。使用 ASP 可以組合 HTML 頁、腳本命令和 ActiveX 組件以創(chuàng)建交互的 Web 頁和基于 Web 的功能強(qiáng)大的應(yīng)用程序。 ASP 應(yīng)用程序很容易開發(fā)和修改。 簡介 從字面上說， ASP包含三方面含義： Active： ASP使用了 Microsoft 的 ActiveX 技術(shù)。 ActiveX（ COM）技術(shù)是現(xiàn)在 Microsoft軟件的重要 基礎(chǔ)。它采用封裝對象，程序調(diào)用對象的技術(shù)，簡化編程，加強(qiáng)程序間合作。 ASP本身封裝了一些基本組件和常用組件，有很多公司也開發(fā)了很多實(shí)用組件。只要你可以在服務(wù)器上安裝這些組件，通過訪問組件，你就可以快速、簡易地建立自己的 WEB應(yīng)用。 Server： ASP運(yùn)行在服務(wù)器端。這樣就不必?fù)?dān)心瀏覽器是否支持 ASP所使用的編程語言。 ASP的編程語言可以是 VBSCRIPT和 JSCRIPT。 VBSCRIPT 是 VB 的一個簡集，會 VB的人可以很方便的快速上手。然而 Netscape瀏覽器不支持客戶端的 VBSCRIPT，所以最 好不要在客戶端使用 VBSCRIPT。而在服務(wù)器端，則無需考慮瀏覽器的支持問題。 Netscape 瀏覽器也可以正常顯示 ASP頁面。 畢業(yè)論文：計(jì)算機(jī)工程系網(wǎng)站建設(shè) 7 Pages： ASP返回標(biāo)準(zhǔn)的 HTML頁面，可以正常地在常用的瀏覽器中顯示。瀏覽者查看頁面源文件時，看到的是 ASP生成的 HTML代碼，而不是 ASP程序代碼。這樣就可以防止別人抄襲程序。 由此我們可以看出， ASP是在 IIS下開發(fā) WEB應(yīng)用的一種簡單、方便的編程工具。在了解了 VBSCRIPT 的基本語法后，只需要清楚各個組件的用途、屬性、方法，就可以輕松編寫出自己的 ASP系統(tǒng)。 的特點(diǎn) 1. 使用 VBScript、 JScript 等簡單易懂的腳本語言，結(jié)合 HTML 代碼，即可快速地完成網(wǎng)站的應(yīng)用程序。 2. ASP 無須編譯，容易編寫，由服務(wù)器的軟件解釋后直接執(zhí)行。當(dāng)執(zhí)行 ASP 程序時，腳本程序?qū)⒁徽酌畎l(fā)送給腳本解釋器 (即腳本引擎 )，由腳本解釋器進(jìn)行翻譯并將其轉(zhuǎn)換成服務(wù)器所能執(zhí)行的命令。 3. 可使用普通的文本編輯器，如 Windows 的記事本，即可進(jìn)行編輯設(shè)計(jì)。 4. 與瀏覽器無關(guān) , 用戶端只要使用可執(zhí)行 HTML 碼的瀏覽器，即可瀏覽 Active Server Pages 所設(shè)計(jì)的網(wǎng)頁內(nèi)容。 ASP 所使用的腳本語言 (VBScript、 Jscript