網頁設計畢業(yè)論文網頁設計——中國書畫網

《網頁設計畢業(yè)論文網頁設計——中國書畫網》由會員分享，可在線閱讀，更多相關《網頁設計畢業(yè)論文網頁設計——中國書畫網（33頁珍藏版）》請在裝配圖網上搜索。

1、中國書畫網的設計與制作 畢業(yè)設計 20140318 題 目: 網頁設計——中國書畫網 00000000000000 畢業(yè)設計（論文）任務書 題 目： 網頁設計---中國書畫網 所屬系部: 電子信息與電氣工程系 教務處制 1． 畢業(yè)設計（論文）的主要內容及基本要求 網頁制作——中國畫，要求：利用所學的Photoshop圖形圖像處理和Dreamweaver網頁設計以及所學的ASP數(shù)據庫編程制作成一個以介紹中國畫為主的前臺靜態(tài)網頁以及學習為

2、主的后臺論壇的一個業(yè)務性的網站，目的在于通過借助網絡的力量，很好而有力的傳承中國文化，并將其發(fā)揚光大，論文內容如下： (1)緒論； (2)網頁開發(fā)環(huán)境及數(shù)據庫概述； (3)網頁需求分析； (4)網站的總體規(guī)劃； (5)需要解決的幾個問題； (6)網頁測試。 2．進度安排 設計（論文）各階段內容 起止日期 1 查閱有關國畫、名人畫家的相關資料 4.1—4.7 2 進一步熟悉有個Dreamweaver及ASP的相關知識 4.7—4.21 3 使用Photoshop、Dreamweaver、ASP制作中國畫網頁 4.21—5.11 4 撰寫論文 5.1

3、1—5.27 5 畢業(yè)答辯 5月底 摘 要 隨著網絡信息的飛速發(fā)展，網絡傳媒以被越來越多的企業(yè)看好，而網站就是傳媒很好的一種方式，目前有很多企業(yè)都在開發(fā)屬于自己的網站，所以研究網站建設是很有必要的。本文針對開發(fā)網站的ASP(Active Server Pages)技術做了具體的闡述，說明了ASP(Active Server Pages)服務器的安裝及IIS的配置。數(shù)據庫系統(tǒng)是對數(shù)據進行存儲，管理，處理和維護的軟件系統(tǒng)，每個動態(tài)網站都必須牽涉到數(shù)據庫，數(shù)據庫的地位是非常重要的，本文根據數(shù)據庫盡可能不重復，以最優(yōu)的方式組織數(shù)據的特點，對數(shù)據的增、刪、改和檢索由

4、統(tǒng)一軟件進行管理和控制。數(shù)據庫和ASP(Active Server Pages)技術也是本文研究的主要對象。 本文運用ASP(Active Server Pages)技術、數(shù)據庫和相應的網站開發(fā)軟件，闡述了網站前后臺設計，并對其功能進行了論述，實現(xiàn)了整個網站功能的使用。通過對整個網站的設計，說明了在制作過程中遇到常見問題的解決方法。 關鍵詞：ASP技術,軟件工程,數(shù)據庫 Abstract Along with the rapid development of network information, network media by more and more enterprise

5、s, and web site is a way to media is very good now, many enterprises in the development of web site, so that belongs to his research website construction is very necessary. Based on the ASP (Active Server mix) technology was expounded, and illustrates the ASP (Active Server mix) Server installation

6、and IIS configuration. Database of data storage system is, management, processing and maintenance of software system, each dynamic website must involves database, which is very important, based on database as not to repeat, with the optimal way to organize data to the data, the characteristics and r

7、oles, and retrieval of unified management and control software. Database and Active Server (ASP) technology is studied in this paper and mix the main object. Using Active Server (ASP) technology, database and mix the corresponding website development software, this paper expounds QianHouTai website

8、 design, and discussed the function, realized the function of use. Through the website of the design, the manufacture process solutions to common problems. Keywords: ASP technology, database, software engineering 目錄 摘 要……………………………………………………………… (1) 前 言……………………………………………………………… (1) 第一章.

9、 緒論 ……………………………………………………… (2) 1.1 網頁制作的背景和意義 ……………………………… (2) 1.2 相關術語的闡述 ………………………………………… (2) 第二章. 網頁開發(fā)環(huán)境及數(shù)據庫概述 …………………………… (5) 2.1 網頁環(huán)境的開發(fā)………………………………………… (5) 2.2 ASP和ADO簡介…………………………………………… (5) 2.2.1 ASP產生的歷史環(huán)境……………………………… (5) 2.2.2 ADO對象…………………………………………… （

10、5) 2.3 網頁圖像設計工具——photoshop …………………… (9) 2.4 網頁頁面設計工具——Dreamweave……………………… (10) 第三章. 網頁需求分析 …………………………………………… (11) 3.1 可行性分析………………………………………………… (11) 3.1.1.網頁的界面設計……………………………… (11) 3.2 網站需求分析……………………………………………… (11) 3.2.1.建站目的…………………………………… (11)

11、 3.2.2.網站實現(xiàn)功能……………………………… (12) 第四章. 網站的總體規(guī)劃………………………………………… (13) 4.1 制作網頁的一般步驟……………………………………… (12) 4.2 網頁包括的元素…………………………………………… (13) 4.3 網頁層次結構……………………………………………… (15) 4.4目錄的層次結構…………………………………………… (15) 4.5網頁設計的相關步驟及代碼設計………………………… （） 第五章．需要解決的幾個關鍵問題…………………………………… (2) 5.1 數(shù)據庫技術…

12、……………………………………………… (2) 5.2 數(shù)據庫連接技術…………………………………………… (2) 5.3 數(shù)據庫寫入技術………………………………………… (2) 5.4 數(shù)據庫讀取技術………………………………………… (2) 5.5 記錄集合的錄入…………………………………………… (2) 第六章 網頁測試…………………………………………………… (2) 6.1 測試網站…………………………………………………… (2) 6.2 測試發(fā)布及網站維護……………………………………… (2) 結 論……………………………………………

13、………………………(2) 致 謝……………………………………………………………………(2) 參 考 文 獻………………………………………………………………(2) 附 錄……………………………………………………………………(2) 中國書畫網網頁設計 前 言 中華民族文化源遠流長，中國文化博大精深，而中國畫在思想內容和藝術創(chuàng)作上，都反映了中華民族的社會意識和審美情趣，體現(xiàn)了中國人對自然、社會及與之相關聯(lián)的政治、哲學、宗教、道德、文藝等方面的認識。傳承中國文化，并將其發(fā)揚廣大，是我，作為一個華夏之女的心愿。 在信息技術飛速發(fā)展的今天，人們獲取信息的方式更

14、多是來源于互聯(lián)網。而吸引瀏覽用戶的則是視覺效果出色、信息量豐富、使用起來便捷的網頁，所以網頁設計尤為重要。 互聯(lián)網成為人們快速獲取、發(fā)布和傳遞信息的重要渠道，它在人們政治、經濟、生活等各個方面發(fā)揮著重要的作用。網頁設計伴隨著網絡的快速發(fā)展而快速興起，作為上網的主要依托，由于人們使用網絡的頻繁而變得非常的重要。網頁講究的是排版布局，其功能主要就是提供一種形式給每個上網者，讓他們能夠了解網站提供的信息。 面對日益加快的生活節(jié)奏和信息社會日新月異的變化，企業(yè)極需要一種快捷，便利的平臺來對外宣傳企業(yè)形象,介紹最新產品和及時售后服務。如何運用現(xiàn)代化信息技術完成這一目標，建立“一座企業(yè)與顧客之間暢通無

15、阻的大橋”已成為企業(yè)中應該解決的重要課題之一，本網站正是為這一目標設計制作的。 第一章． 緒論 1.1 網頁制作的背景和意義 我們讀書就是為了獲得知識，現(xiàn)在我們學習了ASP動態(tài)網頁設計，當然就是要能做一個精美的網頁。在此次畢業(yè)設計中，我們要能更加的了解Dreameaver強大的功能和更好的使用它。通過此次設計我們還要能夠知道靜態(tài)網頁和動態(tài)網也的區(qū)別。誠然，次此設計的個人網頁，一方面是為了完成畢業(yè)作業(yè)，但更重要的是把我們所學到的東西用在具體的實踐之中，所以，這次設計的目的也是要我們更好的掌握和使用好ASP的核心工具和技術，以便提高對網頁知識的更深層了解。第三點也是最要的一點是，把我

16、們在書本上學到的知識充分運用到此次設計之中。使我們的在書上學到的東西不僅僅停留在表面上，把這些東西都用在所要做的網頁上面。以達到老師要求的效果和學以致用。 Internet是目前世界上最大的計算機互聯(lián)網絡，它遍布全球，將世界各地各種規(guī)模的網絡連接成一個整體。作為Internet上一種先進的，易于被人們所接受的信息檢索手段，World Wide Web(簡稱WWW)發(fā)展十分迅速，成為目前世界上最大的信息資源寶庫。據估計，目前Internet上已有上百萬個Web站點，其內容范圍跨越了教育科研、文化事業(yè)、金融、商業(yè)、新聞出版、娛樂、體育等各個領域，其用戶群十分龐大，因此，建設一個好的Web站點對于

17、一個機構的發(fā)展十分重要。近年來，隨著網絡用戶要求的不斷提高及計算機科學的迅速發(fā)展，特別是數(shù)據庫技術在Internet中的廣泛應用，Web站點向用戶提供的服務將越來越豐富，越來越人性化。 我們發(fā)現(xiàn)這樣一個事實，一個用戶在訪問一個網站時一般來講只對該網站的部分內容感性趣，而且這種興趣會持續(xù)一段時間。這點啟發(fā)了我們，如果能根據用戶的喜好為不同的用戶顯示其個性化的頁面，即著重顯示該用戶感興趣的內容，將為用戶節(jié)約大量的檢索時間，而且這樣的網頁顯然是更具有吸引力的。一些站點已經在這方面作出了一定的嘗試，通常采用的方法是，在用戶登陸時為其提供一系列的選項，使用戶能夠對站點進行一些自主的設置。這樣做能夠使站

18、點呈現(xiàn)一定程度的個性化，但是對用戶來講，還是比較煩瑣，而且在用戶了解一個站點前讓其對站點進行設置，其結果未免有些粗糙。于是我們構想了這樣一種方案，對用戶登陸后的動作進行跟蹤，分析，發(fā)掘用戶點擊的規(guī)律，即用戶先后點擊的關聯(lián)規(guī)則，這樣，在用戶點擊一個主題（鏈接）之后，系統(tǒng)能夠自動生成一頁面，其中包含了該主題下用戶經常關注的內容（若干鏈接），這樣便在無須用戶作出任何額外工作的情況下實現(xiàn)了為用戶量身訂做的個性化頁面。本文主要完成Web服務器端的設計實現(xiàn)管理個人資料、照片上傳、網文撰寫、客戶留言、日志以及后臺管理等ASP頁面及整個實驗網站的組織建立和測試工作。 我通過中國書畫網站展示出中華文化的博大精

19、深。不同的人，其網站上的展示方式或手法各有不同，千變萬化。在網站策劃中，如何把把中華文化通過網站展示出來，是我設計的重要內容。 1.2 相關術語的闡述 WWW是“World Wide Web"的縮寫；HTML的意思則是“Hypertext Markup Language”,中文翻譯為“超文本標記語言”。“超文本”就是指頁面內可以包含圖片、鏈接、甚至音樂，程序等非文字的元素。URLs是Uniform Resource Locator的縮寫，統(tǒng)稱為統(tǒng)一資源定位器?？梢园阉胂蟪晌募木W絡擴展。我們不但可以通過各種不同的方法指出在網絡的上哪一臺機器的目錄下的文件。這個文件可以通過各種不同的方

20、法得到。在URL中還指定了訪問這一個文件的協(xié)議。在實際應用中，URL經常稱為“網址”或URL地址。 TCP/IP協(xié)議（Transmission Control Protocol / Internet Protocol傳輸控制協(xié)議/因特網協(xié)議）所謂協(xié)議，其實應該叫他網絡協(xié)議，它是計算機與計算機之間，進行信息傳輸?shù)恼Z言，只有兩臺計算機具有相同的協(xié)議方能進行信息傳輸，常見協(xié)議有IPX協(xié)議、TCP/IP協(xié)議等。 IPX現(xiàn)廣泛應用于局域網中，大多數(shù)局域網游戲都使用IPX協(xié)議。TCP/IP協(xié)議可以說它是你接入因特網的必備條件，因為它是因特網上的通用協(xié)議。 FTP協(xié)議(File Transter Pr

21、otocol)也就是文件傳輸協(xié)議。我們知道，在服務器中一般都有大量的共享軟件和免費資源，要想從服務器中把文件傳送到本地的計算機（術語稱“客戶機”）上或者把自己機器上的資源傳送到服務器上，就必須在兩臺機器中進行文件傳送，那么雙方就必須要共同遵守一定的規(guī)則，F(xiàn)TP就是用來在客戶機和服務器之間進行文件傳輸以實現(xiàn)文件共享的協(xié)議。FTP只是一種協(xié)議，必須要有相應的專用軟件來執(zhí)行它，一般稱為FTP軟件。通過FTP軟件可連接到FTP服務器上，執(zhí)行上載和下載文件的任務。 常用的FTP軟件有LeapFTP、CuteFTP、WS_FTP、FTPX等，這些軟件的原理基本相同，只是用戶界面和功能略有差異。 第

22、二章．網頁開發(fā)環(huán)境及數(shù)據庫概述 2.1 網頁運行環(huán)境的開發(fā) 本系統(tǒng)必須被運行在IIS (Internet Information Server)下。 使用 Micorsoft Internet Information Server (IIS)，運行 Windows NT Server 的計算機便成為大容量、功能強大的 Web 服務器，它可以將信息發(fā)布給辦公大樓或整個世界的用戶。對于在基于 Windows NT 的計算機上聯(lián)網，Internet Information Server 是很理想的，因為它可以在現(xiàn)存硬件上設置功能強大的 Web 服務器。Internet Information

23、Server 集成在 Windows NT Server 操作系統(tǒng)中，并利用了其安全特征和性能優(yōu)勢。 2.2 ASP和ADO簡介 2.2.1 ASP產生的歷史環(huán)境 從本節(jié)開始，將進入本書的重點內容----使用ASP（active sever pages）技術設計最流行的遠程教育平臺。在目前飛速發(fā)展的IT行業(yè)中，網站一旦建立起來，就一如既往的保持"靜態(tài)"，不加更改？如果是這樣，就無形中一落后時代的步伐。所謂靜態(tài)指的是網站的頁面內容固定不變，當用戶瀏覽器通過互聯(lián)網的HTTP協(xié)議向Web服務器請求提供頁面內容時，服務器僅僅是將原來已經設計好的靜態(tài)HTML代碼，最多加上流行的GIF89A格

24、式的動態(tài)圖片。若網站維護者要更新網頁的內容，就必須手動的來更新起所以的HTML文檔。這種網長的致命弱點就是不容易維護，為了不斷更新網頁的內容，就必須不斷的重復HTML文檔，隨著網站內容和信息量的日益擴增，使得工作量大得出人想象。ASP正是解決這個尷尬局面出現(xiàn)了。因此ASP迅速的得到了無數(shù)網絡開發(fā)者的垂青。 (1)．什么是ASP ASP的全稱是Active Sever Pages,目前沒有正式的中文名，可以理解為動態(tài)服務器頁面技術。ASP是目前最流行的開發(fā)動態(tài)網站的程序開發(fā)之一，它的特點是將腳本，超文本和強大的數(shù)據訪問功能結合在一起，并提供了眾多的服務器組件來擴張功能，能夠很方便的創(chuàng)建分布式

25、和基于Web的商業(yè)話應用程序。 如果要更簡單的描述ASP ，可以說ASP就是運行在Web服務器上的動態(tài)網頁。ASP程序文件也是一個標準的網頁，一般HTML標記和ASP腳本代碼混雜在一起組成。ASP網頁程序必須想竟Web服務器的ASP解釋器解釋執(zhí)行，產生HEML代碼后才傳送給用戶的瀏覽器執(zhí)行顯示。 (2).ＡＳＰ的特點為： 1、任何開發(fā)工具皆可發(fā)展ＡＳＰ 只要使用一般的文書編輯程序，如Windows記事本，就可以編輯。當然，其他網頁發(fā)展工具，例如，F(xiàn)rontPage Express、 ＦFrontPage等也都可以；不過還是建議你用記事本來寫，既省錢又方便，若是使用那些所見即所得

26、的網頁編輯來寫ＡＳＰ，可能會發(fā)生一些意想不到的離奇狀態(tài)。 通吃各家瀏覽由于ASP程序是在網絡服務器端中執(zhí)行，執(zhí)行結果所產生的HTML文件適用于不同的瀏覽器。 2、語言相容性高 ASP與所有的ActiveX Script語言都相容，除了可結合HTML，VBScript、Java Script、Active X服務器組件來設計外，并可經由“plug-In（外掛組件模組）的方式，使用其他廠商（Third Party）所提供的語言。 3、隱密安全性高 如果我們在瀏覽器中直接查看網頁的原始代碼，就只能看到ＨＴＭＬ文件，原始的ＡＳＰ程序代碼是看不到的！這是應屆ＡＳＰ程序先于網站服

27、務（Ｗeb Server）端執(zhí)行后，將結果轉換成標準ＨＴＭＬ文件，再傳送到客戶端（Client）的瀏覽器上，因此，我們所辛苦撰寫的ＡＳＰ程序并不會輕易地被看見進而被盜用。 4、易于操控數(shù)據庫 ＡＳＰ可以輕易地通過ＯDBC(Open Database Connectivity)驅動程序連接各種不同的數(shù)據庫，例如：Access、FoxPro、dBase、Oracle等等，另外，ＡＳＰ亦可將“文本文件”或是”Excel” 文件當成數(shù)據庫用。 5、面向對象學習容易 ＡＳＰ具備有面向對象（Ｏobject-Oriented）功能，學習容易，ＡＳＰ提供了五種方便能力強大的內建對

28、象：Request、Response、Sever、Application以及Session，同時，若使用ＡＳＰ內建的“Application”對象或”Session”對象所撰寫出來的ＡＳＰ程序可以在多個網頁之間暫時保存必要的信息。 6、對象名稱 功能描述 RequestResponseServerSessionApplicationObjectContext 從客戶端取得信息將信息送給客戶端提供一些Web服務器工具儲存在一個Session內的用戶信息，該信息僅可被 (3)．ASP模型對象 ASP提供了六個功能強大的內置對象供用戶使用，利用這六個對象，可以設計變化多端的Web

29、應用程序，在ASP開發(fā)Web應用程序時，通過調用對象的方法，不但能實現(xiàn)提高編程效率，而且編程更優(yōu)化。 下面列出ASP包括的六個內置對象： Response：將信息送主客戶端 Request：從客戶端取得信息 Server：提供一些Web Sever方法 Session：記錄連接著的信息，每一個連接者的信息有獨立的Session對象來記錄 Apptication：記錄共用消息，讓不同的可戶端共享信息 Objectlontent：配合MTS進行分布式事務處理 (4)．ASP的運行 ASP頁面與一般的HTML頁面的真正不同之處，在于ASP頁面需要經過Web服務器的解釋執(zhí)行而HTML

30、網頁不需要。因此如果要運行和發(fā)布式ASP網頁，就需要有Web服務器的支持。任何一個Web服務器，只有內嵌有ASP的解釋程序，就可以運行ASP 編寫的動態(tài)網頁。 整個過程主要有如下5個步驟（HTML頁面的處理沒有第三步） A.用戶將ASP文件的網址輸入到瀏覽器的地址欄，請求一個ASP網頁。 B.瀏覽器向Web服務器發(fā)送ASP文件請求，成為Request C.服務器找到并解釋執(zhí)行該ASP文件，生成標準的HTML文件 D.服務器將HTML文件傳送給用戶瀏覽器，稱為Response E.用戶的瀏覽器解釋HTML文件，結果在瀏覽器窗口顯示 2.2.2 ADO對象 ADO原名為Activ

31、eX Data Object。通過與ASP的結合，可以在網頁里執(zhí)行SQL的指令，用戶可以輕松且快速的存取、增加或是刪除數(shù)據庫的數(shù)據。 ADO包含三個主要的對象：Recordset、Connection以及Cmmand。通過這些對象的了解與應用，再利用ASP對象，就可以很容易地制作出一個方便快捷、功能多樣的網站。 快速、容易和節(jié)省磁盤空間，是ADO的特性，這使得ADO成為十分熱門的技巧。 ADO通過與ODBC的鏈接，可以鏈接許多各種類型的數(shù)據庫，因為ODBC本身就支持許多類型的數(shù)據庫。 ADO通過VBScript和JavaScript語言的技巧，不但可以控制存取數(shù)據庫，還可以達到一些特殊

32、技巧的變化。 ADO 提供 Connection 對象 可以使用該對象建立和管理應用程序和 ODBC 數(shù)據庫之間的連接。Connection 對象具有各種屬性和方法，可以使用它們打開和關閉數(shù)據庫連接，并且發(fā)出查詢請求來更新信息。 要建立數(shù)據庫連接，首先應創(chuàng)建 Connection 對象的實例。 用 Connection 對象的 Execute 方法 您可以發(fā)出結構化查詢語言 (SQL) 查詢數(shù)據庫源并檢索結果。SQL 是用于與數(shù)據庫通訊的工業(yè)標準語言，它有許多命令可用來檢索和更新信息。使用 Connection 對象的 Execute 方法在 SQL INSERT 命令的表格中發(fā)出查

33、詢，該命令將數(shù)據插入特定的數(shù)據庫表格。 使用 Recordset 對象處理結果 盡管 Connection 對象簡化了連接數(shù)據庫和查詢任務，但 Connection 對象仍有許多不足。確切地說，檢索和顯示數(shù)據庫信息的 Connection 對象不能用于創(chuàng)建腳本；您必須確切知道要對數(shù)據庫作出的更改，然后才能使用查詢實現(xiàn)更改。 對于檢索數(shù)據、檢查結果、更改數(shù)據庫，ADO 提供了 Recordset 對象。正如它的名稱所暗示的那樣，Recordset 對象有許多您可以使用的特性，根據您的查詢限制，檢索并且顯示一組數(shù)據庫行，即記錄。 Recordset 對象保持查詢返回的記錄的位置，允許您一次一

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

35、“協(xié)調”兩個對象的特定功能，您可以開發(fā)出幾乎可以執(zhí)行任何數(shù)據處理任務的數(shù)據庫應用程序。例如，下面的服務器端腳本使用 Recordset 對象執(zhí)行 SQL SELECT 命令。SELECT 命令檢索一組基于查詢限制的信息。查詢也包含 SQL WHERE 子句，用來縮小查詢的范圍。 通過 ADO Command 對象，可以象用 Connection 對象和 Recordset 對象那樣執(zhí)行查詢，唯一的不同在于用 Command 對象您可以在數(shù)據庫源上準備、編譯您的查詢并且反復使用一組不同的值來發(fā)出查詢。這種方式的編譯查詢的優(yōu)點是您可以最大程度地減少向現(xiàn)有查詢重復發(fā)出修改的請求所需的時間。另外，您

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

37、圖形創(chuàng)作軟件是按照自己的構思創(chuàng)意，使用矢量圖形來設計圖形，這類軟件主要有Adobe公司的另一個著名軟件Illustrator和Micromedia公司的Freehand。Photoshop系列中使用最廣泛的有Photoshop5.0版本、Photoshop7.0。 2.4.網頁設計工具——Dreamweaver Macromedia 公司的產品的另一款“所見即所得”的網頁編輯工具。與 Frontpage 不同，Deamweaver 采用的是 Mac 機浮動面版的設計風格，對于初學者來說可能會感到不適應。但當你習慣了其操作方式后，就會發(fā)現(xiàn) Dreamweaver 的直觀性與高效性是 Fro

38、ntpage 所無法比擬的。 Dreamweaver 對于 DHTML 的支持特別好，可以輕而易舉地做出很多眩目的頁面特效。插件式的程序設計使得其功能可以無限的擴展。Dreamweaver 與 Flash、Firework 并稱為 Macromedia 的網頁制作三劍客，由于是同一公司的產品，因而在功能上有著一個非常緊密的結合。而最新推出的 Dreamweaver UltraDev 更支持 Asp，Jsp。因此，說Dreamweaver 是高級網頁制作的首選并不為過。常見的版本為 Dreamweaver3、Dreamweaver4、DreamweaverMX、Dreamweaver8.0、

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

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

41、括標題、信息、文字鏈接、幾種主要形式。標題和傳統(tǒng)媒體中信息傳達的基本作用相同，是內容的簡概說明一般比較醒目、優(yōu)先編排。文字作為占據頁面重要比率的元素，同時又是信息重要載體，它的字體、大小、顏色和排布對頁面整體設計影響極大。 （2）圖形：圖形在網頁界面中具有重要作用。合理的運用圖形。可以生動直觀、形象地表現(xiàn)設計主題。網頁中常用的圖形格式包括jpg和gif，這兩種格式壓縮比高，得到了規(guī)范瀏覽器的支持，下載速度快，具有跨平臺 3.2.網站需求分析 3.2.1.建站目的 Internet是目前世界上最大的計算機互聯(lián)網絡，它遍布全球，將世界各地各種規(guī)模的網絡連接成一個整體。作為Inter

42、net上一種先進的，易于被人們所接受的信息檢索手段，World Wide Web(簡稱WWW)發(fā)展十分迅速，成為目前世界上最大的信息資源寶庫。據估計，目前Internet上已有上千萬個Web站點，其內容范圍跨越了教育科研、文化事業(yè)、金融、商業(yè)、新聞出版、娛樂、體育等各個領域，其用戶群十分龐大，因此，建設一個好的Web站點對于一個機構的發(fā)展十分重要。近年來，隨著網絡用戶要求的不斷提高及計算機科學的迅速發(fā)展，特別是數(shù)據庫技術在Internet中的廣泛應用，Web站點向用戶提供的服務將越來越豐富，越來越人性化。因此網站建設在Internet應用上的地位顯而易見，它已成為政府、企事業(yè)單位信息化建設中的

43、重要組成部分，從而倍受人們的重視。提高公司知名度，擴大公司規(guī)模，***公司的領導決定建立自己的公司網站。 3.2.2.網站實現(xiàn)功能 本網站給客戶提供一個了解公司的平臺，客戶可以與公司及時地交換意見，產生互動，公司也可以及時對網站進行更新維護。 前臺客戶系統(tǒng)功能： (1) 用戶可以瀏覽公司的一些基本的信息。 (2) 用戶可以瀏覽公司的新聞。 (3) 用戶可以查看公司的聯(lián)系方式。 (4) 用戶可以瀏覽留言板的帖子。 (5) 用戶可以隨時發(fā)表自己的言論。 后臺管理系統(tǒng)功能： (1) 增加、修改、刪除公司的新聞。 (2) 修改、刪除留言板帖子。 (3) 瀏覽、刪除

44、最新產品信息。 第四章．網站的總體規(guī)劃 4.1制作網頁的一般步驟 首先，你應該明確制作網頁是為了干什么。比如，你是公司的職員，想通過網頁來對公司進行廣告宣傳；再假設你正在做一個項目，想和外地的工程師通過網頁討論該項目。如果你要制作個人網頁，那么你可能想通過個人網頁在網上進行傳播，從而展示自己，并和網友交朋友。這就是你的目的。我這次做這個網頁就是為了讓同學們在自己的班級網站里面更好的交流和聯(lián)系，及時發(fā)布一些班級新聞，為同學們建造一個網上家園。 其次，組織好你的網頁內容。試想，你把自己的照片和內容都堆在一起，別人將無法明白你想干什么，說不準，連你自己都糊涂了。如果組織得好，用戶從你

45、的網頁中獲取信息就容易得多。對于那些很重要的信息，用戶只需要簡單的操作就能得到。一般來說，組織好網頁的關鍵是要對網頁建立層次分明、條理清楚的結構圖。腦子里有了這樣一張結構圖，就會對網頁很明白，并且有助于制作網頁。 而后，要確定你的網頁所具有的外觀和特色，目的就是讓用戶被你的網頁所吸引。如果你只是要把很多漂亮的畫面堆在一起，而不管內容，那將沒人看。應該讓你的網頁不僅漂亮，更重要的是實用。怎么把自己的照片和內容有機的結合到一起，這也正是你的網頁特色所在。 然后，開始制作網頁。具體操作時，首先要創(chuàng)建個人站點，再充分利用Dreamweaver的功能建立各個網頁。 最后，等網頁做好了，就該發(fā)布站點

46、了。站點發(fā)布后，為了保持站點的吸引力，要經常修改網頁的內容（添加新的內容，更換已過時的圖像等），就要更新和維護你的站點了。 4.2網頁包括的元素 無論是初次領略Internet風光的新手，還是經常上網沖浪的老手，在初次設計網頁之前，都必須先認識一下構成網頁的基本元素。只有這樣，才能在真正的設計工作中得心應手，根據需要合理的組織和安排網頁的內容，從而達到期望的目標。 設計網頁的目的主要是發(fā)布信息，因此，作為信息載體的文本和圖像也就成了網頁的基本組成部分，超級鏈接是Web的核心，使它將萬維網中無數(shù)的網頁鏈接在一起，如果沒有它，Web就無從談起，此外，表格、動畫、音樂和交互表單等信息的組織、表

47、現(xiàn)，以及交互元素在網頁中也具有舉足輕重的地位。 (1)、文本 文本一直是人類最重要的信息載體和交流工具，網頁中的信息也以文本為主，與圖像相比，文字雖不如圖像那樣能夠很快的引起瀏覽者的主意，但卻能準確的表達消息的內容和含義，為了克服文字固有的缺點，人們賦予了網頁中文本更多的屬性，如文字、字號、顏色、底紋和邊框等，通過不同格式的區(qū)別，突出顯示重要的內容，此外，用戶還可以在網頁中設計各種各樣的文字列表來清晰表達一系列項目，這些功能都給網頁中的文本賦予了新的生命力。 (2)、圖像 圖像在網頁中具有提供信息，展示作品，裝飾網頁，表達個人情調和風格的作用。用戶可以在網頁中使用GIF、JPEG、PN

48、G 3種圖像文件格式，其中使用最廣泛的是GIF和JPEG兩種格式。 (3)、超級鏈接 超級鏈接技術可以說是萬維網流行起來的最主要的原因，它是從一個網頁指向另一個目的端的鏈接，例如指向另一個網頁或相同網頁上的不同位置，這個目的端通常是另一個網頁，但也可以是一幅圖片，一個電子郵件地址，一個文件，一個程序或本網頁中的其他位置，其載體通常是文本，圖片或圖片中的區(qū)域，也可以是一些不可見的程序腳本。 當瀏覽者單擊超級鏈接時，其目的端將顯示在Web瀏覽器上，并根據目的端的類型以不同方式鏈接。例如，當指向一個AVI文件的超級鏈接被單擊后，該文件將在媒體播放軟件中打開;如果是指向一個網頁的超級鏈接，則該網

49、頁將顯示在Web瀏覽器上。 (4).表格 在網頁中表格用來控制網頁中信息的布局方式。這包括兩方面：一是使用行和列的形式來布局文本和圖像以及其他的列表化數(shù)據；二是還可以使用表格來精 4.3.網頁層次結構（附結構圖） 主 主頁 關于我們 走進國畫 藝界動態(tài) 名人畫家 畫藝欣賞 文藝論壇 我們小組的簡介，我們的理念，我們的宗旨，我們的目標。 介紹國畫的相關知識，包括其起源、發(fā)展、分類、流派、形式、特點等。 大家交流學習，我們也可收集讀者信息，并合理采納他們的意見 提供最新業(yè)界信息，剖析當今國畫行情。 深入了解各畫家，對其背景及創(chuàng)作史分別介紹。 選

50、取有代表性的好作品，展示給廣大朋友。 4.4.目錄的層次結構（附結構圖） 國畫的起源 國畫的發(fā)展 國畫的分類 國畫的流派 國畫的特點 國畫的形式 關于我們 走進國畫 藝界動態(tài) 名人畫家類 畫藝欣賞 文藝論壇 主 頁 古代畫家 近現(xiàn)代畫家 界畫 書法畫 壁畫 花鳥畫 山水畫 人物畫 4.5.網頁設計的相關步驟及代碼設計 第五章．需要解決的幾個關鍵問題 5.1 數(shù)據庫技術 Access是Office系列軟件中用來專門管理數(shù)據庫的應用軟件。所謂

51、數(shù)據庫是指經過組織的、關于特定主題或對象的信息集合。數(shù)據庫管理系統(tǒng)分為兩類：文件管理系統(tǒng)和關系型管理系統(tǒng)。Access應用程序就是一種功能強大且使用方便的關系型數(shù)據庫管理系統(tǒng)，一般也稱關系型數(shù)據庫管理軟件。它可運行于各種Microsoft Windows系統(tǒng)環(huán)境中，由于它繼承了Windows的特性，不僅易于使用，而且界面友好，如今在世界各地廣泛流行。它并不需要數(shù)據庫管理者具有專業(yè)的程序設計水平，任何非專業(yè)的用戶都可以用它來創(chuàng)建功能強大的數(shù)據庫管理系統(tǒng)。 Access使用標準的SQL（Structured Query Language,結構化查詢語言）作為它的數(shù)據庫語言，從而提供了強大的數(shù)據處

52、理能力和通用性，使其成為一個功能強大而且易于使用的桌面關系型數(shù)據庫管理系統(tǒng)和應用程序生成器。 Access數(shù)據庫使用單一的*.mdb文件管理所有的信息，這種針對數(shù)據庫集成的最優(yōu)化文件結構不僅包括數(shù)據本身，也包括了它的支持對象。此外，Access 2000還利用Office套件共享的編程語言VBA（Visual Basic for Application）進行高級操作控制和復雜的數(shù)據操作。 5.2. 數(shù)據庫連接技術 一個動態(tài)的網站，它的動態(tài)就體現(xiàn)在數(shù)據庫技術上面，那么怎么才能使數(shù)據庫與我們的WEB頁面進行連接呢？這里就要用到ASP六大內對象中的server對象！具體代碼如下： <% d

53、im conn,connstr set conn=server.createobject(“adodb.connection”) connstr=”dbq=”&server.mappath(“數(shù)據庫的路徑”)&” ;driver={Microsoft access driver(*.mdb)}” conn .open connstr %> 這些代碼一般都放在一個名稱為conn.asp的文件里面。如果WEB頁面中需要用到數(shù)據庫連接時就使用宏定義把這個文件包含進去就可以了！具體代碼十分簡單：。 5.3. 數(shù)據庫寫入技術

54、 關于數(shù)據庫的寫入技術一般可以分為兩類：ADDNEW方法和INSERT…INTO！ 在ASP中，直接使用“Insert into” 語句與使用ADO中AddNew方法有什么區(qū)別？哪一種更好呢？AddNew方法的實質就是封裝了“Insert into”語句。所以，當我們需要對大量 數(shù)據進行操作的時候，應優(yōu)先選用“Insert into”語句。因為直接使用SQL語句，減少了ADO的解釋時間，顯然會大大加快存取數(shù)據的速度。 下面我們分別來看一下它們的代碼！以向一個名為data的表中插入一個類型均為文本型的兩個字段 username和psw 一：insert into 這句話包括了數(shù)據庫的文件！ <% name=request.form("name") psw=request.form("psw") sql=”select *from data where(Id is null)” sql="insert into data(username,psw)values('"+name+"',"+psw+"')" conn.execute sql conn.close set conn=nothing response.write "記錄添加成功!" %> 分析： 1：是一個宏它是我們提前定義好的一個數(shù)據庫連接的文件！ 2：psw=request.form(“psw”)實際上我們省略了一個提交的頁面我們定義了兩個中間的變量， 3：sql=”select *form data where(id is null)”這里我們要找的就是把數(shù)據庫中id為空的記錄找出來！ 4：sql=”insert into data(“username,psw”)values(’”+name+”’,’”+psw+”’)”這里是我們值得注意的地方因為它是關鍵！學過vf或sql的對這語句并不陌生！但是一定要寫對因為在這一行語

57、句的values值中需要根據數(shù)據庫中的字段類型來定義的！它使用了單引號、雙引號、連接符的排列順序！其中連接符號還可以是&! 下面我們來看看用Addnew是如何實現(xiàn)的！ 這句話包括了數(shù)據庫的文件！ <% name=request.form("name") psw=request.form("psw") set rs=server.createobject(“adodb.recordset”) sql=”select *from data where(Id is null)” rs.open sql,conn1,3 rs

58、.addnew rs(“username”)=name rs(“psw”)=psw rs.updata rs.close set rs=nothing conn.close set conn=nothing response.write "記錄添加成功!" %> 5.4 數(shù)據庫的讀取技術 數(shù)據庫的讀取技術是與記錄集合的建立相結合而使用的！因為在數(shù)據庫中一行記錄可能會包括很多信息。但是這一行記錄始終是一個數(shù)據單元！我們可以通過該數(shù)據單元的具體情況和數(shù)據庫的查詢條件找到需要的數(shù)據項！下面我們再來看一段代碼： <% set rs=server.createobjec

59、t("adodb.recordset") sql="select * from music " rs.open sql,conn,1,3 if not rs1.eof then end if '

60、);"><%=rs("name")%> %> 5.5記錄集合的建立 記錄集是我們在做動態(tài)網站必須要考慮的問題因為動態(tài)網站的所有信息都是用一個或多個紀錄集組合而得到的其實一的web頁面的內容有時就是很簡單的幾個記錄集合！記錄集中記錄的是和我們要查詢的條件相同的一條或多條記錄！由此可以知道記錄集是非常重要的！那么怎么去寫一個記錄集呢？ <% set rs= server.createobject(“adodb.recordset”) sql=”select * from 表名 where 條件語句” rs.open sql,conn,1,1

61、 %> 這樣我們就可以把我們要查詢的東西放在記錄集rs里面如果我們想從數(shù)據庫中把數(shù)據讀出來就response 對象了！一般我們就可以直接簡寫成<%=%>可以了！如果數(shù)據庫中只有一條記錄我們這樣寫就可以了但是 如果有多條記錄我們就要用到vb或則c語言中的循環(huán)條件！ 第六章．網頁測試 6.1.網頁測試 ? IIS配置 當IIS被成功安裝后，將在計算機C:\Inetpub\wwwroot下新建一個默認網站，通過修改默認網站配置可以建立自己的站點。如自己的網頁放在D:\Wy目錄下，首頁文件名為Index.asp，其具體步驟如下： 第一步：在“默認Web站點”上單擊右鍵，選“屬性”，以進入名

62、為“默認Web站點屬性”設置界面。 第二步：轉到“主目錄”窗口，再在“本地路徑”輸入（或用“瀏覽”按鈕選擇）好自己網頁所在的“D:\Wy”目錄。 第三步：轉到“文檔”窗口，再按“添加”按鈕，根據提示在“默認文檔名”后輸入自己網頁的首頁文件名“Index.asp”。 第四步：在“默認Web站點”上單擊右鍵，選“新建→虛擬目錄”，依次在“別名”處輸入“test”，在“目錄”處輸入“D:\Wy”后再按提示操作。 ? 數(shù)據源（ODBC）配置 第一步：選擇控制面板中的管理工具打開數(shù)據源（ODBC）。 第二步：在選項卡系統(tǒng)DNS中添加Microsoft Access Driver(*.m

63、db)驅動并指定數(shù)據源為網站的數(shù)據庫文件。 ? 測試 打開瀏覽器，直接在地址欄中輸入：http://test/index.asp或者http://127.0.0.1/test/index.asp即可。 6.2 網頁發(fā)布及網站維護 在測試完成后，網頁就可以發(fā)布到互聯(lián)網上了，接下來要做的就是網站的日常維護了。網站維護就是對服務器及相關軟硬件的維護，對可能出現(xiàn)的問題進行評估，制定響應時間，制定相關維護規(guī)定，將網站維護制度化、規(guī)范化，主要包括以下內容： ? 即時更新新聞內容 留言、信箱、論壇等定期回復及編改 數(shù)據庫內容定期備份、刪減、分類 更正數(shù)據庫使用過程中發(fā)現(xiàn)的問題 ? 定期進行

64、綜合分析，不斷優(yōu)化數(shù)據庫中數(shù)據結構，提高使用效率 在系統(tǒng)運行過程中應定期對管理員用戶名和密碼進行更新，并對IIS和NT權限作相應設置 第八章．結論 本畢業(yè)設計經過幾個月的查資料、整理材料、設計網頁、建設網站到寫作論文，今天終于可以順利的完成論文，終于讓學生在大學的生活，得以劃下了完美的句點。 畢業(yè)設計是對我們大學生活三年來教學的一個總結性考察，里面包含了我們學過的很多方面的知識，平時的學習都是自己聽老師講解，或者就是做練習之類，缺少了自己的獨立思考，通過這次的畢業(yè)設計，讓自己清楚了解到自己的學習程度，和自我學習思考的能力。從第一眼看到資料的那種眼花繚亂的感覺，到最后看到自己做出的設

65、計論文的成功，體驗了一次從茫然到無助，最后的那種成功的欣慰，真的讓自己受益匪淺，也使自己明白了，無論今后做什么事情，都要堅持不懈的努力，多從問題的關鍵出發(fā)，分析不同的思路，多做總結與比較，從而得到最佳的結果。 這次的論文設計讓我重新了解了很多在學校所學不到的東西，也借此回顧了一下我大學所學的知識。它讓我掌握了很多ASP和SQL的知識，讓我對我所學過的知識有所鞏固和提高。在整個過程中，我學到了新知識，擴大了知識面。也讓我認識到了學海無涯的真正含義，我將會不斷的學習新的知識，讓自己的能力得到進一不的提升。 在論文的設計中它不僅培養(yǎng)了我嚴謹?shù)乃季S方法，更造就了我積極樂觀的生活態(tài)度。而且還要做到穩(wěn)

66、重但又不失創(chuàng)新，開朗但不浮躁，興趣廣泛，思路開闊，辦事沉穩(wěn)，團結合作的精神。 總之，在這次畢業(yè)設計中，我們學會了許多的知識，是大學三年來所學知識的綜合運用，切實感受到設計的苦與樂。在這里希望各位老師提出意見和建議，我們定會努力學習改進，爭取作出更大的進步 。 致 謝 經過三個多月的時間我的畢業(yè)論文撰寫和網頁制作均順利完成。在此我要特別感謝我的指導老師王淑慧老師在此期間給予我的幫助和指導。在設計期間，多次向王老師請教，她給予了我們極大的幫助，指引我們的論文的寫作的方向和架構，并提供了很多查找資料的方法，讓我們更清晰的了解了設計的整體規(guī)劃，從而比較容易的著手，也能按時完成，借此真誠地向王老師道聲“謝謝”！ 設計的結束，真的也宣告了我們大學生涯的終結，心里雖然充滿了期待，但也有的點不舍，想想自己走過來的一步一步，一點一滴，心中感慨萬千，希望自己帶著那份對未來社會的憧憬和希望，順利走進社會的大家庭，開始自己新的生活，在此，感謝長久以來老師和同學們的幫助，謝謝你們！ 參 考 文 獻 [1] 薛凱，康亞雄編著．《Dreamweaver CS3 入門 提高 精通》．機械