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