1、畢業設計(論文)題目名稱： 個人網站設計 年 級： 09級 層次：本科專科學生學號： 指導教師： 學生姓名： 技術職稱： 講師 學生專業： 計算機網絡 所在系： 信息工程系 制畢業設計（論文）任務書題目名稱： 個人網站設計 題目性質真實題目虛擬題目學生學號： 指導教師： 學生姓名： 專業名稱： 計算機網絡 技術職稱： 講師 學生層次： 專科 所在系： 信息工程系 2011年10月29日畢業設計（論文）內容與要求：內容： 畢業設計領導小組負責人： （簽字） 2011年10月29日畢業設計（論文）評審表過程評分評閱成績答辯成績總成績(百分制) (是否評定為優秀畢業論文)1、指導教師評語建議成績_

2、指導教師簽字： 年 月 日 2、論文評閱教師評語建議成績_ 評閱教師簽字： 年 月 日 3、畢業答辯專家組評語建議成績_ 答辯組長簽字： 年 月 日 4、畢業設計領導小組推優評語組長簽字： 年 月 日 畢業設計(論文)過程評分表(40)學生姓名：學生班級：總分：內容態度、紀律（10%）用所學知識分析解決問題的能力（20%）設計（論文）書寫和水平（10%）考核環節團結協作有鉆研精神愛護公物文明衛生遵守紀律和制度獨立地、熟練地、綜合應用所學知識分析解決問題的能力工作量難度取得階段性成果的水平、學術價值和應用價值分值3342055評分評分教師：評分時間：年月日畢業設計(論文)評閱成績表(30)學生姓

3、名：學生班級：總分：內容設計（論文）內容（10%）設計（論文）水平（10%）設計（論文）書寫（10%）考核環節內容充實、有階段性成果，即有學術或應用價值。方案選擇、論證、設計、計算正確如實反映設計成果，有實驗數據，又有理論分析。中文摘要符合要求語句通順符合邏輯思路清晰圖表和曲線清晰符合規范、文字工整分值1010523評分評分教師：評分時間：年月日畢業設計(論文)答辯成績表(30)學生姓名：學生班級：總分：內容設計（論文）內容（10%）回答問題（10%）設計（論文）質量（10%）考核環節內容充實、有足夠的難度和工作量，在規定的時間內能夠流暢地闡明報告設計（論文）內容能夠回答與設計（論文）相關的基

4、本問題和擴展問題論文有數據，有分析，所用數據可靠、分析正確分值101010評分評分教師：評分時間：年月日畢業論文 摘要個人網頁設計摘要隨著網絡信息的飛速發展，網絡傳媒已被越來越多的企業看好，而網站就是傳媒很好的一種方式，目前有很多企業都在開發屬于自己的網站，所以研究網站建設是很有必要的。本文針對開發網站的asp(active server pages)技術做了具體的闡述，說明了asp(active server pages)服務器的安裝及iis的配置。數據庫系統是對數據進行存儲，管理，處理和維護的軟件系統，每個動態網站都必須牽涉到數據庫，數據庫的地位是非常重要的，本文根據數據庫盡可能不重復，以

5、最優的方式組織數據的特點，對數據的增、刪、改和檢索由統一軟件進行管理和控制。數據庫和asp(active server pages)技術也是本文研究的主要對象。本文運用asp(active server pages)技術、數據庫和相應的網站開發軟件，闡述了網站前后臺設計，并對其功能進行了論述，實現了整個網站功能的使用。通過對整個網站的設計，說明了在制作過程中遇到常見問題的解決方法。關鍵字：asp技術,軟件工程,數據庫畢業論文 目錄目錄第一章 緒論- 1 -1.1 網頁制作的背景和意義- 1 -1.2 相關術語的闡述- 2 -第二章 網頁開發環境及數據庫概述- 3 -2.1 網頁運行環境的開發-

6、 3 -2.2 asp和ado簡介- 3 -221 asp產生的歷史環境- 3 -2.2.2 ado對象- 5 -2.3 網頁圖像設計工具photoshop- 7 -2.4網頁設計工具dreamweaver- 7 -第三章 網頁需求分析- 9 -3.1 可行性分析- 9 -3.1.1網頁的界面設計- 9 -3.2網站需求分析- 9 -3.2.1建站目的- 9 -3.2.2網站實現功能- 10 -第四章 網站的總體規劃- 11 -4.1 制作網頁的一般步驟- 11 -4.2 網頁包括的元素- 11 -4.3 網頁層次結構- 13 -第五章 網頁設計的相關步驟- 14 -5.1 制作前的工作- 1

7、4 -5.1.1定義的方法- 14 -5.1.2基本設置- 15 -5.2 建立超鏈接- 20 -5.2.1 基本設置- 20 -5.2.2 圖片鏈接- 21 -5.2.3 熱區鏈接- 22 -第六章 需要解決的幾個相關問題- 24 -61 數據庫技術- 24 -62 數據庫連接技術- 24 -63 數據庫寫入技術- 25 -64 數據庫的讀取技術- 26 -65 記錄集合的建立- 27 -第七章 網頁測試- 28 -71 網頁測試- 28 -72 網頁發布及維護- 28 -第八章 總結- 30 -致謝- 32 -參考文獻- 33 -畢業論文 引言引言隨著二十一世紀新興科技的飛速發展，如今的電

8、子信息產業正在經受著一個巨大的挑戰，同時也面臨著一個重大的機遇。就目前的科技發展水平而言，電子信息產業的發展已經不能夠滿足社會化大生產的要求，因此，各個國家集中人力、財力加大對信息技術產業的投入，以適應目前需要?？上驳氖窃谶@幾十年的發展中我們有了互聯網?；ヂ摼W加大了我們了解世界的眼界，縮緊了人與人之間的距離，這就更容易的使我們走上信息化的道路。internet在中國的迅速發展,人們日常生活中越來越多地使用這項新的技術來為自己的工作和學習服務。由于web頁面能把文本、圖像、聲音、動畫、視像等多種媒體信息集于一體，不但使信息的顯示更加生動，而且使信息的瀏覽更為方便,同時web頁能實現網上交易平臺、

9、客戶信息反饋，方便了企業與客戶之間信息交流，因此許多企業紛紛建設網站以增強企業知名度。internet是目前世界上最大的計算機互聯網絡，它遍布全球，將世界各地各種規模的網絡連接成一個整體。作為internet上一種先進的，易于被人們所接受的信息檢索手段，world wide web(簡稱www)發展十分迅速，成為目前世界上最大的信息資源寶庫。畢業論文 第一章 緒論第一章 緒論1.1 網頁制作的背景和意義我們讀書就是為了獲得知識，現在我們學習了asp動態網頁設計，當然就是要能做一個精美的網頁。在此次畢業設計中，我們要能更加的了解dreamweaver強大的功能和更好的使用它。通過此次設計我們還要

10、能夠知道靜態網頁和動態網也的區別。誠然，次此設計的網頁，一方面是為了完成畢業作業，但更重要的是把我們所學到的東西用在具體的實踐之中，所以，這次設計的目的也是要我們更好的掌握和使用好asp的核心工具和技術，以便提高對網頁知識的更深層了解。第三點也是最要的一點是，把我們在書本上學到的知識充分運用到此次設計之中。使我們的在書上學到的東西不僅僅停留在表面上，把這些東西都用在所要做的網頁上面，以達到老師要求的效果和學以致用。internet是目前世界上最大的計算機互聯網絡，它遍布全球，將世界各地各種規模的網絡連接成一個整體。作為internet上一種先進的，易于被人們所接受的信息檢索手段，world w

11、ide web(簡稱www)發展十分迅速，成為目前世界上最大的信息資源寶庫。據估計，目前internet上已有上百萬個web站點，其內容范圍跨越了教育科研、文化事業、金融、商業、新聞出版、娛樂、體育等各個領域，其用戶群十分龐大，因此，建設一個好的web站點對于一個機構的發展十分重要。近年來，隨著網絡用戶要求的不斷提高及計算機科學的迅速發展，特別是數據庫技術在internet中的廣泛應用，web站點向用戶提供的服務將越來越豐富，越來越人性化。我們發現這樣一個事實，一個用戶在訪問一個網站時一般來講只對該網站的部分內容感性趣，而且這種興趣會持續一段時間。這點啟發了我們，如果能根據用戶的喜好為不同的用

12、戶顯示其個性化的頁面，即著重顯示該用戶感興趣的內容，將為用戶節約大量的檢索時間，而且這樣的網頁顯然是更具有吸引力的。一些站點已經在這方面作出了一定的嘗試，通常采用的方法是，在用戶登陸時為其提供一系列的選項，使用戶能夠對站點進行一些自主的設置。這樣做能夠使站點呈現一定程度的個性化，但是對用戶來講，還是比較煩瑣，而且在用戶了解一個站點前讓其對站點進行設置，其結果未免有些粗糙。于是我們構想了這樣一種方案，對用戶登陸后的動作進行跟蹤，分析，發掘用戶點擊的規律，即用戶先后點擊的關聯規則，這樣，在用戶點擊一個主題（鏈接）之后，系統能夠自動生成一頁面，其中包含了該主題下用戶經常關注的內容（若干鏈接），這樣便

13、在無須用戶作出任何額外工作的情況下實現了為用戶量身訂做的個性化頁面。本文主要完成web服務器端的設計實現管理公司概況、運單查詢、客戶留言、報價查詢以及后臺管理等asp頁面及整個實驗網站的組織建立和測試工作。1.2 相關術語的闡述www是“world wide web”的縮寫；html的意思則是“hypertext markup language”，中文翻譯為“超文本標記語言”。 url是uniform resource locator的縮寫，統稱為統一資源定位器?？梢园阉胂蟪晌募木W絡擴展。我們不但可以通過各種不同的方法指出在網絡的上哪一臺機器的目錄下的文件。這個文件可以通過各種不同的方法

14、得到。在url中還指定了訪問這一個文件的協議。在實際應用中，url經常稱為“網址”或url地址。tcp/ip協議（transmission control protocol / internet protocol傳輸控制協議/因特網協議）所謂協議，其實應該叫他網絡協議，它是計算機與計算機之間，進行信息傳輸的語言，只有兩臺計算機具有相同的協議方能進行信息傳輸，常見協議有ipx協議、tcp/ip協議等。tcp/ip協議可以說它是你接入因特網的必備條件，因為它是因特網上的通用協議。ftp協議(file transfer protocol)也就是文件傳輸協議。我們知道，在服務器中一般都有大量的共享軟件

15、和免費資源，要想從服務器中把文件傳送到本地的計算機（術語稱“客戶機” ）上或者把自己機器上的資源傳送到服務器上，就必須在兩臺機器中進行文件傳送，那么雙方就必須要共同遵守一定的規則，ftp就是用來在客戶機和服務器之間進行文件傳輸以實現文件共享的協議。ftp只是一種協議，必須要有相應的專用軟件來執行它，一般稱為ftp軟件。通過ftp軟件可連接到ftp服務器上，執行上載和下載文件的任務。常用的ftp軟件有leapftp、cuteftp、ws_ftp、ftpx等，這些軟件的原理基本相同，只是用戶界面和功能略有差異。- 2 -畢業論文 第二章網頁開發環境及數據庫概述第二章 網頁開發環境及數據庫概述2.1

16、 網頁運行環境的開發本系統必須被運行在iis (internet information server)下。使用 micorsoft internet information server (iis)，運行 windows nt server 的計算機便成為大容量、功能強大的 web 服務器，它可以將信息發布給辦公大樓或整個世界的用戶。對于在基于 windows nt 的計算機上聯網，internet information server 是很理想的，因為它可以在現存硬件上設置功能強大的 web 服務器。internet information server 集成在 windows nt se

17、rver 操作系統中，并利用了其安全特征和性能優勢。2.2 asp和ado簡介221 asp產生的歷史環境 從本節開始，將進入本書的重點內容-使用asp（active sever pages）技術設計最流行的遠程教育平臺。在目前飛速發展的it行業中，網站一旦建立起來，就一如既往的保持“靜態”，不加更改？如果是這樣，就無形中一落后時代的步伐。所謂靜態指的是網站的頁面內容固定不變，當用戶瀏覽器通過互聯網的http協議向web服務器請求提供頁面內容時，服務器僅僅是將原來已經設計好的靜態html代碼，最多加上流行的gif89a格式的動態圖片。若網站維護者要更新網頁的內容，就必須手動的來更新起所以的ht

18、ml文檔。這種網長的致命弱點就是不容易維護，為了不斷更新網頁的內容，就必須不斷的重復html文檔，隨著網站內容和信息量的日益擴增，使得工作量大得出人想象。asp正是解決這個尷尬局面出現了。因此asp迅速的得到了無數網絡開發者的垂青。(1)什么是aspasp的全稱是active sever pages,目前沒有正式的中文名，可以理解為動態服務器頁面技術。asp是目前最流行的開發動態網站的程序開發之一，它的特點是將腳本，超文本和強大的數據訪問功能結合在一起，并提供了眾多的服務器組件來擴張功能，能夠很方便的創建分布式和基于web的商業話應用程序。如果要更簡單的描述asp ，可以說asp就是運行在we

19、b服務器上的動態網頁。asp程序文件也是一個標準的網頁，一般html標記和asp腳本代碼混雜在一起組成。asp網頁程序必須想竟web服務器的asp解釋器解釋執行，產生html代碼后才傳送給用戶的瀏覽器執行顯示。(2) asp的特點為：1、任何開發工具皆可發展asp只要使用一般的文書編輯程序，如windows記事本，就可以編輯。當然，其他網頁發展工具，例如，frontpage express、frontpage等也都可以；不過還是建議你用記事本來寫，既省錢又方便，若是使用那些所見即所得的網頁編輯來寫asp，可能會發生一些意想不到的離奇狀態。通吃各家瀏覽由于asp程序是在網絡服務器端中執行，執行結

20、果所產生的html文件適用于不同的瀏覽器。2、語言相容性高asp與所有的activex script語言都相容，除了可結合html，vbscript、java script、active x服務器組件來設計外，并可經由“plug-in（外掛組件模組）”的方式，使用其他廠商（third party）所提供的語言。3、隱密安全性高 如果我們在瀏覽器中直接查看網頁的原始代碼，就只能看到文件，原始的asp程序代碼是看不到的！這是應屆asp程序先于網站服務（web server）端執行后，將結果轉換成標準html文件，再傳送到客戶端（client）的瀏覽器上，因此，我們所辛苦撰寫的asp程序并不會輕易地

21、被看見進而被盜用。4、易于操控數據庫asp可以輕易地通過odbc(open database connectivity)驅動程序連接各種不同的數據庫，例如：access、foxpro、dbase、oracle等等，另外，asp亦可將“文本文件”或是“excel” 文件當成數據庫用。5、面向對象學習容易asp具備有面向對象（oobject-oriented）功能，學習容易，asp提供了五種方便能力強大的內建對象：request、response、sever、application以及session，同時，若使用asp內建的“application”對象或“session”對象所撰寫出來的asp程

22、序可以在多個網頁之間暫時保存必要的信息。 (3) asp模型對象asp提供了六個功能強大的內置對象供用戶使用，利用這六個對象，可以設計變化多端的web應用程序，在asp開發web應用程序時，通過調用對象的方法，不但能實現提高編程效率，而且編程更優化。下面列出asp包括的六個內置對象：response：將信息送主客戶端request：從客戶端取得信息server：提供一些web sever方法session：記錄連接著的信息，每一個連接者的信息有獨立的session對象來記錄apptication：記錄共用消息，讓不同的可戶端共享信息objectcontent：配合mts進行分布式事務處理(4)

23、asp的運行asp頁面與一般的html頁面的真正不同之處，在于asp頁面需要經過web服務器的解釋執行而html網頁不需要。因此如果要運行和發布式asp網頁，就需要有web服務器的支持。任何一個web服務器，只有內嵌有asp的解釋程序，就可以運行asp 編寫的動態網頁。整個過程主要有如下5個步驟（html頁面的處理沒有第三步）a.用戶將asp文件的網址輸入到瀏覽器的地址欄，請求一個asp網頁。b.瀏覽器向web服務器發送asp文件請求，成為requestc.服務器找到并解釋執行該asp文件，生成標準的html文件d.服務器將html文件傳送給用戶瀏覽器，稱為responsee.用戶的瀏覽器解釋

24、html文件，結果在瀏覽器窗口顯示2.2.2 ado對象ado原名為activex data object。通過與asp的結合，可以在網頁里執行sql的指令，用戶可以輕松且快速的存取、增加或是刪除數據庫的數據。ado包含三個主要的對象：recordset、connection以及command。通過這些對象的了解與應用，再利用asp對象，就可以很容易地制作出一個方便快捷、功能多樣的網站?？焖?、容易和節省磁盤空間，是ado的特性，這使得ado成為十分熱門的技巧。ado通過與odbc的鏈接，可以鏈接許多各種類型的數據庫，因為odbc本身就支持許多類型的數據庫。ado通過vbscript和javas

25、cript語言的技巧，不但可以控制存取數據庫，還可以達到一些特殊技巧的變化。ado 提供 connection 對象可以使用該對象建立和管理應用程序和 odbc 數據庫之間的連接。connection 對象具有各種屬性和方法，可以使用它們打開和關閉數據庫連接，并且發出查詢請求來更新信息。要建立數據庫連接，首先應創建 connection 對象的實例。用 connection 對象的 execute 方法您可以發出結構化查詢語言 (sql) 查詢數據庫源并檢索結果。sql 是用于與數據庫通訊的工業標準語言，它有許多命令可用來檢索和更新信息。使用 connection 對象的 execute 方法

26、在 sql insert 命令的表格中發出查詢，該命令將數據插入特定的數據庫表格。使用 recordset 對象處理結果盡管 connection 對象簡化了連接數據庫和查詢任務，但 connection 對象仍有許多不足。確切地說，檢索和顯示數據庫信息的 connection 對象不能用于創建腳本；您必須確切知道要對數據庫作出的更改，然后才能使用查詢實現更改。對于檢索數據、檢查結果、更改數據庫，ado 提供了 recordset 對象。正如它的名稱所暗示的那樣，recordset 對象有許多您可以使用的特性，根據您的查詢限制，檢索并且顯示一組數據庫行，即記錄。 recordset 對象保持查

27、詢返回的記錄的位置，允許您一次一項逐步掃描結果。根據 recordset 對象的指針類型屬性設置，您可以滾動和更新記錄。數據庫指針可以讓您在一組記錄中定位到特定的項。指針還用于檢索和檢查記錄，然后在這些記錄的基礎上執行操作。recordset 對象有一些屬性，可用于精確地控制指針的行為，提高您檢查和更新結果的能力。例如，您可以使用 cursortype 和 cursorlocation 屬性設置指針的類型，將結果返回給客戶端應用程序（結果通常保留在數據庫服務器上）并顯示其他用戶對數據庫的最后一次更改。一個成功的數據庫應用程序都使用 connection 對象建立鏈接并使用 recordset

28、對象處理返回的數據。通過“協調”兩個對象的特定功能，您可以開發出幾乎可以執行任何數據處理任務的數據庫應用程序。例如，下面的服務器端腳本使用 recordset 對象執行 sql select 命令。select 命令檢索一組基于查詢限制的信息。查詢也包含 sql where 子句，用來縮小查詢的范圍。通過 ado command 對象，可以象用 connection 對象和 recordset 對象那樣執行查詢，唯一的不同在于用 command 對象您可以在數據庫源上準備、編譯您的查詢并且反復使用一組不同的值來發出查詢。這種方式的編譯查詢的優點是您可以最大程度地減少向現有查詢重復發出修改的請求

29、所需的時間。另外，您還可以在執行之前通過您的查詢的可變部分的選項使 sql 查詢保持局部未定義。command 對象的 parameter 集合減少了您的麻煩，使您不必在每次重新發出查詢時重新建立查詢。2.3 網頁圖像設計工具photoshopadobe公司開發，處理圖形圖像的專門設計軟件。dtp和圖像軟件的結合，使設計師可在電腦上直接完成文字的錄入、排版、圖像處理、形象創造和分色制板的全過程，開創了“電腦平面設計”時代。 photoshop的專長在于圖像處理，而不是圖形創作。有必要區分一下這兩個概念。圖像處理是對已有的位圖圖像進行編輯加工處理以及運用一些特殊效果，其重點在于對圖像的處理加工；

30、圖形創作軟件是按照自己的構思創意，使用矢量圖形來設計圖形，這類軟件主要有adobe公司的另一個著名軟件illustrator和macromedia公司的freehand。photoshop系列中使用最廣泛的有photoshop5.0版本、photoshop7.0。2.4 網頁設計工具dreamweavermacromedia 公司的產品的另一款“所見即所得”的網頁編輯工具。與 frontpage 不同，deamweaver 采用的是 mac 機浮動面版的設計風格，對于初學者來說可能會感到不適應。但當你習慣了其操作方式后，就會發現 dreamweaver 的直觀性與高效性是 frontpage

31、所無法比擬的。 dreamweaver 對于 dhtml 的支持特別好，可以輕而易舉地做出很多眩目的頁面特效。插件式的程序設計使得其功能可以無限的擴展。dreamweaver 與 flash、firework 并稱為 macromedia 的網頁制作三劍客，由于是同一公司的產品，因而在功能上有著一個非常緊密的結合。而最新推出的 dreamweaver ultradev 更支持 asp，jsp。因此，說dreamweaver 是高級網頁制作的首選并不為過。常見的版本為 dreamweaver3、dreamweaver4、dreamweavermx、dreamweaver8.0、dreamweav

32、er cs.所以我本次設計主要選用dreamweaver8.0結合photoshop7.0處理圖片。- 8 -畢業論文 第三章 網頁需求分析第三章 網頁需求分析3.1 可行性分析3.1.1網頁的界面設計由于越來越多個人開始建立自己的網站，網站除了具有傳播信息的功能外，還往往代表個人的形象。網站建設商業化和廣告化的趨勢，對網頁設計的藝術性提出了更高的要求。雖然html語言提供了對常用windows標準控件的支持，但是，由于windows標準控件的形狀和顏色十分單一，網頁的視覺效果可能會很差。例如：列表框和下拉列表框只能呈現凹陷邊框，而且下拉列表的箭頭的顏色不能改變，滾動條只能出現在窗口的下邊和右

33、邊，當網頁分成多個幀的時候，滾動條就不可避免的出現在網頁的中間，破壞網頁的整體性。若在網頁的設計中主動配合windows標準控件的形狀和顏色，網頁的創作空間就會受到限制。因此，有必要實現網頁中的自定義控件，以滿足網頁設計藝術化的要求。a. 網頁界面構成要素與傳統媒體不同，網頁除了文字和圖像以外，還包含聲音、視頻和動畫等新興多媒體元素，更借助由代碼語言編程所實現的各種交互式效果，增加了網頁界面的生動性和復雜性，也使得網頁設計者需要考慮更多頁面元素的排布、優化。 一般來說，網頁的界面主要由下面幾個因素構成：（1）文字：文字元素是信息傳達的主體部分。網頁中的文字主要包括標題、信息、文字鏈接、幾種主要

34、形式。標題和傳統媒體中信息傳達的基本作用相同，是內容的簡概說明一般比較醒目、優先編排。文字作為占據頁面重要比率的元素，同時又是信息重要載體，它的字體、大小、顏色和排布對頁面整體設計影響極大。（2）圖形：圖形在網頁界面中具有重要作用。合理的運用圖形?？梢陨鷦又庇^、形象地表現設計主題。網頁中常用的圖形格式包括jpg和gif，這兩種格式壓縮比高，得到了規范瀏覽器的支持，下載速度快，具有跨平臺。3.2網站需求分析3.2.1建站目的 internet是目前世界上最大的計算機互聯網絡，它遍布全球，將世界各地各種規模的網絡連接成一個整體。作為internet上一種先進的，易于被人們所接受的信息檢索手段，wo

35、rld wide web(簡稱www)發展十分迅速，成為目前世界上最大的信息資源寶庫。據估計，目前internet上已有上千萬個web站點，其內容范圍跨越了教育科研、文化事業、金融、商業、新聞出版、娛樂、體育等各個領域，其用戶群十分龐大，因此，建設一個好的web站點對于一個機構的發展十分重要。近年來，隨著網絡用戶要求的不斷提高及計算機科學的迅速發展，特別是數據庫技術在internet中的廣泛應用，web站點向用戶提供的服務將越來越豐富，越來越人性化。因此網站建設在internet應用上的地位顯而易見，它已成為政府、企事業單位信息化建設中的重要組成部分，從而倍受人們的重視。提高公司知名度，擴大公

36、司規模，*公司的領導決定建立自己的公司網站。 3.2.2網站實現功能 本網站給客戶提供一個了解公司的平臺，客戶可以與公司及時地交換意見，產生互動，公司也可以及時對網站進行更新維護。 前臺客戶系統功能：(1) 用戶可以瀏覽公司的一些基本的信息。(2) 用戶可以瀏覽公司的新聞。(3) 用戶可以查看公司的聯系方式。(4) 用戶可以瀏覽留言板的帖子。(5) 用戶可以隨時發表自己的言論。 后臺管理系統功能：(1) 增加、修改、刪除公司的新聞。(2) 修改、刪除留言板帖子。(3) 瀏覽、刪除最新產品信息。- 10 -畢業論文 第四章 網站的總體規劃第四章 網站的總體規劃4.1 制作網頁的一般步驟首先，你應

37、該明確制作網頁是為了干什么。比如，你是公司的職員，想通過網頁來對公司進行廣告宣傳；再假設你正在做一個項目，想和外地的工程師通過網頁討論該項目。如果你要制作個人網頁，那么你可能想通過個人網頁在網上進行傳播，從而展示自己，并和網友交朋友。這就是你的目的。我這次做這個網頁就是為了讓同學們在自己的班級網站里面更好的交流和聯系，及時發布一些班級新聞，為同學們建造一個網上家園。其次，組織好你的網頁內容。試想，你把自己的照片和內容都堆在一起，別人將無法明白你想干什么，說不準，連你自己都糊涂了。如果組織得好，用戶從你的網頁中獲取信息就容易得多。對于那些很重要的信息，用戶只需要簡單的操作就能得到。一般來說，組織

38、好網頁的關鍵是要對網頁建立層次分明、條理清楚的結構圖。腦子里有了這樣一張結構圖，就會對網頁很明白，并且有助于制作網頁。而后，要確定你的網頁所具有的外觀和特色，目的就是讓用戶被你的網頁所吸引。如果你只是要把很多漂亮的畫面堆在一起，而不管內容，那將沒人看。應該讓你的網頁不僅漂亮，更重要的是實用。怎么把自己的照片和內容有機的結合到一起，這也正是你的網頁特色所在。然后，開始制作網頁。具體操作時，首先要創建個人站點，再充分利用dreamweaver的功能建立各個網頁。最后，等網頁做好了，就該發布站點了。站點發布后，為了保持站點的吸引力，要經常修改網頁的內容（添加新的內容，更換已過時的圖像等），就要更新和

39、維護你的站點了。4.2 網頁包括的元素無論是初次領略internet風光的新手，還是經常上網沖浪的老手，在初次設計網頁之前，都必須先認識一下構成網頁的基本元素。只有這樣，才能在真正的設計工作中得心應手，根據需要合理的組織和安排網頁的內容，從而達到期望的目標。設計網頁的目的主要是發布信息，因此，作為信息載體的文本和圖像也就成了網頁的基本組成部分，超級鏈接是web的核心，使它將萬維網中無數的網頁鏈接在一起，如果沒有它，web就無從談起，此外，表格、動畫、音樂和交互表單等信息的組織、表現，以及交互元素在網頁中也具有舉足輕重的地位。(1) 文本文本一直是人類最重要的信息載體和交流工具，網頁中的信息也以

40、文本為主，與圖像相比，文字雖不如圖像那樣能夠很快的引起瀏覽者的主意，但卻能準確的表達消息的內容和含義，為了克服文字固有的缺點，人們賦予了網頁中文本更多的屬性，如文字、字號、顏色、底紋和邊框等，通過不同格式的區別，突出顯示重要的內容，此外，用戶還可以在網頁中設計各種各樣的文字列表來清晰表達一系列項目，這些功能都給網頁中的文本賦予了新的生命力。(2) 圖像圖像在網頁中具有提供信息，展示作品，裝飾網頁，表達個人情調和風格的作用。用戶可以在網頁中使用gif、jpeg、png 3種圖像文件格式，其中使用最廣泛的是gif和jpeg兩種格式。(3) 超級鏈接超級鏈接技術可以說是萬維網流行起來的最主要的原因，

41、它是從一個網頁指向另一個目的端的鏈接，例如指向另一個網頁或相同網頁上的不同位置，這個目的端通常是另一個網頁，但也可以是一幅圖片，一個電子郵件地址，一個文件，一個程序或本網頁中的其他位置，其載體通常是文本，圖片或圖片中的區域，也可以是一些不可見的程序腳本。當瀏覽者單擊超級鏈接時，其目的端將顯示在web瀏覽器上，并根據目的端的類型以不同方式鏈接。例如，當指向一個avi文件的超級鏈接被單擊后，該文件將在媒體播放軟件中打開;如果是指向一個網頁的超級鏈接，則該網頁將顯示在web瀏覽器上。(4). 表格在網頁中表格用來控制網頁中信息的布局方式。這包括兩方面：一是使用行和列的形式來布局文本和圖像以及其他的列

42、表化數據；二是還可以使用表格來精4.3 網頁層次結構（附結構圖）- 29 -畢業論文 第五章 網頁設計的相關步驟第五章 網頁設計的相關步驟5.1 制作前的工作在正式開始制作網頁之前，最好先定義一個新網站，這是為了更好地利用站點窗口對站點文件進行管理。5.1.1定義的方法方法一：在站點窗口的下拉菜單選擇最后一項編輯站點，如下圖。此時會彈出一個新的對話框，點擊“新建”按鈕就可以定義一個新網站，如果日后需要對舊有網站重新定義，可以在左邊的網站列表中選中你需要重新定義的網站，然后點擊“編輯”按鈕便可。方法二：選擇菜單“站點”“新建站點”選項。（如圖所示）5.1.2基本設置在接著看到的對話框中，要進行以

43、下簡單的設置： 網站名稱：為你的網站起一個名字，這個名字只起著識別的作用，與網站發布后真實的名字無關，例如這里的名字是：“我的網站”，而實際上我的網站叫“電腦課堂”；如果不需要什么特殊的服務器技術，就選“否”這項。本地根目錄：設置網站在本地硬盤的位置，點擊后面的文件夾圖標可以選擇硬盤的任意目錄作為存放網站文件的目錄；可以任意選擇你想要將文件存儲在服務器上的位置，方法同上一步本地根目錄的建立相同。選擇默認的狀態即可。完成后，回到站點窗口，就可以看到如下類似的畫面：可以看到，“我的網站”的名稱已經出現在站點窗口了，因為是新建的一個站點，所在在本地目錄看到的一片空白。站點定義完畢之后，就可以正式制作

44、屬于你自己的網頁了。個人網頁界面5.2 建立超鏈接超級鏈接（link），簡稱鏈接，是頁面與頁面之間一個單向的關聯關系。通過點擊鏈接，我們可以從一個頁面跳到另一個頁面。我們可以在文字、圖片建立鏈接。5.2.1 基本設置在頁面中選取需要建立鏈接的文字，如下圖：文字的鏈接在屬性面板的link一項，填寫鏈接地址，當瀏覽者點擊該鏈接的時候，瀏覽器就回跳轉到該頁面，例如這里填寫的是：。 如果你希望該頁面是在一個新窗口打開，可以在target中選擇“_balnk”。 如果要鏈接到網站內的文件，可以點擊 ：上圖中，我們是將文字鏈接到“berna biotech ag welcome!.htm”這個文件，特別注

45、意的是最底的“相對于”的選項，意思是選擇相對路徑的形式，默認是“文檔”，也可以選擇“站點根目錄”，區別在于，“文檔”是指相對路徑是從本頁開始計算，而“站點根目錄”是從根目錄開始計算（即“/”），如下圖：另外，如果使用“站點根目錄”的模式做成的鏈接，在本地硬盤直接打開頁面瀏覽通常會出錯，但在dreamweaver的預瀏模式和上傳上服務器后，都不會有問題。5.2.2 圖片鏈接圖片鏈接的建立過程與文字鏈接相似，就不多作介紹了。但特別要提出的是，某些圖片，在加上鏈接后，會出現一個藍色的邊框，要將邊框去掉，將border設為0即可。5.2.3 熱區鏈接前面介紹的圖片鏈接，一張圖只能對應一個鏈接，能不能一

46、張圖對應多個鏈接呢？答案是可以的，選取一張圖片后，可以在屬性面板看到“地圖”選項：其中： 創建矩形熱區， 創建原形熱區， 創建多邊形熱區。例如我們現在點 ，光標變成一個十字，此時可以在圖片上畫出一個藍色矩形的熱區：此時對應的屬性面板為：同樣地，在“鏈接”輸入鏈接地址（“#”表示一個空鏈接），而“目標”則為當鼠標指向熱區時所顯示的文字，與圖片的“目標”相似。我們可以通過 選擇不同的熱區，并通過調整熱區四個角的控制點調整熱度的大小。通過熱區，我們可以在一個杯子上做一個鏈接，同時又在另一個桿子上做一個鏈接，分別鏈接到不同的頁面。 關于鏈接的提示1、如果要鏈接到一個e-mail地址，則在“鏈接”處填寫

47、：“mailto:地址”，例如mailto:dnkt，那么點擊該鏈接的時候，就回打開默認的e-mail程序，例如outlook，發送e-mail到dnkt這個地址。2、如果鏈接到瀏覽器無法打開的文件，例如exe、zip等文件，那么瀏覽者在點擊這個鏈接的時候，就會彈出對話框，詢問是將文件保存到硬盤的什么地方，這就實現了文件下載的功能。畢業論文 第六章 需要解決的幾個相關問題第六章 需要解決的幾個相關問題61 數據庫技術access是office系列軟件中用來專門管理數據庫的應用軟件。所謂數據庫是指經過組織的、關于特定主題或對象的信息集合。數據庫管理系統分為兩類：文件管理系統和關系型管理系統。ac

48、cess應用程序就是一種功能強大且使用方便的關系型數據庫管理系統，一般也稱關系型數據庫管理軟件。它可運行于各種microsoft windows系統環境中，由于它繼承了windows的特性，不僅易于使用，而且界面友好，如今在世界各地廣泛流行。它并不需要數據庫管理者具有專業的程序設計水平，任何非專業的用戶都可以用它來創建功能強大的數據庫管理系統。access使用標準的sql（structured query language,結構化查詢語言）作為它的數據庫語言，從而提供了強大的數據處理能力和通用性，使其成為一個功能強大而且易于使用的桌面關系型數據庫管理系統和應用程序生成器。access數據庫使用

49、單一的*.mdb文件管理所有的信息，這種針對數據庫集成的最優化文件結構不僅包括數據本身，也包括了它的支持對象。此外，access 2000還利用office套件共享的編程語言vba（visual basic for application）進行高級操作控制和復雜的數據操作。62 數據庫連接技術一個動態的網站，它的動態就體現在數據庫技術上面，那么怎么才能使數據庫與我們的web頁面進行連接呢？這里就要用到asp六大內對象中的server對象！具體代碼如下：<%dim conn,connstrset conn=server.createobject(“adodb.connection”)con

50、nstr=”dbq=”&server.mappath(“數據庫的路徑”)&” ;driver=microsoft access driver(*.mdb)”conn .open connstr%>這些代碼一般都放在一個名稱為conn.asp的文件里面。如果web頁面中需要用到數據庫連接時就使用宏定義把這個文件包含進去就可以了！具體代碼十分簡單：<!-#include file=conn.asp->。63 數據庫寫入技術關于數據庫的寫入技術一般可以分為兩類：addnew方法和insertinto！在asp中，直接使用“insert into” 語句與使用ado中

51、addnew方法有什么區別？哪一種更好呢？addnew方法的實質就是封裝了“insert into”語句。所以，當我們需要對大量數據進行操作的時候，應優先選用“insert into”語句。因為直接使用sql語句，減少了ado的解釋時間，顯然會大大加快存取數據的速度。下面我們分別來看一下它們的代碼！以向一個名為data的表中插入一個類型均為文本型的兩個字段 username和psw一：insert into <!-#include file=conn.asp->這句話包括了數據庫的文件！<% name=request.form("name")psw=req

52、uest.form("psw")sql=”select *from data where(id is null)”sql="insert into data(username,psw)values('"+name+"',"+psw+"')"conn.execute sqlconn.closeset conn=nothingresponse.write "記錄添加成功!"%>分析：1：<!-#include file=conn.asp->是一個宏它是我們提

53、前定義好的一個數據庫連接的文件！2：psw=request.form(“psw”)實際上我們省略了一個提交的頁面我們定義了兩個中間的變量， 3：sql=”select *form data where(id is null)”這里我們要找的就是把數據庫中id為空的記錄找出來！ 4：sql=”insert into data(“username,psw”)values(”+name+”,”+psw+”)”這里是我們值得注意的地方因為它是關鍵！學過vf或sql的對這語句并不陌生！但是一定要寫對因為在這一行語句的values值中需要根據數據庫中的字段類型來定義的！它使用了單引號、雙引號、連接符的排列順序！其中連接符號還