【摘要】在Internet飛速發展的今天，校園網站利用網絡優勢可以實現無紙化辦公，提高工作效率，共享教育教學資源，為教師提供多一種參與教育教學研究的方法，因此校園網站現在已經應用廣泛。高校校園網站建設分為網站規劃、技術方案確定、具體設計制作和日常管理與維護等階段，應按照性價比最優的原則選擇硬件和軟件平臺，制作網頁時要處理好風格定位、版面編排、線條與形狀的選擇、色彩處理等方面。在校園網站的管理工作中要注意分工協作、用戶培訓、安全防護和數據備份等問題。電子信息與計算機科學系雖然建立的時間不長，但作為文經學院的第二大系，更應該做好本系網站的設計，并且使之能夠進行有效的管理。為了更好的宣傳電子信息與計算機科學系，在分析調查的基礎上進行了網站的全新設計與實現。網站的實現采用了網頁制作工具DreamweaverMX2004,ASP開發技術，選用了MySQL數據庫進行了開發。經過幾個月的測試運行，網站基本滿足了系里的要求，最后對其中的不足與存在的問題進行了討論，提出了相應的解決辦法。本文介紹了開發工具Dreamweave的功能特點，提出了校園網站的設計思想，詳細分析了其系統結構和用戶需求，對校園網站的各個子系統進行了具體設計，并給出其系統功能各自的主頁設計方案。關鍵詞：網站設計；網站實現；Dreamweaver；ASP；MySQL數據庫Abstract：WithrapiddevelopmentandpopularizationofInternet,campuswebsiteshavebeenwidelyusedbecauseofitsadvantagessuchasimprovingworkingefficiency,sharingteachingresourcesandprovidinganewwaytoparticipatinginteachingprocessforteachersandsoon.TheconstructionofuniversitycampusWebsitedividesintoWebsiteplan,technicalplandetermination,homepagedesignanddailymanagementandmaintenance.Weshouldfollowthebestperformance/costRatioinchoosinghardwareandsoftwareplatform,andmusthaveaniceprocessinginlocalization,pagelayoutarrangement,lineandshapechoosing,colorprocessingetc,asdesigninghomepage.Alsowemustpayattentiontodivisionandcooperation,usertraining,safeprotectionanddatabackupinthecampusWebsitemanagementwork.ElectronicInformationandComputerScience,thoughnotlongestablished,buttheculturalandeconomicinstitutionsasthesecondlargestdepartment,thedepartmentshoulddothesitedesign,andenableeffectivemanagement.Inordertopromoteelectronicinformationandcomputersciencebetter,theanalysisbasedontheinvestigationofthesitesnewdesignandimplementation.SiteimplementationsuseWebpagecreationtoolDreamweaverMX2004,ASPdevelopmenttechnology,hasselectedMySQLdatabasedevelopment.Afterseveralmonthsoftestrun,thesitehasbasicallymettherequirementsofthedepartment,thelastofwhichlessthanwiththeproblemsdiscussed,thesolutionputforwardcorrespondingmeasures.ThisarticleintroducesthefunctionsandcharacteristicsofDreamweaverandgivesamethodofdesignaboutcampusnetwork.Italsoanalysesthesystemstructureandcustomersdemand.Meanwhile,thesubsystemofcampusnetworkhasbeendesignedandthefunctionsofsubsystemhasbeenintroduced.Keywords:WebsiteDesign；SiteImplementation；Dreamweaver；ASP；MySQL目錄一引言.6二網站總體分析與設計.72.1設計思想.82.2開發工具的介紹.82.3網站系統分析.132.4主頁設計.14三詳細設計.153.1網站所實現的功能分析.153.2系統文件部署.173.3網站規劃與分析.183.4主頁規劃設計.19四網站的實現.204.1模板的實現.204.2各功能模塊的實現.22五結束語.28六致謝.29七參考文獻.30一、引言在Internet飛速發展的今天，互聯網成為人們快速獲取、發布和傳遞信息的重要渠道，他在人們政治、經濟、生活等各個方面發揮著重要的作用。網站已成為政府、企事單位信息化建設中的重要組成部分，倍受人們的重視。對于學校的而言，為了更好的提高辦學質量和學校知名度，建立一個具有鮮明特點校園網站是十分必要的。校園網站不僅是在校園內發布信息的通道與環境，也是對外聯系和宣傳自己的良好途徑。在校園網站逐步完善的同時，電子系為了適應學校需求，加快系部發展，決定建立電子信息與計算機學系網站，對系部進行全面、深入的介紹，發布系里的精彩活動，緊密系部與學生的聯系，更好的完成教育教學工作。我們采用了可視化網頁設計軟件DreamweaverMX來實現電子系的網站設計，使用的版本是DreamweaverMX2004，它能夠實現動態網頁編程，能夠對ASP進行處理并能夠實現與Access、Mysql、SQLserver或者Oracle等數據庫的連接，功能強大。在此選用了標準的SQL語句來調用數據庫。但是網站開發是一項很復雜的工作，下面詳細討論了該網站的開發、設計環境、實現方法及其具體的實現。在信息和網絡的時代，越來越多的人們每天都要依靠網絡來發布信息和獲取信息，從而更加有效地學習、工作和生活。Internet使人們的距離無限縮小，成為有史以來覆蓋領域最廣的展示舞臺。從某種程度上來說，Internet上的各種應用都是依照現實生活中的需求來模擬設計實現的。在信息化飛速發展的今天，互聯網技術日趨成熟，在網絡上及時的發布信息和獲得信息，已經成為當今世界流行的快捷的途徑。政府，企業，學校已經紛紛接受了這種方便的途徑來宣傳自己，并已經可以直接在互聯網上辦理一些業務。二、網站總體分析與設計在Internet飛速發展的今天，互聯網成為人們快速獲取、發布和傳遞信息的重要渠道，它在人們政治、經濟、生活等各個方面發揮著重要的作用。Internet上發布信息主要是通過網站來實現的，獲取信息也是要在Internet“海洋”中按照一定的檢索方式將所需要的信息從網站上下載下來。因此網站建設在Internet應用上的地位顯而易見，它已成為政府、企事業單位信息化建設中的重要組成部分，從而倍受人們的重視。為了更好的辦學，提高系部知名度，特構建電子信息與計算機科學系網站。提高辦公效率，向管理要效益成為組織發展的有效手段之一；高效辦公、科學管理與信息技術相結合成為提高辦公效率和管理水平的主要方式。因此院系的信息化建設即網站建設成為現代企事單位基礎建設的一個重要方面。對于建立電子信息與計算機科學系的網站，從教學的角度看，教學資料的積累查閱，課件和考試復習題的共享，及時的答疑解惑，各類活動的安排都可以網頁的形式發布在電子系的網站上，使教育教學的信息及時流通并有了最佳保存信息的方式。從學生的角度來看，教學資源的共享以及各種活動的發布，都促進了學生的學習，緊密了學生與系部之間的聯系。電子信息與計算機科學系網站的設計與實現是完善校園網也是教學工作必不可少的工作。2.1設計思想通過網站，全面宣傳，展示電子信息與計算機科學系風采、優點與特色，發布系里的重大活動安排與招生政策，增強學生與系部之間的聯系，在Internet上實現完成部分校務，提高辦事效率。2.2開發工具的介紹Dreamweavar是一個可視化的網頁設計和網站管理工具，支持最新的Web技術，包含HTML檢查、HTML格式控制、HTML格式化選項、HomeSiteBBEdit捆綁、可視化網頁設計、圖像編輯、全局查找替換、全FTP功能、處理Flash和Shockwave等多媒體格式和動態HTML、基于團隊的Web創作。目前使用得最多的是DreamweaverMX2004和Dreamweaver80兩個版本，前者在功能上比后者強大，能夠實現動態網頁編程，在此選用DreamweaverMX2004MacromediaDreamweaverMX2004是一款專業的HTML編輯器，用于對Web站點、Web頁和Web應用程序進行設計、編碼和開發。無論您愿意享受手工編寫HTML代碼時的駕馭感還是偏愛在可視化編輯環境中工作，Dreamweaver都會為您提供有用的工具，使您擁有更加完美的Web創作體驗。利用Dreamweaver中的可視化編輯功能，您可以快速地創建頁面而無需編寫任何代碼。您可以查看所有站點元素或資源并將它們從易于使用的面板直接拖到文檔中。您可以在MacromediaFireworks或其他圖形應用程序中創建和編輯圖像，然后將它們直接導入Dreamweaver，或者添加MacromediaFlash對象，從而優化您的開發工作流程。Dreamweaver還提供了功能全面的編碼環境，其中包括代碼編輯工具（例如代碼顏色和標簽完成）；有關HTML、層疊樣式表(CSS)、JavaScript、ColdFusion標記語言(CFML)、MicrosoftActiveServerPages(ASP)和JavaServerPages(JSP)的參考資料。Macromedia的可自由導入導出HTML技術可導入您手工編碼的HTML文檔而不會重新設置代碼的格式，您可以隨后用您首選的格式設置樣式來重新設置代碼的格式。Dreamweaver還使您可以使用服務器技術（例如CFML、ASP.NET、ASP、JSP和PHP）生成由動態數據庫支持的Web應用程序。Dreamweaver可以完全自定義。您可以創建您自己的對象和命令，修改快捷鍵，甚至編寫JavaScript代碼，用新的行為、屬性檢查器和站點報告來擴展Dreamweaver的功能。Dreamweaver的編輯