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