【正文】 .................................................................................................. 34 下載系統(tǒng)操作管理 ........................................................................................................................... 35 下載系統(tǒng)界面 ............................................................................................................................ 35 下載系統(tǒng)管理界面 .................................................................................................................... 37 添加下載軟件 ............................................................................................................................ 38 下載軟件分類管理 .................................................................................................................... 39 本章小結(jié) ............................................................................................................................................ 40 第五章 課題總結(jié) ........................................................................................................................................ 41 參考資料 ...................................................................................................................................................... 42 畢業(yè)論文：計(jì)算機(jī)工程系網(wǎng)站建設(shè) 1 第一章 引言 信息技術(shù)日新月異，也逐漸融合到當(dāng)代的教育系統(tǒng)中。畢業(yè)論文：計(jì)算機(jī)工程系網(wǎng)站建設(shè) 1 摘要 本文詳細(xì)介紹了通過運(yùn)用 Inter/Intra 的相關(guān)技術(shù)，建設(shè)“江蘇大學(xué)計(jì)算機(jī)學(xué)院工程系網(wǎng)站”的過程。 該網(wǎng)站的核心部分使用了 asp 技術(shù)，并與數(shù)據(jù)庫技術(shù)、網(wǎng)絡(luò)安全技術(shù)相結(jié)合，使教師可以很好地管理自己的資料，學(xué)生能夠方便地查詢教 師及課程等信息，管理人員也可以方便地管理網(wǎng)站并進(jìn)行維護(hù)工作。物質(zhì)、能源與信息已成為社會(huì)發(fā)展的三大資源。 1993 年 9 月美國(guó)政府率先提出了國(guó)家信息基礎(chǔ)設(shè)施計(jì)劃 NII（ National Information Infrastructure），通常稱為信息高速公路，實(shí)質(zhì)是高速信息網(wǎng)絡(luò)。 加速信息化進(jìn)程是社會(huì)、經(jīng)濟(jì)發(fā)展到一定程度時(shí)的必然要求，已成為促進(jìn)各國(guó)經(jīng)濟(jì)和社會(huì)發(fā)展的大趨勢(shì)，是時(shí)代賦予我們的歷史性機(jī)遇和挑戰(zhàn)。 1994 年 3月有關(guān)專家研討了 “國(guó)民經(jīng)濟(jì)信息化 ”和建立 “中國(guó)信息高速公路 ”的問題。 網(wǎng)站的發(fā)展 在當(dāng)今全球信息化大潮中，互聯(lián)網(wǎng)（即因特網(wǎng) —— Inter）異軍突起，給 20 世紀(jì)末的人類社會(huì)增添了無限的活力，成為現(xiàn)代社會(huì)生活中一道亮麗的風(fēng)景線。 Inter/Intra 技術(shù)的日益發(fā)展，使人們認(rèn)識(shí)到了 Inter/Intra 的優(yōu)勢(shì)，更使得數(shù)據(jù)庫與 web 的連接成為數(shù)據(jù)庫開發(fā)方面的熱門技術(shù)之一。 若網(wǎng)站維護(hù)者要更新網(wǎng)頁的內(nèi)容，就必須手動(dòng)更新所有的 HTML 文檔。 （二） .自動(dòng)更新：即無需手動(dòng)更新 HTML 文檔， 就能自動(dòng)生成新的頁面，從而大大減少工作量。 本課題的意義 目前，各院系利用網(wǎng)絡(luò)資源向教師和學(xué)生提供交流的平臺(tái)，體現(xiàn)了現(xiàn)代教學(xué)信息化的特點(diǎn)。網(wǎng)站不但為教師和學(xué)生提供了一個(gè)良好的交流平臺(tái)，也為其他人員了解 計(jì)算機(jī)學(xué)院工程系打開了一扇窗口。在此，我們選用了 Macromedia 公司的網(wǎng)頁三劍客作為網(wǎng)站設(shè)計(jì)工具，數(shù)據(jù)庫部分我們采用了 Office 系列的 Access，簡(jiǎn)單方便。 簡(jiǎn)介 Dreamweaver MX2020 啟動(dòng)后，會(huì)出現(xiàn)一個(gè) 選擇 操作窗口，如 圖表 1 所示。 畢業(yè)論文：計(jì)算機(jī)工程系網(wǎng)站建設(shè) 4 圖表 1 Dreamweaver MX2020 啟動(dòng)界面 圖表 2 Dreamweaver MX2020 新建工作界面 特點(diǎn) 最佳的制作效率 ： Dreamweaver 可以用最快速的方式將 Fireworks， FreeHand，或 Photoshop 等檔案移至網(wǎng)頁上。除此之外，只要單擊便可使 Dreamweaver 自動(dòng)開啟 Firework 或 Photoshop來進(jìn)行編輯與設(shè)定圖檔的最佳化。 無可比擬的控制能力 ： Dreamweaver 是唯一提供 Roundtrip HTML、視覺化編輯與原始碼編輯同步的設(shè)計(jì)工具。甚至可以排序或格式化表格群組， Dreamweaver 支援精準(zhǔn)定位，利用可輕易轉(zhuǎn)換成表格的圖層以拖拉置放的方式進(jìn)行版面配置。建立網(wǎng)頁外觀的樣版，指定可編輯或不可編輯的部份，內(nèi)容提供者可直接編輯以樣式為主的內(nèi) 容卻不會(huì)不小心改變既定之樣式。使用不同瀏覽器檢示功能， Dreamweaver 可以告知您在不同瀏覽器上執(zhí)行的成效如何。 Microsoft Word 和Microsoft Excel 復(fù)制和粘貼 命令使您可以將 Microsoft Word 和 Excel 文檔直接復(fù)制并粘貼到 Dreamweaver 中。 用戶界面改進(jìn) 可得到最大的可用工作區(qū)，更清晰地顯示上下文和焦點(diǎn)，并使用戶更易于使用和更具邏輯性。 完全支持 Unicode 意味著在 Windows 下，Dreamweaver 支持 Inter Explorer 所支持的所有文本編碼方式。 動(dòng)態(tài)跨瀏覽器驗(yàn)證在您保存文檔時(shí)自動(dòng)檢查當(dāng)前文檔的跨瀏覽器兼容性問題。特殊的標(biāo)記使您可以知道特定屬性是否被覆蓋，就地編輯功能允許您對(duì)可立即反映在“設(shè)計(jì)”視圖中的內(nèi)容進(jìn)行快速編輯。 基于 CSS 的頁面屬性 使您能夠使用新型 CSS 代碼結(jié)構(gòu)對(duì)頁面屬性進(jìn)行更多的控制，例如標(biāo)題和鏈接的外觀。 Dreamweaver 還包括當(dāng)前對(duì)服務(wù)器技術(shù)的支持。 Active Server Pages (ASP) 是服務(wù)器端腳本編寫環(huán)境，使用它可以創(chuàng)建和運(yùn)行動(dòng)態(tài)、交互的 Web 服務(wù)器應(yīng)用程序。 ActiveX（ COM）技術(shù)是現(xiàn)在 Microsoft軟件的重要 基礎(chǔ)。 Server： ASP運(yùn)行在服務(wù)器端。然而 Netscape瀏覽器不支持客戶端的 VBSCRIPT，所以最 好不要在客戶端使用 VBSCRIPT。瀏覽者查看頁面源文件時(shí)，看到的是 ASP生成的 HTML代碼，而不是 ASP程序代碼。 的特點(diǎn) 1. 使用 VBScript、 JScript 等簡(jiǎn)單易懂的腳本語言，結(jié)合 HTML 代碼，即可快速地完成網(wǎng)站的應(yīng)用程序。 4. 與瀏覽器無關(guān) , 用戶端只要使用可執(zhí)行 HTML 碼的瀏覽器，即可瀏覽 Active Server Pages 所設(shè)計(jì)的網(wǎng)頁內(nèi)容。腳本引擎是處理腳本程序的 COM(Component Object Model) 物件。 9. ActiveX Server Components(ActiveX 服務(wù)器組件 )具有無限可擴(kuò)充性。 2．腳本語言： 選用 VBScript 腳本語言。 畢業(yè)論文：計(jì)算機(jī)工程系網(wǎng)站建設(shè) 8 作為本網(wǎng)站數(shù)據(jù)庫系統(tǒng)的設(shè)計(jì)軟件，下面簡(jiǎn)要介紹一下。 界面如圖表 3 所示。 4. 通過創(chuàng)建聯(lián)機(jī)窗體，用戶可以直接對(duì)數(shù)據(jù)庫中的記錄執(zhí)行查看和編輯操作。 網(wǎng)站設(shè)計(jì)目的 網(wǎng)站設(shè)計(jì)的前提是先弄清楚服務(wù)的對(duì)象，否則將是事倍功半的。分析有些網(wǎng)站的效果不如預(yù)想的好，主要原因是對(duì)用戶的需求理解有偏差，缺少用戶的檢驗(yàn)造成的。 2．教學(xué)安排、課程建設(shè)及科研情況 這里 包括各學(xué)期的教學(xué)安排、每一學(xué)科的課程建設(shè)以及工程系科研情況，比如教學(xué)任務(wù)表、畢業(yè)設(shè)計(jì)、任課教師、課程資源、科研項(xiàng)目、論文專著，等等。 6．管理功能 這里屬于后臺(tái)管理，通過分配不同的權(quán)限使得網(wǎng)站管理有序而安全。頁面設(shè)計(jì)屬于設(shè)計(jì)的一種，同樣要求簡(jiǎn)練，準(zhǔn)確。 2．方便性 一個(gè)好的網(wǎng)站不僅要求能夠提供實(shí)用的信息，還要有方便的瀏覽方式；也就是說，要讓登陸網(wǎng)站的人能夠方便的查詢資料。我們控制頁面上的元素的放置順序和它們相互之間的空隙，并把相關(guān)的內(nèi)容放在一起，而不相關(guān)的內(nèi)容用空白、水平線或其他圖形分隔開。我們?cè)诮M織內(nèi)容時(shí)便把希望瀏覽者最先看到的內(nèi)容放在頁面的左上角和頁面頂部，如最新消息以及其他一些重要內(nèi)容等等。我們?cè)谠O(shè)計(jì)網(wǎng)站時(shí)使用了一致的框架以及一致的字體和顏色，為了達(dá)到網(wǎng)站視覺上的整體感及和諧感。實(shí)現(xiàn)易讀性的關(guān)鍵在 于提供足夠的明暗對(duì)比，我們選擇了淺藍(lán)色的背景和黑色的字。包括：網(wǎng)站的欄目板塊和結(jié)構(gòu)，網(wǎng)站內(nèi)容的安排，相互鏈接關(guān)系，等等。網(wǎng)站的題材確定后，并且收集和組織了許多相關(guān)的資料內(nèi)容，但如何組織內(nèi)容才能吸引網(wǎng)友們來瀏覽網(wǎng)站呢？欄目的實(shí)質(zhì)是一個(gè)網(wǎng)站的大綱索引，索引應(yīng)該將網(wǎng) 站的主體明確顯示出來。 2)、目錄的層次不要太深，目錄的層次建議不要超過 3 層，維護(hù)管理方便。 排版設(shè)計(jì)最重要的是，設(shè)計(jì)者如何把那些涵養(yǎng)和觀點(diǎn)傳達(dá)給觀者，以便使版面上的思想能進(jìn)入觀者的心靈。 網(wǎng)站內(nèi)容的安排 在設(shè)計(jì)完網(wǎng)站的結(jié)構(gòu)和布局后，接下來就要考慮內(nèi)容的填充了。 當(dāng)然，網(wǎng)站的資料已經(jīng)提供，我們所要做的就是將這些資料合理有序的放置在網(wǎng)站上。它建立在目錄結(jié)構(gòu)基礎(chǔ)之上，但可以跨越目錄。優(yōu)點(diǎn)是條理清晰，訪問者明確知道自己在什么位置，不會(huì) 迷 路。缺點(diǎn)是 鏈接太多，容易使瀏覽者迷路，搞不清自己在什么位置，看了多少內(nèi)容。 網(wǎng)站結(jié)構(gòu) 網(wǎng)站的基本結(jié)構(gòu)是樹形框架，首頁作為樹根引申出各版塊頁面，各版塊通過首 頁互相聯(lián)系，后臺(tái)負(fù)責(zé)管理整個(gè)網(wǎng)站，由首頁登陸。 這當(dāng)然只是粗略的構(gòu)造框架，詳細(xì)部分將在下一章重點(diǎn)實(shí)現(xiàn) 。而在建造的過程中，建筑工人也是從基礎(chǔ)到建樓一步一步來的。這些都是很重要的，有一個(gè)統(tǒng)一的、標(biāo)準(zhǔn)的形象是贏得自己用戶信賴的條件。要明確的是，我們不是藝術(shù)家，不是附庸風(fēng)雅的浪漫主義者，而是扎扎實(shí)實(shí)的工作者。于是首頁框架設(shè)計(jì)所要體現(xiàn)的另一個(gè)重要點(diǎn)在于它的索引功能，也就是方便的鏈接。 這只是一個(gè)簡(jiǎn)單的公式，但設(shè)計(jì)起來卻不是那么簡(jiǎn)單。在首頁的右上方（當(dāng)然也是醒目的位置），是滾動(dòng)的留言板，這也是動(dòng)態(tài)更新的。 在設(shè)計(jì)網(wǎng)站首頁時(shí)，我們遵從了以下規(guī)范： 1．盡量精簡(jiǎn) 首頁的作用好比一本書的封面，是為了吸引用戶瀏覽你的網(wǎng)址內(nèi)容。頁面給人的第一觀感最為重要，盡管這是一個(gè)學(xué)院的網(wǎng)站，首頁的好壞直接影響師生們對(duì)整個(gè)網(wǎng)站的感受。這也并不是說要完全略去圖像不用，只是要注意使用圖像所引起的效果。如果載入的時(shí)間超過五至十秒，很多用戶就會(huì)等得不耐煩。穿越五個(gè)以上的聯(lián)接項(xiàng)目已足以令人厭煩。 畢業(yè)論文：計(jì)算機(jī)工程系網(wǎng)站建設(shè) 16 圖表 5 首頁頁面設(shè) 計(jì) 首頁 ASP 程序設(shè)計(jì) 看到了上面的頁面設(shè)計(jì)，我們所設(shè)計(jì)的網(wǎng)站基本上已經(jīng)成型，那些有 asp 標(biāo)記的便是插入的 ASP 腳本語言，現(xiàn)在簡(jiǎn)要介紹一下： 1．自動(dòng)彈出頁面 這在首頁的設(shè)計(jì)中沒有顯示。 這是一個(gè)簡(jiǎn)單的語句 ，表示彈出一個(gè)窗口（ window），其里面的各參數(shù)給明窗口的屬性，不再詳細(xì)敘述。 3．滾動(dòng)留言部分 % select top 8 id,name,content,addate,author from news where isUse order by id desc,conn,1,1 //從數(shù)據(jù)庫讀取數(shù)據(jù)，下同 do while not a href=javascript:openwin(39。,39。rs(author)amp。day(rs(addate))amp。 option友情鏈接 /option% select name,url,click,addate from friendsite where isUse,conn,1,1 do while not OPTION value=amp。/OPTION loop % /select 其他頁面設(shè)計(jì)過程 由于首頁已經(jīng)設(shè)計(jì)完成，接下來的便是按部就班的設(shè)計(jì)余下的部分了。center