【正文】 是用 Dreamweaver MX2020 設(shè)計(jì)的首頁。首頁整體上要能夠迅速傳送。在首頁上清楚列出幾項(xiàng)要點(diǎn)以及主頁內(nèi)容即可。在此的下面是工程系的幾位老師的介紹以及個(gè)人網(wǎng)址鏈接。 其次，首頁是整個(gè)網(wǎng)站的索引，可以這么比喻，整個(gè)網(wǎng)站是一個(gè)線路網(wǎng)，那么首頁便是這個(gè)線路的主干道，其他分頁則是分支。而要給人以好的可以信賴的形象就必須從許多細(xì)節(jié)上入手，同時(shí)規(guī)范整 個(gè)網(wǎng)站的外在表現(xiàn)，具體在于標(biāo)志的設(shè)計(jì)、標(biāo)準(zhǔn)色彩的表達(dá)以及標(biāo)準(zhǔn)字體的設(shè)計(jì)。而后臺(tái)管理作為網(wǎng)站的數(shù)據(jù)庫及管理系統(tǒng)分別管理著每一個(gè)枝葉。這種鏈接結(jié)構(gòu)的優(yōu)點(diǎn)是瀏覽方便，隨時(shí)可以到達(dá)自己喜歡的頁面。 網(wǎng)站鏈接關(guān)系 1．網(wǎng)站的鏈接結(jié)構(gòu) 網(wǎng)站的鏈接結(jié)構(gòu)是 指頁面之間相互鏈接的拓?fù)浣Y(jié)構(gòu)。我們所設(shè)計(jì)的便是上邊和右邊相結(jié)合的拐角型：上面是頁面的提頭和欄目導(dǎo)航，右邊是留言板和其它的鏈接，而左邊則是網(wǎng)頁的主體內(nèi)容部分。所以在創(chuàng)建網(wǎng)站目錄時(shí)我們嚴(yán)格注意一下規(guī)范： 1)、不把所有文件都存放在根目錄下，否則會(huì)造成文件管理混亂，搞不清哪些文件需要編輯和更新，哪些無用的文件可以刪除，哪些是相關(guān)聯(lián)的文件，影響工作效率。 畢業(yè)論文：計(jì)算機(jī)工程系網(wǎng)站建設(shè) 11 網(wǎng)站總體設(shè)計(jì) 在分析完網(wǎng)站設(shè)計(jì)的目的、特點(diǎn)以及所要實(shí)現(xiàn)的功能后，我們并不是直接開始制作，而是需要對(duì)網(wǎng)站進(jìn)行總體設(shè)計(jì)。 3．美觀性 首先是一致性，一致性是表現(xiàn)一個(gè)站點(diǎn)的獨(dú)特風(fēng)格的重要手段之一。材料組織好后，便開始在網(wǎng)站頁面上布置文本、圖片等內(nèi)容，目的是引導(dǎo)瀏覽者在頁內(nèi)瀏覽。它與繪圖有內(nèi)在聯(lián)系，但又不同于繪畫，它以滿足人們的實(shí)用和需求為目標(biāo)，因而它比繪畫更單純，清晰和精確。這部分功能的實(shí)現(xiàn)只需一塊區(qū)域，放在首頁更加直觀。 網(wǎng)站設(shè)計(jì)前提思路 首先我們要明確這個(gè)網(wǎng)站設(shè)計(jì)的目的，以及 它所要達(dá)到的功能，能夠體現(xiàn)什么特點(diǎn)。 Access 還完全支持 Microsoft 的 OLE 技術(shù)。 Active Server Pages 提供內(nèi)建對(duì)象，這些對(duì)象使用戶更容易收集通過瀏覽器請(qǐng)求發(fā)送的信息、響應(yīng)瀏覽器以及存儲(chǔ)用戶信息（如用戶首選項(xiàng)） 。除了可使用 VBScript 或 JScript 語言來設(shè)計(jì)外，還通過 plugin 的方式，使用由第三方所提供的其他腳本語言，譬如 REXX、 Perl等。在了解了 VBSCRIPT 的基本語法后，只需要清楚各個(gè)組件的用途、屬性、方法，就可以輕松編寫出自己的 ASP系統(tǒng)。 VBSCRIPT 是 VB 的一個(gè)簡(jiǎn)集，會(huì) VB的人可以很方便的快速上手。 簡(jiǎn)介 從字面上說， ASP包含三方面含義： Active： ASP使用了 Microsoft 的 ActiveX 技術(shù)。 3．代碼編輯： 強(qiáng)大和開放的編碼環(huán)境 Dreamweaver 為編碼人員提供了以下新增功能，包括對(duì)“代碼”視圖的改進(jìn)和無需創(chuàng)建Dreamweaver 站點(diǎn)即可編輯文件的功能。單擊任意規(guī)則可查看它指定了哪些屬性（邊框樣式、邊距、填充、文本大小等）。 保存桌面選項(xiàng) 使您可以選擇當(dāng)您重新啟動(dòng) Dreamweaver 時(shí)讓Dreamweaver 重新打開您上一次使用的文檔。 “插入”欄的改進(jìn) 使其具有一個(gè)簡(jiǎn)潔高效的新外觀，并占用更少的工作區(qū)空間。 夢(mèng)幻樣版和 XML Dreamweaver 將內(nèi)容與設(shè)計(jì)分開，應(yīng)用 于 快速網(wǎng)頁更新和團(tuán)隊(duì)合作網(wǎng)頁編輯。使用支援文字、 HTML 碼、 HTML 屬性標(biāo)簽和一般語法的搜尋及置換功能使得復(fù)雜的網(wǎng)站更新變得迅速又簡(jiǎn)單。標(biāo)題欄中主要顯示該文檔 9 的標(biāo)題信息、文件名及該文件所在的文件夾等；菜單欄中包含了各種操作命令、應(yīng)用特性和訪問浮動(dòng)面板的簡(jiǎn)單方法； Dreamweaver MX2020 啟動(dòng)后，工作區(qū)是白色的空白區(qū)域，可以在工作區(qū)中輸入文字、插入圖象、添加背景以及其它頁面元素；浮動(dòng)面板提供了訪問程序特性的簡(jiǎn)單方法，可以對(duì)浮動(dòng)面板進(jìn)行選擇、拖放、重新定位、移動(dòng)等操作，當(dāng)我們不需要使用某個(gè)移動(dòng)面板時(shí)，還可以用鼠標(biāo)單擊該面板右上角的關(guān)閉按鈕將其關(guān)閉，需要時(shí)再打開；狀態(tài)欄位于窗口的最下端 ，用于顯示文檔的 HTML 標(biāo)記、文檔窗口大小、下載速度等信息。要構(gòu)造出一個(gè)優(yōu)秀的網(wǎng)站，首先選取得力的工具是必要的?？梢哉f，網(wǎng)站設(shè)計(jì)和網(wǎng)站的編 輯正成為新興的熱門行業(yè)。其頁面內(nèi)容使用的僅僅是標(biāo)準(zhǔn)的 HTML 代碼，最多再加上流行的 GIF 格式的動(dòng)態(tài) 圖片，比如產(chǎn)生幾只小貓小狗跑來跑去的動(dòng)畫效果。它的主要任務(wù)是制定國(guó)家信息化的方針、政策，組織制定國(guó)家信息化的發(fā)展戰(zhàn)略、總體規(guī)劃，以及協(xié)調(diào)跨部門、跨地區(qū)，關(guān)系國(guó)民經(jīng)濟(jì)和社會(huì)發(fā)展 的國(guó)家重大信息工程項(xiàng)目。 INTERNET/INTRANET 技術(shù)的興起，給企業(yè)業(yè)務(wù)流程、管理模式、組織機(jī)構(gòu)的重組乃至整體的發(fā)展帶來新的機(jī)會(huì)，并將導(dǎo)致產(chǎn)業(yè)結(jié)構(gòu)及企業(yè)經(jīng)營(yíng)方式 的變革。 信息技術(shù)發(fā)展概況 隨著融合了計(jì)算機(jī)、通信和信息處理技術(shù)的電子信息技術(shù)的飛速發(fā)展，人類在經(jīng)歷了農(nóng)業(yè)社會(huì)、工業(yè)社 會(huì)后，已步入信息化社會(huì)。該網(wǎng)站利用了先進(jìn)的 asp 網(wǎng)頁動(dòng)態(tài)技術(shù)以及數(shù)據(jù)庫技術(shù)，為教師和學(xué)生提供一個(gè)網(wǎng)上交流信息的平臺(tái)，并為維護(hù)者提供了方便的操作后臺(tái)。信息化水平的高低已成為衡量一個(gè)國(guó)家、一個(gè)地區(qū)現(xiàn)代化水平和綜合國(guó)力的重要標(biāo)志。人大八屆四次會(huì)議審議通過了《中華人民共和國(guó)國(guó)民經(jīng)濟(jì)和社會(huì)發(fā)展 “九五 ”計(jì)劃和 2020 年遠(yuǎn)景目標(biāo)綱要》，指出 “國(guó)民經(jīng)濟(jì)和社會(huì)各領(lǐng)域應(yīng)用現(xiàn)代電子信息取得很大進(jìn)展，計(jì)算機(jī)應(yīng)用在生產(chǎn)、工作和生活中的普及程度有很大提高。 它正在改變著人們的工作和生畢業(yè)論文：計(jì)算機(jī)工程系網(wǎng)站建設(shè) 2 活方式。為了更新網(wǎng)頁的內(nèi)容， 網(wǎng)站維護(hù)者必須重復(fù)制作HTML 文檔，隨著網(wǎng)站內(nèi)容和信息量的日益擴(kuò)增，可以想象這是多么復(fù)雜繁瑣的工作。而本課題 —— 即“江蘇大學(xué)計(jì)算機(jī)學(xué)院工程系網(wǎng)站”就是基于這一目的設(shè)計(jì)完成的。 MX2020 Dreamweaver 是由 Macromedia 公司推出的，用于網(wǎng)頁開發(fā)和網(wǎng)站管理的專業(yè)化設(shè)計(jì)工具。對(duì) 于 選單，快捷鍵畢業(yè)論文：計(jì)算機(jī)工程系網(wǎng)站建設(shè) 5 與格式控制，都只要一個(gè)簡(jiǎn)單步驟便可完成。幀 (frames)和表格的制作速度快的令您無法想像。 全方位的呈現(xiàn)利用 Dreamweaver 設(shè)計(jì)的網(wǎng)頁，可以全方位的呈現(xiàn)在任何平臺(tái)的熱門瀏覽器上。 表 格編輯可視化反饋 使您能夠看到在表格中進(jìn)行列調(diào)整操作時(shí)的實(shí)際效果。安全 FTP 使您能夠完全加密所有文件傳輸，并阻止對(duì)您的數(shù)據(jù)、文件、用戶名和密碼的未授權(quán)訪問。您可以在“設(shè) 計(jì)”視圖中方便地選擇 div 或其它內(nèi)容塊，然后使用“ CSS 屬性”選項(xiàng)卡來修改屬性。 改進(jìn)對(duì) 表單控件的支持 提供了在“設(shè)計(jì)”視圖中生成和操作 Web 表單的經(jīng)改進(jìn)的新方法（包括新的屬性檢查器）。 ASP本身封裝了一些基本組件和常用組件，有很多公司也開發(fā)了很多實(shí)用組件。 Netscape 瀏覽器也可以正常顯示 ASP頁面。當(dāng)執(zhí)行 ASP 程序時(shí)，腳本程序?qū)⒁徽酌畎l(fā)送給腳本解釋器 (即腳本引擎 )，由腳本解釋器進(jìn)行翻譯并將其轉(zhuǎn)換成服務(wù)器所能執(zhí)行的命令。 7. 可使用服務(wù)器端的腳本來產(chǎn)生客戶端的腳本。addtimeamp。 2. 通過建立各個(gè)表之間的關(guān)聯(lián)，從而將存儲(chǔ)在不同表中的相關(guān)數(shù)據(jù)有機(jī)地結(jié)合起來。 明確設(shè)計(jì)站點(diǎn)的目的和用戶需求，從而作出切實(shí)可行的計(jì)劃。 4．文檔及軟件下載 教學(xué)文檔、課件以及常用軟件的下載。一般每頁使用的字體不超過三種，一個(gè)頁面中使用的顏色少于 256 種。 由于人們閱讀材料習(xí)慣于從左到右，從上到下進(jìn)行，因此他們眼睛首先看到的是頁面的左上角，然后逐漸往下看。但是必注意慎重的使用色彩，否則很可能弄巧成拙 ,濫用色彩容易造成視覺上的混亂。如果網(wǎng)站結(jié)構(gòu)不清晰，目錄龐雜，內(nèi)容東一塊西一塊。 4)、不要使用過長(zhǎng)的目錄。同樣假如不顧網(wǎng)頁的內(nèi)容，只顧頁面的形式，盡管頁面再漂亮，用戶也不會(huì)歡 迎，因?yàn)檫@樣是他們根本沒有得到什么東西（或者獲得的信息很少）。 樹狀鏈接結(jié)構(gòu)類似 DOS的目錄結(jié)構(gòu)，首頁鏈接指向一級(jí)頁面，一級(jí)頁面鏈接指向二級(jí)頁面。 2．各部分的鏈接 首先是首頁鏈接出幾個(gè)主要版塊，如教學(xué)安排、課程建設(shè)、文檔下載等等，這是樹型結(jié)構(gòu)，各版塊之間要通過首頁的鏈接來訪問。 首頁 教學(xué)安排 課程建設(shè) 科研情況 文檔下載 通訊錄 最新消息 師資力量 留言板 后臺(tái)管理 下載系統(tǒng) 畢業(yè)論文：計(jì)算機(jī)工程系網(wǎng)站建設(shè) 14 第四章 網(wǎng)站的實(shí)現(xiàn) 這一部分是整個(gè)設(shè)計(jì)階段的主體，當(dāng)然，只要已經(jīng)做出了充分的準(zhǔn)備工作，那么接下來的事情也不算太難。首先，首頁是一個(gè)網(wǎng)站給人的第一印象，這也正是瀏覽者對(duì)網(wǎng)站評(píng)價(jià)優(yōu)劣的最主要因素。當(dāng)然，這些內(nèi)容可以在相應(yīng)的副業(yè)里介紹，但首頁位置可以給作為重要的最新的新聞內(nèi)容一個(gè)給人最直接的映像。首頁的最下面和其他一些網(wǎng)站一樣，放著聯(lián)系方法和申明。不要忘了，這個(gè)網(wǎng)站設(shè)計(jì)出的目的是為了師生的網(wǎng)上交流和學(xué)習(xí)，而不是娛樂或 其它一些目的?；谇逦鞔_和速度的考慮，首 頁上的鏈接項(xiàng)目應(yīng)只限于幾個(gè)高級(jí)的類別。 ASP 代碼如下： script language=JavaScript function openwin(page,size) { (page,newuser,toolbar=no,location=no,directories=no,status=no,menubar=yes,scrollbars=yes,resizable=no,+ size)。rs(id)amp。month(rs(addate))amp。amp。oamp。 圖表 6 分頁基本框架 2．新聞框架頁面 這個(gè)界面相對(duì)簡(jiǎn)單，動(dòng)態(tài)鏈接到數(shù)據(jù)庫的新聞以及 ASP 動(dòng)態(tài)統(tǒng)計(jì)閱讀人數(shù)。 4．友情鏈接部分 SELECT name=site onChange=([].value) size=1 style=fontfamily: 宋體 。)amp。rs(name)amp。 4．提綱挈領(lǐng) 首頁作為用戶瀏覽網(wǎng)站的入口，除了包含重要的新聞信息之外，還應(yīng)該起著提綱挈領(lǐng)的作用，因此 — 般須載有以下事項(xiàng)： 標(biāo)題，新聞，鏈接，電子郵件地址，版權(quán)資料，聯(lián)絡(luò)信息，等等。切勿禁不住誘惑 ,覺得非要放入大幅的圖畫不可；應(yīng)考慮只用三兩幅短小精悍的圖像。切勿堆砌太多不必要的細(xì)節(jié)，或使畫面過于復(fù)雜。 畢業(yè)論文：計(jì)算機(jī)工程系網(wǎng)站建設(shè) 15 首頁頁面設(shè)計(jì) 由于上一節(jié)介紹的首頁框架，接下來便只剩下給這個(gè)框架實(shí)施了；首頁最醒目的位置是最新的新聞通告和最新動(dòng)態(tài)，用 ASP 動(dòng)態(tài)添加，這為新聞的更新提供了很大的方便。這些從后面展示的界面便可看出，不再多說。 首頁設(shè)計(jì) 過程 網(wǎng)站的整體形象的體現(xiàn)在于首頁，一個(gè)網(wǎng)站給人的第一印象就是主頁，但是也絕不是說，只要主頁做好了，網(wǎng)站的整體形象就好，因?yàn)樵谟脩魧?duì)整個(gè)網(wǎng)站的瀏覽的過程中，會(huì)自然而然的形成一種對(duì)網(wǎng)站的看法，這種看法是附帶有感情色彩的，比如喜歡、不喜歡、沒有什么感覺等，這就是整體形象的體現(xiàn)，這是靠主頁和其它的頁面相配合來完成的，所以在制作網(wǎng)頁的時(shí)候要考慮怎么將自己網(wǎng)站好的一面體現(xiàn)給自己的用戶，又要考慮體現(xiàn)的方式，側(cè)重點(diǎn)，不能一鍋端，都放在主頁上，造成雜亂的形象。網(wǎng)站從首頁鏈接出幾個(gè)分頁：教學(xué)安排、課程建設(shè)、科研情況、文檔下載以及通訊錄等等；首頁上還應(yīng)當(dāng)有一些最新的公告、消息，以及計(jì)算機(jī)工程系師資力量的介紹。 而星狀鏈接結(jié)構(gòu)類似網(wǎng)絡(luò)服務(wù)器的鏈接，每個(gè)頁面相互之間都建立有鏈接。我們?cè)诎才艃?nèi)容時(shí)以內(nèi)容本身為主，兼顧美觀性，每個(gè)板塊都事先設(shè)計(jì)好方案，然后加入內(nèi)容。中間的部分一般是最大的，因?yàn)樗休d著主要的信息，用戶主要就是看中間這個(gè) 部分的內(nèi)容。 2．確定網(wǎng)站的目錄結(jié)構(gòu) 目錄結(jié)構(gòu)的 好壞，對(duì)瀏覽者來說并沒有什么太大的感覺，但是對(duì)于站點(diǎn)本身的上傳維護(hù)，內(nèi)容未來的擴(kuò)充和移植有著重要的影響。 5．穩(wěn)定性 這一點(diǎn)也是至關(guān)重要的，因?yàn)榫W(wǎng)站并不是建立后就完事了，更多的還是后期的維護(hù)工作；而穩(wěn)定性這一點(diǎn)正是使以后的維護(hù)能夠有條不紊、方便、順利的進(jìn)行。在處理鏈接問題時(shí)我們也比較謹(jǐn)慎，為的是不使因?yàn)殒溄拥幕靵y而導(dǎo)致整個(gè)網(wǎng)站的方便性。 在設(shè)計(jì)網(wǎng)站頁面時(shí)，我們精心組織所要發(fā)布的材料，按邏輯或時(shí)間順序進(jìn)行組織，為了使網(wǎng)站的內(nèi)容變得有條理。 理論上講，設(shè)計(jì)并不再現(xiàn)具體的物象和特征，它要表達(dá)的是一定的意圖和要求，在適當(dāng)?shù)沫h(huán)境里為人們所理解和接受。我們將把首頁的一部分作為介紹工程系的窗口，當(dāng)人們?cè)跒g覽網(wǎng)頁的時(shí)候可以對(duì)計(jì)算機(jī)工程系有一個(gè)了解。 畢業(yè)論文：計(jì)算機(jī)工程系網(wǎng)站建設(shè) 9 第三 章 網(wǎng)站的整體規(guī)劃與設(shè)計(jì) 這一章將從設(shè)計(jì)網(wǎng)站的目的出發(fā)，簡(jiǎn)要提出了網(wǎng)站的整體設(shè)計(jì)思路，對(duì)網(wǎng)站的風(fēng)格、格局、結(jié)構(gòu)以及主要內(nèi)容作出了概括；這一步驟屬于整個(gè)過程的準(zhǔn)備階段。它能 操作其它來源的資料，包括許多流行的 PC數(shù)據(jù)庫程序（如 dBASE， Paradox， Microsoft FoxPro）和服務(wù)器、小型積極大型機(jī)上的許多 SQL 數(shù)據(jù)庫。 的功能 1． Active