淺析網(wǎng)頁設計

淺析網(wǎng)頁設計專業(yè)：計算機網(wǎng)絡班級：******學生：******學號：******指導教師：******摘要本文就個人網(wǎng)站的規(guī)劃與建設，以軟件工程的方法對全過程進行了分析與研究。本文的主要工作集中在：1.對Web頁進行概述，主要是對Internet的歷史和發(fā)展作了回顧，并對Web頁的定義和特性進行闡述。并對網(wǎng)站開發(fā)過程中使用的開發(fā)工具和技術(shù)作了簡要的介紹。2.對網(wǎng)站建設中提及到的術(shù)語進行了解釋，并對個人網(wǎng)站的由來和發(fā)展進行了討論。3.對自己的個人網(wǎng)站從規(guī)劃到建設進行了詳細的分析。4.使用ASP＋IIS＋Access技術(shù)實現(xiàn)了我的網(wǎng)站的各種功能，其中和數(shù)據(jù)庫的連接使用到了ODBC技術(shù)。5.就網(wǎng)站建設提出了自己的觀點與建議。【關(guān)鍵詞】網(wǎng)站ASPSQLServer風格創(chuàng)意第1章引言在已跨入21世紀的今天，人類使用和學習信息的方式以及信息的包裝方式正在進行著不可阻擋的革命，這次革命將比印刷術(shù)的出現(xiàn)所產(chǎn)生的影響以及對社會發(fā)展的推動遠為復雜而巨大。目前，我國上網(wǎng)的人口已近一個億，成立世界上網(wǎng)民最多的國家，許多人在需要查詢信息，首先想到的就是上網(wǎng)。網(wǎng)站的迷人之處在于綜合使用文本、圖像、音、動畫和視頻的信息和內(nèi)容，具有豐富的多媒體表現(xiàn)與互動特點，無可置疑，網(wǎng)站已成為最吸引人的也最有效的信息傳遞手段和方式。隨著網(wǎng)絡技術(shù)的發(fā)展，各類網(wǎng)站紛紛出現(xiàn)。個人網(wǎng)站也成為了一種時尚。越來越多的人希望擁有自己的網(wǎng)站，開辟網(wǎng)絡世界的一片天地，展示自己的才華和風格。1.1Web頁概述1、認識WebWeb(WorldWideWeb，簡稱WWW，又稱萬維網(wǎng))是目前Internet上應用最廣泛也是最重要的信息服務類型，它的影響已經(jīng)進入了Internet上的廣告、新聞、電子商務和展示信息等各個服務領(lǐng)域。Web采用瀏覽器/服務器（B/S）工作模式，其運作模式可以描述為：請求→處理→應答。Web以超文本標記語言HTML(HyperTextMarkupLanguage)與超文本傳輸協(xié)議HTTP(HyperTextTransferProtocol)為基礎，通過瀏覽器為用戶提供方便友好的信息瀏覽界面。Web將位于全世界互聯(lián)網(wǎng)上不同網(wǎng)址的相關(guān)信息有機地編織在一起。在Web服務方式中，信息以頁面（或稱Web頁）的形式存儲在Web服務器中，這些頁面采用超文本的方式對信息進行組織，通過鏈接將一頁信息鏈接到另一頁信息。這些相互鏈接的頁面既可以放置在同一臺主機上，也可以放置在不同的主機上。頁面到頁面的鏈接信息由統(tǒng)一資源定位器URL(UniformResourceLocator)維持。用戶通過客戶端應用程序（即瀏覽器）向Web服務器發(fā)出請求，服務器根據(jù)客戶端的請求將保存在服務器中的某個頁面返回給客戶端，瀏覽器接收到頁面后對其進行解釋，最終將信息以圖、文、聲并茂的形式呈現(xiàn)給用戶。Web服務的特點在于高度的集成性，它能夠?qū)崿F(xiàn)不同類型的信息（如文本、圖像、聲音、動畫和視頻等）和服務（如New、FTP、Telnet、Gopher及Mail等）的無縫鏈接，特別適合于廣域網(wǎng)中信息的組織、檢索與顯示。2、Web技術(shù)綜述在信息技術(shù)領(lǐng)域中，Web技術(shù)幾乎匯集了當前信息處理的所有技術(shù)手段，以求最大限度地滿足人性化的特點。Web界面五顏六色，既有文字、彩圖、動畫、聲音、視頻和一些相關(guān)信息或目錄摘要，還可根據(jù)需要進入你想去的任何地方。只要你愿意或是你能想到的服務，Web幾乎都能實現(xiàn)。Web技術(shù)涉及諸多技術(shù)領(lǐng)域：（1）網(wǎng)絡硬件技術(shù)從兩臺或多臺機器組成的對等網(wǎng)，到主機控制的以太網(wǎng)，再到生動活潑的因特網(wǎng)，每一處都需要有特定的硬件支持。1968年，當“LOGIN”的“LO”從美國加州洛杉磯分校的電腦屏幕跳到斯坦福大學的電腦屏幕上時，標志著人類首次組網(wǎng)的成功！組網(wǎng)技術(shù)經(jīng)過幾十年的錘煉，而今已經(jīng)相當成熟了。網(wǎng)絡硬件技術(shù)包括很多方面，其主要的作用就是把網(wǎng)絡中的各種資源通過相關(guān)網(wǎng)絡連接設備連接起來，實施網(wǎng)絡通信和達到共享網(wǎng)絡資源的目的。（2）Web管理技術(shù)網(wǎng)絡管理技術(shù)是一個永久的話題。網(wǎng)絡管理的難點是安全性問題，涉及到防止來自內(nèi)部和外部的攻擊，這對管理員自身的技術(shù)是一個嚴峻的考驗。一個合格的網(wǎng)管人員，除了管好網(wǎng)絡，還得和黑客做技術(shù)上的較量。網(wǎng)絡管理涉及的方面可謂種類繁多，簡單地說，網(wǎng)絡管理就是為保證網(wǎng)絡系統(tǒng)能夠持續(xù)、穩(wěn)定、安全、可靠和高效地運行，不受外界干擾，而維持網(wǎng)絡系統(tǒng)設施所采取的一系列方式和措施。網(wǎng)絡管理由網(wǎng)管員通過駕馭網(wǎng)絡操作系統(tǒng)和網(wǎng)絡管理軟件來實現(xiàn)。Web管理則是在網(wǎng)絡管理的基礎上，針對網(wǎng)絡建設和維護所進行的一系列管理。諸如架設Web服務器、文件傳輸服務器、郵件服務器、域名服務器、代理服務器以及用戶管理和計費管理等等。1.2開發(fā)工具的介紹及選擇1、夢幻網(wǎng)頁的編織者Dreamweaver8.0Dreamweaver是創(chuàng)建和管理網(wǎng)頁的專業(yè)化可視編輯器。使用Dreamweaver可以輕松創(chuàng)建跨平臺、跨瀏覽器的頁面。Macromedia的RoundtripHTML技術(shù)允許用戶隨意導入HTML文檔而無需重新設置代碼格式。Dreamweaver可以為用戶做到：使用動態(tài)HTML功能（例如具有動態(tài)效果的層和行為）而不用寫一行代碼。它甚至還可以檢查用戶的工作成果在所有流行的平臺和瀏覽器中可能發(fā)生的錯誤。Dreamweaver還是一個可以完全自定義的應用程序。用戶可以創(chuàng)建自己的對象和命令修改菜單和快捷鍵，甚至編寫JavaScript代碼擴展Dreamweaver的行為和屬性檢查器。至于Dreamweaver工作區(qū)是非常靈活的，因此它可以適應各種不同的工作風格和使用水平。常用的Dreamweaver工作區(qū)組件有以下若干種：(1)文檔窗口可顯示當前文檔，文檔的外觀和瀏覽器中看到的非常相似。(2)裝載器中包含一些打開和關(guān)閉常用檢查器和模板的按鈕。(3)對象工具欄包含創(chuàng)建不同類型的對象（例如圖象、表格和層等）的按鈕。(4)屬性檢查器顯示選定對象的屬性。(5)快捷菜單可以使用戶對當前選擇或區(qū)域快速執(zhí)行某些命令。(6)可固定的浮動工具欄允許用戶將浮動窗口、檢查器和工具欄組合在一個或多個選擇窗口中。2、網(wǎng)頁動畫的制作軟件MacromediaFlash8.0MacromediaFlash8.0用于web站點的交互式的矢量圖形和動畫的制作，它可制作出用于瀏覽時的導航控制、制作動畫圖標、帶同步聲音的大段的動畫，創(chuàng)建出生動的富于表現(xiàn)力的網(wǎng)頁。Flash中的圖形都是矢量的，占據(jù)存儲空間較少，因而下載時間短，且能很好地適應瀏覽者不同尺寸的屏幕。Flash的交互性的大部分設置就在Action和FsCommand里，通過對Action和FsCommand的設置，你可以隨意的設置各事件發(fā)生的效果，還有對變量及函數(shù)的設置。3、JavaScriptJavaScript是一種基于對象(Object)和事件驅(qū)動(EventDriven)并具有安全性能的腳本語言。使用它的目的是與HTML超文本標記語言、Java腳本語言（Java小程序）一起實現(xiàn)在一個Web頁面中鏈接多個對象，與Web客戶交互作用。從而可以開發(fā)客戶端的應用程序等。它是通過嵌入或調(diào)入在標準的HTML語言中實現(xiàn)的。它的出現(xiàn)彌補了HTML語言的缺陷，它是Java與HTML折衷的選擇。4、影像與動畫的制作軟件—AdobePhotoshop8.0Photoshop8.0是目前最流行的圖形、圖像編輯設計軟件，在數(shù)碼影像處理、圖像編輯合成、廣告設計、封面設計、美術(shù)繪畫、網(wǎng)頁設計等領(lǐng)域都被廣泛地應用。(1)文字處理更加方便(2)增加的圖層集使圖層管理更有序。(3)新增圖像功能：圖像的剪切和剪裁更加方便。(4)將所有工具的選項板改進為工具選項欄放置在工作區(qū)頂部，方便先項參數(shù)的設置。(5)為了更方便地用路徑繪畫，改進增加了幾何形狀工具，通過選擇工具的不同工作模式，可創(chuàng)建路徑、幾何形狀或幾何填充區(qū)，使得矢量繪圖功能得到了加強。5、動態(tài)網(wǎng)站的腳本語言--ASPActiveServerPages：“動態(tài)服務器網(wǎng)頁”，一般簡稱為“ASP”，ASP之所以能受到大家的重視與使用的原因，主要在于所產(chǎn)生的執(zhí)行結(jié)果都是標準的HTML格式，而且這些程序是在網(wǎng)絡服務端中執(zhí)行，使用一般的瀏覽器（如IE或Netscape）都可以正確地獲得ASP的“執(zhí)行”結(jié)果，并且將這ASP執(zhí)行的結(jié)果直接在瀏覽器中“瀏覽”，不像VBScript或JavaScript是在客戶端（Client）的瀏覽器上執(zhí)行，若使用VBScript來設計程序，客戶端（Ｃlient）在ＩＥ瀏覽器中可以顯示程序執(zhí)行的結(jié)果，可是，客戶端（Ｃlient）若使用Netscape瀏覽器就無法顯示VBScript的執(zhí)行結(jié)果。6、ＡＳＰ的特點：（1）、任何開發(fā)工具皆可發(fā)展ＡＳＰ只要使用一般的文書編輯程序，如Windows記事本，就可以編輯。當然，其他網(wǎng)頁發(fā)展工具，例如，F(xiàn)rontPageExpress、FrontPage等也都可以；不過還是建議你用記事本來寫，既省錢又方便，若是使用那些所見即所得的網(wǎng)頁編輯來寫ＡＳＰ，可能會發(fā)生一些意想不到的離奇狀態(tài)。通過各家瀏覽由于ASP程序是在網(wǎng)絡服務器端中執(zhí)行，執(zhí)行結(jié)果所產(chǎn)生的HTML文件適用于不同的瀏覽器。（2）、語言相容性高ASP與所有的ActiveXScript語言都相容，除了可結(jié)合HTML，VBScript、JavaScriptActiveX服務器組件來設計外，并可經(jīng)由“plug-In（外掛組件模組）的方式，使用其他廠商（ThirdParty）所提供的語言。（3）、隱密安全性高如果我們在瀏覽器中直接查看網(wǎng)頁的原始代碼，就只能看到ＨＴＭＬ文件，原始的ＡＳＰ程序代碼是看不到的！這是因杰ＡＳＰ程序先于網(wǎng)站服務（ＷebServer）端執(zhí)行后，將結(jié)果轉(zhuǎn)換成標準ＨＴＭＬ文件，再傳送到客戶端（Client）的瀏覽器上，因此，我們所辛苦撰寫的ＡＳＰ程序并不會輕易地被看見進而被盜用。（4）、易于操控數(shù)據(jù)庫ＡＳＰ可以輕易地通過ＯDBC(OpenDatabaseConnectivity)驅(qū)動程序連接各種不同的數(shù)據(jù)庫，例如：Acess、Foxpro、dBase、Oracle等等，另外，ＡＳＰ亦可將“文本文件”或是”Excel”文件當成數(shù)據(jù)庫用。（5）、面向?qū)ο髮W習容易ＡＳＰ具備有面向?qū)ο螅∣bject-Oriented）功能，學習容易，ＡＳＰ提供了五種方便能力強大的內(nèi)建對象：Request、Response、Sever、Application以及Session，同時，若使用ＡＳＰ內(nèi)建的“Application”對象或”Session”對象所撰寫出來的ＡＳＰ程序可以在多個網(wǎng)頁之間暫時保存必要的信息。（6）、ASP的六大內(nèi)部對象對象名稱功能描述RequestResponseServerSessionApplicationObjectContext從客戶端取得信息將信息送給客戶端提供一些Web服務器工具儲存在一個Session內(nèi)的用戶信息，該信息僅可被該用戶訪問在一個ASP-Application中讓不同的客戶端共享信息可以用來配合MicrosoftTransaction服務器進行分布式事務處理所以我選擇了ASP結(jié)合Dreamweaver架構(gòu)個人站點。1.3關(guān)系型數(shù)據(jù)庫的選擇1、AccessMicrosoftAccess是一種桌面數(shù)據(jù)庫，只適合數(shù)據(jù)量少的應用，在處理少量數(shù)據(jù)和單機訪問的數(shù)據(jù)庫時是很好的，效率也很高。但是它的同時訪問客戶端不能多于4個。MicrosoftAccess數(shù)據(jù)庫有一定的極限，如果數(shù)據(jù)達到100M左右，很容易造成服務器iis假死，或者消耗掉服務器的內(nèi)存導致服務器崩潰。2、SQLServerMicrosoftSQLServer是基于服務器端的中型的數(shù)據(jù)庫，可以適合大容量數(shù)據(jù)的應用，在功能上管理上也要比MicrosoftAccess要強得多。在處理海量數(shù)據(jù)的效率，后臺開發(fā)的靈活性，可擴展性等方面強大。因為現(xiàn)在數(shù)據(jù)庫都使用標準的SQL語言對數(shù)據(jù)庫進行管理，所以如果是標準SQL語言，兩者基本上都可以通用的。MicrosoftSQLServer還有更多的擴展，可以用存儲過程，數(shù)據(jù)庫大小無極限限制。本站屬于個人站點采用Access數(shù)據(jù)庫就行了。第2章個人網(wǎng)站設計分析2.1相關(guān)術(shù)語及解釋1、InternetInternet(英特網(wǎng))誕生于上世紀60年代，發(fā)展非常慢，到90年代才開始迅速發(fā)展?，F(xiàn)在英特網(wǎng)已經(jīng)是世界上最大的網(wǎng)絡的，聯(lián)在英特網(wǎng)上的電腦有數(shù)億臺。上面的資料、信息數(shù)不勝數(shù)，所以有人把英特網(wǎng)叫成是信息的海洋、知識的海洋。2、站點所謂站點，就是將網(wǎng)頁文件和素材文件，有條理地放置站點文件夾里，這些文件與文件夾就構(gòu)成了網(wǎng)站的實質(zhì)內(nèi)容。站點文件夾里除了網(wǎng)頁文件還有素材文件，所謂素材就是網(wǎng)頁中所用到的圖像、聲音、視頻等，這些內(nèi)容是以單獨文件的形式存在。3、超鏈接我們在瀏覽網(wǎng)頁時，當鼠標指針指向某段文本或是某個圖像，鼠標指針變成小手狀，單擊鼠標可以打開其他的網(wǎng)頁或是跳轉(zhuǎn)到其他的網(wǎng)站，這就是超鏈接。采用超鏈接技術(shù)可以將不同的網(wǎng)站、網(wǎng)站中的不同網(wǎng)頁、網(wǎng)頁中的不同位置彼此串在一起，實現(xiàn)相互間的跳轉(zhuǎn)，方便信息的瀏覽和查找。人們通過超鏈接可以很方便很迅速地訪問分布于全球計算機上的海量資源，實現(xiàn)在互聯(lián)網(wǎng)中的漫游。超鏈接能使Web服務存在廣泛和持久的生命力，超鏈接可以說是Web的靈魂。4、URLURL（UniformResourceLocator的縮寫），統(tǒng)一資源定位器?；ヂ?lián)網(wǎng)中某種信息資源以某種方式存儲在網(wǎng)絡中的某處，必須用一個惟一的URL來進行標識，這樣才能方便查找。對于Web來說，可以簡單并通俗把URL理解為網(wǎng)址。每個Web網(wǎng)頁都有自己的網(wǎng)址，在瀏覽器地址欄里輸入網(wǎng)頁的URL，就可以訪問這個網(wǎng)頁。例如，/index.html，其意思就是采用http超文本傳輸協(xié)議訪問新浪網(wǎng)的首頁，由于網(wǎng)頁均是通過http超文本傳輸協(xié)議進行訪問，默認下，“http://”可以省略不輸。5、IP地址為了使互聯(lián)網(wǎng)上的電腦主機在通信時能夠相互識別，每臺主機都分配一個能表示其位置的IP（InternetProtocol）地址，這如同公用電話網(wǎng)中電話的號碼一樣。IP地址是由專門的互聯(lián)網(wǎng)機構(gòu)來分配。IP地址具有惟一性，是由32位二進制數(shù)組成，分為四組，每組8位，每組之間用小數(shù)點分隔，在實際之中常轉(zhuǎn)換成十進制數(shù)表示。2.2個人網(wǎng)站的由來和發(fā)展互聯(lián)網(wǎng)在中國的出現(xiàn)只有短短七年時間，1994年中國科學院高能物理研究所設立了國內(nèi)第一個Web服務器，推出一個叫做“中國之窗”的網(wǎng)頁，這可能是國內(nèi)Internet上出現(xiàn)的第一個Web網(wǎng)頁，1995年開始，中國教育科研網(wǎng)，中國科技網(wǎng)，中國公用計算機互聯(lián)網(wǎng)以及中國金橋網(wǎng)這構(gòu)成中國數(shù)字神經(jīng)系統(tǒng)的四大互聯(lián)網(wǎng)絡相繼建成，使互聯(lián)網(wǎng)在中國開始真正進入社會生活之中。這時期，個人網(wǎng)站出現(xiàn)的條件還很不成熟，國內(nèi)上網(wǎng)的人數(shù)很少，也缺乏支持個人建站的環(huán)境，用戶很難找到理想的個人主頁存放地。個人網(wǎng)站發(fā)展的第二階段是從1997年初到1998年，這段時間，中國網(wǎng)民數(shù)量飛速增長，個人網(wǎng)站日漸繁榮，個人主頁的數(shù)量急劇增加。同時，越來越多的商業(yè)網(wǎng)站開始免費提供個人主頁空間，這些良好的外部極大地促進了個人網(wǎng)站的發(fā)展，涌現(xiàn)了一批很著名的個人網(wǎng)頁，從1998年下半年開始，隨著互聯(lián)網(wǎng)應用的深入的普及，隨著眾多主頁制作工具的出現(xiàn)，使得建站成為一件非常容易的事，創(chuàng)建一個能充分體現(xiàn)自我風格和特色的個人網(wǎng)站已經(jīng)成為互聯(lián)網(wǎng)用戶的新追求。2.3我的個人網(wǎng)站的設計與規(guī)劃1、明確架設網(wǎng)站的目的及客戶要求通常情況下，架設個人網(wǎng)站主要是為了通過互聯(lián)網(wǎng)表達個人在商業(yè)、科技、交際、生活等方面的信息需求或者進行信息的交流，具有較強的目的性，我的個人網(wǎng)站一般體現(xiàn)在：為了展示自己的風采，讓大家和我一起分享我的心得與經(jīng)驗，讓和我有共同愛好的朋友有一個傾訴的地方。2、我的個人網(wǎng)站概貌因為是個人網(wǎng)站，所以只是選擇了自己擅長和喜愛的內(nèi)容，在突出自己的風格和特點的同時，還應用了現(xiàn)在流行的網(wǎng)站設計技術(shù)和數(shù)據(jù)庫技術(shù)。因此將網(wǎng)站設計分為前臺頁面展示平臺和后臺在線管理平臺。3、功能劃分網(wǎng)站設計有新聞更新，瀏覽者可以在首頁瀏覽自己喜歡的新聞，并且可以在留言板和大家交流，在后臺管理頁面中，通過身份認證，管理員——我，可以對網(wǎng)站信息進行管理。站內(nèi)的其它頁面均是我自己的精心收藏，與大家一起分享。4、功能描述(1)新聞嵌入百度新聞每日更新代碼，使用在本站首頁顯示今日國內(nèi)國際新聞和體育新聞，供瀏覽者瀏覽。(2)留言板是一個我與大家談心交流的地方，在留言板中，我們可以暢所欲言，和大家進行交流。就我們感興趣的話題展開討論。和大家進行溝通。(3)后臺管理頁面是我管理和添加到新內(nèi)容的地方，為了方便實現(xiàn)信息的經(jīng)常更新，我設計了這個管理頁面，經(jīng)過身份認證后我可以進入網(wǎng)站對其中的信息進行管理。(4)日記在其中展示我喜愛的東西，包括我的日記、精品文章、社會文化和一些雜七雜八的文章。奇文共欣賞，疑義相與析。我只想起到拋磚引玉的作用，讓大家從中認識我和了解我，讓一些美好的東西我們大家共同來欣賞。(5)相冊在其中展示漂亮的圖片，包括我的照片、我的同學、風景照片、妹眉帥哥欄目。讓大家一起來欣賞人物、風景風采。(6)音樂在其中展示個人喜歡的歌曲，朋友們可以在里面點播自己喜歡的歌。(7)頁面組織和數(shù)據(jù)庫設計在明確了我的個人網(wǎng)站的風格和定位后，就是網(wǎng)站的材料組織以及網(wǎng)站的頁面設計和數(shù)據(jù)庫設計。建立一個網(wǎng)站好比寫一篇文章，首先要擬好提綱，文章才能主題明確，層次清晰。如果網(wǎng)站結(jié)構(gòu)不清晰，目錄龐雜，內(nèi)容東一塊西一塊。結(jié)果不但瀏覽者看得糊涂，自己擴充和維護網(wǎng)站也相當困難。網(wǎng)站的題材確定后，并且收集和組織了許多相關(guān)的資料內(nèi)容，但如何組織內(nèi)容才能吸引網(wǎng)友們來瀏覽網(wǎng)站呢？欄目的實質(zhì)是一個網(wǎng)站的大綱索引，索引應該將網(wǎng)站的主體明確顯示出來。因此我將自己的個人網(wǎng)站分為五個欄目，分別是關(guān)于我、相冊、日記、音樂、留言。第3章詳細設計3.1數(shù)據(jù)庫的設計1、數(shù)據(jù)庫搭建使用Access2000實現(xiàn)關(guān)系型數(shù)據(jù)庫（1）用戶密碼登記表Admin存儲了系統(tǒng)用戶和普通用戶的信息，包括：姓名，口令，驗證碼，名稱。（2）留言基本檔案表Book存儲了用戶的檔案包括：ID,留言者名字、留言者QQ、留言者E-mail,留言內(nèi)容，留言者主頁，留言時間，回復留言，留言頭像，留言表情，留言者IP，留言者地址，留言主題,其中ID為該表的主關(guān)鍵字。（3）歌曲基本信息表HN_down（4）音樂分類表HN_downcla（5）日記基本信息表HN_news（6）日記分類表HN_newscla（7）圖片基本信息表HN_pro（8）相冊分類表HN_procl（9）網(wǎng)站基本信息表WebBasicInfo以上數(shù)據(jù)表為Access類型的庫文件，將它定名為：“data.mdb”。2、連接數(shù)據(jù)庫在上面，我們已經(jīng)為我們的程序創(chuàng)建了一個數(shù)據(jù)庫，在這里，我們來用ASP把程序和數(shù)據(jù)庫連接起來，以后就可以連接到數(shù)據(jù)庫、在ASP中顯示數(shù)據(jù)庫中的數(shù)據(jù)以及更復雜的插入、修改和刪除。一起看以下代碼，這就是ASP程序中常用的連接數(shù)據(jù)庫的代碼：<%'這是ASP程序的起始setconn=server.createobject("adodb.connection")'在服務器上創(chuàng)建了一個連接數(shù)據(jù)庫的對象connstr="Provider=Microsoft.jet.oledb.4.0;datasource="&server.mappath("data.mdb")'告訴ASP數(shù)據(jù)庫的連接方法以及路徑conn.openconnstr'創(chuàng)建了對象后就用來打開數(shù)據(jù)庫進行連接%>'一切OK了!結(jié)束ASP程序3.2頁面設計1、界面設計（1）相冊是一個個人相片和精彩圖片展示的地方，在相冊中，我們可以了解到站長的個人風采和自己喜歡的圖片。a、功能利用ASP對象語句顯示圖片，讓大家可以看見所有圖片的縮略圖，同時每個圖片都有快照功能，可以瀏覽圖片的全圖。b、組成構(gòu)造相冊結(jié)果顯示頁面photo.asp：用來顯示所有圖片，同時還具備圖片的分類功能和圖片單個瀏覽功能。站長基本信息顯示頁面include.asp：數(shù)據(jù)庫連接頁面conn.aspc、相冊頁面瀏覽效果圖d、圖片效果瀏覽圖(2)日記是一個記錄個人日記和精品收藏文章的地方，供給大家一起分享。a、功能利用ASP對象語句分類顯示日記或文章記錄，讓大家瀏覽到最新的日記或文章b、組成結(jié)構(gòu)日記或文章顯示頁面diary.asp：顯示所有日記或文章，同時還具備顯示不同子類日記或文章站長基本信息顯示頁面include.asp數(shù)據(jù)庫連接頁面conn.aspc、日記頁面瀏覽效果圖(3)、音樂是一個音樂收藏和音樂欣賞的地方。a、功能利用ASP對象語句來顯示歌曲曲目、演唱人和在線播放功能。b、組成結(jié)構(gòu)歌曲顯示播放頁面media.asp：完成曲目的顯示和播放功能的頁面。站長基本信息顯示頁面include.asp數(shù)據(jù)庫連接頁面conn.aspc、音樂頁面瀏覽效果圖(4)、留言本是一個我與大家談心交流的地方，在留言板中，我們可以暢所欲言，和大家進行交流。就我們感興趣的話題展開討論。和大家進行溝通。a、功能利用SQL語法過濾特定的用戶留言意見，讓站長可以針對某位特定用戶所發(fā)表的意見作出獨立的回答，同時，用戶在發(fā)表個人意見時，若認為意見內(nèi)容涉及敏感的話題或是意見內(nèi)容涉及私人隱私，都可用“悄悄話”的方式發(fā)言，這些“悄悄話”將不會被顯示出來讓大家看到，當然，站長擁有管理的能力，只要以密碼登錄管理模式，就可以進行各個用戶的單獨意見回復，而且還能看到用戶所留下的“悄悄話b、組成構(gòu)造意見留言結(jié)果網(wǎng)頁gbook.asp：用來顯示用戶發(fā)言與站長回復內(nèi)容，同時還具備查看留言和發(fā)表留言兩個功能。站長基本信息顯示頁面include.asp數(shù)據(jù)庫連接頁面conn.aspc、留言頁面瀏覽效果圖d、發(fā)表留言瀏覽效果圖3.3關(guān)鍵代碼設計1、分頁功能模塊代碼<!--分頁功能代碼塊,可獨立使用--><%ifnotrs.eofthenrs.MoveFirst'注意放到前面來,否則到任何頁總是在第一個記錄上endifrs.pagesize=MaxPerPage'設置每頁最多顯示多少條記錄Iftrim(Request("Page"))<>""then'如果請求的頁次不為空CurrentPage=CLng(request("Page"))'clng是轉(zhuǎn)換成長整型數(shù)據(jù)類型,并賦值到當前頁次上IfCurrentPage>rs.PageCountthen'如果當前頁次大于總頁數(shù),則將最大頁次賦值到當前頁次上CurrentPage=rs.PageCountEndIfElseCurrentPage=1'一切條件不成立,將當前頁設為第一頁EndIftotalPut=rs.recordcount'將總記錄賦值于TOTALPUTifCurrentPage<>1then'如果當前頁數(shù)不等于第一頁if(current1)*MaxPerPage<totalPutthen'如果當前頁減一乘以每頁最大的記錄數(shù)小于總記錄的話rs.move(current1)*MaxPerPage'相對當前記錄數(shù)向后移動dimbookmark'定義書簽變量bookmark=rs.bookmark'將當前記錄的標簽賦于變量BOOKMARK上endifendifdimn,kif(totalPutmodMaxPerPage)=0then'總記錄數(shù)與每頁最大記錄數(shù)求余的結(jié)果為零時,則N返回整數(shù)頁次,否則再加一.n=totalPut\MaxPerPageelsen=totalPut\MaxPerPage+1endif%>2、圖片顯示功能模塊代碼<tableborder="0"cellspacing="0"cellpadding="0"><%cid=request("id")ifcid=""thensql="select*fromHN_proorderbyiddesc"elsesql="select*fromHN_prowherecstr(class)='"&cid&"'orderbyiddesc"endifelsersnews.AbsolutePage=ToPageintCurPage=ToPageendifelsersnews.AbsolutePage=1intCurPage=1endifintCurPage=CInt(intCurPage)k=1dowhileNotrsnews.eofandk<6%><tr><%forn=1to6%><td><tablewidth="69"height="68"border="0"cellpadding="0"cellspacing="0"align="center"><tr><td><ahref="<%=rsnews("come")%>"rel="lightbox[plants]"><imgsrc="<%=rsnews("come")%>"width="49"height="49"border="0"></a></td></tr></table></td><%rsnews.MoveNextifrsnews.eofthenexitforifrsnews.eofthenexitdonext%></tr><%k=k+1Loop%></table>日記、音樂顯示模塊代碼段相似。3、發(fā)表留言提交內(nèi)容判斷模塊代碼<%ifrequest("action")=""thenresponse.redirect"gbook.asp?action=show"ifrequest("action")="post"thendimbooknamedimbookwheredimbookpicbookname=request("name")bookwhere=request("where")bookpic=request("pic")bookface=request("face")bookip=request.ServerVariables("REMOTE_ADDR")ifbookname=""thenResponse.Write"<SCRIPTLANGUAGE='JavaScript'>"Response.Write"alert('留言昵稱不能為空！');"Response.Write"history.go(-1);"Response.Write"</SCRIPT>"Response.End%>3.4網(wǎng)站管理系統(tǒng)1、完成站長對網(wǎng)站信息管理及更新的系統(tǒng)，包括以下幾部分：（1）管理登陸頁面Index.asp（2）相冊管理頁面Admin_pro.asp（3）日記管理頁面Admin_new.asp（4）音樂管理頁面Admin_down.asp（5）留言管理頁面GuestBook.asp2、管理登陸管理系統(tǒng)的登陸頁面，主要用于管理登陸和判斷用戶是否已注冊。（1）其中判斷是否是非法登陸的代碼為：<%admin_pass=md5(admin_pass)setrs=server.createobject("adodb.recordset")sql="select*fromadminwhereadmin_name='"&admin_name&"'andadmin_pass='"&admin_pass&"'"rs.opensql,conn,1,3ifrs.eofthenresponse.write"<SCRIPTlanguage=JavaScript>alert('用戶或密碼錯誤！非管理員勿入！');"response.write"location.href='index.asp'</SCRIPT>"elsesession("admin_name")=request("admin_name")session("loc")=1response.redirect"admin.asp"endifrs.close%>（2）其中驗證碼驗證代碼：<%dimverifycode,verifycode2ifverifycode<>verifycode2thenresponse.write"<SCRIPTlanguage=JavaScript>alert('您輸入的驗證碼不正確！');"response.write"location.href='index.asp'</SCRIPT>"founderr=trueelsesession("verifycode")=""%>3、主要功能程序段（1）打開數(shù)據(jù)庫<%setconn=Server.CreateObject("ADODB.Connection")conn.open"YourDSNName","username","password"%>（2）數(shù)據(jù)庫查詢操作大類查訊setrs=server.CreateObject(adodb.recordset)小類查詢dimrs2setrs2=server.CreateObject(adodb.recordset)rs2.openselectnclass,nclassidfromnclasswhereanclassid=&rs(anclassid)&orderbynclassidorder,conn,1,1dowhilenotrs2.eofresponse.writeAhref=class.aspaid=&rs(anclassid)&&nid=&rs2(nclassid)&&trim(rs2(nclass))&Ars2.movenextloop（3）添加記錄操作setrs=server.CreateObject(adodb.recordset)可寫方式rs.openselectbookid,username,zhuangtai,zongerfromactions,conn,1,3rs.addnew添加一條新記錄rs(bookid)=bookid添加相應的記錄rs(username)=username…………rs(zhuangtai)=6rs(zonger)=0rs.update更新數(shù)據(jù)庫（4）刪除記錄操作從表actions中刪除actionid匹配的記錄conn.executedeletefromactionswhereactionid=&request.QueryString(actionid)第4章編碼、測試與維護4.1測試與維護1、IIS(Internet信息服務)安裝配置可以在"添加或刪除程序>>添加/刪除Windows組件"對話框中把"Internet信息服務(IIS)"前的勾選中，點"下一步"進行安裝就行了(注：在這之前應把系統(tǒng)安裝盤放到光驅(qū))。IIS裝好之后再作一下簡單的配置。定位到"開始>>管理工具>>Internet信息服務(IIS)管理器"，打開IIS管理器。在"本地計算機>>網(wǎng)站>>默認網(wǎng)站"上右鍵單擊，在快捷菜單里選"屬性"(或者直接在操作菜單下選"屬性")，彈出如下對話框切換到"主目錄"標簽(圖2)，重新選擇網(wǎng)站根目錄(我選擇的是E盤下的myweb目錄)，默認是"系統(tǒng)盤:\Inetpub\wwwroot",因為系統(tǒng)盤不宜放太多的非系統(tǒng)文件，所以在這里重設默認網(wǎng)站要目錄，如果嫌麻煩可以跳過這步。再切換到"文檔"標簽，通過"添加"、"刪除"、"上移"、"下移"，把站點的默認文檔設置可能有些朋友會疑惑，設置默認內(nèi)容文檔有什么作用？細心的朋友應該會發(fā)現(xiàn)，在瀏覽一些大網(wǎng)站的首頁時用它的一級域名就行了，并不需要指定請求頁的文件名，這就是設置了默認內(nèi)容文檔的緣故，它的作用就是在瀏覽器請求沒有指定文檔的名稱時，將默認文檔提供給瀏覽器。要得到更詳盡的解釋說明，可以點擊圖3中的“幫助”。之所以有這步，是因為網(wǎng)站的默認內(nèi)容頁中沒有index.asp，不大符合國人習慣。2、Dreamweaver測試站點和用IIS測試本地站點DreamweaverMX提供了全面檢測站點的功能，它比檢測鏈接更全面。全面地檢測內(nèi)部、外部鏈接、去除錯標簽、空標簽、多余的標簽等，它的使用相當簡單，使用全面檢測站點功能如下：（1）、選擇菜單中【站點】的【報告】命令，打開一個窗口。（2）、選擇檢測范圍，在【報告】選項中有四個內(nèi)容供選擇：CurrentDocument、En