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