【正文】 成都信息工程學(xué)院 誠實(shí) 嚴(yán)謹(jǐn) 求實(shí) 創(chuàng)新 1 畢 業(yè) 設(shè) 計(jì) 題 目： 綠色環(huán)保宣傳網(wǎng)頁設(shè)計(jì) 所學(xué)專業(yè) ： 計(jì) 算機(jī)信息管理與應(yīng)用 成都信息工程學(xué)院 誠實(shí) 嚴(yán)謹(jǐn) 求實(shí) 創(chuàng)新 2 畢業(yè)設(shè)計(jì)進(jìn)度計(jì)劃表 日 期 工作內(nèi)容 執(zhí)行情況 指導(dǎo)教師簽名 2021 年 3 月 進(jìn)行畢業(yè)資料的收集和整理 2021 年 3— 4 月 網(wǎng)站設(shè)計(jì)及制作 2021 年 5 月 經(jīng)中期檢查后，對網(wǎng)站建設(shè)方案的設(shè)計(jì)與實(shí)現(xiàn)進(jìn)行修改及完善 2021 年 5— 6 月 論文的構(gòu)思、修改及撰寫 2021 年 6 月 論文的打印及裝訂 2021年 6月 28 日前 將論文由網(wǎng)上發(fā)給指導(dǎo)教師 2021 年 6 月 30 日 論文提交 指導(dǎo)教師對 進(jìn)度計(jì)劃實(shí) 施情況總評 簽 名 ： 年 月 日 注： 本表作為評定學(xué)生平時成績的依據(jù)之一 。 成都信息工程學(xué)院 誠實(shí) 嚴(yán)謹(jǐn) 求實(shí) 創(chuàng)新 3 摘 要 隨著計(jì)算機(jī)技術(shù)和通信技術(shù)的飛速發(fā)展，信息化的浪潮席卷全球，互聯(lián)網(wǎng)成為人們快速獲取、發(fā)布和傳遞信息的重要渠道。作為占有全社會大約 80%信息的政府，如何將海量的信息提供給有需求者，并且能夠保證 24 小時隨時查詢和下載，在眾多媒體中，政府網(wǎng)站是成本低廉和 行之有效的方法。論文詳細(xì)描述了一個基于 ASP 技術(shù)和 ACCESS 數(shù)據(jù)庫系統(tǒng)的網(wǎng)站的開發(fā)過程。網(wǎng)站包括兩個模塊：新聞發(fā)布和互動交流。其中新聞發(fā)布系統(tǒng)包括組織機(jī)構(gòu)、部門信息、政策法規(guī)、網(wǎng)站公告、后臺管理等子模塊?；咏涣飨到y(tǒng)包括網(wǎng)上辦事、互動交流、下載中心等子模塊。主頁面提供本網(wǎng)站的一個宏觀樣式，并讓各模塊與之配合聯(lián)系，構(gòu)成一個完整的網(wǎng)站系統(tǒng)。 目 錄 摘要 ………………………………………………………… … … ……………………………… （ 3） 前言 ………………………………………………………… … … …………………… ………… （ 5） 第一章 Web 頁概述 …………………………………………… ……………………………… （ 6） Inter 的歷史和發(fā)展 …………… …………………… …………………………………… （ 6） Web 頁定義 ……………………………………………… ………………………………… （ 8） Web 頁特性 ……………………………………………… ………………………………… .（ 8） Web 頁的地址 …………………………………………… ………………………………… .（ 8） 第二章 系統(tǒng)分析 ……………………… …………………… … ……………………………… .（ 9） 關(guān)于綠色環(huán)保宣傳網(wǎng)站建設(shè)歷程 ……………………… ………………………………… （ 9） 綠色環(huán)保宣傳網(wǎng)站建設(shè)的必要性 ……………………… ………………………………… （ 10） 綠色環(huán)保宣傳網(wǎng)站建設(shè)的現(xiàn)實(shí)意義 …………………… … ……………………………… （ 10） 成都信息工程學(xué)院 誠實(shí) 嚴(yán)謹(jǐn) 求實(shí) 創(chuàng)新 4 第 三 章 綠色宣傳網(wǎng)站的設(shè)計(jì) ……………………………… …………………………… ..（ 12） 宣傳網(wǎng)站的特點(diǎn) ………………………………………… … …………………………… （ 12） 綠色環(huán)保宣傳網(wǎng)站的 構(gòu) 成 ………………………………… …………………………… .（ 13） 第 四 章 網(wǎng)站的具體分 析 ……………………………………… …………………………… （ 14） 網(wǎng)站需求分析 ………………………………………… … … ………………………… ......（ 14） 系統(tǒng)運(yùn)行分析 ………………………………………………… …………………………… （ 15） 系統(tǒng) 設(shè)計(jì)流程 圖 ……………………………………………… ………………………… ..（ 16） 第 五 章 綠色宣傳網(wǎng)站設(shè)計(jì)圖 瀏覽 …………………………… … ………………………...... （ 16） 網(wǎng)站首頁設(shè)計(jì)圖 …………………………………… … … … .. …………………………… （ 17） 網(wǎng)站子頁面設(shè)計(jì)圖 …………………………………… … … …………………………… ...（ 18） 第 六 章 開發(fā)工具的選用及介紹 ………………………… …… …………… …… ………… .（ 25） Asp 腳本語言的介紹 …………………………………… … …………… …… …………… （ 25） Dreamweaver 簡介 ……………………………………… …………… …… …………… … .(26） SQL Server 數(shù)據(jù) 庫簡介 ………………………………… …………… …… …………… ..（ 30） 網(wǎng)站圖片制作工具 photo shop 的介紹 ………………… …………… …… …………… ..（ 31） 第 七 章 網(wǎng)站的 運(yùn)行環(huán)境 與維護(hù) …………………………… …………… …… …………… ..(32) 網(wǎng)站運(yùn)行環(huán)境 …………………………………………… …………… …… …………… … (32) 網(wǎng)站的維護(hù) ……………………………………………… …………… …… …………… … (32) 附 錄 ………………………………………………………… …………… …… …………… （ 33） 參考文獻(xiàn) …………………………………… …………… …… …………… ………………… ..(39) 鳴 謝 ………………………………………… …………… …… …………… ………………… (40) 成都信息工程學(xué)院 誠實(shí) 嚴(yán)謹(jǐn) 求實(shí) 創(chuàng)新 5 前 言 本網(wǎng)站是 自制綠色環(huán)保宣傳網(wǎng)頁。運(yùn)用了 Ajax 的 Spry 框架；通過 Ajax 的 Spry 效果，輕松地向頁面元素添加視覺過渡；在設(shè)計(jì)過程中用到了 Flash 動畫設(shè)計(jì)和 Photo shop 圖形圖像處理技術(shù)。這也給本設(shè)計(jì)增色不少，讓我的設(shè)計(jì)更加生 動，更加讓人賞心悅目。下面我將就我設(shè)計(jì)的過程所采用的技術(shù)、思路 方面詳細(xì)的介紹我 所設(shè)計(jì)開發(fā)的綠色環(huán)保宣傳的網(wǎng)頁設(shè)計(jì)。 本論文將對網(wǎng)頁的設(shè)計(jì)和制作進(jìn)行研究和探討。作品的主要技術(shù)指標(biāo)包括： 制作出一個具有靜態(tài)和動態(tài)技術(shù)的“關(guān)于綠色環(huán)保宣傳網(wǎng)頁”； 在制作的過程中，加強(qiáng)和深化以前所學(xué)的關(guān)于網(wǎng)頁設(shè)計(jì)的方法，同時更好的理解參考資料上的方法和理論； 最后是追求后臺操作的穩(wěn)定性。 本設(shè)計(jì)的主要內(nèi)容包括： 綠色環(huán)保宣傳網(wǎng)頁的設(shè)計(jì)思想，整體規(guī)劃及相關(guān)基礎(chǔ)知識； 綠色環(huán)保宣傳網(wǎng)頁的前臺設(shè)計(jì)，包括匯編 HTML 語言程序及效果圖； 綠色環(huán)保宣傳網(wǎng)頁后臺設(shè)計(jì)（通過后臺操作實(shí)現(xiàn)對網(wǎng)頁內(nèi)容的修 改）； 綠色環(huán)保宣傳網(wǎng)頁的調(diào)試。 網(wǎng)頁規(guī)劃包含的內(nèi)容很多，如網(wǎng)頁的結(jié)構(gòu)、欄目的設(shè)置、網(wǎng)頁的風(fēng)格、顏色搭配、版面布局、文字圖片的運(yùn)用等，也只有如此制作出來的網(wǎng)頁才能有個性、有特色，具有吸引力。 網(wǎng)頁主題就是所要包含的主要內(nèi)容，一個網(wǎng)頁必須要有一個明確的主題。特別是對于個人網(wǎng)頁，不可能像綜合網(wǎng)站那樣做得內(nèi)容大而全，包羅萬象。所以必須要找準(zhǔn)一個自己最感興趣內(nèi)容，做深、做透，辦出自己的特色，這樣才能給人留下深刻的印象。 成都信息工程學(xué)院 誠實(shí) 嚴(yán)謹(jǐn) 求實(shí) 創(chuàng)新 6 第一章 Web 頁概述 Inter 的歷史和發(fā)展 Inter 最早來源 于美國國防部高級研究計(jì)劃局 DARPA(Defense advanced Rescarch Projects Agency)的前身 ARPAncet，該網(wǎng)于 1967 年投入使用。從 60 年代開始， ARPA 就開始向美國國內(nèi)大學(xué)的計(jì)算機(jī)系和一些私人有限公司提供經(jīng)費(fèi)，以促進(jìn)基于分組交換技術(shù)的計(jì)算機(jī)網(wǎng)絡(luò)的研究。 1968 年， ARPA 為 ARPA 網(wǎng)絡(luò)項(xiàng)目立項(xiàng)，這個項(xiàng)目基于這樣一種主導(dǎo)思想：網(wǎng)絡(luò)必須能夠經(jīng)受住故障的考驗(yàn)而維持正常工作，一旦發(fā)生戰(zhàn)爭，當(dāng)網(wǎng)絡(luò)的某一部分因遭受擊而失去工作能力時，網(wǎng)絡(luò)的其它部分應(yīng)當(dāng)能夠維持正常通信。 最初，ARPA 主要用于軍事研究目的，它有五大特點(diǎn)： （ 1）支持資源共享； （ 2）采用分布式控制技術(shù)； （ 3）采用分組交換技術(shù)； （ 4）使用通信控制處理機(jī)； （ 5）采用分層的網(wǎng)絡(luò)通信協(xié)議。 1972 年， ARPA 在首屆計(jì)算機(jī)后臺通信國際會議上首次與公眾見面，并驗(yàn)證了分組交換技術(shù)的可行性，由此， ARPAnce 成為現(xiàn)代計(jì)算機(jī)網(wǎng)絡(luò)誕生的標(biāo)志。 ARPA 在技術(shù)上的另一個重大貢獻(xiàn)是 TCP/IP 協(xié)議簇的開發(fā)和使用。 1980 年， ARPA 投資把 TCP/IP加進(jìn) UNTX( 版本 )的內(nèi)核中，在 版本以后， TCP/IP 協(xié)議即成為 UNIX 操作系統(tǒng)的標(biāo)準(zhǔn)通信模塊。 1982 年， Inter 由 ARPA,MILNET 等幾個計(jì)算機(jī)網(wǎng)絡(luò)合并而成，作為 Inter 的早期骨干網(wǎng)，ARPA 試驗(yàn)并奠定了 Inter 存在和發(fā)展的基礎(chǔ)，較好地解決了異種機(jī)網(wǎng)絡(luò)互聯(lián)的一系列理論和技術(shù)問題。 1983 年， ARPA 分裂為兩部分： ARPA 和純軍事用的 MILNET。該年 1 月， ARPA 把 TCP/IP 協(xié)議成都信息工程學(xué)院 誠實(shí) 嚴(yán)謹(jǐn) 求實(shí) 創(chuàng)新 7 作為 ARPAnct 的標(biāo)準(zhǔn)協(xié)議，其后，人們稱呼這個以 ARPA 為主干網(wǎng)的國際互聯(lián)網(wǎng)為 Inter,TCP/IP 協(xié)議簇便在 Inter 中進(jìn)行研究、試驗(yàn)，并改進(jìn)成為使用方便，效率極好的協(xié)議簇。 與此同時，局域網(wǎng)和其它廣域網(wǎng)的產(chǎn)生的蓬勃發(fā)展對 Inter 的進(jìn)一步發(fā)展起了重大的作用。其中，最為引人注目的就是美國科學(xué)基金會 NSF（ National Science Foundation）建立的美國國家科學(xué)基金網(wǎng)NSF,1986 年， NSF 建立起了六大超級計(jì)算機(jī)中心，為了使全國的科學(xué)家、工程師能夠共享這些超級計(jì)算機(jī)設(shè)施， NSF 建立了自己的基于 TCP/IP 協(xié)議簇的計(jì)算機(jī) NSF。 NSF 在全國建立 了按地區(qū)劃分的計(jì)算機(jī)廣域網(wǎng)，并將這些地區(qū)網(wǎng)絡(luò)和超級計(jì)算中心相聯(lián)，最后將各超級計(jì)算中心互聯(lián)起來。地區(qū)網(wǎng)的構(gòu)成一般是由一批在地理上局限于某一地域，在管理上隸屬某一機(jī)構(gòu)或在經(jīng)濟(jì)上有共同利益的用戶的計(jì)算機(jī)互聯(lián)而成，連接各地區(qū)網(wǎng)上主通信結(jié)點(diǎn)計(jì)算機(jī)的高速數(shù)據(jù)專線構(gòu)成了 NSF 的主干網(wǎng)，這樣，當(dāng)一個用戶的計(jì)算機(jī)與某一地區(qū)相聯(lián)以后，它除了可以使用任一超級計(jì)算機(jī)中心的設(shè)施，可以同網(wǎng)上任一用戶通信，還可以獲得網(wǎng)絡(luò)提供的大量信息和數(shù)據(jù)。這一成功使得 NSF 于 1990 年 6 月徹底取代了 ARPA 而成為Inter 的主 干網(wǎng)。 NSF 對 Inter 的最大貢獻(xiàn)是使 Inter 向全社會開放，而不像以前那樣僅僅借計(jì)算機(jī)研究人員、政府職員和政府承包病使用。然而，隨著網(wǎng)上通信量的迅猛增長， NSF 不得不采用更新的網(wǎng)絡(luò)技術(shù)來適應(yīng)發(fā)展的需要。 1990 年 9 月，由 Merit、 IBM 和 MCI 公司聯(lián)合建立了一個非贏利性的組織 — 先進(jìn)網(wǎng)絡(luò)和