【正文】 是否啟用菜單erorder文本50二級菜單順序 表5：vname（存儲調(diào)查項(xiàng)目信息）字段名數(shù)據(jù)類型字段大小備注id自動編號長整型調(diào)查項(xiàng)目自編號，主鍵title文本50調(diào)查項(xiàng)目內(nèi)容cf文本50是否重復(fù)投票kind文本50單選/多選vtime日期/時間日期二級菜單順序表6：vitem（存儲調(diào)查條目信息）字段名數(shù)據(jù)類型字段大小備注id自動編號長整型調(diào)查條目自編號，主鍵vid數(shù)字長整型調(diào)查項(xiàng)目自編號vtitle文本50調(diào)查條目內(nèi)容vocunt數(shù)字長整型投票次數(shù)表7：guestbook（存儲留言信息）字段名數(shù)據(jù)類型字段大小備注id自動編號長整型留言自編號，主鍵chenghu文本50留言者稱呼myface文本50頭像homepage文本50個人主頁文本50電子郵箱qq文本50留言contenttitle備注長整型留言標(biāo)題content備注長整型留言內(nèi)容recontent備注長整型回復(fù)內(nèi)容emot文本50表情ip文本50留言者IPdatetime日期/時間日期留言時間5 ASP運(yùn)用程序設(shè)計(jì)網(wǎng)站的ASP運(yùn)用程序設(shè)計(jì)，包括網(wǎng)站數(shù)據(jù)庫連接、動態(tài)菜單、前臺文章顯示、留言板塊、后臺管理系統(tǒng)的設(shè)計(jì)。并按照策劃分析建立七個表。圖 36 網(wǎng)站頁面4 數(shù)據(jù)庫設(shè)計(jì)本網(wǎng)站通過策劃分析一共要建立七個表，分別為Admin、newyikind、erkind、vitem、vname和guestBook，這七個表分別用來存儲管理員信息、文章數(shù)據(jù)、一級欄目信息、二級欄目信息、網(wǎng)站調(diào)查標(biāo)題、網(wǎng)站調(diào)查項(xiàng)目和留言信息。效果圖的設(shè)計(jì)要注意整體性和協(xié)調(diào)性。網(wǎng)站所有前臺和留言頁面采用此結(jié)構(gòu)，這樣第一可以保持網(wǎng)站外觀的統(tǒng)一，第二在需要增減導(dǎo)航、版權(quán)信息時僅僅需要修改一個文件。網(wǎng)站元素的最終效果圖如圖32所示。圖 31 網(wǎng)站LOGO效果圖除了網(wǎng)站LOGO，還有網(wǎng)頁中用到的教學(xué)大樓、國徽、學(xué)生、卡通人物等元素需要設(shè)計(jì)。3 網(wǎng)站界面美工設(shè)計(jì) 網(wǎng)站元素設(shè)計(jì)網(wǎng)站元素設(shè)計(jì)包括網(wǎng)頁背景、網(wǎng)站LOGO（標(biāo)志）以及網(wǎng)頁中出現(xiàn)的教學(xué)大樓、國徽、學(xué)生等，還有FLASH中用到的各種元素。至此，完成了Windows Vista中IIS7的安裝及ASP＋Access的配置。單擊“添加”，在下面的“輸入對象名稱來選擇”輸入框中輸入Authenticated Users，確定。設(shè)置Temp目錄安全性的步驟如下：打開“C:\Windows\ServiceProfiles\NetworkService\AppData\Local\Temp”目錄。選擇左邊的“Default Web Site”，打開“基本設(shè)置”對話框。配置ASP＋Access開發(fā)環(huán)境有兩個步驟：設(shè)置應(yīng)用程序池默認(rèn)值和Temp（文件）目錄安全性。勾選“Internet信息服務(wù)”選項(xiàng)，確定。所以安裝完Windows Vista系統(tǒng)之后要重新安裝IIS。本網(wǎng)站是在Windows Vista系統(tǒng)下進(jìn)行開發(fā)的。 構(gòu)建開發(fā)環(huán)境ASP動態(tài)網(wǎng)站的開發(fā)環(huán)境為：Windows XP/NT/2000/Vista（操作系統(tǒng)）＋（服務(wù)器組建）+ Access（數(shù)據(jù)庫）?？梢哉fFlash已經(jīng)漸漸成為交互式矢量的標(biāo)準(zhǔn)，是未來網(wǎng)頁的一大主流。比較著名的如韓國的Flash動感網(wǎng)站，幾乎全部采用了Flash 和Director（多媒體程序）。當(dāng)然，還有一個很值得Flash炫耀的就是運(yùn)用Flash制作的動感網(wǎng)站。Adobe Dreamweaver ，還支持網(wǎng)站的統(tǒng)籌管理、ASP（網(wǎng)站程序開發(fā)語言）、JSP（網(wǎng)站程序開發(fā)語言）等程序的編寫與調(diào)試。因此，說Dreamweaver是高級網(wǎng)頁制作的首選并不為過。Dreamweaver對于動態(tài)網(wǎng)站的支持特別全面，可以輕而易舉地實(shí)現(xiàn)很多眩目的互動頁面特效。 Dreamweaver Dreamweaver是Macromedia公司推出的一款所見即所得的網(wǎng)頁編輯工具（現(xiàn)被Adobe公司收購）。運(yùn)用Adobe Photoshop，可以隨心所欲的設(shè)計(jì)色彩豐富、形式多樣的網(wǎng)頁，配合Adobe Photoshop的捆綁軟件Adobe Image Ready，可以制作完美的網(wǎng)頁界面、翻轉(zhuǎn)按鈕、Banner動畫等。 Photoshop CS2簡介Adobe Photoshop是由美國Adobe公司開發(fā)的一套集圖像制作、編輯修改、廣告創(chuàng)意、圖像合成、圖像輸入/輸出于一體的專業(yè)圖形處理軟件。本設(shè)計(jì)選用Dreamweaver、Flash和Photoshop作為開發(fā)工具。圖 22 網(wǎng)站的文件布局 開發(fā)工具的選用及介紹“工欲善其事，必先利其器”。這十個文件夾類別依次為：后臺系統(tǒng)文件、樣式表文件、數(shù)據(jù)庫文件、滾動圖片文件、留言板文件、圖片多媒體文件、變化特效文件、JS代碼文件、調(diào)查文件、網(wǎng)站前臺頁面文件。網(wǎng)站中的所有元素，包括圖片、文字、聲音和Flash動畫等，應(yīng)該分門別類放置到各個文件夾。 網(wǎng)站布局網(wǎng)站結(jié)構(gòu)和布局要做到條理清晰。后臺管理：要注重實(shí)用性，要能通過后臺系統(tǒng)管理網(wǎng)站上的內(nèi)容。留言系統(tǒng)應(yīng)該做到方便留言、方便查看，還要加入回復(fù)留言功能，以提高留言者之間的互動性。圖 21 網(wǎng)站功能結(jié)構(gòu)數(shù)據(jù)庫：該數(shù)據(jù)庫采用Microsoft Office Access軟件建立，以自設(shè)計(jì)數(shù)據(jù)庫來存儲網(wǎng)站所用相關(guān)信息。 欄目策劃為了增加網(wǎng)站的可互動性，網(wǎng)站欄目采用動態(tài)菜單：菜單分為一級菜單和二級菜單，分別儲存于數(shù)據(jù)庫的yikind表和erking表，通過程序調(diào)用于網(wǎng)站頭部，并在后臺建立管理模塊，可根據(jù)用戶自己的需要自定義菜單，并且隨時可以更改、添加、刪除等。后臺管理系統(tǒng)主要建立菜單管理、綜合信息管理、調(diào)查管理、留言管理和用戶管理功能。前臺建立首頁，信息標(biāo)題頁，信息顯示頁，其中信息標(biāo)題頁與信息顯示頁通過動態(tài)菜單循環(huán)調(diào)用；首頁不但顯示相關(guān)重要信息，還有變化圖片，滾動圖片，網(wǎng)站調(diào)查，友情鏈接等設(shè)計(jì)。校園信息網(wǎng)的建設(shè)是為了加大學(xué)校對外交流與宣傳力度，提高教學(xué)、科研、管理效率的重要途徑；同時加強(qiáng)對校外聯(lián)系，互相學(xué)習(xí)，促進(jìn)師生與學(xué)校共同發(fā)展。特別是計(jì)算機(jī)知識，因其自身知識更新快的特點(diǎn)，通過信息網(wǎng)站進(jìn)行自主學(xué)習(xí)無疑是最佳的選擇。學(xué)校信息網(wǎng)站建設(shè)是學(xué)校教育信息化建設(shè)的重要方面，是適應(yīng)現(xiàn)代教育技術(shù)和信息技術(shù)的發(fā)展，加大學(xué)校對外交流與宣傳力度，提高教學(xué)、科研、管理效率的重要途徑；學(xué)校網(wǎng)站是學(xué)校對外宣傳的窗口，也是展示全校師生才能，加強(qiáng)對校外聯(lián)系，互相學(xué)習(xí)，共同發(fā)展的陣地，學(xué)校網(wǎng)站建設(shè)的目的是促進(jìn)師生與學(xué)校共同發(fā)展。這不僅給很多企業(yè)帶來了商機(jī)，也給很多設(shè)計(jì)公司帶來了發(fā)展空間，更給每一個網(wǎng)頁設(shè)計(jì)者提供了一個多彩的舞臺。這也向設(shè)計(jì)工作者提出了一個全新的課題。作者簽名：　　 　 　　 日　 期：　　 　 　　目 錄1 引 言 12 網(wǎng)站構(gòu)思 2 設(shè)計(jì)定位 2 網(wǎng)站策劃分析 2 欄目策劃 2 功能設(shè)置 2 網(wǎng)站布局 3 開發(fā)工具的選用及介紹 4 Photoshop CS2簡介 4 Dreamweaver 4 Flash 5 Microsoft Office Access軟件簡介 5 構(gòu)建開發(fā)環(huán)境 5 5＋Access開發(fā)環(huán)境 5 在Dreamweaver8中建立網(wǎng)站測試站點(diǎn) 63 網(wǎng)站界面美工設(shè)計(jì) 6 網(wǎng)站元素設(shè)計(jì) 6 網(wǎng)站的界面設(shè)計(jì) 74 數(shù)據(jù)庫設(shè)計(jì) 95 ASP運(yùn)用程序設(shè)計(jì) 12 連接數(shù)據(jù)庫程序設(shè)計(jì) 12 動態(tài)菜單設(shè)計(jì) 12 前臺顯示程序設(shè)計(jì) 13 網(wǎng)站首頁程序設(shè)計(jì) 13 信息標(biāo)題頁程序設(shè)計(jì) 14 信息顯示頁程序設(shè)計(jì) 15 留言板塊程序設(shè)計(jì) 16 簽寫留言程序設(shè)計(jì) 17 查看程序設(shè)計(jì) 17 后臺管理系統(tǒng)程序設(shè)計(jì) 19 用戶登陸管理程序設(shè)計(jì) 20 用戶管理程序設(shè)計(jì)： 21 菜單管理程序設(shè)計(jì) 22 綜合信息管理程序設(shè)計(jì) 23 留言管理程序設(shè)計(jì) 24 調(diào)查管理程序設(shè)計(jì) 256 網(wǎng)站測試 26 運(yùn)用程序測試 26 瀏覽器兼容性測試 267 網(wǎng)站的發(fā)布推廣 27 網(wǎng)站的發(fā)布 27 27 27 網(wǎng)站的推廣 27 27 28 288 總結(jié) 28主要參考文獻(xiàn) 29第8章 總結(jié)1 引 言隨著網(wǎng)絡(luò)技術(shù)的發(fā)展，因特網(wǎng)已漸漸成為人們生活中不可或缺的一部分。對本研究提供過幫助和做出過貢獻(xiàn)的個人或集體，均已在文中作了明確的說明并表示了謝意。關(guān)鍵詞：網(wǎng)頁設(shè)計(jì) ASP技術(shù) 網(wǎng)站開發(fā)Exchange of information on campus construction sitesBai ChaoJian(Yunnan Police Officer Academy of Computer Science and Technology, 2005, Kunming, Yunnan, 650223)Abstract: This article projects around the site analysis, site concept, the overall design, the effect of map design, page generation, database design, application programming, web site testing, release, promotion of various important aspects of the use of a database with ASP technology integration to achieve a Dynamic Menu website, information updates, background registry, online messages, site investigation of the interact