個(gè)人網(wǎng)站設(shè)計(jì)畢業(yè)設(shè)計(jì)論文

1、<p><b>　　目 錄</b></p><p><b>　　引 言1</b></p><p><b>　　1 概述2</b></p><p>　　1.1軟件的選用與簡(jiǎn)介2</p><p>　　1.2選題的目的和意義2</p><p&

2、gt;　　1.3課題研究的主要簡(jiǎn)介2</p><p><b>　　2 設(shè)計(jì)準(zhǔn)備3</b></p><p><b>　　2.1設(shè)計(jì)愿望3</b></p><p><b>　　2.2設(shè)計(jì)背景4</b></p><p>　　2.3確定網(wǎng)站主題6</p><

3、;p>　　2.4確定網(wǎng)站形象6</p><p>　　2.5確定網(wǎng)站風(fēng)格6</p><p>　　2.6確定網(wǎng)站內(nèi)容6</p><p><b>　　3 各模塊簡(jiǎn)介7</b></p><p><b>　　3.1首頁(yè)模塊7</b></p><p><b>　

4、　3.2我的朋友8</b></p><p><b>　　3.3大學(xué)之旅8</b></p><p><b>　　3.4美文欣賞9</b></p><p><b>　　3.5可愛(ài)收藏9</b></p><p>　　4 具體實(shí)現(xiàn)與分析9</p>&

5、lt;p><b>　　4.1靜態(tài)設(shè)計(jì)9</b></p><p>　　4.1.1站點(diǎn)的建設(shè)與收集素材10</p><p>　　4.1.2 HTML語(yǔ)言10</p><p>　　4.1.3用框架表格進(jìn)行布局和排版11</p><p>　　4.1.4添加網(wǎng)頁(yè)元素11</p><p>　　

6、4.1.5滾動(dòng)的公告11</p><p>　　4.1.6典型的子頁(yè)設(shè)計(jì)過(guò)程12</p><p>　　4.2動(dòng)態(tài)設(shè)計(jì)13</p><p>　　4.2.1數(shù)據(jù)庫(kù)的建立13</p><p>　　4.2.2建立會(huì)員登錄系統(tǒng)14</p><p>　　4.2.3建立留言板模塊18</p><p>

7、;　　4.2.4后臺(tái)部分19</p><p><b>　　5 結(jié)論20</b></p><p><b>　　參考文獻(xiàn)21</b></p><p><b>　　致謝22</b></p><p><b>　　摘 要</b></p>&l

8、t;p>　　隨著互聯(lián)網(wǎng)的飛速發(fā)展，電腦網(wǎng)絡(luò)已應(yīng)用到各個(gè)領(lǐng)域，普及到千家萬(wàn)戶,無(wú)論是國(guó)內(nèi)還是國(guó)外都迅速的發(fā)展起來(lái)。現(xiàn)在，網(wǎng)絡(luò)已經(jīng)成為人們快速獲取信息、發(fā)布信息和傳輸信息的主要渠道，成為每個(gè)人生活中的一部分，同時(shí)網(wǎng)絡(luò)也提供了一個(gè)很好的信息交換平臺(tái)。</p><p>　　目前，網(wǎng)頁(yè)設(shè)計(jì)和網(wǎng)站建設(shè)成為新時(shí)代的一個(gè)熱點(diǎn)。網(wǎng)絡(luò)已經(jīng)滲透到各個(gè)領(lǐng)域，無(wú)論是企業(yè)還是個(gè)人，網(wǎng)絡(luò)為我們提供了很好的信息交流平臺(tái)。政府利用網(wǎng)站宣傳自

9、己的政策、企業(yè)利用網(wǎng)站宣傳自己的形象、學(xué)校利用網(wǎng)站宣傳自己的教育、個(gè)人利用網(wǎng)站展示自己的個(gè)性風(fēng)采。越來(lái)越多的人都希望擁有自己的個(gè)性網(wǎng)站，展現(xiàn)自己的個(gè)性風(fēng)采。通過(guò)建設(shè)個(gè)人網(wǎng)站，我們可以展示自己，與別人交流學(xué)習(xí)，求職等等。</p><p>　　本網(wǎng)站主要從個(gè)人網(wǎng)站的數(shù)據(jù)庫(kù)的設(shè)計(jì)方面和網(wǎng)頁(yè)設(shè)計(jì)三劍客入手，實(shí)現(xiàn)個(gè)人網(wǎng)站系統(tǒng)的主頁(yè)瀏覽模塊、后臺(tái)管理員登錄模塊、留言板模塊、前臺(tái)會(huì)員登錄模塊、會(huì)員注冊(cè)模塊與身份驗(yàn)證模塊等方面設(shè)

10、計(jì)，從網(wǎng)站設(shè)計(jì)的主頁(yè)、界面設(shè)計(jì)方面研究，并探討了運(yùn)用數(shù)據(jù)庫(kù)技術(shù)，基于ASP.NET的動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)和SQLServer數(shù)據(jù)庫(kù)進(jìn)行個(gè)人網(wǎng)站的設(shè)計(jì)與實(shí)現(xiàn)，針對(duì)要實(shí)現(xiàn)這些方面的技術(shù)，此文將一一簡(jiǎn)單介紹其設(shè)計(jì)思想和設(shè)計(jì)方法。</p><p>　　關(guān)鍵詞：ASP.NET；SQLServer；個(gè)人網(wǎng)站；留言板</p><p><b>　　引 言</b></p>&l

11、t;p>　　隨著科技的進(jìn)步、時(shí)代的發(fā)展，計(jì)算機(jī)信息行業(yè)也逐步壯大，人們也越來(lái)越離不開(kāi)各種各樣的信息，人們對(duì)信息的追求越來(lái)越迫切。</p><p>　　網(wǎng)站作為網(wǎng)絡(luò)信息主要的表現(xiàn)形式而且還是互聯(lián)網(wǎng)信息的主要承載者，在互聯(lián)網(wǎng)上表現(xiàn)出了它及其重要的地位，并發(fā)揮著及其重要的作用，無(wú)論是國(guó)內(nèi)還是國(guó)外都迅速的發(fā)展和壯大，并被人們重視。網(wǎng)站的迷人之處在于它綜合使用文本、圖像、聲音、動(dòng)畫(huà)視頻信息和內(nèi)容，具有豐富的多媒體表現(xiàn)

12、與互動(dòng)特點(diǎn)。毋庸置疑，網(wǎng)站已成為最吸引人的也是最有效的信息傳遞的手段與方式。隨著網(wǎng)絡(luò)技術(shù)的逐步發(fā)展，各類網(wǎng)站紛紛出現(xiàn)，個(gè)人網(wǎng)站也成為了一種時(shí)尚，越來(lái)越多的人希望擁有自己的網(wǎng)站，開(kāi)辟自己在網(wǎng)絡(luò)世界里的一片天地，展示自己的才華和風(fēng)格。</p><p>　　網(wǎng)站數(shù)據(jù)庫(kù)的規(guī)劃設(shè)計(jì)以及網(wǎng)站的頁(yè)面開(kāi)發(fā)，都是對(duì)應(yīng)網(wǎng)站要實(shí)現(xiàn)的功能而進(jìn)行設(shè)計(jì)的，我將通過(guò)各種網(wǎng)頁(yè)制作以及數(shù)據(jù)庫(kù)設(shè)計(jì)工具作出能達(dá)到預(yù)期效果的數(shù)據(jù)管理系統(tǒng)以及網(wǎng)站頁(yè)面，使

13、網(wǎng)站管理人員更加方便的，準(zhǔn)確的對(duì)留言板進(jìn)行正確的維護(hù)和更新；使個(gè)人網(wǎng)站成為我們與外界溝通和交流的平臺(tái)，讓更多的人了解自己，在以后的社會(huì)競(jìng)爭(zhēng)中能起到自我推薦和自我展示的作用。</p><p><b>　　1 概述</b></p><p>　　1.1軟件的選用與簡(jiǎn)介</p><p>　　Dreamweaver是美國(guó)MACROMEDIA公司開(kāi)發(fā)的集網(wǎng)

14、頁(yè)制作和管理網(wǎng)站于一身的所見(jiàn)即所得網(wǎng)頁(yè)編輯器，它是第一套針對(duì)專業(yè)網(wǎng)頁(yè)設(shè)計(jì)師特別發(fā)展的視覺(jué)化網(wǎng)頁(yè)開(kāi)發(fā)工具，利用它可以輕而易舉地制作出跨越平臺(tái)限制和跨越瀏覽器限制的充滿動(dòng)感的網(wǎng)頁(yè)。Dreamweaver具有制作效率高、操作直觀、簡(jiǎn)單易學(xué)、站點(diǎn)管理方便等無(wú)可比擬的控制能力優(yōu)勢(shì)，但它也同樣存在著難以精確達(dá)到與瀏覽器完全一致、不能實(shí)時(shí)更新、不能對(duì)大量信息進(jìn)行更改、操作不方便、頁(yè)面原始代碼難以控制等不足。本設(shè)計(jì)選用的是DreamweaverCS4。

15、</p><p>　　ASP是一項(xiàng)微軟公司的技術(shù)，是一種嵌入網(wǎng)頁(yè)中的腳本，可由因特網(wǎng)服務(wù)執(zhí)行的服務(wù)器端腳本技術(shù)。指Active Server Pages（動(dòng)態(tài)服務(wù)器頁(yè)面），運(yùn)行于IIS之中的程序。ASP.NET的前身ASP技術(shù)，是在IIS2.0上首次推出的。本設(shè)計(jì)用的是基于C#的ASP.NET技術(shù)。ASP.NET是基于通用語(yǔ)言編譯運(yùn)行的程序，有著很強(qiáng)的適應(yīng)性，C#編程語(yǔ)言語(yǔ)法靈活，功能強(qiáng)大，論述都基于C#的ASP

16、.NET建立氣象數(shù)據(jù)庫(kù)查詢系統(tǒng)的構(gòu)建與編程。ASP.NET有好多優(yōu)點(diǎn)：1、可管理性：ASP.NET 使用基于文本的、分級(jí)的配置系統(tǒng)，簡(jiǎn)化了將設(shè)置應(yīng)用于服務(wù)器環(huán)境和 Web 應(yīng)用程序的工作。2、安全：ASP.NET 為 Web 應(yīng)用程序提供了默認(rèn)的授權(quán)和身份驗(yàn)證方案。開(kāi)發(fā)人員可以根據(jù)應(yīng)用程序的需要很容易地添加、刪除或替換這些方案。3、跟蹤和調(diào)試：ASP.NET 提供了跟蹤服務(wù)，該服務(wù)可在應(yīng)用程序級(jí)別和頁(yè)面級(jí)別調(diào)試過(guò)程中啟用。可以選擇查看頁(yè)

17、面的信息，或者使用應(yīng)用程序級(jí)別的跟蹤查看工具查看信息。4、增強(qiáng)的性能： ASP.NET 是運(yùn)行在服務(wù)器上的已編譯代碼，與傳統(tǒng)的 Active Server Pages</p><p>　　1.2選題的目的和意義</p><p>　　隨著Internet的迅速發(fā)展，我們已經(jīng)不再滿足于單單地進(jìn)行瀏覽網(wǎng)頁(yè)，而是希望我們能更深入地參預(yù)到網(wǎng)絡(luò)中去，Internet的開(kāi)放性使得個(gè)人建立自己的網(wǎng)站成為可

18、能，擁有自己的個(gè)性網(wǎng)站也越來(lái)越成為一種網(wǎng)絡(luò)時(shí)尚，同時(shí)創(chuàng)建一個(gè)能充分體現(xiàn)自我風(fēng)格和自我特色的個(gè)人網(wǎng)站已經(jīng)成為互聯(lián)網(wǎng)用戶的新追求。</p><p>　　我們更需要的是交流，交流能促進(jìn)我們不斷的進(jìn)步，并且融合別人的長(zhǎng)處；讓我們能多一些渠道傾聽(tīng)來(lái)自不同立場(chǎng)的聲音；設(shè)想一下我們的網(wǎng)絡(luò)，當(dāng)每個(gè)人都擁有個(gè)人網(wǎng)站，不管是否在線，我們都能跨越時(shí)間、空間進(jìn)行交流，因?yàn)檫@個(gè)網(wǎng)站中擁有我所有的一切，生活、想法、知識(shí)、思想；夢(mèng)想和理想的狀

19、態(tài)是個(gè)人門(mén)戶也是我們每個(gè)人的影子，它為每個(gè)人打點(diǎn)網(wǎng)絡(luò)上的一切，好多志同道合的朋友會(huì)在這里和你相識(shí)、相交、相知。</p><p>　　1.3課題研究的主要簡(jiǎn)介</p><p>　　現(xiàn)在互聯(lián)網(wǎng)是社會(huì)發(fā)展的必然趨勢(shì)，很多人已經(jīng)意識(shí)到網(wǎng)絡(luò)強(qiáng)大生命力和它在未來(lái)將要處于的重要地位。他們進(jìn)行鉆研并且努力進(jìn)入到一個(gè)新的空間、新的領(lǐng)域。其中包括你、</p><p><b>

20、　　我、他。</b></p><p>　　在我們的日常、工作生活當(dāng)中，能夠擁有一個(gè)自己的網(wǎng)站已經(jīng)成為越來(lái)越多的人的理想和驕傲。就這個(gè)課題的研究，因?yàn)槭莻€(gè)人的網(wǎng)站，所以我只選擇了自己擅長(zhǎng)和喜愛(ài)的內(nèi)容，在突出自己的風(fēng)格個(gè)性和特點(diǎn)的同時(shí)，還應(yīng)用了我們所學(xué)過(guò)的的網(wǎng)站設(shè)計(jì)技術(shù)和數(shù)據(jù)庫(kù)技術(shù)等。</p><p><b>　　2 設(shè)計(jì)準(zhǔn)備</b></p>&

21、lt;p>　　“個(gè)人網(wǎng)站要發(fā)展，要么是從我（自己）的需求出發(fā)，要么是從我周?chē)说男枨蟪霭l(fā)?！边@是國(guó)內(nèi)著名的個(gè)人網(wǎng)站站長(zhǎng)、手機(jī)之家站長(zhǎng)高春輝說(shuō)的。網(wǎng)頁(yè)設(shè)計(jì)是一門(mén)新興起的設(shè)計(jì)類，近幾年來(lái)隨著網(wǎng)絡(luò)的發(fā)展而逐漸受到人們的重視，它自己本身以網(wǎng)絡(luò)作為載體,把各種各樣的信息以最快捷、方便的方式傳達(dá)給大家。一個(gè)網(wǎng)站項(xiàng)目的確立一般是建立在各種各樣的需求上面的，這是個(gè)人網(wǎng)站，所以這種需求一般來(lái)自于個(gè)人的實(shí)際需求，其中每個(gè)人的實(shí)際需求占了絕大數(shù)部分。因

22、此如何更好地了解、分析需求，并且又能夠準(zhǔn)確、清晰地以文檔的形式表達(dá)出來(lái)，保證開(kāi)發(fā)過(guò)程以個(gè)人需求為目的正確項(xiàng)目開(kāi)發(fā)方向進(jìn)行。</p><p><b>　　2.1設(shè)計(jì)愿望</b></p><p>　　越來(lái)越多的人希望能夠真正參與到互聯(lián)網(wǎng)上，這就出現(xiàn)了越來(lái)越多的個(gè)人網(wǎng)站設(shè)計(jì)以及推廣的工作和任務(wù)。</p><p>　　就我個(gè)人來(lái)說(shuō)，我之所以在畢業(yè)設(shè)計(jì)的

23、時(shí)候選擇這個(gè)課題是因?yàn)槲易约阂蚕霌碛幸粋€(gè)自己的個(gè)人網(wǎng)站，在互聯(lián)網(wǎng)上擁有我自己的一席之地，從而真正的參與到互聯(lián)網(wǎng)中去，做個(gè)網(wǎng)絡(luò)新時(shí)代的主人，同時(shí)也希望自己喜歡的一些東西能夠和大家一起分享，和互聯(lián)網(wǎng)上的朋友一起分享。</p><p>　　我所制作的個(gè)人網(wǎng)站大體可分為以下幾個(gè)功能：</p><p><b>　　1.秘密收藏：</b></p><p>

24、　　在其中展示一些我喜愛(ài)的東西，包括衣服、飾品、帽子等。和大家分享這些東西，我只想讓大家進(jìn)一步認(rèn)識(shí)我和了解我，讓一些美好的東西我們大家能共同欣賞。</p><p><b>　　2.留言板：</b></p><p>　　這是一個(gè)大家談心交流的好地方，瀏覽者登錄以后在留言板中，你可以暢所欲言，和大家進(jìn)行交流。對(duì)我留言，寫(xiě)下你對(duì)本網(wǎng)站的意見(jiàn)、建議或者感受，也可以對(duì)我們感興趣

25、的話題來(lái)展開(kāi)討論，進(jìn)行心與心的溝通。而且可以查看自己和查看別人的留言，看看別人的感受。但我增加了管理權(quán)限，我以管理員的身份可以對(duì)新加入的新內(nèi)容進(jìn)行管理，即允許其加入和允許對(duì)其進(jìn)行刪除操作等。歡迎大家來(lái)這里留言哦！</p><p><b>　　3.會(huì)員登錄：</b></p><p>　　在這里可以進(jìn)行會(huì)員登錄操作，如果用戶還沒(méi)有注冊(cè)也可以進(jìn)行注冊(cè)然后再登錄。在這里如果你

26、忘記了自己的密碼還可以進(jìn)行找回密碼的操作，并且可以修改和查看自己的相關(guān)信息。登錄后就可以進(jìn)行留言操作。非常靈活，為會(huì)員提供了很大的方便。</p><p><b>　　4.個(gè)人信息：</b></p><p>　　在這里，瀏覽者可以看到我自己的個(gè)人相關(guān)信息，包括興趣愛(ài)好、籍貫、缺點(diǎn)及喜愛(ài)的明星和喜愛(ài)的小動(dòng)物。歡迎大家瀏覽我的個(gè)人信息！</p><p&g

27、t;<b>　　2.2設(shè)計(jì)背景 </b></p><p><b>　　使用工具簡(jiǎn)介:</b></p><p><b>　　IIS的簡(jiǎn)要介紹:</b></p><p>　　IIS是Internet Information Server的縮寫(xiě)，它是微軟公司主推的一種Web服務(wù)器， 最新的版本是Window

28、s2000/2003server里面包含的IIS 5.0或IIS 6.0，IIS與Window2000/2003 Server完全集成在一起， 因而用戶能夠利用Windows 2000/2003 Server和NTFS（NT File System，NT的文件系統(tǒng)）內(nèi)置的安全特性， 建立強(qiáng)大、靈活又安全的Internet和Intranet站點(diǎn)。 IIS的一個(gè)重要特性是支持ASP。IIS 3.0版本以后引入了ASP，可以很容易的張貼動(dòng)態(tài)內(nèi)

29、容和開(kāi)發(fā)基于Web的應(yīng)用程序。如果是其他的Windows操作系統(tǒng)則需要用戶手動(dòng)安裝IIS。下面以Windows XP 為例，說(shuō)明IIS的安裝步驟：</p><p><b>　　IIS的安裝步驟：</b></p><p>　　1.依次打開(kāi)：【控制面板】->【添加/刪除程序】->【添加/刪除Windows組件】，勾選【Internet信息服務(wù)（IIS）】，然后

30、單擊信息按鈕。</p><p>　　2.在打開(kāi)的【Internet信息服務(wù)（IIS）】對(duì)話框中勾選所有項(xiàng)。 </p><p>　　3.單擊“確定”按鈕后，再單擊“下一步”按鈕。在光驅(qū)中放入Windows XP的安裝盤(pán)，安裝完畢后，可以測(cè)試一下安裝是否成功，在瀏覽器地址欄中輸入”http://localhost”,如果安裝成功則會(huì)出現(xiàn)歡迎畫(huà)面。</p><p>　　A

31、sp.net的簡(jiǎn)要介紹:</p><p>　　Active Server Pages（ASP）是服務(wù)器端腳本編寫(xiě)環(huán)境，使用它可以創(chuàng)建和運(yùn)行動(dòng)態(tài)、交互的 Web 服務(wù)器應(yīng)用程序。使用 ASP 還可以組合 HTML頁(yè)、VBScript腳本命令和JavaScript腳本命令等，是創(chuàng)建交互的 Web 頁(yè)和基于 Web 的功能強(qiáng)大的應(yīng)用程序。 </p><p>　　由于腳本程序是在服務(wù)器上運(yùn)行而不是

32、在客戶端上運(yùn)行，所以傳送到瀏覽器上的 Web 頁(yè)是在 Web 服務(wù)器上生成的，所以不必?fù)?dān)心瀏覽器能否處理腳本。Web 服務(wù)器已經(jīng)完成了所有腳本的處理，并將標(biāo)準(zhǔn)的 HTML 頁(yè)面?zhèn)鬏斀o瀏覽器。由于只有腳本的結(jié)果返回到瀏覽器，所以服務(wù)器端的腳本不容易被別人復(fù)制。用戶并看不到創(chuàng)建他們正在瀏覽的頁(yè)的腳本命令。</p><p>　　ASP的運(yùn)行環(huán)境：ASP只能用于下列Web Server </p><p

33、><b>　　IIS </b></p><p>　　Microsoft Personal Web Server </p><p>　　ASP的編程語(yǔ)言：ASP可以使用VBScript和JavaScript進(jìn)行程序的編寫(xiě)。</p><p>　　ASP文件，ASP的文件后綴名為.ASP，用以區(qū)別于同樣可以包含Script的HTML 文件。一個(gè)

34、*.ASP文件是一個(gè)文本文件， 可以包括下列元素的任意組合： </p><p><b>　　文本（text） </b></p><p>　　HTML標(biāo)志（tags） </p><p><b>　　Script命令 </b></p><p>　　ASP：不需要任何HTML的tag保存在文件中，起一個(gè)見(jiàn)

35、名知意的名字，文件</p><p>　　的后綴一定要改為.ASP ，然后再上傳到服務(wù)器上一個(gè)有執(zhí)行權(quán)的目錄下（例如wwwroot）。</p><p>　　ASP訪問(wèn)數(shù)據(jù)庫(kù)的原理</p><p>　　ASP是服務(wù)器端腳本執(zhí)行的環(huán)境，可用來(lái)產(chǎn)生和執(zhí)行動(dòng)態(tài)的高性能的WEB服務(wù)器程序。當(dāng)用戶使用瀏覽器來(lái)請(qǐng)求ASP主頁(yè)時(shí)，WEB服務(wù)器作出響應(yīng)，調(diào)用ASP引擎來(lái)執(zhí)行ASP文件，

36、并解釋其中的腳本語(yǔ)言（javascript或vbscript），并通過(guò)ODBC連接數(shù)據(jù)庫(kù)，由數(shù)據(jù)庫(kù)訪問(wèn)組件ADO（active data objects）完成數(shù)據(jù)庫(kù)操作，最后ASP生成包含有數(shù)據(jù)查詢結(jié)果的HTML主頁(yè)返回用戶端并顯示。</p><p>　　SQL Server的簡(jiǎn)要介紹：</p><p>　　SQL Server是微軟公司開(kāi)發(fā)的數(shù)據(jù)庫(kù)產(chǎn)品，SQL Server2000被廣泛

37、使用，很多電子商務(wù)網(wǎng)站、企業(yè)的內(nèi)部信息化平臺(tái)等等都是基于SQL Server產(chǎn)品的。今天的商業(yè)環(huán)境要求不同類型的數(shù)據(jù)庫(kù)的性能、可伸縮性及可靠性是基本的要求，而進(jìn)入市場(chǎng)時(shí)間也非常的關(guān)鍵。除了這些核心企業(yè)品質(zhì)外，SQL Server2000還為數(shù)據(jù)庫(kù)的管理和分析提供了方便，非常靈活和易于操作。我此次的畢業(yè)設(shè)計(jì)就選用的是SQL Server2000。</p><p><b>　　完全的Web支持:</b

38、></p><p>　　SQL Server2000提供了Web以標(biāo)準(zhǔn)為基礎(chǔ)的擴(kuò)展數(shù)據(jù)庫(kù)編程功能。豐富的XML和Internet標(biāo)準(zhǔn)支持允許使用內(nèi)置的存儲(chǔ)過(guò)程以XML的格式輕松存儲(chǔ)和檢索數(shù)據(jù)。還可以使用XML更新程序，更容易地進(jìn)行插入、更新和刪除記錄的操作。</p><p><b>　　2.3確定網(wǎng)站主題</b></p><p>　　做網(wǎng)

39、站，首先必須要解決的就是網(wǎng)站內(nèi)容的問(wèn)題，即是確定網(wǎng)站的主題。如果自己在某些方面越有興趣，或掌握的資料越多，就可以做一個(gè)自己感興趣的東西。你可以有自己的見(jiàn)解，做出自己的特色網(wǎng)站。當(dāng)然，也可以推銷自己，讓別人了解自己，和別人進(jìn)行溝通和交流，展示一些自己的東西，讓大家更好地了解自己。對(duì)于內(nèi)容主題的選擇，要做到小而精，即主題定位要小，且內(nèi)容要精。不要去試著作一個(gè)包羅萬(wàn)象的站點(diǎn)，這往往會(huì)失去你的網(wǎng)站的特色，也會(huì)帶來(lái)很大的勞動(dòng)，給網(wǎng)站的及時(shí)更新帶來(lái)

40、更大的困難。我的網(wǎng)站主題是以我個(gè)人相關(guān)的資料來(lái)制作的，介紹了我自己。</p><p><b>　　2.4確定網(wǎng)站形象</b></p><p>　　網(wǎng)站形象的設(shè)計(jì)可以從網(wǎng)站的LOGO、網(wǎng)站的色彩、網(wǎng)站的字體宣傳語(yǔ)等這些方面著手。</p><p>　　網(wǎng)站色彩，網(wǎng)站給人的第一印象來(lái)自于視覺(jué)的沖擊，不同的色彩搭配會(huì)產(chǎn)生不同的效果，并可能影響到訪問(wèn)者的

41、情緒?！皹?biāo)準(zhǔn)色彩”指的是能體現(xiàn)網(wǎng)站形象和延伸內(nèi)涵的色彩，給人們一種以整體統(tǒng)一的感覺(jué)。我個(gè)人網(wǎng)站的色彩是以淺藍(lán)色色為主，淺藍(lán)色的字體和淺色的圖像給人一種舒服的感覺(jué)，仿佛生活在虛幻的世界里。</p><p>　　網(wǎng)站字體，和標(biāo)準(zhǔn)色彩一樣，標(biāo)準(zhǔn)字體是指用于標(biāo)題、主菜單的一些特有字體。為了體現(xiàn)網(wǎng)站所特有的風(fēng)格，可以根據(jù)自已的網(wǎng)站所表達(dá)的內(nèi)涵，選擇更貼切的字體。我的個(gè)人網(wǎng)站的標(biāo)準(zhǔn)字體是華文彩體。給人一種沉穩(wěn)而不失俏皮的感覺(jué)

42、。</p><p><b>　　2.5確定網(wǎng)站風(fēng)格</b></p><p>　　風(fēng)格是抽象的，指網(wǎng)站的整體形象給瀏覽者留下的綜合感受。這個(gè)“整體形象”包括網(wǎng)站的LOGO、網(wǎng)站的色彩、網(wǎng)站的字體、網(wǎng)站的標(biāo)語(yǔ)等許多因素。網(wǎng)站是可以平易近人的、生動(dòng)活潑的，也可以是嚴(yán)肅專業(yè)的。但不管是在色彩、技術(shù)、文字、布局、還是交互方式上，只要能由此讓瀏覽者明確的看出這是你的網(wǎng)站所獨(dú)有的，

43、這就形成了一種風(fēng)格。</p><p>　　風(fēng)格是有人性的，它通過(guò)網(wǎng)站的色彩、技術(shù)、文字、布局、交互方式等可以綜合概括出一個(gè)網(wǎng)站的自己的個(gè)性；我的網(wǎng)站風(fēng)格是以舒服為主，給人一種舒舒服服的感覺(jué)。</p><p><b>　　2.6確定網(wǎng)站內(nèi)容</b></p><p>　　我的個(gè)人網(wǎng)站大體上包括了一些內(nèi)容：首頁(yè)、我的朋友、美文欣賞、大學(xué)之旅、秘密收藏

44、、會(huì)員登錄、會(huì)員注冊(cè)、留言板等網(wǎng)站常用內(nèi)容，方便的大家的瀏覽。</p><p><b>　　3 各模塊簡(jiǎn)介</b></p><p>　　一個(gè)網(wǎng)站的首頁(yè)其實(shí)是一個(gè)文檔，當(dāng)一個(gè)網(wǎng)站服務(wù)器收到一臺(tái)電腦上網(wǎng)絡(luò)瀏覽器的信息連接請(qǐng)求時(shí)，便會(huì)向這臺(tái)電腦發(fā)送這個(gè)文檔。當(dāng)在瀏覽器的位址列輸入域名，而并未指向特定目錄或檔案時(shí)，通常瀏覽器會(huì)打開(kāi)網(wǎng)站的首頁(yè)。 </p><

45、p>　　網(wǎng)站首頁(yè)往往會(huì)被編輯的很易于了解該網(wǎng)站所提供的所有資訊，并引導(dǎo)互聯(lián)網(wǎng)用戶瀏覽網(wǎng)站其他部分的內(nèi)容。這部分內(nèi)容一般被認(rèn)為是一個(gè)目錄性質(zhì)的內(nèi)容，我的個(gè)人網(wǎng)站的首頁(yè)給大家一目了然的感覺(jué)，打開(kāi)首頁(yè)就可以了解我的個(gè)人網(wǎng)站的設(shè)計(jì)風(fēng)格還可以看到一些特定的功能，大家可以盡情地瀏覽其中的信息。首頁(yè)的大致圖如下圖3.1所示：</p><p>　　圖3.1 首頁(yè)框圖展示</p><p>　　首頁(yè)框圖

46、展示了我的整個(gè)設(shè)計(jì)頁(yè)面的架構(gòu)，主要包括首頁(yè)、我的朋友、大學(xué)之旅、美文欣賞、秘密收藏和用戶登錄這幾部分，給瀏覽者一種一目了然的感覺(jué)。點(diǎn)擊每一部分可以進(jìn)入相應(yīng)的界面，可以具體瀏覽其中的信息。而且左邊有滾動(dòng)字幕，點(diǎn)擊可以瀏覽具體的內(nèi)容。歡迎大家瀏覽！</p><p><b>　　3.1首頁(yè)模塊</b></p><p>　　介紹了一些關(guān)于我的朋友的基本信息，比如姓名、生日、興

47、趣愛(ài)好等。希望大家可以進(jìn)一步的了解我。如下圖3.2所示：</p><p>　　圖3.2 首頁(yè)模塊展示</p><p><b>　　3.2我的朋友</b></p><p>　　介紹了我和我的朋友的一些事和一些去過(guò)的地方，里面有我和朋友照片，大家可以參考一下。這里面有我的高中同學(xué)和大學(xué)同學(xué)還有我的閨蜜。</p><p>　　

48、第一頁(yè)用了一個(gè)滾動(dòng)的圖片展示了我和我的朋友們?cè)谝黄鸬恼掌旅鎸?xiě)了一些關(guān)于贊美朋友的話語(yǔ)。記得有個(gè)人說(shuō)過(guò)情人是一時(shí)的，而朋友卻是一輩子的，那些深重的友情永遠(yuǎn)都會(huì)埋在我們的心底，永遠(yuǎn)都不會(huì)磨滅。所以我愿意把它拿出來(lái)跟大家一起分享，讓我們共同珍惜我們的友誼。</p><p>　　第二頁(yè)用FireWorks做了一個(gè)膠卷型的流動(dòng)的照片，顯示了一些我的朋友們。那些美麗的時(shí)刻我將永遠(yuǎn)把它留下來(lái)。第三頁(yè)顯示了我的大學(xué)的朋友們，

49、他們給我大學(xué)的生活留下了美好的記憶。</p><p><b>　　3.3大學(xué)之旅</b></p><p>　　在這里介紹了一部分我在上大學(xué)期間去過(guò)的一些地方，拍下了一些優(yōu)美的風(fēng)景，那些給我留下美好回憶的地方我都把他們記載下來(lái)。里面有照片和文字簡(jiǎn)介，大家可以做個(gè)參考，也去欣賞那里的優(yōu)美風(fēng)景。</p><p>　　第一頁(yè)插入了一個(gè)spry折疊面板，

50、介紹了去保定滿城漢墓旅游時(shí)的一些照片。并且介紹了一些關(guān)于滿城漢墓的一些信息。</p><p>　　第二頁(yè)插入了幾張去石家莊空中花園游玩時(shí)的照片，并附加了空中花園的一些相關(guān)信息。第三頁(yè)介紹了競(jìng)秀公園，并插入了幾張競(jìng)秀公園的照片，也對(duì)競(jìng)秀公園作了簡(jiǎn)單的介紹。</p><p><b>　　3.4美文欣賞</b></p><p>　　在美文欣賞這部分中

51、列舉出了幾篇優(yōu)美的文章供瀏覽者欣賞。</p><p>　　這些文章中有講述關(guān)于人生哲理的，講述了人生的悲歡離合，人生旅途的不順利；有關(guān)于愛(ài)情的，介紹了男女之間刻骨銘心的感人愛(ài)情故事；還有介紹關(guān)于朋友之間的深厚友誼以及一些勵(lì)志的文章，激勵(lì)那些正在追逐夢(mèng)想的人有一顆不怕失敗、永不言敗、愈挫愈勇的心。</p><p>　　以上都是本人認(rèn)為比較優(yōu)美的文章，希望瀏覽者也喜歡！</p>

52、<p>　　左邊是滾動(dòng)的字幕，也是優(yōu)美的文章，大家點(diǎn)擊直接可以欣賞。如下圖3.3所示：</p><p>　　圖3.3 美文欣賞展示</p><p><b>　　3.5可愛(ài)收藏</b></p><p>　　在可愛(ài)收藏這部分中展示了一些可愛(ài)的衣服、帽子、項(xiàng)鏈、耳環(huán)等首飾。并使用到了Dreamweaver中的鼠標(biāo)經(jīng)過(guò)圖像技術(shù)，是瀏覽者有一種

53、變幻感！為那些愛(ài)美的朋友們提供了一個(gè)參考。</p><p>　　其中里面還有一些模特的展示，可以看見(jiàn)模特穿上那些衣服的效果，使愛(ài)美麗的朋友們對(duì)那些衣服的樣式有一個(gè)更清晰的認(rèn)知。這些衣服、帽子和首飾等都是本人自己喜歡的，希望大家也喜歡。</p><p>　　如果大家有更好更漂亮的衣服、帽子、首飾等，歡迎給我留言，讓我們大家一起來(lái)分享這些。</p><p><b&

54、gt;　　4 具體實(shí)現(xiàn)與分析</b></p><p><b>　　4.1靜態(tài)設(shè)計(jì)</b></p><p>　　先用Dreamweaver進(jìn)行布局和排版。</p><p>　　4.1.1站點(diǎn)的建設(shè)與收集素材</p><p>　　創(chuàng)建本地站點(diǎn)的具體操作步驟如下：</p><p>　　要制作

55、一個(gè)網(wǎng)站，第一步操作都是一樣的，就是要?jiǎng)?chuàng)建一個(gè)“站點(diǎn)”，這樣可以使整個(gè)網(wǎng)站的結(jié)構(gòu)清晰地展現(xiàn)在面前，避免了以后復(fù)雜的管理。 打開(kāi)Dreamweaver從菜單中選擇“站點(diǎn)/新建站點(diǎn)”在彈出的對(duì)話框中填寫(xiě)目錄和指定文件夾，輸入站點(diǎn)名稱和默認(rèn)的存放圖像的位置。在文本框中輸入自己已經(jīng)想好的網(wǎng)站名稱“個(gè)人網(wǎng)站”。填好后，單擊“下一步”，進(jìn)入下一個(gè)步驟。由于我要做的是一個(gè)靜態(tài)的網(wǎng)頁(yè)，所以選擇上面的一項(xiàng)“否，我不想使用服務(wù)器技術(shù)?！眴螕簟跋乱徊健?，進(jìn)入

56、下一個(gè)步驟。 在此選項(xiàng)中有兩個(gè)選擇，選擇推薦的“編輯我的計(jì)算機(jī)上的本地副本，完成后再上傳到服務(wù)器”。底下的文本框允許在本地磁盤(pán)上指定一個(gè)文件夾，Dreamweaver將在其中儲(chǔ)存站點(diǎn)文件的本地副本。單擊該文本框后面的文件夾圖標(biāo)，新建并指定一個(gè)空的文件夾“E:/web555”。之后單擊“下一步“，進(jìn)入下一個(gè)步驟。這一步是如何設(shè)置連接到遠(yuǎn)程服務(wù)器，彈出式菜單中有6中選擇，這里選擇“無(wú)”。而后“下一步”再“完成”，這樣，一個(gè)站點(diǎn)就算建好了。&

57、lt;/p><p><b>　　收集素材：</b></p><p>　　收集一些網(wǎng)站所需要的素材，比如圖片、動(dòng)畫(huà)、文字等。做網(wǎng)站前的一些準(zhǔn)備工作也是很重要的。只有有了充足的準(zhǔn)備我們才能把網(wǎng)站做好。因此在做網(wǎng)站前我們必須把做網(wǎng)站的過(guò)程中可能所需的所有的材料都準(zhǔn)備好，這樣才能做出讓自己和大家都滿意的網(wǎng)站，而不至于在做的過(guò)程中亂了手腳。圖片的LOGO如下圖4.1所示：</

58、p><p>　　圖4.1 LOGO圖展示</p><p>　　4.1.3 HTML語(yǔ)言</p><p>　　要想建出專業(yè)的Web頁(yè)面，就要學(xué)會(huì)利用HTML來(lái)編寫(xiě)網(wǎng)頁(yè)。HTML(Hypertext Markup Language)超文本標(biāo)記語(yǔ)言，是用于編寫(xiě)網(wǎng)頁(yè)的主要語(yǔ)言。它是純文本的類型的語(yǔ)言，語(yǔ)法非常的簡(jiǎn)單。它通過(guò)對(duì)各種標(biāo)記、元素、屬性、對(duì)象等的設(shè)置來(lái)建立與圖形、聲音、

59、視頻等多媒體信息以及對(duì)其它超文本的鏈接。一般典型網(wǎng)頁(yè)應(yīng)該包括如下HTML代碼：</p><p><b>　　【</b></p><p><b>　　<html></b></p><p><b>　　<head></b></p><p>　　<tit

60、le>標(biāo)題</title></p><p><b>　　</head></b></p><p><b>　　<body></b></p><p><b>　　主題內(nèi)容</b></p><p><b>　　</body&g

61、t;</b></p><p><b>　　</html></b></p><p><b>　　】</b></p><p>　　其中，<title>與</title>之間是網(wǎng)頁(yè)的標(biāo)題，一般被顯示在瀏覽器的標(biāo)題欄中。<head>與</head>之間可以聲明

62、和定義變量、方法，還可以加入java-script/vb-script等一些腳本語(yǔ)言。<body>與</body>之間是網(wǎng)頁(yè)的主要內(nèi)容，任何網(wǎng)頁(yè)元素都可以加入其中。例如在主體中可以加入<div>與</div>標(biāo)簽是定義了一個(gè)層，加入<font>與</font>標(biāo)簽是定義字體樣式，加入<style><!--……--></style>

63、標(biāo)簽是定義一個(gè)CSS樣式等。</p><p>　　4.1.4用框架表格進(jìn)行布局和排版</p><p>　　主頁(yè)面使用的是上方固定，左側(cè)嵌套的框架共四個(gè)網(wǎng)頁(yè)。然后在main、top和left每個(gè)網(wǎng)頁(yè)中又嵌套了一個(gè)表格那是整個(gè)版面看起來(lái)更加整齊、清晰。</p><p>　　Top中的表格用來(lái)組織頁(yè)面頭部的元素（下稱“頭表格”），在設(shè)計(jì)視圖下將鼠標(biāo)光標(biāo)置于網(wǎng)頁(yè)編輯區(qū)，點(diǎn)擊

64、“插入”→“表格”，設(shè)置2行、3列的表格，“表格寬度”1000像素，“邊框粗細(xì)”為1，點(diǎn)擊確定。選中表格在屬性控制面板中設(shè)置對(duì)齊方式為“居中對(duì)齊”。</p><p>　　然后再將第二行單元格合并。并插入所需要的元素。</p><p>　　Left中再插入一個(gè)2行1列的表格，用來(lái)組織左邊頁(yè)面的主體內(nèi)容，其它屬性同頭表格。</p><p>　　再填入所需內(nèi)容，并加入超鏈

65、接。</p><p>　　最后再在Main網(wǎng)頁(yè)中插入一個(gè)1行2列的表格，用來(lái)組織頁(yè)面的主要內(nèi)容元素。 “邊框粗細(xì)”為1，設(shè)置表格為顯示邊框。</p><p>　　4.1.5添加網(wǎng)頁(yè)元素</p><p>　　利用設(shè)置表格圖片、插入圖片等形式添加網(wǎng)頁(yè)圖片元素。利用鍵盤(pán)輸入或復(fù)制粘貼等方式添加文字，文字顏色設(shè)置為紅色。</p><p>　　4.1.

66、6滾動(dòng)的公告</p><p><b>　　【</b></p><p>　　<html xmlns="http://www.w3.org/1999/xhtml"></p><p><b>　　<head></b></p><p>　　<meta htt

67、p-equiv="Content-Type" content="text/html; charset=utf-8" /></p><p>　　<title>這里是標(biāo)題</title></p><p>　　<style type="text/css"></p><p>

68、;　　<!—這里是css代碼</p><p><b>　　.a2 {</b></p><p>　　font-family: "華文彩體";</p><p>　　font-size: 18px; //字體大小</p><p>　　color: #F00; //字體顏色</p>

69、<p><b>　　}</b></p><p><b>　　.a2 {</b></p><p>　　text-align: center;</p><p><b>　　}</b></p><p><b>　　--></b></p&

70、gt;<p><b>　　</style></b></p><p><b>　　</head></b></p><p><b>　　<body></b></p><p>　　<table width="250" border=

71、"1"></p><p><b>　　<tr></b></p><p>　　<td height="95">&nbsp;</td></p><p><b>　　</tr></b></p><p>&

72、lt;b>　　<tr></b></p><p>　　<td height="54"><p class="a2"><marquee direction="up" scrolldelay="250>愛(ài)的一種解釋</p></p><p>　　<

73、p class="a2"></p><p>　　<p class="a2"><a href="dongle.html" target="mainFrame">懂了淚水，就懂了人生！</a></p></p><p>　　<p class="a2

74、"><a href="xiedian.html" target="mainFrame">鞋店里的故事</a></p></p><p>　　<p class="a2"><a href="quzhong.html" target="mainFrame"

75、;>曲終人不散</a></p></p><p>　　<p class="a2"><a href="shengming.html" target="mainFrame">生命苦汁，如歡悲歌</a></p></p><p>　　<p class=&qu

76、ot;a2"><a href="shibai.html" target="mainFrame">失敗，卻不曾??！</a></p><p>　　<p class="a2"><a href="weiai.html" target="mainFrame">為

77、愛(ài)停留</a></p><p>　　</marquee></p></td></p><p><b>　　</tr></b></p><p><b>　　</table></b></p><p><b>　　</b

78、ody></b></p><p><b>　　</html></b></p><p><b>　　】</b></p><p>　　4.1.7典型的子頁(yè)設(shè)計(jì)過(guò)程</p><p>　　如下圖4.2、4.3所示：</p><p>　　圖4.2 大學(xué)之旅

79、1</p><p>　　圖4.3 大學(xué)之旅2</p><p><b>　　4.2動(dòng)態(tài)設(shè)計(jì)</b></p><p>　　當(dāng)IIS和SQLServer 2000還有Microsoft visual studio等工具軟件都安裝完畢后，再檢查運(yùn)行無(wú)誤，一切就緒后便可開(kāi)始進(jìn)行動(dòng)態(tài)的設(shè)計(jì)了。</p><p>　　4.2.1數(shù)據(jù)庫(kù)的

80、建立</p><p>　　首先，附加數(shù)據(jù)庫(kù)（database）</p><p>　　附加數(shù)據(jù)庫(kù)的界面如下圖4.4所示：</p><p>　　圖4.4附加數(shù)據(jù)庫(kù)界面</p><p>　　建立數(shù)據(jù)庫(kù)表，并且設(shè)置主鍵和外鍵并且定義各字段的名字，再添加相應(yīng)的內(nèi)容。</p><p>　　表如下表4.1所示：</p>

81、<p>　　表4.1 User表界面</p><p>　　4.2.2建立會(huì)員登錄系統(tǒng)</p><p>　　登錄部分如下圖4.5所示：</p><p><b>　　圖4.5 登錄界面</b></p><p>　　具體實(shí)現(xiàn)代碼如下所示：</p><p><b>　　【</b

82、></p><p>　　using System.Data.SqlClient;</p><p>　　public partial class login : System.Web.UI.Page</p><p><b>　　{</b></p><p>　　protected void Page_Load(obje

83、ct sender, EventArgs e)</p><p><b>　　{</b></p><p><b>　　}</b></p><p>　　protected void lnkRegister_Click1(object sender, EventArgs e)</p><p><b&

84、gt;　　{</b></p><p>　　Response.Redirect("zhuce.aspx"); //轉(zhuǎn)到注冊(cè)界面</p><p><b>　　}</b></p><p>　　protected void lnkGetpwd_Click(object sender, EventArgs e)&

85、lt;/p><p><b>　　{</b></p><p>　　Response.Redirect("Step1.aspx"); //轉(zhuǎn)到找回密碼的第一步</p><p><b>　　}</b></p><p>　　protected void btnReset_Clic

86、k(object sender, EventArgs e)</p><p><b>　　{</b></p><p>　　txtPwd.Text = "";</p><p>　　txtUserName.Text = ""; //清空你所填寫(xiě)的所有信息</p>&l

87、t;p><b>　　}</b></p><p>　　protected void btnSubmit_Click(object sender, EventArgs e)</p><p><b>　　{</b></p><p>　　if (Page.IsValid)</p><p><b&

88、gt;　　{</b></p><p>　　string strConn = System.Configuration.ConfigurationManager.AppSettings["DSN"];</p><p>　　SqlConnection conn = new SqlConnection(strConn); //建立與數(shù)據(jù)庫(kù)的連接&

89、lt;/p><p>　　string userName = "";</p><p>　　string pwd = "";</p><p>　　userName = txtUserName.Text.Trim();</p><p>　　pwd = txtPwd.Text.Trim();</p>

90、<p>　　string sql;</p><p>　　sql = "select count(*)from Users where UserName='" + userName + "'and Password='" + pwd + "'";

91、 //從數(shù)據(jù)庫(kù)中查找那條記錄</p><p>　　SqlCommand cmd = new SqlCommand(sql, conn);</p><p>　　conn.Open();</p><p>　　int ret = (int)cmd.ExecuteScalar();</p><p>　　conn.Close()

92、;</p><p>　　if (ret <= 0) </p><p><b>　　{</b></p><p>　　Response.Write("<script>alert(\"登錄失敗!用戶名或密碼錯(cuò)誤!\")</scr

93、ipt>");</p><p><b>　　}</b></p><p><b>　　else</b></p><p><b>　　{ </b></p><p>　　if(txtUserName.Text=="admin")</p>

94、<p><b>　　{</b></p><p>　　Response.Redirect("main1.aspx"); //如果用戶名等于admin，則跳到管理用戶界面</p><p><b>　　}</b></p><p>　　Session["UserName&quo

95、t;] = userName;</p><p>　　Response.Redirect("main.aspx");</p><p><b>　　} </b></p><p><b>　　}</b></p><p><b>　　}</b></p>

96、<p><b>　　}</b></p><p><b>　　】</b></p><p><b>　　注冊(cè)部分</b></p><p>　　為還沒(méi)有注冊(cè)的用戶提供注冊(cè)機(jī)會(huì)，有多項(xiàng)是內(nèi)容必須填寫(xiě)，注冊(cè)后可以進(jìn)行留言可以留下對(duì)本網(wǎng)站的感受或者意見(jiàn)、建議。如果用戶丟失了密碼或者忘記了密碼還可以進(jìn)行

97、找回密碼的操作，找回自己原有的密碼。</p><p>　　注冊(cè)部分界面如下圖4.6所示：</p><p><b>　　圖4.6 注冊(cè)界面</b></p><p>　　具體實(shí)現(xiàn)代碼如下所示：</p><p><b>　　【</b></p><p>　　public partia

98、l class zhuce : System.Web.UI.Page</p><p><b>　　{</b></p><p>　　protected void Page_Load(object sender, EventArgs e)</p><p><b>　　{</b></p><p><

99、b>　　}</b></p><p>　　protected void btnSubmit(object sender, EventArgs e)</p><p><b>　　{</b></p><p>　　string strConn = System.Configuration.ConfigurationManager.Ap

100、pSettings["DSN"];</p><p>　　SqlConnection conn = new SqlConnection(strConn); //建立與數(shù)據(jù)庫(kù)的連接</p><p>　　string userName =txtName.Text.Trim();</p><p>　　string sql = &q

101、uot;select count(*)from Users where UserName='" + userName + "'";</p><p>　　conn.Open();</p><p>　　SqlCommand cmd = new SqlCommand(sql, conn);</p><p>　　int n =

102、(int)cmd.ExecuteScalar();</p><p>　　if (n > 0)</p><p><b>　　{</b></p><p>　　Response.Write("<script>alert(\"!\")</script>");

103、//如果這條記錄已存在則返回</p><p><b>　　return;</b></p><p><b>　　}</b></p><p>　　cmd.CommandText = "INSERT INTO " + "Users(UserName,RealName,Sex,[Password],Q

104、uestion,Answer,Email)" + "values(@UserName,@RealName,@Sex,@Password,@Question,@Answer,@Email)";</p><p>　　cmd.Parameters.Add("@UserName", SqlDbType.VarChar).Value = userName;</p>

105、;<p>　　cmd.Parameters.Add("@RealName", SqlDbType.VarChar).Value = txtRealName.Text.Trim();</p><p>　　cmd.Parameters.Add("@Sex", SqlDbType.VarChar).Value = lstSex.SelectedItem.Text.T

106、rim();</p><p>　　cmd.Parameters.Add("@Password", SqlDbType.VarChar).Value = txtPwd1.Text.Trim();</p><p>　　cmd.Parameters.Add("@Question", SqlDbType.VarChar).Value = lstQuestio

107、n.SelectedItem.Text.Trim();</p><p>　　cmd.Parameters.Add("@Answer", SqlDbType.VarChar).Value = txtAnswer.Text.Trim();</p><p>　　cmd.Parameters.Add("@Email", SqlDbType.VarChar).

108、Value = txtEmail.Text.Trim();</p><p>　　cmd.ExecuteNonQuery();</p><p>　　conn.Close();</p><p>　　Session["UserName"] = userName;</p><p>　　Response.Redirect("

109、;main.aspx");</p><p><b>　　} </b></p><p><b>　　}</b></p><p><b>　　】</b></p><p>　　4.2.3建立留言板模塊</p><p>　　留言板模塊為用戶登錄進(jìn)去后

110、能夠進(jìn)行留言。</p><p>　　留言板界面如下圖4.7所示：</p><p><b>　　圖4.7留言板界面</b></p><p><b>　　【</b></p><p>　　using System.IO;</p><p>　　public partial class

111、 Default2 : System.Web.UI.Page</p><p><b>　　{</b></p><p>　　protected void Page_Load(object sender, EventArgs e)</p><p><b>　　{</b></p><p><b>

112、;　　}</b></p><p>　　protected void btnCancel_Click(object sender, EventArgs e)</p><p><b>　　{</b></p><p>　　txtTitle.Text = "";</p><p>　　txtCont

113、ent.Text = "";</p><p>　　txtAuthor.Text = ""; //若點(diǎn)擊取消則清空所填內(nèi)容</p><p><b>　　}</b></p><p>　　protected void btnOK_Click(object s

114、ender, EventArgs e)</p><p><b>　　{</b></p><p>　　if (txtTitle.Text == "" || txtContent.Text == "" || txtAuthor.Text == "")</p><p><b>　　

115、{</b></p><p>　　Label1.Text = "標(biāo)題、內(nèi)容、作者等不能為空！";</p><p><b>　　return;</b></p><p><b>　　}</b></p><p>　　if (txtTitle.Text.Length >

116、50)</p><p><b>　　{</b></p><p>　　Label1.Text = "你的標(biāo)題太長(zhǎng)了！";</p><p><b>　　return;</b></p><p><b>　　}</b></p><p>　　s

117、tring strConn = System.Configuration.ConfigurationManager.AppSettings["DSN"];</p><p>　　SqlConnection conn = new SqlConnection(strConn);</p><p>　　string sql = "insert into books(ti

118、tle,content,ming,click)values(@title,@content,@ming,@click)";</p><p>　　SqlCommand cmd = new SqlCommand(sql, conn);</p><p>　　cmd.Parameters.Add("@title", SqlDbType.Char).Value = tx

119、tTitle.Text;</p><p>　　cmd.Parameters.Add("@content", SqlDbType.Char).Value = txtContent.Text;</p><p>　　cmd.Parameters.Add("@ming", SqlDbType.Char).Value = txtAuthor.Text;<

120、/p><p>　　cmd.Parameters.Add("@click", SqlDbType.Char).Value = "0"; //往數(shù)據(jù)庫(kù)里增加一條記錄</p><p>　　conn.Open();</p><p>　　cmd.ExecuteNonQuery();</p><p>　　conn

121、.Close();</p><p>　　Response.Redirect("main.aspx");</p><p><b>　　}</b></p><p><b>　　}</b></p><p><b>　　】</b></p><p&

122、gt;<b>　　4.2.4后臺(tái)部分</b></p><p><b>　　如下圖4.8所示：</b></p><p><b>　　圖4.8后臺(tái)界面</b></p><p><b>　　5 結(jié)論</b></p><p>　　經(jīng)過(guò)老師耐心細(xì)致的指導(dǎo)以及同學(xué)之間

123、的相互交流，同時(shí)翻閱了大量的資料(包括網(wǎng)上資料、書(shū)本及學(xué)校的一些相關(guān)資料)，經(jīng)過(guò)近一段時(shí)間的個(gè)人網(wǎng)站（米菲兒的空間）的設(shè)計(jì)制作已接近尾聲。在這段時(shí)間里我完成了一份畢業(yè)設(shè)計(jì)，同時(shí)也學(xué)到了很多東西。我這個(gè)個(gè)人網(wǎng)站（米菲兒的空間）的研究設(shè)計(jì)方案從最后測(cè)試結(jié)果來(lái)看，效果還算比較明顯，因?yàn)榭紤]較為全面，所以生成的“留言”頁(yè)面較為穩(wěn)定，并且在Windows XP和Windows 7系統(tǒng)下都能測(cè)試通過(guò)。當(dāng)然，要做成很完善的個(gè)人網(wǎng)站還有很多問(wèn)題需要考慮

124、。在制作網(wǎng)頁(yè)方面不足的地方還有很多，例如制作不細(xì)膩，排版不緊湊，內(nèi)容不豐富頁(yè)面不夠整潔等等都是要再多多考慮的。在這個(gè)人網(wǎng)站（米菲兒的空間）中我盡情地展示了自己。在這里可以查看一些我的資料、關(guān)心我的朋友、查看我的秘密收藏、優(yōu)美文章等操作，還可以登錄以后進(jìn)行留言，也可以查看被人給我的留言。當(dāng)然，如果沒(méi)注冊(cè)的必須先注冊(cè)只有注冊(cè)以后再登錄才能給我留言哦。</p><p>　　通過(guò)這次的個(gè)人網(wǎng)站（米菲兒的空間）畢業(yè)設(shè)計(jì)我掌

125、握了Dreamweaver 網(wǎng)頁(yè)設(shè)計(jì)三劍客+ SQLServer數(shù)據(jù)庫(kù) + 基于C#的ASP.NET 的動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)制作環(huán)境，數(shù)據(jù)庫(kù)與數(shù)據(jù)表數(shù)據(jù)源的建立與連接以及IIS環(huán)境的配置。</p><p><b>　　致 謝</b></p><p>　　畢業(yè)設(shè)計(jì)完成之際，我由衷地感謝司老師的大力幫助和支持，感謝我的同學(xué)和朋友，在我遇到各種各樣復(fù)雜問(wèn)題的時(shí)候，給予我鼓勵(lì)和幫助

126、，使我分析問(wèn)題和解決問(wèn)題能力有了很大提高。</p><p>　　本論文是在司老師的悉心指導(dǎo)下完成的。司老師淵博的專業(yè)知識(shí)，誨人不倦的高尚師德，嚴(yán)以律己、寬以待人的崇高風(fēng)范，樸實(shí)無(wú)華、平易近人的人格魅力對(duì)我影響深遠(yuǎn)。不僅使我樹(shù)立了遠(yuǎn)大的學(xué)術(shù)目標(biāo)，還使我明白了許多待人接物與為人處世的道理。所有這一切都將成為我受益終生的寶貴財(cái)富!本論文從選題到完成，每一步都是在導(dǎo)師的指導(dǎo)下完成的，傾注了導(dǎo)師大量的心血。在此，我向?qū)煴?/p>