網(wǎng)頁設(shè)計畢業(yè)論文

課程論文（-第2學(xué)期）課程名稱：網(wǎng)站設(shè)計與網(wǎng)頁制作任課老師：崔松健姓名：xxx班級：15電子商務(wù)1班學(xué)號：33315133網(wǎng)頁制作和網(wǎng)站設(shè)計——以著名球星里奧·梅西網(wǎng)站為例摘要在信息技術(shù)飛速發(fā)展的今天，人們獲取信息的方式更多是來源于互聯(lián)網(wǎng)。而吸引瀏覽顧客的則是視覺效果杰出、信息量豐富、使用起來便捷的網(wǎng)頁，因此網(wǎng)頁設(shè)計尤為重要。互聯(lián)網(wǎng)成為人們迅速獲取、公布和傳遞信息的重要渠道，它在人們政治、經(jīng)濟、生活等各個方面發(fā)揮著重要的作用。網(wǎng)頁設(shè)計伴伴隨網(wǎng)絡(luò)的迅速發(fā)展而迅速興起，作為上網(wǎng)的重要依托，由于人們使用網(wǎng)絡(luò)的頻繁而變得非常的重要。網(wǎng)頁講究的是排版布局，其功能重要就是提供一種形式給每個上網(wǎng)者，讓他們可以理解網(wǎng)站提供的信息。伴隨計算機技術(shù)的迅速發(fā)展和計算機網(wǎng)絡(luò)的普及，制作網(wǎng)頁已經(jīng)不再是遙不可及的夢想。不僅商業(yè)企業(yè)、各企事業(yè)單位紛紛建立網(wǎng)站，運用網(wǎng)絡(luò)來宣傳自己，越來越多的個人也但愿在廣闊的網(wǎng)絡(luò)世界里擁有自己的一片天地。同步，高校也將網(wǎng)頁制作這一門學(xué)科當(dāng)作基礎(chǔ)性課程放置在教學(xué)計中。由此可見，網(wǎng)頁制作知識越越來越重要，越來越普及。本網(wǎng)站設(shè)計的宗意在于通過對搜集到的著名球星里奧梅西的多種信息與資料多方面，多角度的展現(xiàn)，使廣大球迷可以愈加全面完整地理解梅西。我們還會不定期實時更新數(shù)據(jù)信息，保證廣大球迷都可以接受到最新資訊。關(guān)鍵詞:；ASP；網(wǎng)頁制作；網(wǎng)站設(shè)計；里奧·梅西目錄摘要………………(1)第一章.緒論………(4)1.1網(wǎng)頁制作的背景和意義…………………(4)1.2有關(guān)術(shù)語的論述……………(5)第二章.網(wǎng)頁開發(fā)環(huán)境及數(shù)據(jù)庫概述……………(6)2.1網(wǎng)頁環(huán)境的開發(fā)…………(6)2.2ASP和ADO簡介……………(6)2.2.1ASP產(chǎn)生的歷史環(huán)境……(6)2.2.2ADO對象…………………(9)2.3網(wǎng)頁圖像設(shè)計工具——photoshop……(10)2.4網(wǎng)頁頁面設(shè)計工具——Dreamweave………(11)第三章.網(wǎng)頁需求分析……………(12)3.1可行性分析…………………(12)3.1.1.網(wǎng)頁的界面設(shè)計…………(12)3.2網(wǎng)站需求分析…………………(12)3.2.1.網(wǎng)站主題確立與建站目的………………(13)3.2.2.網(wǎng)站實現(xiàn)功能……………(13)第四章.網(wǎng)站的總體規(guī)劃…………(13)4.1制作網(wǎng)頁的一般環(huán)節(jié)………(13)4.2網(wǎng)頁包括的元素……………(14)4.3網(wǎng)頁層次構(gòu)造………………(16)4.4目錄的層次構(gòu)造……………(16)4.5網(wǎng)頁設(shè)計的有關(guān)環(huán)節(jié)………(17)4.6網(wǎng)頁制作的效果展示………(19)第五章．需要處理的幾種關(guān)鍵問題……(27)5.1數(shù)據(jù)庫技術(shù)…………………(27)5.2數(shù)據(jù)庫連接技術(shù)……………(27)5.3數(shù)據(jù)庫寫入技術(shù)…………(28)5.4數(shù)據(jù)庫讀取技術(shù)…………(29)5.5記錄集合的錄入……………(30)第六章網(wǎng)頁測試……………………(30)6.1測試網(wǎng)站……………………(31)6.2測試公布及網(wǎng)站維護………(31)結(jié)論……………………(33)致謝……………………(34)參考文獻………………(35)

緒論1.1網(wǎng)頁制作的背景和意義我們讀書就是為了獲得知識，目前我們學(xué)習(xí)了ASP動態(tài)網(wǎng)頁設(shè)計，當(dāng)然就是要能做一種精美的網(wǎng)頁。在本次畢業(yè)設(shè)計中，我們要能愈加的理解Dreameaver強大的功能和更好的使用它。通過本次設(shè)計我們還要可以懂得靜態(tài)網(wǎng)頁和動態(tài)網(wǎng)也的區(qū)別。誠然，次此設(shè)計的個人網(wǎng)頁，首先是為了完畢畢業(yè)作業(yè)，但更重要的是把我們所學(xué)到的東西用在詳細的實踐之中，因此，這次設(shè)計的目的也是要我們更好的掌握和使用好ASP的關(guān)鍵工具和技術(shù)，以便提高對網(wǎng)頁知識的更深層理解。第三點也是最要的一點是，把我們在書本上學(xué)到的知識充足運用到本次設(shè)計之中。使我們的在書上學(xué)到的東西不僅僅停留在表面上，把這些東西都用在所要做的網(wǎng)頁上面。以到達老師規(guī)定的效果和學(xué)以致用。Internet是目前世界上最大的計算機互聯(lián)網(wǎng)絡(luò)，它遍及全球，將世界各地多種規(guī)模的網(wǎng)絡(luò)連接成一種整體。作為Internet上一種先進的，易于被人們所接受的信息檢索手段，WorldWideWeb(簡稱WWW)發(fā)展十分迅速，成為目前世界上最大的信息資源寶庫。據(jù)估計，目前Internet上已經(jīng)有上百萬個Web站點，其內(nèi)容范圍跨越了教育科研、文化事業(yè)、金融、商業(yè)、新聞出版、娛樂、體育等各個領(lǐng)域，其顧客群十分龐大，因此，建設(shè)一種好的Web站點對于一種機構(gòu)的發(fā)展十分重要。近年來，伴隨網(wǎng)絡(luò)顧客規(guī)定的不停提高及計算機科學(xué)的迅速發(fā)展，尤其是數(shù)據(jù)庫技術(shù)在Internet中的廣泛應(yīng)用，Web站點向顧客提供的服務(wù)將越來越豐富，越來越人性化。我們發(fā)現(xiàn)這樣一種事實，一種顧客在訪問一種網(wǎng)站時一般來講只對該網(wǎng)站的部分內(nèi)容感性趣，并且這種愛好會持續(xù)一段時間。這點啟發(fā)了我們，假如能根據(jù)顧客的喜好為不一樣的顧客顯示其個性化的頁面，即著重顯示該顧客感愛好的內(nèi)容，將為顧客節(jié)省大量的檢索時間，并且這樣的網(wǎng)頁顯然是更具有吸引力的。某些站點已經(jīng)在這方面作出了一定的嘗試，一般采用的措施是，在顧客登陸時為其提供一系列的選項，使顧客可以對站點進行某些自主的設(shè)置。這樣做可以使站點展現(xiàn)一定程度的個性化，不過對顧客來講，還是比較啰嗦，并且在顧客理解一種站點前讓其對站點進行設(shè)置，其成果未免有些粗糙。于是我們設(shè)想了這樣一種方案，對顧客登陸后的動作進行跟蹤，分析，發(fā)掘顧客點擊的規(guī)律，即顧客先后點擊的關(guān)聯(lián)規(guī)則，這樣，在顧客點擊一種主題（鏈接）之后，系統(tǒng)可以自動生成一頁面，其中包括了該主題下顧客常常關(guān)注的內(nèi)容（若干鏈接），這樣便在不必顧客作出任何額外工作的狀況下實現(xiàn)了為顧客量身訂做的個性化頁面。本文重要完畢Web服務(wù)器端的設(shè)計實現(xiàn)管理個人資料、照片上傳、網(wǎng)文撰寫、客戶留言、日志以及后臺管理等ASP頁面及整個試驗網(wǎng)站的組織建立和測試工作。我通過中國書畫網(wǎng)站展示出中華文化的博大精深。不一樣的人，其網(wǎng)站上的展示方式或手法各有不一樣，千變?nèi)f化。在網(wǎng)站籌劃中，怎樣把把中華文化通過網(wǎng)站展示出來，是我設(shè)計的重要內(nèi)容。1.2有關(guān)術(shù)語的論述WWW是“WorldWideWeb"的縮寫；HTML的意思則是“HypertextMarkupLanguage”,中文翻譯為“超文本標識語言”?！俺谋尽本褪侵疙撁鎯?nèi)可以包括圖片、鏈接、甚至音樂，程序等非文字的元素。URLs是UniformResourceLocator的縮寫，統(tǒng)稱為統(tǒng)一資源定位器?？梢园阉胂蟪晌墨I名的網(wǎng)絡(luò)擴展。我們不僅可以通過多種不一樣的措施指出在網(wǎng)絡(luò)的上哪一臺機器的目錄下的文獻。這個文獻可以通過多種不一樣的措施得到。在URL中還指定了訪問這一種文獻的協(xié)議。在實際應(yīng)用中，URL常常稱為“網(wǎng)址”或URL地址。TCP/IP協(xié)議（TransmissionControlProtocol/InternetProtocol傳播控制協(xié)議/因特網(wǎng)協(xié)議）所謂協(xié)議，其實應(yīng)當(dāng)叫他網(wǎng)絡(luò)協(xié)議，它是計算機與計算機之間，進行信息傳播的語言，只有兩臺計算機具有相似的協(xié)議方能進行信息傳播，常見協(xié)議有IPX協(xié)議、TCP/IP協(xié)議等。IPX現(xiàn)廣泛應(yīng)用于局域網(wǎng)中，大多數(shù)局域網(wǎng)游戲都使用IPX協(xié)議。TCP/IP協(xié)議可以說它是你接入因特網(wǎng)的必備條件，由于它是因特網(wǎng)上的通用協(xié)議。FTP協(xié)議(FileTransterProtocol)也就是文獻傳播協(xié)議。我們懂得，在服務(wù)器中一般均有大量的共享軟件和免費資源，要想從服務(wù)器中把文獻傳送到當(dāng)?shù)氐挠嬎銠C（術(shù)語稱“客戶機”）上或者把自己機器上的資源傳送到服務(wù)器上，就必須在兩臺機器中進行文獻傳送，那么雙方就必須要共同遵守一定的規(guī)則，F(xiàn)TP就是用來在客戶機和服務(wù)器之間進行文獻傳播以實現(xiàn)文獻共享的協(xié)議。FTP只是一種協(xié)議，必須要有對應(yīng)的專用軟件來執(zhí)行它，一般稱為FTP軟件。通過FTP軟件可連接到FTP服務(wù)器上，執(zhí)行上載和下載文獻的任務(wù)。常用的FTP軟件有LeapFTP、CuteFTP、WS_FTP、FTPX等，這些軟件的原理基本相似，只是顧客界面和功能略有差異。．網(wǎng)頁開發(fā)環(huán)境及數(shù)據(jù)庫概述2.1網(wǎng)頁運行環(huán)境的開發(fā)本系統(tǒng)必須被運行在IIS(InternetInformationServer)下。使用MicorsoftInternetInformationServer(IIS)，運行WindowsNTServer的計算機便成為大容量、功能強大的Web服務(wù)器，它可以將信息公布給辦公大樓或整個世界的顧客。對于在基于WindowsNT的計算機上聯(lián)網(wǎng)，InternetInformationServer是很理想的，由于它可以在現(xiàn)存硬件上設(shè)置功能強大的Web服務(wù)器。InternetInformationServer集成在WindowsNTServer操作系統(tǒng)中，并運用了其安全特性和性能優(yōu)勢。2.2ASP和ADO簡介2.2.1ASP產(chǎn)生的歷史環(huán)境從本節(jié)開始，將進入本書的重點內(nèi)容使用ASP（activeseverpages）技術(shù)設(shè)計最流行的遠程教育平臺。在目前飛速發(fā)展的IT行業(yè)中，網(wǎng)站一旦建立起來，就一如既往的保持"靜態(tài)"，不加更改？假如是這樣，就無形中一落后時代的步伐。所謂靜態(tài)指的是網(wǎng)站的頁面內(nèi)容固定不變，當(dāng)顧客瀏覽器通過互聯(lián)網(wǎng)的HTTP協(xié)議向Web服務(wù)器祈求提供頁面內(nèi)容時，服務(wù)器僅僅是將本來已經(jīng)設(shè)計好的靜態(tài)HTML代碼，最多加上流行的GIF89A格式的動態(tài)圖片。若網(wǎng)站維護者要更新網(wǎng)頁的內(nèi)容，就必須手動的來更新起因此的HTML文檔。這種網(wǎng)長的致命弱點就是不輕易維護，為了不停更新網(wǎng)頁的內(nèi)容，就必須不停的反復(fù)HTML文檔，伴隨網(wǎng)站內(nèi)容和信息量的日益擴增，使得工作量大得出人想象。ASP正是處理這個尷尬局面出現(xiàn)了。因此ASP迅速的得到了無數(shù)網(wǎng)絡(luò)開發(fā)者的垂青。(1)．什么是ASPASP的全稱是ActiveSeverPages,目前沒有正式的中文名，可以理解為動態(tài)服務(wù)器頁面技術(shù)。ASP是目前最流行的開發(fā)動態(tài)網(wǎng)站的程序開發(fā)之一，它的特點是將腳本，超文本和強大的數(shù)據(jù)訪問功能結(jié)合在一起，并提供了眾多的服務(wù)器組件來擴張功能，可以很以便的創(chuàng)立分布式和基于Web的商業(yè)話應(yīng)用程序。假如要更簡樸的描述ASP，可以說ASP就是運行在Web服務(wù)器上的動態(tài)網(wǎng)頁。ASP程序文獻也是一種原則的網(wǎng)頁，一般HTML標識和ASP腳本代碼混雜在一起構(gòu)成。ASP網(wǎng)頁程序必須想竟Web服務(wù)器的ASP解釋器解釋執(zhí)行，產(chǎn)生HEML代碼后才傳送給顧客的瀏覽器執(zhí)行顯示。(2).ＡＳＰ的特點為：1、任何開發(fā)工具皆可發(fā)展ＡＳＰ只要使用一般的文書編輯程序，如Windows記事本，就可以編輯。當(dāng)然，其他網(wǎng)頁發(fā)展工具，例如，F(xiàn)rontPageExpress、ＦFrontPage等也都可以；不過還是提議你用記事本來寫，既省錢又以便，若是使用那些所見即所得的網(wǎng)頁編輯來寫ＡＳＰ，也許會發(fā)生某些意想不到的離奇狀態(tài)。通吃各家瀏覽由于ASP程序是在網(wǎng)絡(luò)服務(wù)器端中執(zhí)行，執(zhí)行成果所產(chǎn)生的HTML文獻合用于不一樣的瀏覽器。2、語言相容性高ASP與所有的ActiveXScript語言都相容，除了可結(jié)合HTML，VBScript、JavaScript、ActiveX服務(wù)器組件來設(shè)計外，并可經(jīng)由“plug-In（外掛組件模組）的方式，使用其他廠商（ThirdParty）所提供的語言。3、隱密安全性高假如我們在瀏覽器中直接查看網(wǎng)頁的原始代碼，就只能看到ＨＴＭＬ文獻，原始的ＡＳＰ程序代碼是看不到的！這是應(yīng)屆ＡＳＰ程序先于網(wǎng)站服務(wù)（ＷebServer）端執(zhí)行后，將成果轉(zhuǎn)換成原則ＨＴＭＬ文獻，再傳送到客戶端（Client）的瀏覽器上，因此，我們所辛勞撰寫的ＡＳＰ程序并不會輕易地被看見進而被盜用。4、易于操控數(shù)據(jù)庫ＡＳＰ可以輕易地通過ＯDBC(OpenDatabaseConnectivity)驅(qū)動程序連接多種不一樣的數(shù)據(jù)庫，例如：Access、FoxPro、dBase、Oracle等等，此外，ＡＳＰ亦可將“文本文獻”或是”Excel”文獻當(dāng)成數(shù)據(jù)庫用。5、面向?qū)ο髮W(xué)習(xí)輕易ＡＳＰ具有有面向?qū)ο螅ǎ蟧bject-Oriented）功能，學(xué)習(xí)輕易，ＡＳＰ提供了五種以便能力強大的內(nèi)建對象：Request、Response、Sever、Application以及Session，同步，若使用ＡＳＰ內(nèi)建的“Application”對象或”Session”對象所撰寫出來的ＡＳＰ程序可以在多種網(wǎng)頁之間臨時保留必要的信息。6、對象名稱功能描述RequestResponseServerSessionApplicationObjectContext從客戶端獲得信息將信息送給客戶端提供某些Web服務(wù)器工具儲存在一種Session內(nèi)的顧客信息，該信息僅可被(3)．ASP模型對象ASP提供了六個功能強大的內(nèi)置對象供顧客使用，運用這六個對象，可以設(shè)計變化多端的Web應(yīng)用程序，在ASP開發(fā)Web應(yīng)用程序時，通過調(diào)用對象的措施，不僅能實現(xiàn)提高編程效率，并且編程更優(yōu)化。下面列出ASP包括的六個內(nèi)置對象：Response：將信息送主客戶端Request：從客戶端獲得信息Server：提供某些WebSever措施Session：記錄連接著的信息，每一種連接者的信息有獨立的Session對象來記錄Apptication：記錄共用消息，讓不一樣的可戶端共享信息Objectlontent：配合MTS進行分布式事務(wù)處理(4)．ASP的運行ASP頁面與一般的HTML頁面的真正不一樣之處，在于ASP頁面需要通過Web服務(wù)器的解釋執(zhí)行而HTML網(wǎng)頁不需要。因此假如要運行和公布式ASP網(wǎng)頁，就需要有Web服務(wù)器的支持。任何一種Web服務(wù)器，只有內(nèi)嵌有ASP的解釋程序，就可以運行ASP編寫的動態(tài)網(wǎng)頁。整個過程重要有如下5個環(huán)節(jié)（HTML頁面的處理沒有第三步）A.顧客將ASP文獻的網(wǎng)址輸入到瀏覽器的地址欄，祈求一種ASP網(wǎng)頁。B.瀏覽器向Web服務(wù)器發(fā)送ASP文獻祈求，成為RequestC.服務(wù)器找到并解釋執(zhí)行該ASP文獻，生成原則的HTML文獻D.服務(wù)器將HTML文獻傳送給顧客瀏覽器，稱為ResponseE.顧客的瀏覽器解釋HTML文獻，成果在瀏覽器窗口顯示2.2.2ADO對象ADO原名為ActiveXDataObject。通過與ASP的結(jié)合，可以在網(wǎng)頁里執(zhí)行SQL的指令，顧客可以輕松且迅速的存取、增長或是刪除數(shù)據(jù)庫的數(shù)據(jù)。ADO包括三個重要的對象：Recordset、Connection以及Cmmand。通過這些對象的理解與應(yīng)用，再運用ASP對象，就可以很輕易地制作出一種以便快捷、功能多樣的網(wǎng)站。迅速、輕易和節(jié)省磁盤空間，是ADO的特性，這使得ADO成為十分熱門的技巧。ADO通過與ODBC的鏈接，可以鏈接許多多種類型的數(shù)據(jù)庫，由于ODBC自身就支持許多類型的數(shù)據(jù)庫。ADO通過VBScript和JavaScript語言的技巧，不僅可以控制存取數(shù)據(jù)庫，還可以到達某些特殊技巧的變化。ADO提供Connection對象可以使用該對象建立和管理應(yīng)用程序和ODBC數(shù)據(jù)庫之間的連接。Connection對象具有多種屬性和措施，可以使用它們打開和關(guān)閉數(shù)據(jù)庫連接，并且發(fā)出查詢祈求來更新信息。要建立數(shù)據(jù)庫連接，首先應(yīng)創(chuàng)立Connection對象的實例。用Connection對象的Execute措施您可以發(fā)出構(gòu)造化查詢語言(SQL)查詢數(shù)據(jù)庫源并檢索成果。SQL是用于與數(shù)據(jù)庫通訊的工業(yè)原則語言，它有許多命令可用來檢索和更新信息。使用Connection對象的Execute措施在SQLINSERT命令的表格中發(fā)出查詢，該命令將數(shù)據(jù)插入特定的數(shù)據(jù)庫表格。使用Recordset對象處理成果盡管Connection對象簡化了連接數(shù)據(jù)庫和查詢?nèi)蝿?wù)，但Connection對象仍有許多局限性。確切地說，檢索和顯示數(shù)據(jù)庫信息的Connection對象不能用于創(chuàng)立腳本；您必須確切懂得要對數(shù)據(jù)庫作出的更改，然后才能使用查詢實現(xiàn)更改。對于檢索數(shù)據(jù)、檢查成果、更改數(shù)據(jù)庫，ADO提供了Recordset對象。正如它的名稱所暗示的那樣，Recordset對象有許多您可以使用的特性，根據(jù)您的查詢限制，檢索并且顯示一組數(shù)據(jù)庫行，即記錄。Recordset對象保持查詢返回的記錄的位置，容許您一次一項逐漸掃描成果。根據(jù)Recordset對象的指針類型屬性設(shè)置，您可以滾動和更新記錄。數(shù)據(jù)庫指針可以讓您在一組記錄中定位到特定的項。指針還用于檢索和檢查記錄，然后在這些記錄的基礎(chǔ)上執(zhí)行操作。Recordset對象有某些屬性，可用于精確地控制指針的行為，提高您檢查和更新成果的能力。例如，您可以使用CursorType和CursorLocation屬性設(shè)置指針的類型，將成果返回給客戶端應(yīng)用程序（成果一般保留在數(shù)據(jù)庫服務(wù)器上）并顯示其他顧客對數(shù)據(jù)庫的最終一次更改。一種成功的數(shù)據(jù)庫應(yīng)用程序都使用Connection對象建立鏈接并使用Recordset對象處理返回的數(shù)據(jù)。通過“協(xié)調(diào)”兩個對象的特定功能，您可以開發(fā)出幾乎可以執(zhí)行任何數(shù)據(jù)處理任務(wù)的數(shù)據(jù)庫應(yīng)用程序。例如，下面的服務(wù)器端腳本使用Recordset對象執(zhí)行SQLSELECT命令。SELECT命令檢索一組基于查詢限制的信息。查詢也包括SQLWHERE子句，用來縮小查詢的范圍。通過ADOCommand對象，可以象用Connection對象和Recordset對象那樣執(zhí)行查詢，唯一的不一樣在于用Command對象您可以在數(shù)據(jù)庫源上準備、編譯您的查詢并且反復(fù)使用一組不一樣的值來發(fā)出查詢。這種方式的編譯查詢的長處是您可以最大程度地減少向既有查詢反復(fù)發(fā)出修改的祈求所需的時間。此外，您還可以在執(zhí)行之前通過您的查詢的可變部分的選項使SQL查詢保持局部未定義。Command對象的parameter集合減少了您的麻煩，使您不必在每次重新發(fā)出查詢時重新建立查詢。2.3網(wǎng)頁圖像設(shè)計工具——PhotoshopAdobe企業(yè)開發(fā)，處理圖形圖像的專門設(shè)計軟件。DTP和圖像軟件的結(jié)合，使設(shè)計師可在電腦上直接完畢文字的錄入、排版、圖像處理、形象發(fā)明和分色制板的全過程，開創(chuàng)了“電腦平面設(shè)計”時代。Photoshop的專長在于圖像處理，而不是圖形創(chuàng)作。有必要辨別一下這兩個概念。圖像處理是對已經(jīng)有的位圖圖像進行編輯加工處理以及運用某些特殊效果，其重點在于對圖像的處理加工；圖形創(chuàng)作軟件是按照自己的構(gòu)思創(chuàng)意，使用矢量圖形來設(shè)計圖形，此類軟件重要有Adobe企業(yè)的另一種著名軟件Illustrator和Micromedia企業(yè)的Freehand。Photoshop系列中使用最廣泛的有Photoshop5.0版本、Photoshop7.0。2.4.網(wǎng)頁設(shè)計工具——DreamweaverMacromedia企業(yè)的產(chǎn)品的另一款“所見即所得”的網(wǎng)頁編輯工具。與Frontpage不一樣，Deamweaver采用的是Mac機浮動面版的設(shè)計風(fēng)格，對于初學(xué)者來說也許會感到不適應(yīng)。但當(dāng)你習(xí)慣了其操作方式后，就會發(fā)現(xiàn)Dreamweaver的直觀性與高效性是Frontpage所無法比擬的。Dreamweaver對于DHTML的支持尤其好，可以輕而易舉地做出諸多眩目的頁面特效。插件式的程序設(shè)計使得其功能可以無限的擴展。Dreamweaver與Flash、Firework并稱為Macromedia的網(wǎng)頁制作三劍客，由于是同一企業(yè)的產(chǎn)品，因而在功能上有著一種非常緊密的結(jié)合。而最新推出的DreamweaverUltraDev更支持Asp，Jsp。因此，說Dreamweaver是高級網(wǎng)頁制作的首選并不為過。常見的版本為Dreamweaver3、Dreamweaver4、DreamweaverMX、Dreamweaver8.0、DreamweaverCS.因此我本次設(shè)計重要選用DreamweaverCS.5結(jié)合Photoshop7.0處理圖片。

第三章．網(wǎng)頁需求分析3.1可行性分析3.1.1網(wǎng)頁的界面設(shè)計由于越來越多種人開始建立自己的網(wǎng)站，網(wǎng)站除了具有傳播信息的功能外，還往往代表個人的形象。網(wǎng)站建設(shè)商業(yè)化和廣告化的趨勢，對網(wǎng)頁設(shè)計的藝術(shù)性提出了更高的規(guī)定。雖然HTML語言提供了對常用Windows原則控件的支持，不過，由于Windows原則控件的形狀和顏色十分單一，網(wǎng)頁的視覺效果也許會很差。例如：列表框和下拉列表框只能展現(xiàn)凹陷邊框，并且下拉列表的箭頭的顏色不能變化，滾動條只能出目前窗口的下邊和右邊，當(dāng)網(wǎng)頁提成多種幀的時候，滾動條就不可防止的出目前網(wǎng)頁的中間，破壞網(wǎng)頁的整體性。若在網(wǎng)頁的設(shè)計中積極配合Windows原則控件的形狀和顏色，網(wǎng)頁的創(chuàng)作空間就會受到限制。因此，有必要實現(xiàn)網(wǎng)頁中的自定義控件，以滿足網(wǎng)頁設(shè)計藝術(shù)化的規(guī)定。A.網(wǎng)頁界面構(gòu)成要素與老式媒體不一樣，網(wǎng)頁除了文字和圖像以外，還包括聲音、視頻和動畫等新興多媒體元素，更借助由代碼語言編程所實現(xiàn)的多種交互式效果，增長了網(wǎng)頁界面的生動性和復(fù)雜性，也使得網(wǎng)頁設(shè)計者需要考慮更多頁面元素的排布、優(yōu)化。一般來說，網(wǎng)頁的界面重要由下面幾種原因構(gòu)成：（1）文字：文字元素是信息傳達的主體部分。網(wǎng)頁中的文字重要包括標題、信息、文字鏈接、幾種重要形式。標題和老式媒體中信息傳達的基本作用相似，是內(nèi)容的簡概闡明一般比較醒目、優(yōu)先編排。文字作為占據(jù)頁面重要比率的元素，同步又是信息重要載體，它的字體、大小、顏色和排布對頁面整體設(shè)計影響極大。（2）圖形：圖形在網(wǎng)頁界面中具有重要作用。合理的運用圖形?？梢陨鷦又庇^、形象地體現(xiàn)設(shè)計主題。網(wǎng)頁中常用的圖形格式包括jpg和gif，這兩種格式壓縮比高，得到了規(guī)范瀏覽器的支持，下載速度快，具有跨平臺。3.2.網(wǎng)站需求分析3.2.1.主題確立與建站目的在信息技術(shù)飛速發(fā)展的今天，人們獲取信息的方式更多是來源于互聯(lián)網(wǎng)。而吸引瀏覽顧客的則是視覺效果杰出、信息量豐富、使用起來便捷的網(wǎng)頁，因此網(wǎng)頁設(shè)計尤為重要?；ヂ?lián)網(wǎng)成為人們迅速獲取、公布和傳遞信息的重要渠道，它在人們政治、經(jīng)濟、生活等各個方面發(fā)揮著重要的作用。網(wǎng)頁設(shè)計伴伴隨網(wǎng)絡(luò)的迅速發(fā)展而迅速興起，作為上網(wǎng)的重要依托，由于人們使用網(wǎng)絡(luò)的頻繁而變得非常的重要。網(wǎng)頁講究的是排版布局，其功能重要就是提供一種形式給每個上網(wǎng)者，讓他們可以理解網(wǎng)站提供的信息。本網(wǎng)站設(shè)計的宗意在于通過對搜集到的著名球星里奧梅西的多種信息與資料多方面，多角度的展現(xiàn)，使廣大球迷可以愈加全面完整地理解梅西。我們還會不定期實時更新數(shù)據(jù)信息，保證廣大球迷都可以接受到最新資訊。3.2.2.網(wǎng)站實現(xiàn)功能廣大梅西的忠實粉絲通過本網(wǎng)站可以迅速獲取與他有關(guān)的信息，理解其不太為人所熟知的成長經(jīng)歷，婚姻，家庭生活狀況以及比賽和獲獎狀況，從而使球迷對里奧梅西形成一種愈加立體全面地認識。

第四章．網(wǎng)站的總體規(guī)劃4.1制作網(wǎng)頁的一般環(huán)節(jié)首先，你應(yīng)當(dāng)明確制作網(wǎng)頁是為了干什么。例如，你是企業(yè)的職工，想通過網(wǎng)頁來對企業(yè)進行廣告宣傳；再假設(shè)你正在做一種項目，想和外地的工程師通過網(wǎng)頁討論該項目。假如你要制作個人網(wǎng)頁，那么你也許想通過個人網(wǎng)頁在網(wǎng)上進行傳播，從而展示自己，并和網(wǎng)友交朋友。這就是你的目的。我這次做這個網(wǎng)頁就是為了讓同學(xué)們在自己的班級網(wǎng)站里面更好的交流和聯(lián)絡(luò)，及時公布某些班級新聞，為同學(xué)們建造一種網(wǎng)上家園。另一方面，組織好你的網(wǎng)頁內(nèi)容。試想，你把自己的照片和內(nèi)容都堆在一起，他人將無法明白你想干什么，說不準，連你自己都糊涂了。假如組織得好，顧客從你的網(wǎng)頁中獲取信息就輕易得多。對于那些很重要的信息，顧客只需要簡樸的操作就能得到。一般來說，組織好網(wǎng)頁的關(guān)鍵是要對網(wǎng)頁建立層次分明、條理清晰的構(gòu)造圖。腦子里有了這樣一張構(gòu)造圖，就會對網(wǎng)頁很明白，并且有助于制作網(wǎng)頁。而后，要確定你的網(wǎng)頁所具有的外觀和特色，目的就是讓顧客被你的網(wǎng)頁所吸引。假如你只是要把諸多漂亮的畫面堆在一起，而不管內(nèi)容，那將沒人看。應(yīng)當(dāng)讓你的網(wǎng)頁不僅漂亮，更重要的是實用。怎么把自己的照片和內(nèi)容有機的結(jié)合到一起，這也正是你的網(wǎng)頁特色所在。然后，開始制作網(wǎng)頁。詳細操作時，首先要創(chuàng)立個人站點，再充足運用Dreamweaver的功能建立各個網(wǎng)頁。最終，等網(wǎng)頁做好了，就該公布站點了。站點公布后，為了保持站點的吸引力，要常常修改網(wǎng)頁的內(nèi)容（添加新的內(nèi)容，更換已過時的圖像等），就要更新和維護你的站點了。4.2網(wǎng)頁包括的元素?zé)o論是初次領(lǐng)會Internet風(fēng)光的新手，還是常常上網(wǎng)沖浪的老手，在初次設(shè)計網(wǎng)頁之前，都必須先認識一下構(gòu)成網(wǎng)頁的基本元素。只有這樣，才能在真正的設(shè)計工作中得心應(yīng)手，根據(jù)需要合理的組織和安排網(wǎng)頁的內(nèi)容，從而到達期望的目的。設(shè)計網(wǎng)頁的目的重要是公布信息，因此，作為信息載體的文本和圖像也就成了網(wǎng)頁的基本構(gòu)成部分，超級鏈接是Web的關(guān)鍵，使它將萬維網(wǎng)中無數(shù)的網(wǎng)頁鏈接在一起，假如沒有它，Web就無從談起，此外，表格、動畫、音樂和交互表單等信息的組織、體現(xiàn)，以及交互元素在網(wǎng)頁中也具有舉足輕重的地位。(1)、文本文本一直是人類最重要的信息載體和交流工具，網(wǎng)頁中的信息也以文本為主，與圖像相比，文字雖不如圖像那樣可以很快的引起瀏覽者的主意，但卻能精確的體現(xiàn)消息的內(nèi)容和含義，為了克服文字固有的缺陷，人們賦予了網(wǎng)頁中文本更多的屬性，如文字、字號、顏色、底紋和邊框等，通過不一樣格式的區(qū)別，突出顯示重要的內(nèi)容，此外，顧客還可以在網(wǎng)頁中設(shè)計多種各樣的文字列表來清晰體現(xiàn)一系列項目，這些功能都給網(wǎng)頁中的文本賦予了新的生命力。(2)、圖像圖像在網(wǎng)頁中具有提供信息，展示作品，裝飾網(wǎng)頁，體現(xiàn)個人情調(diào)和風(fēng)格的作用。顧客可以在網(wǎng)頁中使用GIF、JPEG、PNG3種圖像文獻格式，其中使用最廣泛的是GIF和JPEG兩種格式。(3)、超級鏈接超級鏈接技術(shù)可以說是萬維網(wǎng)流行起來的最重要的原因，它是從一種網(wǎng)頁指向另一種目的端的鏈接，例如指向另一種網(wǎng)頁或相似網(wǎng)頁上的不一樣位置，這個目的端一般是另一種網(wǎng)頁，但也可以是一幅圖片，一種電子郵件地址，一種文獻，一種程序或本網(wǎng)頁中的其他位置，其載體一般是文本，圖片或圖片中的區(qū)域，也可以是某些不可見的程序腳本。當(dāng)瀏覽者單擊超級鏈接時，其目的端將顯示在Web瀏覽器上，并根據(jù)目的端的類型以不一樣方式鏈接。例如，當(dāng)指向一種AVI文獻的超級鏈接被單擊后，該文獻將在媒體播放軟件中打開;假如是指向一種網(wǎng)頁的超級鏈接，則該網(wǎng)頁將顯示在Web瀏覽器上。(4).表格在網(wǎng)頁中表格用來控制網(wǎng)頁中信息的布局方式。這包括兩方面：一是使用行和列的形式來布局文本和圖像以及其他的列表化數(shù)據(jù)；二是還可以使用表格來精4.3.網(wǎng)頁層次構(gòu)造（附構(gòu)造圖）里里奧梅西里里奧梅西主頁運動生涯場外生活職業(yè)數(shù)據(jù)獲獎記錄注冊我們登錄網(wǎng)站4.4.目錄的層次構(gòu)造（附構(gòu)造圖）

登錄網(wǎng)站注冊我們獲獎記錄職業(yè)數(shù)據(jù)場外生活運動生涯主頁里奧梅西登錄網(wǎng)站注冊我們獲獎記錄職業(yè)數(shù)據(jù)場外生活運動生涯主頁里奧梅西俱樂部國家隊個人生活社會活動團體獎個人獎 俱樂部國家隊個人生活社會活動團體獎個人獎4.5.網(wǎng)頁設(shè)計的有關(guān)環(huán)節(jié)4.5.1創(chuàng)立網(wǎng)頁頁面在Dreamveaver“文獻－新建－常規(guī)－基本頁－HTML”，這樣就建好了一種頁面，英文版的默認的文獻名為untitled.htm。中文版的的默認的文獻名為“無標題文檔”。html就表達這個網(wǎng)頁文獻是一種靜態(tài)的HTML文獻。給它更名index.html在標題空格里輸入網(wǎng)頁名稱，點擊修改－頁面屬性，打開“頁面屬性”窗口。設(shè)置網(wǎng)站主題。4.5.2插入圖像

使用插入菜單：在“插入”菜單項選擇“圖像”，彈出“選擇圖像源文獻”對話框，選中該圖像文獻，單擊確定。

4.5.3插入標題文字

進入頁面編輯設(shè)計視圖狀態(tài)。在一般狀況下，編輯器默認左對齊，光標在左上角閃爍，光標位置就是插入點的位置。假如要想讓文字居中插入，點屬性面板居中按鈕即可。啟動中文輸入法輸入“我的主頁”四個字。字小不要緊，我們可以對它進行設(shè)置。4.5.4設(shè)置文字的格式選中文字，在上圖屬性面板中將字體格式設(shè)置成默認字體，大小可任意更改字號。并選中“B”將字體變粗。根據(jù)這樣的措施，逐漸填充完整我們的首頁。以此類推，完畢我們的其他子頁面。4.5.5插入logo插入圖片方式，在網(wǎng)站中心加入本網(wǎng)站的logo4.6.網(wǎng)頁設(shè)計的效果展示4.6.1主頁界面展示4.6.2運動生涯界面展示.4.6.3場外生活界面展示4.6.4職業(yè)數(shù)據(jù)界面展示4.6.5獲獎記錄界面展示4.6.6精彩瞬間界面展示4.6.7注冊我們界面展示4.6.8登錄網(wǎng)站界面展示第五章．需要處理的幾種關(guān)鍵問題5.1數(shù)據(jù)庫技術(shù)Access是Office系列軟件中用來專門管理數(shù)據(jù)庫的應(yīng)用軟件。所謂數(shù)據(jù)庫是指通過組織的、有關(guān)特定主題或?qū)ο蟮男畔⒓?。?shù)據(jù)庫管理系統(tǒng)分為兩類：文獻管理系統(tǒng)和關(guān)系型管理系統(tǒng)。Access應(yīng)用程序就是一種功能強大且使用以便的關(guān)系型數(shù)據(jù)庫管理系統(tǒng)，一般也稱關(guān)系型數(shù)據(jù)庫管理軟件。它可運行于多種MicrosoftWindows系統(tǒng)環(huán)境中，由于它繼承了Windows的特性，不僅易于使用，并且界面友好，如今在世界各地廣泛流行。它并不需要數(shù)據(jù)庫管理者具有專業(yè)的程序設(shè)計水平，任何非專業(yè)的顧客都可以用它來創(chuàng)立功能強大的數(shù)據(jù)庫管理系統(tǒng)。Access使用原則的SQL（StructuredQueryLanguage,構(gòu)造化查詢語言）作為它的數(shù)據(jù)庫語言，從而提供了強大的數(shù)據(jù)處理能力和通用性，使其成為一種功能強大并且易于使用的桌面關(guān)系型數(shù)據(jù)庫管理系統(tǒng)和應(yīng)用程序生成器。Access數(shù)據(jù)庫使用單一的*.mdb文獻管理所有的信息，這種針對數(shù)據(jù)庫集成的最優(yōu)化文獻構(gòu)造不僅包括數(shù)據(jù)自身，也包括了它的支持對象。此外，Access還運用Office套件共享的編程語言VBA（VisualBasicforApplication）進行高級操作控制和復(fù)雜的數(shù)據(jù)操作。5.2.數(shù)據(jù)庫連接技術(shù)一種動態(tài)的網(wǎng)站，它的動態(tài)就體目前數(shù)據(jù)庫技術(shù)上面，那么怎么才能使數(shù)據(jù)庫與我們的WEB頁面進行連接呢？這里就要用到ASP六大內(nèi)對象中的server對象！詳細代碼如下：<%dimconn,connstrsetconn=server.createobject(“adodb.connection”)connstr=”dbq=”&server.mappath(“數(shù)據(jù)庫的途徑”)&”;driver={Microsoftaccessdriver(*.mdb)}”conn.openconnstr%>這些代碼一般都放在一種名稱為conn.asp的文獻里面。假如WEB頁面中需要用到數(shù)據(jù)庫連接時就使用宏定義把這個文獻包括進去就可以了！詳細代碼十分簡樸：<!--#includefile=conn.asp-->。5.3.數(shù)據(jù)庫寫入技術(shù)有關(guān)數(shù)據(jù)庫的寫入技術(shù)一般可以分為兩類：ADDNEW措施和INSERT…INTO！在ASP中，直接使用“Insertinto”語句與使用ADO中AddNew措施有什么區(qū)別？哪一種更好呢？AddNew措施的實質(zhì)就是封裝了“Insertinto”語句。因此，當(dāng)我們需要對大量數(shù)據(jù)進行操作的時候，應(yīng)優(yōu)先選用“Insertinto”語句。由于直接使用SQL語句，減少了ADO的解釋時間，顯然會大大加緊存取數(shù)據(jù)的速度。下面我們分別來看一下它們的代碼！以向一種名為data的表中插入一種類型均為文本型的兩個字段username和psw一：insertinto<!--#includefile=conn.asp-->這句話包括了數(shù)據(jù)庫的文獻！<%name=request.form("name")psw=request.form("psw")sql=”select*fromdatawhere(Idisnull)”sql="insertintodata(username,psw)values('"+name+"',"+psw+"')"conn.executesqlconn.closesetconn=nothingresponse.write"記錄添加成功!"%>分析：1：<!--#includefile=conn.asp-->是一種宏它是我們提前定義好的一種數(shù)據(jù)庫連接的文獻！2：psw=request.form(“psw”)實際上我們省略了一種提交的頁面我們定義了兩個中間的變量，3：sql=”select*formdatawhere(idisnull)”這里我們要找的就是把數(shù)據(jù)庫中id為空的記錄找出來！4：sql=”insertintodata(“username,psw”)values(’”+name+”’,’”+psw+”’)”這里是我們值得注意的地方由于它是關(guān)鍵！學(xué)過vf或sql的對這語句并不陌生！不過一定要寫對由于在這一行語句的values值中需要根據(jù)數(shù)據(jù)庫中的字段類型來定義的！它使用了單引號、雙引號、連接符的排列次序！其中連接符號還可以是&!下面我們來看看用Addnew是怎樣實現(xiàn)的！<!--#includefile=conn.asp-->這句話包括了數(shù)據(jù)庫的文獻！<%name=request.form("name")psw=request.form("psw")setrs=server.createobject(“adodb.recordset”)sql=”select*fromdatawhere(Idisnull)”rs.opensql,conn1,3rs.addnewrs(“username”)=namers(“psw”)=pswrs.updatars.closesetrs=nothingconn.closesetconn=nothingresponse.write"記錄添加成功!"%>5.4數(shù)據(jù)庫的讀取技術(shù)數(shù)據(jù)庫的讀取技術(shù)是與記錄集合的建立相結(jié)合而使用的！由于在數(shù)據(jù)庫中一行記錄也許會包括諸多信息。不過這一行記錄一直是一種數(shù)據(jù)單元！我們可以通過該數(shù)據(jù)單元的詳細狀況和數(shù)據(jù)庫的查詢條件找到需要的數(shù)據(jù)項！下面我們再來看一段代碼：<%setrs=server.createobject("adodb.recordset")sql="select*frommusic"rs.opensql,conn,1,3ifnotrs1.eofthenendif<AHREF="javascript:void(0)"onClick="newpage('swfPlay.asp?id=<%=rs("id")%>');"><%=rs("name")%></a>%>5.5記錄集合的建立記錄集是我們在做動態(tài)網(wǎng)站必須要考慮的問題由于動態(tài)網(wǎng)站的所有信息都是用一種或多種紀錄集組合而得到的其實一的web頁面的內(nèi)容有時就是很簡樸的幾種記錄集合！記錄集中記錄的是和我們要查詢的條件相似的一條或多條記錄！由此可以懂得記錄集是非常重要的！那么怎么去寫一種記錄集呢？<%setrs=server.createobject(“adodb.recordset”)sql=”select*from表名where條件語句”rs.opensql,conn,1,1%>這樣我們就可以把我們要查詢的東西放在記錄集rs里面假如我們想從數(shù)據(jù)庫中把數(shù)據(jù)讀出來就response對象了！一般我們就可以直接簡寫成<%=%>可以了！假如數(shù)據(jù)庫中只有一條記錄我們這樣寫就可以了不過假如有多條記錄我們就要用到vb或則c語言中的循環(huán)條件！第六章．網(wǎng)頁測試6.1.網(wǎng)頁測試IIS配置

當(dāng)IIS被成功安裝后，將在計算機C:\Inetpub\wwwroot下新建一種默認網(wǎng)站，通過修改默認網(wǎng)站配置可以建立自己的站點。如自己的網(wǎng)頁放在D:\Wy目錄下，首頁文獻名為Index.asp，其詳細環(huán)節(jié)如下：

第一步：在“默認Web站點”上單擊右鍵，選“屬性”，以進入名為“默認Web站點屬性”設(shè)置界面。

第二步：轉(zhuǎn)到“主目錄”窗口，再在“當(dāng)?shù)赝緩健陛斎耄ɑ蛴谩盀g覽”按鈕選擇）好自己網(wǎng)頁所在的“D:\Wy”目錄。

第三步：轉(zhuǎn)到“文檔”窗口，再按“添加”按鈕，根據(jù)提醒在“默認文檔名”后輸入自己網(wǎng)頁的首頁文獻名“Index.asp”。

第四步：在“默認Web站點”上單擊右鍵，選“新建→虛擬目錄”，依次在“別名”處輸入“test”，在“目錄”處輸入“D:\Wy”后再