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

課程論文（2016-2017學(xué)年第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)成為人們快速獲取、發(fā)布和傳遞信息的重要渠道，它在人們政治、經(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è)單位紛紛建立網(wǎng)站，利用網(wǎng)絡(luò)來宣傳自己，越來越多的個人也希望在廣闊的網(wǎng)絡(luò)世界里擁有自己的一片天地。同時，高校也將網(wǎng)頁制作這一門學(xué)科當作基礎(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)……(6)…………………(9)2.3網(wǎng)頁圖像設(shè)計工具——photoshop……(10)2.4網(wǎng)頁頁面設(shè)計工具——Dreamweave………(11)第三章.網(wǎng)頁需求分析……………(12)3.1可行性分析…………………(12)…………(12)3.2網(wǎng)站需求分析…………………(12)………………(13)……………(13)第四章.網(wǎng)站的總體規(guī)劃…………(13)4.1制作網(wǎng)頁的一般步驟………(13)4.2網(wǎng)頁包括的元素……………(14)4.3網(wǎng)頁層次結(jié)構(gòu)………………(16)4.4目錄的層次結(jié)構(gòu)……………(16)4.5網(wǎng)頁設(shè)計的相關(guān)步驟………(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測試發(fā)布及網(wǎng)站維護………(31)結(jié)論……………………(33)致謝……………………(34)參考文獻………………(35)

緒論1.1網(wǎng)頁制作的背景和意義我們讀書就是為了獲得知識，現(xiàn)在我們學(xué)習(xí)了ASP動態(tài)網(wǎng)頁設(shè)計，當然就是要能做一個精美的網(wǎng)頁。在此次畢業(yè)設(shè)計中，我們要能更加的了解Dreameaver強大的功能和更好的使用它。通過此次設(shè)計我們還要能夠知道靜態(tài)網(wǎng)頁和動態(tài)網(wǎng)也的區(qū)別。誠然，次此設(shè)計的個人網(wǎng)頁，一方面是為了完成畢業(yè)作業(yè)，但更重要的是把我們所學(xué)到的東西用在具體的實踐之中，所以，這次設(shè)計的目的也是要我們更好的掌握和使用好ASP的核心工具和技術(shù)，以便提高對網(wǎng)頁知識的更深層了解。第三點也是最要的一點是，把我們在書本上學(xué)到的知識充分運用到此次設(shè)計之中。使我們的在書上學(xué)到的東西不僅僅停留在表面上，把這些東西都用在所要做的網(wǎng)頁上面。以達到老師要求的效果和學(xué)以致用。Internet是目前世界上最大的計算機互聯(lián)網(wǎng)絡(luò)，它遍布全球，將世界各地各種規(guī)模的網(wǎng)絡(luò)連接成一個整體。作為Internet上一種先進的，易于被人們所接受的信息檢索手段，WorldWideWeb(簡稱WWW)發(fā)展十分迅速，成為目前世界上最大的信息資源寶庫。據(jù)估計，目前Internet上已有上百萬個Web站點，其內(nèi)容范圍跨越了教育科研、文化事業(yè)、金融、商業(yè)、新聞出版、娛樂、體育等各個領(lǐng)域，其用戶群十分龐大，因此，建設(shè)一個好的Web站點對于一個機構(gòu)的發(fā)展十分重要。近年來，隨著網(wǎng)絡(luò)用戶要求的不斷提高及計算機科學(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)在這方面作出了一定的嘗試，通常采用的方法是，在用戶登陸時為其提供一系列的選項，使用戶能夠?qū)φ军c進行一些自主的設(shè)置。這樣做能夠使站點呈現(xiàn)一定程度的個性化，但是對用戶來講，還是比較煩瑣，而且在用戶了解一個站點前讓其對站點進行設(shè)置，其結(jié)果未免有些粗糙。于是我們構(gòu)想了這樣一種方案，對用戶登陸后的動作進行跟蹤，分析，發(fā)掘用戶點擊的規(guī)律，即用戶先后點擊的關(guān)聯(lián)規(guī)則，這樣，在用戶點擊一個主題（鏈接）之后，系統(tǒng)能夠自動生成一頁面，其中包含了該主題下用戶經(jī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)一資源定位器?？梢园阉胂蟪晌募木W(wǎng)絡(luò)擴展。我們不但可以通過各種不同的方法指出在網(wǎng)絡(luò)的上哪一臺機器的目錄下的文件。這個文件可以通過各種不同的方法得到。在URL中還指定了訪問這一個文件的協(xié)議。在實際應(yīng)用中，URL經(jīng)常稱為“網(wǎng)址”或URL地址。TCP/IP協(xié)議（TransmissionControlProtocol/InternetProtocol傳輸控制協(xié)議/因特網(wǎng)協(xié)議）所謂協(xié)議，其實應(yīng)該叫他網(wǎng)絡(luò)協(xié)議，它是計算機與計算機之間，進行信息傳輸?shù)恼Z言，只有兩臺計算機具有相同的協(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ù)器中把文件傳送到本地的計算機（術(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ù)器，它可以將信息發(fā)布給辦公大樓或整個世界的用戶。對于在基于WindowsNT的計算機上聯(lián)網(wǎng)，InternetInformationServer是很理想的，因為它可以在現(xiàn)存硬件上設(shè)置功能強大的Web服務(wù)器。InternetInformationServer集成在WindowsNTServer操作系統(tǒng)中，并利用了其安全特征和性能優(yōu)勢。2.2ASP和ADO簡介從本節(jié)開始，將進入本書的重點內(nèi)容使用ASP（activeseverpages）技術(shù)設(shè)計最流行的遠程教育平臺。在目前飛速發(fā)展的IT行業(yè)中，網(wǎng)站一旦建立起來，就一如既往的保持"靜態(tài)"，不加更改？如果是這樣，就無形中一落后時代的步伐。所謂靜態(tài)指的是網(wǎng)站的頁面內(nèi)容固定不變，當用戶瀏覽器通過互聯(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腳本代碼混雜在一起組成。ASP網(wǎng)頁程序必須想竟Web服務(wù)器的ASP解釋器解釋執(zhí)行，產(chǎn)生HEML代碼后才傳送給用戶的瀏覽器執(zhí)行顯示。(2).ＡＳＰ的特點為：1、任何開發(fā)工具皆可發(fā)展ＡＳＰ只要使用一般的文書編輯程序，如Windows記事本，就可以編輯。當然，其他網(wǎng)頁發(fā)展工具，例如，F(xiàn)rontPageExpress、ＦFrontPage等也都可以；不過還是建議你用記事本來寫，既省錢又方便，若是使用那些所見即所得的網(wǎng)頁編輯來寫ＡＳＰ，可能會發(fā)生一些意想不到的離奇狀態(tài)。通吃各家瀏覽由于ASP程序是在網(wǎng)絡(luò)服務(wù)器端中執(zhí)行，執(zhí)行結(jié)果所產(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í)行后，將結(jié)果轉(zhuǎn)換成標準ＨＴＭＬ文件，再傳送到客戶端（Client）的瀏覽器上，因此，我們所辛苦撰寫的ＡＳＰ程序并不會輕易地被看見進而被盜用。4、易于操控數(shù)據(jù)庫ＡＳＰ可以輕易地通過ＯDBC(OpenDatabaseConnectivity)驅(qū)動程序連接各種不同的數(shù)據(jù)庫，例如：Access、FoxPro、dBase、Oracle等等，另外，ＡＳＰ亦可將“文本文件”或是”Excel”文件當成數(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頁面需要經(jīng)過Web服務(wù)器的解釋執(zhí)行而HTML網(wǎng)頁不需要。因此如果要運行和發(fā)布式ASP網(wǎng)頁，就需要有Web服務(wù)器的支持。任何一個Web服務(wù)器，只有內(nèi)嵌有ASP的解釋程序，就可以運行ASP編寫的動態(tài)網(wǎng)頁。整個過程主要有如下5個步驟（HTML頁面的處理沒有第三步）A.用戶將ASP文件的網(wǎng)址輸入到瀏覽器的地址欄，請求一個ASP網(wǎng)頁。B.瀏覽器向Web服務(wù)器發(fā)送ASP文件請求，成為RequestC.服務(wù)器找到并解釋執(zhí)行該ASP文件，生成標準的HTML文件D.服務(wù)器將HTML文件傳送給用戶瀏覽器，稱為ResponseE.用戶的瀏覽器解釋HTML文件，結(jié)果在瀏覽器窗口顯示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ā)出結(jié)構(gòu)化查詢語言(SQL)查詢數(shù)據(jù)庫源并檢索結(jié)果。SQL是用于與數(shù)據(jù)庫通訊的工業(yè)標準語言，它有許多命令可用來檢索和更新信息。使用Connection對象的Execute方法在SQLINSERT命令的表格中發(fā)出查詢，該命令將數(shù)據(jù)插入特定的數(shù)據(jù)庫表格。使用Recordset對象處理結(jié)果盡管Connection對象簡化了連接數(shù)據(jù)庫和查詢?nèi)蝿?wù)，但Connection對象仍有許多不足。確切地說，檢索和顯示數(shù)據(jù)庫信息的Connection對象不能用于創(chuàng)建腳本；您必須確切知道要對數(shù)據(jù)庫作出的更改，然后才能使用查詢實現(xiàn)更改。對于檢索數(shù)據(jù)、檢查結(jié)果、更改數(shù)據(jù)庫，ADO提供了Recordset對象。正如它的名稱所暗示的那樣，Recordset對象有許多您可以使用的特性，根據(jù)您的查詢限制，檢索并且顯示一組數(shù)據(jù)庫行，即記錄。Recordset對象保持查詢返回的記錄的位置，允許您一次一項逐步掃描結(jié)果。根據(jù)Recordset對象的指針類型屬性設(shè)置，您可以滾動和更新記錄。數(shù)據(jù)庫指針可以讓您在一組記錄中定位到特定的項。指針還用于檢索和檢查記錄，然后在這些記錄的基礎(chǔ)上執(zhí)行操作。Recordset對象有一些屬性，可用于精確地控制指針的行為，提高您檢查和更新結(jié)果的能力。例如，您可以使用CursorType和CursorLocation屬性設(shè)置指針的類型，將結(jié)果返回給客戶端應(yīng)用程序（結(jié)果通常保留在數(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ā)出查詢。這種方式的編譯查詢的優(yōu)點是您可以最大程度地減少向現(xiàn)有查詢重復(fù)發(fā)出修改的請求所需的時間。另外，您還可以在執(zhí)行之前通過您的查詢的可變部分的選項使SQL查詢保持局部未定義。Command對象的parameter集合減少了您的麻煩，使您不必在每次重新發(fā)出查詢時重新建立查詢。2.3網(wǎng)頁圖像設(shè)計工具——PhotoshopAdobe公司開發(fā)，處理圖形圖像的專門設(shè)計軟件。DTP和圖像軟件的結(jié)合，使設(shè)計師可在電腦上直接完成文字的錄入、排版、圖像處理、形象創(chuàng)造和分色制板的全過程，開創(chuàng)了“電腦平面設(shè)計”時代。Photoshop的專長在于圖像處理，而不是圖形創(chuàng)作。有必要區(qū)分一下這兩個概念。圖像處理是對已有的位圖圖像進行編輯加工處理以及運用一些特殊效果，其重點在于對圖像的處理加工；圖形創(chuàng)作軟件是按照自己的構(gòu)思創(chuàng)意，使用矢量圖形來設(shè)計圖形，這類軟件主要有Adobe公司的另一個著名軟件Illustrator和Micromedia公司的Freehand。Photoshop系列中使用最廣泛的有Photoshop5.0版本、Photoshop7.0?！狣reamweaverMacromedia公司的產(chǎn)品的另一款“所見即所得”的網(wǎng)頁編輯工具。與Frontpage不同，Deamweaver采用的是Mac機浮動面版的設(shè)計風(fēng)格，對于初學(xué)者來說可能會感到不適應(yīng)。但當你習(xí)慣了其操作方式后，就會發(fā)現(xiàn)Dreamweaver的直觀性與高效性是Frontpage所無法比擬的。Dreamweaver對于DHTML的支持特別好，可以輕而易舉地做出很多眩目的頁面特效。插件式的程序設(shè)計使得其功能可以無限的擴展。Dreamweaver與Flash、Firework并稱為Macromedia的網(wǎng)頁制作三劍客，由于是同一公司的產(chǎn)品，因而在功能上有著一個非常緊密的結(jié)合。而最新推出的DreamweaverUltraDev更支持Asp，Jsp。因此，說Dreamweaver是高級網(wǎng)頁制作的首選并不為過。常見的版本為Dreamweaver3、Dreamweaver4、DreamweaverMX、Dreamweaver8.0、DreamweaverCS.

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

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

登錄網(wǎng)站注冊我們獲獎記錄職業(yè)數(shù)據(jù)場外生活運動生涯主頁里奧梅西登錄網(wǎng)站注冊我們獲獎記錄職業(yè)數(shù)據(jù)場外生活運動生涯主頁里奧梅西俱樂部國家隊個人生活社會活動團體獎個人獎 俱樂部國家隊個人生活社會活動團體獎個人獎在Dreamveaver“文件－新建－常規(guī)－基本頁－HTML”，這樣就建好了一個頁面，英文版的默認的文件名為untitled.htm。中文版的的默認的文件名為“無標題文檔”。html就表示這個網(wǎng)頁文件是一個靜態(tài)的HTML文件。給它改名index.html在標題空格里輸入網(wǎng)頁名稱，點擊修改－頁面屬性，打開“頁面屬性”窗口。設(shè)置網(wǎng)站主題。使用插入菜單：在“插入”菜單選“圖像”，彈出“選擇圖像源文件”對話框，選中該圖像文件，單擊確定。進入頁面編輯設(shè)計視圖狀態(tài)。在一般情況下，編輯器默認左對齊，光標在左上角閃爍，光標位置就是插入點的位置。如果要想讓文字居中插入，點屬性面板居中按鈕即可。啟動中文輸入法輸入“我的主頁”四個字。字小不要緊，我們可以對它進行設(shè)置。選中文字，在上圖屬性面板中將字體格式設(shè)置成默認字體，大小可任意更改字號。并選中“B”將字體變粗。根據(jù)這樣的方法，逐漸填充完整我們的首頁。以此類推，完成我們的其他子頁面。插入圖片方式，在網(wǎng)站中心加入本網(wǎng)站的logo第五章．需要解決的幾個關(guān)鍵問題5.1數(shù)據(jù)庫技術(shù)Access是Office系列軟件中用來專門管理數(shù)據(jù)庫的應(yīng)用軟件。所謂數(shù)據(jù)庫是指經(jīng)過組織的、關(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,結(jié)構(gòu)化查詢語言）作為它的數(shù)據(jù)庫語言，從而提供了強大的數(shù)據(jù)處理能力和通用性，使其成為一個功能強大而且易于使用的桌面關(guān)系型數(shù)據(jù)庫管理系統(tǒng)和應(yīng)用程序生成器。Access數(shù)據(jù)庫使用單一的*.mdb文件管理所有的信息，這種針對數(shù)據(jù)庫集成的最優(yōu)化文件結(jié)構(gòu)不僅包括數(shù)據(jù)本身，也包括了它的支持對象。此外，Access2000還利用Office套件共享的編程語言VBA（VisualBasicforApplication）進行高級操作控制和復(fù)雜的數(shù)據(jù)操作。5.2.數(shù)據(jù)庫連接技術(shù)一個動態(tài)的網(wǎng)站，它的動態(tài)就體現(xiàn)在數(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”語句。所以，當我們需要對大量數(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)頁測試IIS配置

當IIS被成功安裝后，將在計算機C:\Inetpub\wwwroot下新建一個默認網(wǎng)站，通過修改默認網(wǎng)站配置可以建立自己的站點。如自己的網(wǎng)頁放在D:\Wy目錄下，首頁文件名為Index.asp，其具體步驟如下：

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

第二步：轉(zhuǎn)到“主目錄”窗口，再在“本地路徑”輸入（或用“瀏覽”按鈕選擇）好自己網(wǎng)頁所在的“D:\Wy”目錄。

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

第四步：在“默認Web站點”上單擊右鍵，選“新建→虛擬目錄”，依次在“別名”處輸入“test”，在“目錄”處輸入“D:\Wy”后再按提示操作。數(shù)據(jù)源（ODBC）配置

第一步：選擇控制面板中的管理工具打開數(shù)據(jù)源（ODBC）。