畢業(yè)設(shè)計（論文）題目米菲兒空間網(wǎng)站的設(shè)計與制作姓名王甜學(xué)號學(xué)院職業(yè)技術(shù)學(xué)院專業(yè)計算機網(wǎng)絡(luò)技術(shù)20成績評議學(xué)號姓名王甜專業(yè)計算機網(wǎng)絡(luò)技術(shù)題目米菲兒空間網(wǎng)站的設(shè)計與制作指導(dǎo)教師建議成績：評閱教師建議成績：答辯小組建議成績：院答辯委員會評閱意見及評定成績：答辯委員會主任簽字（蓋章）：年月日畢業(yè)設(shè)計開題報告學(xué)院職業(yè)技術(shù)學(xué)院專業(yè)計算機網(wǎng)絡(luò)技術(shù)學(xué)號姓名王甜題目米菲兒空間網(wǎng)站的設(shè)計與制作選題目的和意義隨著科學(xué)技術(shù)的發(fā)展，互聯(lián)網(wǎng)技術(shù)也越來越先進，人們互相交流的方式也越來越多樣化。其中個人網(wǎng)站也是顧客使用最多的一種方式。個人網(wǎng)站為我們提供了一種更加好的平臺。為了樹立個人網(wǎng)站在網(wǎng)絡(luò)上的形象，并且通過設(shè)計一種個人網(wǎng)站；已達成個人推薦、呈現(xiàn)自我的一種平臺，個人網(wǎng)站為交流提供綜合的網(wǎng)絡(luò)環(huán)境，同時也為個人的宣傳、發(fā)展、提供了一種平臺。設(shè)計背景如今網(wǎng)站的類型越來越多，現(xiàn)在有許多人設(shè)計自己的個性網(wǎng)站來增加與別人的交流。網(wǎng)站的設(shè)計已經(jīng)成為個人、公司公司等介紹自己的平臺，互相交流的會所。重要使用DreamWeaver、FireWorks、ASP.NET、SQLServer數(shù)據(jù)庫等某些軟件設(shè)計含有自己特色個人網(wǎng)站。設(shè)計提綱本網(wǎng)站設(shè)計重要涉及下列幾部分內(nèi)容：1．基于框架建立的前臺頁面（涉及主頁、個人介紹、留言板、忘記密碼、登錄、注冊等）。2．基于代碼的后臺頁面（留言板管理、數(shù)據(jù)庫的修改、刪除，后臺代碼的查詢、修改、刪除等功效）。計劃進度1．2013年1月14日擬定2．2013年1月16日—2月10日查閱有關(guān)資料，進一步學(xué)習(xí)有關(guān)開發(fā)工具。3.2013年2月11日—3月20日各功效模塊的代碼編寫并測試。4.2011年4月15日前基本完畢設(shè)計，完畢畢業(yè)文論文初稿5．2013年4月16日—5月5日完畢論文二稿，并提交。6．2013年5月6日—5月17日完畢并提交論文三稿。7．2013年6月4日前組織院級答辯。指導(dǎo)教師意見指導(dǎo)教師簽字：年月日指導(dǎo)教師意見序號項目規(guī)定滿分得分1選題設(shè)計選題符合本專業(yè)應(yīng)用范疇選題有現(xiàn)實價值，能反映設(shè)計對象的客觀需要設(shè)計目的明確、唯一設(shè)計任務(wù)有一定難度102考勤與態(tài)度畢業(yè)設(shè)計各階段工作準時完畢主動主動與指導(dǎo)老師溝通認真看待指導(dǎo)老師給出的意見103信息資料應(yīng)用設(shè)計任務(wù)所需信息、資料使用充足信息資料的針對性、時效性、合理性強104工作量正文字數(shù)不少于5000字55理論知識綜合運用能力合理運用了有關(guān)學(xué)科的理論、思想、辦法與規(guī)律文研究辦法和手段的運用能力106分析問題的能力分析過程邏輯嚴謹結(jié)論體現(xiàn)明確107解決問題的能力形成完整解決問題的方案設(shè)計方案與否含有可行性方案的預(yù)期效果能夠達成設(shè)計的目的108設(shè)計撰寫質(zhì)量構(gòu)造合理，層次清晰、邏輯性強文題相符，觀點、結(jié)論對的寫作規(guī)范，圖表完備、整潔，符號統(tǒng)一，編號齊全設(shè)計內(nèi)容與否存在剽竊209可行性及創(chuàng)新性可應(yīng)用性強在思想、構(gòu)思、辦法等方面有創(chuàng)新體現(xiàn)1010其它5建議成績：優(yōu)良中及格不及格總分注：總分為60分下列為不及格，60～70分為及格，70分～80分為中，80分～90分為良，90分～100分為優(yōu)。對設(shè)計的簡短評價指導(dǎo)教師簽字年月日評閱教師意見序號項目規(guī)定滿分得分1選題設(shè)計選題符合本專業(yè)應(yīng)用范疇選題有現(xiàn)實價值，能反映設(shè)計對象的客觀需要設(shè)計目的明確、唯一設(shè)計任務(wù)有一定難度102考勤與態(tài)度畢業(yè)設(shè)計各階段工作準時完畢主動主動與指導(dǎo)老師溝通認真看待指導(dǎo)老師給出的意見103信息資料應(yīng)用設(shè)計任務(wù)所需信息、資料使用充足信息資料的針對性、時效性、合理性強104工作量正文字數(shù)不少于5000字55理論知識綜合運用能力合理運用了有關(guān)學(xué)科的理論、思想、辦法與規(guī)律文研究辦法和手段的運用能力106分析問題的能力分析過程邏輯嚴謹結(jié)論體現(xiàn)明確107解決問題的能力形成完整解決問題的方案設(shè)計方案與否含有可行性方案的預(yù)期效果能夠達成設(shè)計的目的108設(shè)計撰寫質(zhì)量構(gòu)造合理，層次清晰、邏輯性強文題相符，觀點、結(jié)論對的寫作規(guī)范，圖表完備、整潔，符號統(tǒng)一，編號齊全設(shè)計內(nèi)容與否存在剽竊209可行性及創(chuàng)新性可應(yīng)用性強在思想、構(gòu)思、辦法等方面有創(chuàng)新體現(xiàn)1010其它5建議成績：優(yōu)良中及格不及格總分注：總分為60分下列為不及格，60～70分為及格，70分～80分為中，80分～90分為良，90分～100分為優(yōu)。對設(shè)計的簡短評價指導(dǎo)教師簽字年月日答辯小組評議意見序號項目規(guī)定滿分得分1選題設(shè)計選題符合本專業(yè)應(yīng)用范疇選題有現(xiàn)實價值，能反映設(shè)計對象的客觀需要設(shè)計目的明確、唯一102信息資料應(yīng)用設(shè)計任務(wù)所需完畢所需信息、資料使用充足；信息資料的針對性、時效性強103工作量與任務(wù)難度正文字數(shù)不少于5000字設(shè)計各個部分構(gòu)造清晰、嚴謹設(shè)計任務(wù)有一定難度104理論應(yīng)用狀況合理運用了有關(guān)學(xué)科的理論、思想、辦法與規(guī)律55分析問題的能力分析過程邏輯嚴謹結(jié)論體現(xiàn)明確106解決問題的能力形成完整解決問題的方案方案的預(yù)期效果能夠達成設(shè)計的目的107答辯語言及思維邏輯簡要扼要敘述設(shè)計重要內(nèi)容，語言體現(xiàn)流暢思路清晰，重點突出，解說透徹回答下列問題有理論根據(jù)，基本概念清晰，邏輯性強能抓住要點，對問題回答精確、有深度使用專業(yè)化術(shù)語258答辯過程儀容儀態(tài)儀態(tài)端莊，自然得體59設(shè)計撰寫質(zhì)量構(gòu)造合理，層次清晰、邏輯性強文題相符，觀點、結(jié)論對的寫作規(guī)范，圖表完備、整潔，符號統(tǒng)一，編號齊全設(shè)計內(nèi)容與否存在剽竊1010可行性及創(chuàng)新性評價可應(yīng)用性強在思想、辦法或創(chuàng)意等方面有創(chuàng)新體現(xiàn)5建議成績：優(yōu)良中及格不及格總分答辯小組意見：答辯小組長簽字年月日摘要隨著互聯(lián)網(wǎng)的飛速發(fā)展，電腦網(wǎng)絡(luò)已應(yīng)用到各個領(lǐng)域，普及到千家萬戶,無論是國內(nèi)還是國外都快速的發(fā)展起來?，F(xiàn)在，網(wǎng)絡(luò)已經(jīng)成為人們快速獲取信息、公布信息和傳輸信息的重要渠道，成為每個人生活中的一部分，同時網(wǎng)絡(luò)也提供了一種較好的信息交換平臺?，F(xiàn)在，網(wǎng)頁設(shè)計和網(wǎng)站建設(shè)成為新時代的一種熱點。網(wǎng)絡(luò)已經(jīng)滲入到各個領(lǐng)域，無論是公司還是個人，網(wǎng)絡(luò)為我們提供了較好的信息交流平臺。政府運用網(wǎng)站宣傳自己的政策、公司運用網(wǎng)站宣傳自己的形象、學(xué)校運用網(wǎng)站宣傳自己的教育、個人運用網(wǎng)站展示自己的個性風(fēng)采。越來越多的人都但愿擁有自己的個性網(wǎng)站，呈現(xiàn)自己的個性風(fēng)采。通過建設(shè)個人網(wǎng)站，我們能夠展示自己，與別人交流學(xué)習(xí)，求職等等。本網(wǎng)站重要從個人網(wǎng)站的數(shù)據(jù)庫的設(shè)計方面和網(wǎng)頁設(shè)計三劍客入手，實現(xiàn)個人網(wǎng)站系統(tǒng)的主頁瀏覽模塊、后臺管理員登錄模塊、留言板模塊、前臺會員登錄模塊、會員注冊模塊與身份驗證模塊等方面設(shè)計，從網(wǎng)站設(shè)計的主頁、界面設(shè)計方面研究，并探討了運用數(shù)據(jù)庫技術(shù)，基于ASP.NET的動態(tài)網(wǎng)頁設(shè)計和SQLServer數(shù)據(jù)庫進行個人網(wǎng)站的設(shè)計與實現(xiàn)，針對要實現(xiàn)這些方面的技術(shù)，此文將一一簡樸介紹其設(shè)計思想和設(shè)計辦法。核心詞：ASP.NET；SQLServer；個人網(wǎng)站；留言板ABSTRACTWiththerapidspeeddevelopmentofInternet,thenetworkcomputernetworkhasbeenappliedtovariousfieldsmoreandmore,popularbothindomesticandforeignfamiliestorapiddevelopment.Nownetworkhasquickaccesstoinformation,publishinginformationandthemainchanneltotransmitinformation,becomeapartoflife,everyoneatthesametimethenetworkalsoprovidesagoodinformationexchangeplatform.Atpresent,webdesignandwebsiteconstructionhasbecomeafocusinthenewera.Networkhasalreadypenetratedintoeveryfield,whetherbusinessorpersonal,Internetprovidesuswithverygoodcommunicationplatform.Usewebsitepropagandatheirgovernmentpolicies,enterpriseusewebsitepropagandatheirimage,schoolsusewebsitepropagandaeducation,personaluseofyourownwebsitetoshowyourpersonality.Moreandmorepeoplewanttohavehisownpersonalitywebsite,showingtheirownpersonality.Throughtheconstructionofpersonalwebsite,wecanshowourselvesandcommunicatewithotherslearning,jobsearch,etc.Mypersonalwebsiteismainlyfromthewebsitedatabasedesignandwebdesignofthethreemusketeers,achievingpersonalwebsitesystembackstageadministratorlogin,messageboardmodule,memberlogin,registrationandauthenticationaspectssuchasdesign,fromthehomepageofwebsitedesign,interfacedesign,research,andprobesintotheuseofdatabasetechnology,dynamicwebdesignbasedonASP.NETandisessentiallydigitalpersonalwebsitedesignandimplementationofthedatabase,inviewofthetechnologytoachievetheseaspects,thisarticlewillintroduceonebyonethedesignideaanddesignmethod.KEYWORDS:ASP.NET；SQLServer；PersonalWebsite；Messageboard目錄引言 11概述 21.1軟件的選用與介紹 21.2選題的目的和意義 21.3課題研究的重要介紹 22設(shè)計準備 32.1設(shè)計愿望 32.2設(shè)計背景 42.3擬定網(wǎng)站主題 62.4擬定網(wǎng)站形象 62.5擬定網(wǎng)站風(fēng)格 62.6擬定網(wǎng)站內(nèi)容 63各模塊介紹 73.1首頁模塊 73.2我的朋友 83.3大學(xué)之旅 83.4美文觀賞 93.5可愛收藏 94具體實現(xiàn)與分析 94.1靜態(tài)設(shè)計 94.1.1站點的建設(shè)與收集素材 104.1.2HTML語言 104.1.3用框架表格進行布局和排版 114.1.4添加網(wǎng)頁元素 114.1.5滾動的公示 114.1.6典型的子頁設(shè)計過程 124.2動態(tài)設(shè)計 134.2.1數(shù)據(jù)庫的建立 134.2.2建立會員登錄系統(tǒng) 144.2.3建立留言板模塊 184.2.4后臺部分 195結(jié)論 20參考文獻 21致謝 22引言隨著科技的進步、時代的發(fā)展，計算機信息行業(yè)也逐步壯大，人們也越來越離不開多種各樣的信息，人們對信息的追求越來越迫切。網(wǎng)站作為網(wǎng)絡(luò)信息重要的體現(xiàn)形式并且還是互聯(lián)網(wǎng)信息的重要承載者，在互聯(lián)網(wǎng)上體現(xiàn)出了它及其重要的地位，并發(fā)揮著及其重要的作用，無論是國內(nèi)還是國外都快速的發(fā)展和壯大，并被人們重視。網(wǎng)站的迷人之處在于它綜合使用文本、圖像、聲音、動畫視頻信息和內(nèi)容，含有豐富的多媒體體現(xiàn)與互動特點。毋庸置疑，網(wǎng)站已成為最吸引人的也是最有效的信息傳遞的手段與方式。隨著網(wǎng)絡(luò)技術(shù)的逐步發(fā)展，各類網(wǎng)站紛紛出現(xiàn)，個人網(wǎng)站也成為了一種潮流，越來越多的人但愿擁有自己的網(wǎng)站，開辟自己在網(wǎng)絡(luò)世界里的一片天地，展示自己的才華和風(fēng)格。網(wǎng)站數(shù)據(jù)庫的規(guī)劃設(shè)計以及網(wǎng)站的頁面開發(fā)，都是對應(yīng)網(wǎng)站要實現(xiàn)的功效而進行設(shè)計的，我將通過多種網(wǎng)頁制作以及數(shù)據(jù)庫設(shè)計工具作出能達成預(yù)期效果的數(shù)據(jù)管理系統(tǒng)以及網(wǎng)站頁面，使網(wǎng)站管理人員更加方便的，精確的對留言板進行對的的維護和更新；使個人網(wǎng)站成為我們與外界溝通和交流的平臺，讓更多的人理解自己，在后來的社會競爭中能起到自我推薦和自我展示的作用。1概述1.1軟件的選用與介紹Dreamweaver是美國MACROMEDIA公司開發(fā)的集網(wǎng)頁制作和管理網(wǎng)站于一身的所見即所得網(wǎng)頁編輯器，它是第一套針對專業(yè)網(wǎng)頁設(shè)計師特別發(fā)展的視覺化網(wǎng)頁開發(fā)工具，運用它能夠輕而易舉地制作出跨越平臺限制和跨越瀏覽器限制的充滿動感的網(wǎng)頁。Dreamweaver含有制作效率高、操作直觀、簡樸易學(xué)、站點管理方便等無可比擬的控制能力優(yōu)勢，但它也同樣存在著難以精確達成與瀏覽器完全一致、不能實時更新、不能對大量信息進行更改、操作不方便、頁面原始代碼難以控制等局限性。本設(shè)計選用的是DreamweaverCS4。ASP是一項微軟公司的技術(shù)，是一種嵌入網(wǎng)頁中的腳本，可由因特網(wǎng)服務(wù)執(zhí)行的服務(wù)器端腳本技術(shù)。指ActiveServerPages（動態(tài)服務(wù)器頁面），運行于IIS之中的程序。ASP.NET的前身ASP技術(shù)，是在IIS2.0上初次推出的。本設(shè)計用的是基于C#的ASP.NET技術(shù)。ASP.NET是基于通用語言編譯運行的程序，有著很強的適應(yīng)性，C#編程語言語法靈活，功效強大，敘述都基于C#的ASP.NET建立氣象數(shù)據(jù)庫查詢系統(tǒng)的構(gòu)建與編程。ASP.NET有好多優(yōu)點：1、可管理性：ASP.NET使用基于文本的、分級的配備系統(tǒng)，簡化了將設(shè)立應(yīng)用于服務(wù)器環(huán)境和Web應(yīng)用程序的工作。2、安全：ASP.NET為Web應(yīng)用程序提供了默認的授權(quán)和身份驗證方案。開發(fā)人員能夠根據(jù)應(yīng)用程序的需要很容易地添加、刪除或替代這些方案。3、跟蹤和調(diào)試：ASP.NET提供了跟蹤服務(wù)，該服務(wù)可在應(yīng)用程序級別和頁面級別調(diào)試過程中啟用。能夠選擇查看頁面的信息，或者使用應(yīng)用程序級別的跟蹤查看工具查看信息。4、增強的性能：ASP.NET是運行在服務(wù)器上的已編譯代碼，與傳統(tǒng)的ActiveServerPages(ASP)不同，ASP.NET能運用早期綁定、實時(JIT)編譯、本機和全新的緩存服務(wù)來提高性能。1.2選題的目的和意義隨著Internet的快速發(fā)展，我們已經(jīng)不再滿足于單單地進行瀏覽網(wǎng)頁，而是但愿我們能更進一步地參預(yù)到網(wǎng)絡(luò)中去，Internet的開放性使得個人建立自己的網(wǎng)站成為可能，擁有自己的個性網(wǎng)站也越來越成為一種網(wǎng)絡(luò)潮流，同時創(chuàng)立一種能充足體現(xiàn)自我風(fēng)格和自我特色的個人網(wǎng)站已經(jīng)成為互聯(lián)網(wǎng)顧客的新追求。我們更需要的是交流，交流能增進我們不停的進步，并且融合別人的優(yōu)點；讓我們能多某些渠道傾聽來自不同立場的聲音；構(gòu)想一下我們的網(wǎng)絡(luò)，當(dāng)每個人都擁有個人網(wǎng)站，不管與否在線，我們都能跨越時間、空間進行交流，由于這個網(wǎng)站中擁有我全部的一切，生活、想法、知識、思想；夢想和抱負的狀態(tài)是個人門戶也是我們每個人的影子，它為每個人打點網(wǎng)絡(luò)上的一切，好多志同道合的朋友會在這里和你相識、相交、相知。1.3課題研究的重要介紹現(xiàn)在互聯(lián)網(wǎng)是社會發(fā)展的必然趨勢，諸多人已經(jīng)意識到網(wǎng)絡(luò)強大生命力和它在將來將要處在的重要地位。他們進行鉆研并且努力進入到一種新的空間、新的領(lǐng)域。其中涉及你、我、他。在我們的日常、工作生活當(dāng)中，能夠擁有一種自己的網(wǎng)站已經(jīng)成為越來越多的人的抱負和驕傲。就這個課題的研究，由于是個人的網(wǎng)站，因此我只選擇了自己擅長和愛慕的內(nèi)容，在突出自己的風(fēng)格個性和特點的同時，還應(yīng)用了我們所學(xué)過的的網(wǎng)站設(shè)計技術(shù)和數(shù)據(jù)庫技術(shù)等。2設(shè)計準備“個人網(wǎng)站要發(fā)展，要么是從我（自己）的需求出發(fā)，要么是從我周邊人的需求出發(fā)?！边@是國內(nèi)知名的個人網(wǎng)站站長、手機之家站長高春輝說的。網(wǎng)頁設(shè)計是一門新興起的設(shè)計類，近幾年來隨著網(wǎng)絡(luò)的發(fā)展而逐步受到人們的重視，它自己本身以網(wǎng)絡(luò)作為載體,把多種各樣的信息以最快捷、方便的方式傳達給大家。一種網(wǎng)站項目確實立普通是建立在多種各樣的需求上面的，這是個人網(wǎng)站，因此這種需求普通來自于個人的實際需求，其中每個人的實際需求占了絕大數(shù)部分。因此如何更加好地理解、分析需求，并且又能夠精確、清晰地以文檔的形式體現(xiàn)出來，確保開發(fā)過程以個人需求為目的對的項目開發(fā)方向進行。2.1設(shè)計愿望越來越多的人但愿能夠真正參加到互聯(lián)網(wǎng)上，這就出現(xiàn)了越來越多的個人網(wǎng)站設(shè)計以及推廣的工作和任務(wù)。就我個人來說，我之因此在畢業(yè)設(shè)計的時候選擇這個課題是由于我自己也想擁有一種自己的個人網(wǎng)站，在互聯(lián)網(wǎng)上擁有我自己的一席之地，從而真正的參加到互聯(lián)網(wǎng)中去，做個網(wǎng)絡(luò)新時代的主人，同時也但愿自己喜歡的某些東西能夠和大家一起分享，和互聯(lián)網(wǎng)上的朋友一起分享。我所制作的個人網(wǎng)站大致可分為下列幾個功效：1.秘密收藏：在其中展示某些我愛慕的東西，涉及衣服、飾品、帽子等。和大家分享這些東西，我只想讓大家進一步認識我和理解我，讓某些美妙的東西我們大家能共同觀賞。2.留言板：這是一種大家談心交流的好地方，瀏覽者登錄后來在留言板中，你能夠暢所欲言，和大家進行交流。對我留言，寫下你對本網(wǎng)站的意見、建議或者感受，也能夠?qū)ξ覀兏袗酆玫脑掝}來展開討論，進行心與心的溝通。并且能夠查看自己和查看別人的留言，看看別人的感受。但我增加了管理權(quán)限，我以管理員的身份能夠?qū)π录尤氲男聝?nèi)容進行管理，即允許其加入和允許對其進行刪除操作等。歡迎大家來這里留言哦！3.會員登錄：在這里能夠進行會員登錄操作，如果顧客還沒有注冊也能夠進行注冊然后再登錄。在這里如果你忘記了自己的密碼還能夠進行找回密碼的操作，并且能夠修改和查看自己的有關(guān)信息。登錄后就能夠進行留言操作。非常靈活，為會員提供了很大的方便。4.個人信息：在這里，瀏覽者能夠看到我自己的個人有關(guān)信息，涉及愛好愛好、籍貫、缺點及愛慕的明星和愛慕的小動物。歡迎大家瀏覽我的個人信息！2.2設(shè)計背景使用工具介紹:IIS的簡要介紹:IIS是InternetInformationServer的縮寫，它是微軟公司主推的一種Web服務(wù)器，最新的版本是Windows/server里面包含的IIS5.0或IIS6.0，IIS與Window/Server完全集成在一起，因而顧客能夠運用Windows/Server和NTFS（NTFileSystem，NT的文獻系統(tǒng)）內(nèi)置的安全特性，建立強大、靈活又安全的Internet和Intranet站點。IIS的一種重要特性是支持ASP。IIS3.0版本后來引入了ASP，能夠很容易的張貼動態(tài)內(nèi)容和開發(fā)基于Web的應(yīng)用程序。如果是其它的Windows操作系統(tǒng)則需要顧客手動安裝IIS。下面以WindowsXP為例，闡明IIS的安裝環(huán)節(jié)：IIS的安裝環(huán)節(jié)：1.依次打開：【控制面板】->【添加/刪除程序】->【添加/刪除Windows組件】，勾選【Internet信息服務(wù)（IIS）】，然后單擊信息按鈕。2.在打開的【Internet信息服務(wù)（IIS）】對話框中勾選全部項。3.單擊“擬定”按鈕后，再單擊“下一步”按鈕。在光驅(qū)中放入WindowsXP的安裝盤，安裝完畢后，能夠測試一下安裝與否成功，在瀏覽器地址欄中輸入”http://localhost”,如果安裝成功則會出現(xiàn)歡迎畫面。A的簡要介紹:ActiveServerPages（ASP）是服務(wù)器端腳本編寫環(huán)境，使用它能夠創(chuàng)立和運行動態(tài)、交互的Web服務(wù)器應(yīng)用程序。使用ASP還能夠組合HTML頁、VBScript腳本命令和JavaScript腳本命令等，是創(chuàng)立交互的Web頁和基于Web的功效強大的應(yīng)用程序。由于腳本程序是在服務(wù)器上運行而不是在客戶端上運行，因此傳送到瀏覽器上的Web頁是在Web服務(wù)器上生成的，因此不必緊張瀏覽器能否解決腳本。Web服務(wù)器已經(jīng)完畢了全部腳本的解決，并將原則的HTML頁面?zhèn)鬏斀o瀏覽器。由于只有腳本的成果返回到瀏覽器，因此服務(wù)器端的腳本不容易被別人復(fù)制。顧客并看不到創(chuàng)立他們正在瀏覽的頁的腳本命令?！預(yù)SP的運行環(huán)境：ASP只能用于下列WebServer?IIS?MicrosoftPersonalWebServer☆A(yù)SP的編程語言：ASP能夠使用VBScript和JavaScript進行程序的編寫?！預(yù)SP文獻，ASP的文獻后綴名為.ASP，用以區(qū)別于同樣能夠包含Script的HTML文獻。一種*.ASP文獻是一種文本文獻，能夠涉及下列元素的任意組合：?文本（text）?HTML標志（tags）?Script命令☆A(yù)SP：不需要任何HTML的tag保存在文獻中，起一種見名知意的名字，文獻的后綴一定要改為.ASP，然后再上傳到服務(wù)器上一種有執(zhí)行權(quán)的目錄下（例如wwwroot）。ASP訪問數(shù)據(jù)庫的原理ASP是服務(wù)器端腳本執(zhí)行的環(huán)境，可用來產(chǎn)生和執(zhí)行動態(tài)的高性能的WEB服務(wù)器程序。當(dāng)顧客使用瀏覽器來請求ASP主頁時，WEB服務(wù)器作出響應(yīng)，調(diào)用ASP引擎來執(zhí)行ASP文獻，并解釋其中的腳本語言（javascript或vbscript），并通過ODBC連接數(shù)據(jù)庫，由數(shù)據(jù)庫訪問組件ADO（activedataobjects）完畢數(shù)據(jù)庫操作，最后ASP生成包含有數(shù)據(jù)查詢成果的HTML主頁返回顧客端并顯示。SQLServer的簡要介紹：SQLServer是微軟公司開發(fā)的數(shù)據(jù)庫產(chǎn)品，SQLServer被廣泛使用，諸多電子商務(wù)網(wǎng)站、公司的內(nèi)部信息化平臺等等都是基于SQLServer產(chǎn)品的。今天的商業(yè)環(huán)境規(guī)定不同類型的數(shù)據(jù)庫的性能、可伸縮性及可靠性是基本的規(guī)定，而進入市場時間也非常的核心。除了這些核心公司品質(zhì)外，SQLServer還為數(shù)據(jù)庫的管理和分析提供了方便，非常靈活和易于操作。我本次的畢業(yè)設(shè)計就選用的是SQLServer。完全的Web支持:SQLServer提供了Web以原則為基礎(chǔ)的擴展數(shù)據(jù)庫編程功效。豐富的XML和Internet原則支持允許使用內(nèi)置的存儲過程以XML的格式輕松存儲和檢索數(shù)據(jù)。還能夠使用XML更新程序，更容易地進行插入、更新和刪除統(tǒng)計的操作。2.3擬定網(wǎng)站主題做網(wǎng)站，首先必須要解決的就是網(wǎng)站內(nèi)容的問題，即是擬定網(wǎng)站的主題。如果自己在某些方面越有愛好，或掌握的資料越多，就能夠做一種自己感愛好的東西。你能夠有自己的見解，做出自己的特色網(wǎng)站。固然，也能夠推銷自己，讓別人理解自己，和別人進行溝通和交流，展示某些自己的東西，讓大家更加好地理解自己。對于內(nèi)容主題的選擇，要做到小而精，即主題定位要小，且內(nèi)容要精。不要去試著作一種包羅萬象的站點，這往往會失去你的網(wǎng)站的特色，也會帶來很大的勞動，給網(wǎng)站的及時更新帶來更大的困難。我的網(wǎng)站主題是以我個人有關(guān)的資料來制作的，介紹了我自己。2.4擬定網(wǎng)站形象網(wǎng)站形象的設(shè)計能夠從網(wǎng)站的LOGO、網(wǎng)站的色彩、網(wǎng)站的字體宣傳語等這些方面著手。網(wǎng)站色彩，網(wǎng)站給人的第一印象來自于視覺的沖擊，不同的色彩搭配會產(chǎn)生不同的效果，并可能影響到訪問者的情緒?！霸瓌t色彩”指的是能體現(xiàn)網(wǎng)站形象和延伸內(nèi)涵的色彩，給人們一種以整體統(tǒng)一的感覺。我個人網(wǎng)站的色彩是以淺藍色色為主，淺藍色的字體和淺色的圖像給人一種舒適的感覺，仿佛生活在虛幻的世界里。網(wǎng)站字體，和原則色彩同樣，原則字體是指用于標題、主菜單的某些特有字體。為了體現(xiàn)網(wǎng)站所特有的風(fēng)格，能夠根據(jù)自已的網(wǎng)站所體現(xiàn)的內(nèi)涵，選擇更貼切的字體。我的個人網(wǎng)站的原則字體是華文彩體。給人一種沉穩(wěn)而不失俏皮的感覺。2.5擬定網(wǎng)站風(fēng)格風(fēng)格是抽象的，指網(wǎng)站的整體形象給瀏覽者留下的綜合感受。這個“整體形象”涉及網(wǎng)站的LOGO、網(wǎng)站的色彩、網(wǎng)站的字體、網(wǎng)站的標語等許多因素。網(wǎng)站是能夠平易近人的、生動活潑的，也能夠是嚴肅專業(yè)的。但不管是在色彩、技術(shù)、文字、布局、還是交互方式上，只要能由此讓瀏覽者明確的看出這是你的網(wǎng)站所獨有的，這就形成了一種風(fēng)格。風(fēng)格是有人性的，它通過網(wǎng)站的色彩、技術(shù)、文字、布局、交互方式等能夠綜合概括出一種網(wǎng)站的自己的個性；我的網(wǎng)站風(fēng)格是以舒適為主，給人一種舒舒適服的感覺。2.6擬定網(wǎng)站內(nèi)容我的個人網(wǎng)站大致上涉及了某些內(nèi)容：首頁、我的朋友、美文觀賞、大學(xué)之旅、秘密收藏、會員登錄、會員注冊、留言板等網(wǎng)站慣用內(nèi)容，方便的大家的瀏覽。3各模塊介紹一種網(wǎng)站的首頁其實是一種文檔，當(dāng)一種網(wǎng)站服務(wù)器收到一臺電腦上網(wǎng)絡(luò)瀏覽器的信息連接請求時，便會向這臺電腦發(fā)送這個文檔。當(dāng)在瀏覽器的位址列輸入域名，而并未指向特定目錄或檔案時，普通瀏覽器會打開網(wǎng)站的首頁。網(wǎng)站首頁往往會被編輯的很易于理解該網(wǎng)站所提供的全部資訊，并引導(dǎo)互聯(lián)網(wǎng)顧客瀏覽網(wǎng)站其它部分的內(nèi)容。這部分內(nèi)容普通被認為是一種目錄性質(zhì)的內(nèi)容，我的個人網(wǎng)站的首頁給大家一目了然的感覺，打開首頁就能夠理解我的個人網(wǎng)站的設(shè)計風(fēng)格還能夠看到某些特定的功效，大家能夠盡情地瀏覽其中的信息。首頁的大致圖以下圖3.1所示：基本信息基本信息首頁首頁我和朋友我的朋友我和朋友我的朋友我的旅游我的旅游優(yōu)美文章大學(xué)之旅優(yōu)美文章大學(xué)之旅美文觀賞美文觀賞可愛收藏可愛收藏可愛飾品和衣服可愛飾品和衣服瀏覽者瀏覽者給我留言給我留言圖3.1首頁框圖展示首頁框圖展示了我的整個設(shè)計頁面的架構(gòu)，重要涉及首頁、我的朋友、大學(xué)之旅、美文觀賞、秘密收藏和顧客登錄這幾部分，給瀏覽者一種一目了然的感覺。點擊每一部分能夠進入對應(yīng)的界面，能夠具體瀏覽其中的信息。并且左邊有滾動字幕，點擊能夠瀏覽具體的內(nèi)容。歡迎大家瀏覽！3.1首頁模塊介紹了某些有關(guān)我自己的基本信息，例如姓名、生日、愛好愛好等。但愿大家能夠進一步的理解我。以下圖3.2所示：圖3.2首頁模塊展示3.2我的朋友介紹了我和我的朋友的某些事和某些去過的地方，里面有我和朋友照片，大家能夠參考一下。這里面有我的高中同窗和大學(xué)同窗尚有我的閨蜜。第一頁用了一種滾動的圖片展示了我和我的朋友們在一起的照片，下面寫了某些有關(guān)贊美朋友的話語。記得有個人說過情人是一時的，而朋友卻是一輩子的，那些深重的友情永遠都會埋在我們的心底，永遠都不會磨滅。因此我樂意把它拿出來跟大家一起分享，讓我們共同愛惜我們的友情。第二頁用FireWorks做了一種膠卷型的流動的照片，顯示了某些我的朋友們。那些美麗的時刻我將永遠把它留下來。第三頁顯示了我的大學(xué)的朋友們，他們給我大學(xué)的生活留下了美妙的記憶。3.3大學(xué)之旅在這里介紹了一部分我在上大學(xué)期間去過的某些地方，拍下了某些優(yōu)美的風(fēng)景，那些給我留下美妙回想的地方我都把他們記載下來。里面有照片和文字介紹，大家能夠做個參考，也去觀賞那里的優(yōu)美風(fēng)景。第一頁插入了一種spry折疊面板，介紹了去保定滿城漢墓旅游時的某些照片。并且介紹了某些有關(guān)滿城漢墓的某些信息。第二頁插入了幾張去石家莊空中花園游玩時的照片，并附加了空中花園的某些有關(guān)信息。第三頁介紹了競秀公園，并插入了幾張競秀公園的照片，也對競秀公園作了簡樸的介紹。3.4美文觀賞在美文觀賞這部分中列舉出了幾篇優(yōu)美的文章供瀏覽者觀賞。這些文章中有講述有關(guān)人生哲理的，講述了人生的悲歡離合，人生旅途的不順利；有有關(guān)愛情的，介紹了男女之間刻骨銘心的動人愛情故事；尚有介紹有關(guān)朋友之間的深厚友情以及某些勵志的文章，激勵那些正在追逐夢想的人有一顆不怕失敗、永不言敗、愈挫愈勇的心。以上都是本人認為比較優(yōu)美的文章，但愿瀏覽者也喜歡！左邊是滾動的字幕，也是優(yōu)美的文章，大家點擊直接能夠觀賞。以下圖3.3所示：圖3.3美文觀賞展示3.5可愛收藏在可愛收藏這部分中展示了某些可愛的衣服、帽子、項鏈、耳環(huán)等首飾。并使用到了Dreamweaver中的鼠標通過圖像技術(shù)，是瀏覽者有一種變幻感！為那些愛美的朋友們提供了一種參考。其中里面尚有某些模特的展示，能夠看見模特穿上那些衣服的效果，使愛美麗的朋友們對那些衣服的樣式有一種更清晰的認知。這些衣服、帽子和首飾等都是本人自己喜歡的，但愿大家也喜歡。如果大家有更加好更美麗的衣服、帽子、首飾等，歡迎給我留言，讓我們大家一起來分享這些。4具體實現(xiàn)與分析4.1靜態(tài)設(shè)計先用Dreamweaver進行布局和排版。4.1.1站點的建設(shè)創(chuàng)立本地站點的具體操作環(huán)節(jié)以下：要制作一種網(wǎng)站，第一步操作都是同樣的，就是要創(chuàng)立一種“站點”，這樣能夠使整個網(wǎng)站的構(gòu)造清晰地呈現(xiàn)在面前，避免了后來復(fù)雜的管理。打開Dreamweaver從菜單中選擇“站點/新建站點”在彈出的對話框中填寫目錄和指定文獻夾，輸入站點名稱和默認的寄存圖像的位置。在文本框中輸入自己已經(jīng)想好的網(wǎng)站名稱“個人網(wǎng)站”。填好后，單擊“下一步”，進入下一種環(huán)節(jié)。由于我要做的是一種靜態(tài)的網(wǎng)頁，因此選擇上面的一項“否，我不想使用服務(wù)器技術(shù)。”單擊“下一步”，進入下一種環(huán)節(jié)。在此選項中有兩個選擇，選擇推薦的“編輯我的計算機上的本地副本，完畢后再上傳到服務(wù)器”。底下的文本框允許在本地磁盤上指定一種文獻夾，Dreamweaver將在其中儲存站點文獻的本地副本。單擊該文本框背面的文獻夾圖標，新建并指定一種空的文獻夾“E:/web555”。之后單擊“下一步“，進入下一種環(huán)節(jié)。這一步是如何設(shè)立連接到遠程服務(wù)器，彈出式菜單中有6中選擇，這里選擇“無”。而后“下一步”再“完畢”，這樣，一種站點就算建好了。收集素材：收集某些網(wǎng)站所需要的素材，例如圖片、動畫、文字等。做網(wǎng)站前的某些準備工作也是很重要的。只有有了充足的準備我們才干把網(wǎng)站做好。因此在做網(wǎng)站前我們必須把做網(wǎng)站的過程中可能所需的全部的材料都準備好，這樣才干做出讓自己和大家都滿意的網(wǎng)站，而不至于在做的過程中亂了手腳。圖片的LOGO以下圖4.1所示：圖4.1LOGO圖展示4.1.3HTML語言要想建出專業(yè)的Web頁面，就要學(xué)會運用HTML來編寫網(wǎng)頁。HTML(HypertextMarkupLanguage)超文本標記語言，是用于編寫網(wǎng)頁的重要語言。它是純文本的類型的語言，語法非常的簡樸。它通過對多種標記、元素、屬性、對象等的設(shè)立來建立與圖形、聲音、視頻等多媒體信息以及對其它超文本的鏈接。普通典型網(wǎng)頁應(yīng)當(dāng)涉及以下HTML代碼：<html><head><title>……</title></head><body>……</body></html>其中，<title>與</title>之間是網(wǎng)頁的標題，普通被顯示在瀏覽器的標題欄中。<head>與</head>之間能夠聲明和定義變量、辦法，還能夠加入java-script/vb-script等某些腳本語言。<body>與</body>之間是網(wǎng)頁的重要內(nèi)容，任何網(wǎng)頁元素都能夠加入其中。例如在主體中能夠加入<div>與</div>標簽是定義了一種層，加入<font>與</font>標簽是定義字體樣式，加入<style><!--……--></style>標簽是定義一種CSS樣式等。4.1.4用框架表格進行布局和排版主頁面使用的是上方固定，左側(cè)嵌套的框架共四個網(wǎng)頁。然后在main、top和left每個網(wǎng)頁中又嵌套了一種表格那是整個版面看起來更加整潔、清晰。Top中的表格用來組織頁面頭部的元素（下稱“頭表格”），在設(shè)計視圖下將鼠標光標置于網(wǎng)頁編輯區(qū)，點擊“插入”→“表格”，設(shè)立2行、3列的表格，“表格寬度”1000像素，“邊框粗細”為1，點擊擬定。選中表格在屬性控制面板中設(shè)立對齊方式為“居中對齊”。然后再將第二行單元格合并。并插入所需要的元素。Left中再插入一種2行1列的表格，用來組織左邊頁面的主體內(nèi)容，其它屬性同頭表格。再填入所需內(nèi)容，并加入超鏈接。最后再在Main網(wǎng)頁中插入一種1行2列的表格，用來組織頁面的重要內(nèi)容元素?！斑吙虼旨殹睘?，設(shè)立表格為顯示邊框。4.1.5運用設(shè)立表格圖片、插入圖片等形式添加網(wǎng)頁圖片元素。運用鍵盤輸入或復(fù)制粘貼等方式添加文字，文字顏色設(shè)立為紅色。4.1.6<htmlxmlns=""><head><metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/><title>無標題文檔</title><styletype="text/css"><!--.a2{font-family:"華文彩體";font-size:18px;color:#F00;}.a2{text-align:center;}--></style></head><body><tablewidth="250"border="1"><tr><tdheight="95"> </td></tr><tr><tdheight="54"><pclass="a2"><marqueedirection="up"scrolldelay="250>愛的一種解釋</p><pclass="a2"><pclass="a2"><ahref="dongle.html"target="mainFrame">懂了淚水，就懂了人生！</a></p><pclass="a2"><ahref="xiedian.html"target="mainFrame">鞋店里的故事</a></p><pclass="a2"><ahref="quzhong.html"target="mainFrame">曲終人不散</a></p><pclass="a2"><ahref="shengming.html"target="mainFrame">生命苦汁，如歡悲歌</a></p><pclass="a2"><ahref="shibai.html"target="mainFrame">失敗，卻不曾??！</a><pclass="a2"><ahref="weiai.html"target="mainFrame">為愛停留</a></marquee></p></td></tr></table></body></html>4.1.7典型的子頁設(shè)計過程以下圖4.2、4.3所示：圖4.2大學(xué)之旅1圖4.3大學(xué)之旅24.2動態(tài)設(shè)計當(dāng)IIS和SQLServer尚有Microsoftvisualstudio等工具軟件都安裝完畢后，再檢查運行無誤，一切就緒后便可開始進行動態(tài)的設(shè)計了。4.2.1首先，附加數(shù)據(jù)庫（database）附加數(shù)據(jù)庫的界面以下圖4.4所示：圖4.4附加數(shù)據(jù)庫界面建立數(shù)據(jù)庫表，并且設(shè)立主鍵和外鍵并且定義各字段的名字，再添加對應(yīng)的內(nèi)容。表以下表4.1所示：表4.1User表界面列名數(shù)據(jù)類型長度允許空UserIDint4∨UserNamenvarchar50∨Sexnvarchar2∨Passwordnvarchar50∨RealNamenvarchar50∨Emailnvarchar50∨Questionnvarchar100∨Answernvarchar50∨4.2.2登錄部分以下圖4.5所示：圖4.5登錄界面具體實當(dāng)代碼以下所示：usingSystem.Data.SqlClient;publicpartialclasslogin:System.Web.UI.Page{protectedvoidPage_Load(objectsender,EventArgse){}protectedvoidlnkRegister_Click1(objectsender,EventArgse){Response.Redirect("zhuce.aspx"); //轉(zhuǎn)到注冊界面}protectedvoidlnkGetpwd_Click(objectsender,EventArgse){Response.Redirect("Step1.aspx");//轉(zhuǎn)到找回密碼的第一步}protectedvoidbtnReset_Click(objectsender,EventArgse){txtPwd.Text="";txtUserName.Text=""; //清空你所填寫的全部信息}protectedvoidbtnSubmit_Click(objectsender,EventArgse){if(Page.IsValid){stringstrConn=System.Configuration.ConfigurationManager.AppSettings["DSN"];SqlConnectionconn=newSqlConnection(strConn);//建立與數(shù)據(jù)庫的連接stringuserName="";stringpwd="";userName=txtUserName.Text.Trim();pwd=txtPwd.Text.Trim();stringsql;sql="selectcount(*)fromUserswhereUserName='"+userName+"'andPassword='"+pwd+"'";//從數(shù)據(jù)庫中查找那條統(tǒng)計SqlCommandcmd=newSqlCommand(sql,conn);conn.Open();intret=(int)cmd.ExecuteScalar();conn.Close();if(ret<=0){Response.Write("<script>alert(\"登錄失敗!顧客名或密碼錯誤!\")</script>");}else{if(txtUserName.Text=="admin"){Response.Redirect("main1.aspx");//如果顧客名等于admin，則跳到管理顧客界面}Session["UserName"]=userName;Response.Redirect("main.aspx");}}}}注冊部分為還沒有注冊的顧客提供注冊機會，有多項是內(nèi)容必須填寫，注冊后能夠進行留言能夠留下對本網(wǎng)站的感受或者意見、建議。如果顧客丟失了密碼或者忘記了密碼還能夠進行找回密碼的操作，找回自己原有的密碼。注冊部分界面以下圖4.6所示：圖4.6注冊界面具體實當(dāng)代碼以下所示：publicpartialclasszhuce:System.Web.UI.Page{protectedvoidPage_Load(objectsender,EventArgse){}protectedvoidbtnSubmit(objectsender,EventArgse){stringstrConn=System.Configuration.ConfigurationManager.AppSettings["DSN"];SqlConnectionconn=newSqlConnection(strConn);//建立與數(shù)據(jù)庫的連接stringuserName=txtName.Text.Trim();stringsql="selectcount(*)fromUserswhereUserName='"+userName+"'";conn.Open();SqlCommandcmd=newSqlCommand(sql,conn);intn=(int)cmd.ExecuteScalar();if(n>0){Response.Write("<script>alert(\"!\")</script>");//如果這條統(tǒng)計已存在則返回return;}cmd.CommandText="INSERTINTO"+"Users(UserName,RealName,Sex,[Password],Question,Answer,Email)"+"values(@UserName,@RealName,@Sex,@Password,@Question,@Answer,@Email)";cmd.Parameters.Add("@UserName",SqlDbType.VarChar).Value=userName;cmd.Parameters.Add("@RealName",SqlDbType.VarChar).Value=txtRealName.Text.Trim();cmd.Parameters.Add("@Sex",SqlDbType.VarChar).Value=lstSex.SelectedItem.Text.Trim();cmd.Parameters.Add("@Password",SqlDbType.VarChar).Value=txtPwd1.Text.Trim();cmd.Parameters.Add("@Question",SqlDbType.VarChar).Value=lstQuestion.SelectedItem.Text.Trim();cmd.Parameters.Add("@Answer",SqlDbType.VarChar).Value=txtAnswer.Text.Trim();cmd.Parameters.Add("@Email",SqlDbType.VarChar).Value=txtEmail.Text.Trim();cmd.ExecuteNonQuery();conn.Close();Session["UserName"]=userName;Response.Redirect("main.aspx");}}4.2.3留言板模塊為顧客登錄進去后能夠進行留言。留言板界面以下圖4.7所示：圖4.7留言板界面usingSystem.IO;publicpartialclassDefault2:System.Web.UI.Page{protectedvoidPage_Load(objectsender,EventArgse){}protectedvoidbtnCancel_Click(objectsender,EventArgse){txtTitle.Text="";txtContent.Text="";txtAuthor.Text="";//若點擊取消則清空所填內(nèi)容}protectedvoidbtnOK_Click(objectsender,EventArgse){if(txtTitle.Text==""||txtContent.Text==""||txtAuthor.Text==""){Label1.Text="標題、內(nèi)容、作者等不能為空！";return;}if(txtTitle.Text.Length>50){Label1.Text="你的標