畢業(yè)論文---網頁設計與發(fā)布

1、<p><b>　　網頁設計與發(fā)布</b></p><p><b>　　摘 要</b></p><p>　　進入二十一世紀，隨著國際互聯(lián)網絡的普及和應用，首先是互聯(lián)網絡正在不斷改變著人們的生活方式和生產方式，也改變著打工者的生活方式，當今社會也有越來越多的人在網上尋找工作機會，而擁有打工者網站就是更需要的呢。</p>&l

2、t;p>　　本網頁主要以藍色為主，為打工者們創(chuàng)造了一個溫馨的大家庭。在此網站人們可以找到自己所需要的招工信息。在信息技術飛速發(fā)展的今天，人們獲取信息的方式更多是來源于互聯(lián)網。本文從網頁設計的角度出發(fā)，介紹一些設計中要素和技巧，例如框架、css樣式的使用等等。 </p><p>　　關鍵詞：網頁，數(shù)據庫，媒體，功能</p><p><b>　　ABSTRACT</b&g

3、t;</p><p>　　Entering the 21st century, with the international Internet application and popularization of the first Internet are constantly changing people's way of life and production style, also changed

4、 the migrant workers lifestyle, today's society is more and more people are seeking work online, and have more need of migrant workers website is?</p><p>　　The key to the blue, for the workers made a coz

5、y family. in this web site can be found himself to the vacancy information. in the rapid development of information technology, obtain information of the more is coming from the internet. from the web page design perspec

6、tive, the introduction of some design elements and techniques, such as the framework, css styles to use, etc. </p><p>　　Keywords: web pages,database, media, function</p><p><b>　　目錄</b&g

7、t;</p><p><b>　　1 引言1</b></p><p>　　2 網頁設計基礎1</p><p>　　2.1 網頁圖像設計工具——Photoshop CS3、Fireworks 8.01</p><p>　　2.2 動畫制作工具——Flash MX 20041</p><p>

8、　　2.3 網頁排版工具—— Macromedia Dreamweaver 81</p><p>　　2.3.1 B/S結構介紹2</p><p>　　2.3.2 ACCESS 數(shù)據庫3</p><p>　　2.3.3 ASP 技術3</p><p>　　3 網頁設計總體規(guī)劃3</p><p>　　3.1 總

9、體功能需求分析3</p><p>　　3.2 網頁版面規(guī)劃4</p><p>　　3.3網站CI形象設計5</p><p>　　3.4 網頁布局技術5</p><p>　　3.4.1 HTML5</p><p>　　3.4.2 Css7</p><p>　　3.4.3 Javasc

10、ript9</p><p>　　4 網頁設計與實現(xiàn)9</p><p>　　4.1 數(shù)據庫的設計9</p><p>　　4.2 后臺登錄界面設計10</p><p>　　4.3 用戶管理頁面設計10</p><p>　　4.4 信息檢索頁面設計10</p><p>　　4.5 后臺管理

11、頁面設計10</p><p>　　5 網頁測試與發(fā)布10</p><p>　　5.1 測試網站的建立10</p><p>　　5.1.1. 測試網站環(huán)境10</p><p>　　5.1.2. Web服務器IIS5.1簡介11</p><p>　　5.1.3. 網頁測試11</p><p&

12、gt;　　5.2 網頁發(fā)布及網站維護11</p><p><b>　　6 結 論12</b></p><p><b>　　[參考文獻]13</b></p><p><b>　　致 謝14</b></p><p><b>　　1 引 言</b><

13、;/p><p>　　當今社會迅猛發(fā)展,可隨之引發(fā)的社會問題也越來越突出。在一所大城市里，許許多多的打工者沒有家，或者有的只是那一間比家里廁所還小的房子，或者睡在地下室。</p><p>　　計算機網絡作為一種先進的信息傳輸媒體，其特點就是信息傳送速度快、信息覆蓋面廣而且成本低，可以更方便的給人們提供更好的信息資源，此時制作一個制作一個動態(tài)網頁“打工者之家”網站，為在外地奔波的打工者提供更快的工

14、作信息渠道</p><p><b>　　2 網頁設計基礎</b></p><p>　　在眾多的網頁設計與制作工具軟件中，我根據實際需求及對軟件的熟悉程度，主要選取了Photoshop CS3、Fireworks 8.0、Flash MX 2004、Macromedia Dreamweaver8進行網頁的開發(fā)和制作，這些軟件的主要特點分述如下。</p>&

15、lt;p>　　2.1 網頁圖像設計工具——Photoshop CS3、Fireworks 8.0</p><p>　　在網頁制作過程中，首先要使用Photoshop或Fireworks 設計網頁和整體效果圖、處理網頁中的圖像、背景圖及網頁的圖標、按鈕等。Photoshop是平面圖像處理業(yè)界霸主Adobe公司推出的跨越PC和MAC兩界首屈一指的大型圖像處理軟件.它功能強大,操作界面友好,得到了廣大第三方開發(fā)廠

16、家的支持,從而也贏得了眾多的用戶的青睞。Fireworks是Adobe公司推出的著名平面圖像設計和圖像處理軟件，它具有強大的圖像處理功能和操作易用性，受到廣大平面圖形設計人員及專業(yè)廣告設計師的青睞。它涉及圖像合成、色彩校正、圖層調板、通道使用、動作調板、路徑工具、濾鏡等圖像處理功能?？芍谱魅绨粹o制作、文字特效、材質紋理、三維物體、影像特效及廣告創(chuàng)意設計等多種用途。</p><p>　　2.2 動畫制作工具——Fl

17、ash MX 2004</p><p>　　Flash MX 2004是Macromedia公司的一個的網頁交互動畫制作工具。用flash制作出來的動化是矢量的，不管怎樣放大、縮小，它還是清晰可見。 用flash制作的文件很小，這樣便于在互聯(lián)網上傳輸，它還采用了數(shù)據流技術，只要下載一部分，就能欣賞動畫，而且能一邊播放一邊傳輸數(shù)據。 交互性更是flash動畫的迷人之處，可以通過點擊按鈕、選擇菜單來控制動畫的播放，這

18、些優(yōu)點使flash日益成為網絡多媒體的主流。</p><p>　　2.3 網頁排版工具—— Macromedia Dreamweaver 8</p><p>　　Macromedia Dreamweaver 8是由Macromedia公司推出的，用于網頁開發(fā)和網站管理的專業(yè)化設計工具。它采用了多種新技術，具有設計和開發(fā)網站過程中需要的網站管理、網站設計、頁面制作、多媒體制作和動畫制作等豐富

19、實用的功能；它具有友好的操作界面，在文檔窗口中可以打開各種浮動面板，同時還可以使用系統(tǒng)內置的多種對象進行操作。它將可視布局工具、應用程序開發(fā)功能和代碼編輯支持組合在一起，其功能強大，使得各個層次的開發(fā)人員和設計人員都能夠快速創(chuàng)建界面吸引人的基于標準的網站和應用程序。開發(fā)人員可以使用 Dreamweaver 及所選擇的服務器技術來創(chuàng)建功能強大的 Internet 應用程序，從而使用戶能連接到數(shù)據庫、Web 服務。</p>&

20、lt;p>　　2.3.1 B/S結構介紹</p><p>　　B/S（Browser/Server，簡稱B/S）結構，即瀏覽器/服務器模式，它是WEB興起后的一種網絡結構模式，從傳統(tǒng)的二層C/S結構發(fā)展而來，通常采用三層結構：瀏覽器-Web服務器-數(shù)據庫服務器，WEB瀏覽器是客戶端最主要的應用軟件，瀏覽器通過Web Server 同數(shù)據庫進行數(shù)據交互。</p><p>　　在B／S體

21、系結構系統(tǒng)中，用戶通過瀏覽器向分布在網絡上的許多服務器發(fā)出請求，服務器對瀏覽器的請求進行處理，將用戶所需信息返回到瀏覽器。而其余如數(shù)據請求、加工、結果返回以及動態(tài)網頁生成、對數(shù)據庫的訪問和應用程序的執(zhí)行等工作全部由Web Server完成，這樣大大簡化了客戶端，減輕了系統(tǒng)維護與升級的成本和工作量，降低了用戶的總體擁有成本（TCO）。B／S體系結構系統(tǒng)如圖2-1所示：</p><p>　　圖2-1 B／S體系結構系

22、統(tǒng)</p><p>　　2.3.2 ACCESS 數(shù)據庫</p><p>　　Access是微軟公司推出的基于Windows的桌面關系數(shù)據庫管理系統(tǒng)（RDBMS），是Office系列應用軟件之一。它提供了表、查詢、窗體、報表、頁、宏、模塊7種用來建立數(shù)據庫系統(tǒng)的對象；提供了多種向導、生成器、模板，把數(shù)據存儲、數(shù)據查詢、界面設計、報表生成等操作規(guī)范化；為建立功能完善的數(shù)據庫管理系統(tǒng)提供了方便

23、，也使得普通用戶不必編寫代碼，就可以完成大部分數(shù)據管理的任務。由于Access數(shù)據庫的ODBC驅動程序支持的SQL指令全，執(zhí)行效率高，所以Access后臺數(shù)據庫 ASP服務器端程序 客戶端IE瀏覽器，是一個精練、實用、高效的組合模式。</p><p>　　2.3.3 ASP 技術</p><p>　　ASP是Active Server Page的縮寫，意為“動態(tài)服務器頁面”。ASP是微軟公

24、司開發(fā)的代替CGI腳本程序的一種應用，它可以與數(shù)據庫和其它程序進行交互，是一種簡單、方便的編程工具。ASP的網頁文件的格式是.asp，現(xiàn)在常用于各種動態(tài)網站中。ASP是一種服務器端腳本編寫環(huán)境，可以用來創(chuàng)建和運行動態(tài)網頁或Web應用程序。ASP網頁可以包含HTML標記、普通文本、腳本命令以及COM組件等。利用ASP可以向網頁中添加交互式內容（如在線表單），也可以創(chuàng)建使用HTML網頁作為用戶界面的web應用程序。與HTML相比，ASP網頁

25、具有實現(xiàn)動態(tài)網頁技術；包含在HTML代碼所組成的文件中，易于修改和測試；可以使用服務器端ActiveX組件來執(zhí)行各種各樣的任務；方便連接ACCESS與SQL數(shù)據庫等多種優(yōu)點，其主要缺點是開發(fā)人員要有豐富的經驗，否則會留出漏洞，讓黑客利用進行注入攻擊。安裝ASP時，系統(tǒng)提供了兩種腳本語言：VBScript和JScript，而VBScript則被作為系統(tǒng)默認的腳本語言。</p><p>　　3 網頁設計總體規(guī)劃<

26、;/p><p>　　3.1 總體功能需求分析</p><p>　　網頁功能分析就是以系統(tǒng)的觀點，對已選定的對象與開發(fā)范圍進行有目的、有步驟的實際調查和科學分析。分析的目的就是要弄清楚網頁要做什么，最終為后面的設計工作打下基礎。</p><p>　　該網頁作為“打工者之家”服務平臺，具有信息發(fā)布、網上辦事功能、訪客留言等功能。</p><p>&l

27、t;b>　　1.信息發(fā)布</b></p><p>　　進入二十一世紀，隨著國際互聯(lián)網絡的普及和應用，首先是互聯(lián)網絡正在不斷改變著人們的生活方式和生產方式，也改變著打工者的生活方式，當今社會也有越來越多的人在網上尋找工作機會，而擁有打工者網站就顯得更需要的了。</p><p><b>　　2.網站辦事功能</b></p><p>

28、;　　提供發(fā)布工作信息，可以讓打工族可以盡快的找到自己滿意的工作，盡快的在外地落腳。</p><p><b>　　3.訪客留言功能</b></p><p>　　通過訪客留言交平臺，讓打工者能夠將自己的建議與意見直接反應出來，讓社會更多的關心打工者就業(yè)情況，以及生活狀況。</p><p>　　3.2 網頁具體功能模塊需求分析</p>

29、<p>　　根據總體功能需求分析,該部門網頁確定信息發(fā)布、工作動態(tài)、網上交流等三大功能模塊</p><p><b>　　1. 信息發(fā)布功能</b></p><p>　　網站的管理員發(fā)布最新工作消息為那些急需工作的打工者提供更有價值的信息。</p><p><b>　　2. 網站辦事功能</b></p>

30、;<p>　　模塊設置便民服務、服務流程、資料下載、統(tǒng)計報表四個子模塊，將該部門能夠進行網上辦理的相關行政審批事項予以了公開，方便了群眾，提高了辦事效率，提升了部門形象。</p><p><b>　　3. 網上交流功能</b></p><p><b>　　(1)在線交流模塊</b></p><p>　　模塊設

31、置：打工者論壇、咨詢留言、網上調查三個子模塊。打工者論壇子模塊為打工者之間相互交流提供了平臺。咨詢留言、網上調查即使了解打工者的就業(yè)趨勢。</p><p><b>　　(2)聯(lián)系我們模塊</b></p><p>　　該模塊主要功能：收集網站的反饋信息。</p><p>　　3.3 網頁版面規(guī)劃</p><p>　　全部網

32、頁采用1024×768分辨率制成，網頁訪問采用首頁、導航頁和新聞頁三級頁面形式。</p><p><b>　　1.首頁</b></p><p>　　首頁使用的是國字型結構布局。 國字型結構布局是一些大型網站所喜歡的類型,即最上面是網站的標題 主菜單,下半部分分為3個區(qū)域,左右分列一些兩小條內容,中間是主題內容,與左右一起羅列到底,最下面是網站的一些基本信息,

33、聯(lián)系方式,版權聲明等。這種布局的優(yōu)點是能夠充分利用版面,信息量大;缺點是頁面擁擠,不夠靈活。</p><p><b>　　2.導航頁</b></p><p>　　采用拐角型布局，優(yōu)點是頁面結構清晰,主次分明,缺點是規(guī)矩呆板，容易讓人“看之無味。</p><p><b>　　3.新聞頁</b></p><

34、p>　　使用標題正文型：這種類型即最上面是標題或類似的一些東西，下面是正文；本站子頁大部分是這個結構。</p><p><b>　　4.頁頭</b></p><p>　　本站頁頭以900×150的打工者圖為底，右邊放置宣傳語（FLASH動畫）一起構成。</p><p>　　3.4網站CI形象設計</p><p

35、><b>　　1.主色調與色彩</b></p><p>　　網站采用代表了春天、希望田野的“綠色”為主色調，與打工者找到一份理想的工作性質相吻合。</p><p><b>　　2.字體</b></p><p>　　導航欄字體為“黑體”,14px；網站主欄目字體為“宋體”,14 px；正文字體為“宋體”,9px 。&l

36、t;/p><p>　　3.5 網頁布局技術</p><p>　　網頁分為靜態(tài)網頁和動態(tài)網頁兩種。靜態(tài)頁面是網頁的代碼都在頁面中，不需要執(zhí)行asp,php,jsp,.net等程序生成客戶端網頁代碼的網頁。靜態(tài)頁面不能自主管理發(fā)布更新的頁常見的靜態(tài)頁面以.html、.htm為擴展名的。動態(tài)網頁是最常用的網站建設的一種表達形式，其優(yōu)點在于可以根據先前所制定好的程序界面，根據用戶的不同請求返回相應的數(shù)

37、據。所以我將以四部分闡述我對網頁設計與制作的理解。首先是基于靜態(tài)網頁的html超文本標記語言和css層疊樣式表，然后是基于動態(tài)網頁的設計語言JavaScript。最后是我對JavaScript與cookie的應用知識。</p><p>　　3.5.1 HTML</p><p><b>　　（1）HTML標簽</b></p><p>　　HTML

38、 文檔和 HTML 元素是通過 HTML 標簽進行標記的 </p><p>　　HTML 標簽由開始標簽和結束標簽組成 </p><p>　　開始標簽是被括號包圍的元素名 </p><p>　　結束標簽是被括號包圍的斜杠和元素名 </p><p>　　某些 HTML 元素沒有結束標簽，比如 <br /></p>&l

39、t;p><b>　　（2）HTML元素</b></p><p>　　HTML 元素指的是從開始標簽（start tag）到結束標簽（end tag）的所有代碼。</p><p>　　HTML 元素以開始標簽起始 </p><p>　　HTML 元素以結束標簽終止 </p><p>　　元素的內容是開始標簽與結束標簽

40、之間的內容 </p><p>　　某些 HTML 元素具有空內容（empty content） </p><p>　　空元素在開始標簽中進行關閉（以開始標簽的結束而結束） </p><p>　　大多數(shù) HTML 元素可擁有屬性 </p><p><b>　?。?）HTML屬性</b></p><p&g

41、t;　　HTML 標簽可以擁有屬性。屬性提供了有關 HTML 元素的更多的信息。</p><p>　　屬性總是以名稱/值對的形式出現(xiàn)，比如：name="value"。</p><p>　　屬性總是在 HTML 元素的開始標簽中規(guī)定。</p><p><b>　　（4）HTML段落</b></p><p&g

42、t;　　段落是通過 <p> 標題定義的。</p><p>　　使用空的段落標記 <p></p> 去插入一個空行是個壞習慣。用 <br /> 標簽代替它！（但是不要用 <br /> 標簽去創(chuàng)建列表。不要著急，您將在稍后的篇幅學習到 HTML 列表。）</p><p><b>　?。?）HTML樣式</b><

43、;/p><p>　　style 屬性的作用：</p><p>　　提供了一種改變所有 HTML 元素的樣式的通用方法。</p><p>　　樣式是 HTML 4 引入的，它是一種新的首選的改變 HTML 元素樣式的方式。通過 HTML 樣式，能夠通過使用 style 屬性直接將樣式添加到 HTML 元素，或者間接地在獨立的樣式表中（CSS 文件）進行定義。</p&

44、gt;<p><b>　?。?）HTML鏈接</b></p><p>　　HTML 使用 <a> （錨）標簽來創(chuàng)建連接另一個文檔的鏈接。</p><p>　　錨可以指向網絡上的任何資源：一張 HTML 頁面，一幅圖像，一個聲音或視頻文件等等。</p><p><b>　　（7）HTML表格</b>

45、</p><p>　　表格由 <table> 標簽來定義。每個表格均有若干行（由 <tr> 標簽定義），每行被分割為若干單元格（由 <td> 標簽定義）。字母 td 指表格數(shù)據（table data），即數(shù)據單元格的內容。數(shù)據單元格可以包含文本、圖片、列表、段落、表單、水平線、表格等等。</p><p><b>　?。?）HTML列表</

46、b></p><p><b>　　無序列表</b></p><p>　　無序列表是一個項目的列表，此列項目使用粗體圓點（典型的小黑圓圈）進行標記。</p><p>　　無序列表始于 <ul> 標簽。每個列表項始于 <li>。</p><p><b>　　有序列表</b>

47、</p><p>　　同樣，有序列表也是一列項目，列表項目使用數(shù)字進行標記。</p><p>　　有序列表始于 <ol> 標簽。每個列表項始于 <li> 標簽。</p><p><b>　　（9）HTML表單</b></p><p>　　表單是一個包含表單元素的區(qū)域。</p><

48、;p>　　表單元素是允許用戶在表單中（比如：文本域、下拉列表、單選框、復選框等等）輸入信息的元素。</p><p>　　表單使用表單標簽（<form>）定義。</p><p>　?。?0）HTML框架</p><p>　　框架結構標簽（<frameset>）定義如何將窗口分割為框架 </p><p>　　每個 f

49、rameset 定義了一系列行或列 </p><p>　　rows/columns 的值規(guī)定了每行或每列占據屏幕的面積 </p><p>　　3.5.2 Css</p><p>　?。?）Css基礎語法</p><p>　　CSS 語法由三部分構成：選擇器、屬性和值：</p><p>　　selector {prop

50、erty: value}</p><p>　　選擇器 (selector) 通常是你希望定義的 HTML 元素或標簽，屬性 (property) 是你希望改變的屬性，并且每個屬性都有一個值。屬性和值被冒號分開，并由花括號包圍，這樣就組成了一個完整的樣式聲明（declaration）：</p><p>　　body {color: blue}</p><p>　　上面

51、這行代碼的作用是將 body 元素內的文字顏色定義為藍色。在上述例子中，body 是選擇器，而包括在花括號內的的部分是聲明。聲明依次由兩部分構成：屬性和值，color 為屬性，blue 為值。</p><p><b>　?。?）派生選擇器</b></p><p>　　通過依據元素在其位置的上下文關系來定義樣式，你可以使標記更加簡潔。</p><p&

52、gt;　　在 CSS1 中，通過這種方式來應用規(guī)則的選擇器被稱為上下文選擇器 (contextual selectors)，這是由于它們依賴于上下文關系來應用或者避免某項規(guī)則。在 CSS2 中，它們稱為派生選擇器，但是無論你如何稱呼它們，它們的作用都是相同的。</p><p>　　派生選擇器允許你根據文檔的上下文關系來確定某個標簽的樣式。通過合理地使用派生選擇器，我們可以使 HTML 代碼變得更加整潔。</

53、p><p>　?。?）Id和類選擇器</p><p>　　id 選擇器可以為標有特定 id 的 HTML 元素指定特定的樣式。</p><p>　　id 選擇器以 "#" 來定義。</p><p>　　下面的兩個 id 選擇器，第一個可以定義元素的顏色為紅色，第二個定義元素的顏色為綠色：</p><p>

54、;　　#red {color:red;}</p><p>　　#green {color:green;}</p><p>　　下面的 HTML 代碼中，id 屬性為 red 的 p 元素顯示為紅色，而 id 屬性為 green 的 p 元素顯示為綠色。</p><p>　　#sidebar p {</p><p>　　font-style:

55、italic;</p><p>　　text-align: right; </p><p>　　margin-top: 0.5em;</p><p><b>　　}</b></p><p>　　#sidebar h2 {</p><p>　　font-size: 1em;</p>&

56、lt;p>　　font-weight: normal;</p><p>　　font-style: italic;</p><p>　　margin: 0;</p><p>　　line-height: 1.5;</p><p>　　text-align: right;</p><p><b>　　}&

57、lt;/b></p><p>　?。?）Css框架型結構</p><p>　　CSS 框模型 (Box Model) 規(guī)定了元素框處理元素內容、內邊距、邊框 和 外邊距 的方式。</p><p>　　元素框的最內部分是實際的內容，直接包圍內容的是內邊距。內邊距呈現(xiàn)了元素的背景。內邊距的邊緣是邊框。邊框以外是外邊距，外邊距默認是透明的，因此不會遮擋其后的任何元素

58、。</p><p>　　內邊距、邊框和外邊距都是可選的，默認值是零。但是，許多元素將由用戶代理樣式表設置外邊距和內邊距?？梢酝ㄟ^將元素的 margin 和 padding 設置為零來覆蓋這些瀏覽器樣式。這可以分別進行，也可以使用通用選擇器對所有元素進行設置：</p><p>　　在 CSS 中，width 和 height 指的是內容區(qū)域的寬度和高度。增加內邊距、邊框和外邊距不會影響內容區(qū)

59、域的尺寸，但是會增加元素框的總尺寸。</p><p>　　假設框的每個邊上有 10 個像素的外邊距和 5 個像素的內邊距。如果希望這個元素框達到 100 個像素，就需要將內容的寬度設置為 70 像素</p><p>　　網頁使用表格方式布局，同時用CSS進行樣式控制。表格布局的優(yōu)勢在于它能對不同對象加以處理，而又不用擔心不同對象之間的影響。表格布局的缺點是，當我們用了過多表格時，頁面下載速

60、度受到影響。CSS層疊樣式表是W3C組織新近批準的一個輔助HTML設計的新特性,它使整個HTML保持統(tǒng)一的外觀。過去在設置文本時,為了保持整個段落都使用相同的外觀,不得不為每一段設置屬性,很麻煩。采用CSS可以在設置文本之前,就指定整個文本的屬性,比如顏色、字體大小等等,獲得統(tǒng)一的文本外觀。</p><p>　　3.5.3 Javascript</p><p>　　JavaScript 是

61、屬于網絡的腳本語言！</p><p>　　JavaScript 被數(shù)百萬計的網頁用來改進設計、驗證表單、檢測瀏覽器、創(chuàng)建cookies，以及更多的應用。</p><p>　　JavaScript 是因特網上最流行的腳本語言。</p><p>　　在數(shù)百萬張頁面中，JavaScript 被用來改進設計、驗證表單、檢測瀏覽器、創(chuàng)建cookies，等等等等。</p&

62、gt;<p>　　JavaScript 是因特網上最流行的腳本語言，并且可在所有主要的瀏覽器中運行，比方說 Internet Explorer、 Mozilla、Firefox、Netscape、和 Opera。</p><p><b>　　4 網頁設計與實現(xiàn)</b></p><p>　　4.1 數(shù)據庫的設計</p><p>　　

63、數(shù)據庫在一個網頁系統(tǒng)中占有非常重要的地位，數(shù)據庫的結構好壞將直接影響到應用系統(tǒng)的實現(xiàn)效果和數(shù)據操作效率以及能否保證數(shù)據的一致性、完整性和安全性。</p><p>　　數(shù)據庫概念設計的任務是根據用戶需求設計數(shù)據的概念數(shù)據模型，簡稱概念模型。概念模型是按用戶的觀點對數(shù)據和信息進行建模，是從用戶的角度看到的數(shù)據庫，它可以用E-R模型來表示。構成E-R圖的基本要素是實體型、屬性和關系，其表示方法為：實體型：用矩形表示，矩

64、形框內寫明實體名；屬性：用橢圓形表示，并用無向邊將其與相應的實體連接起來；關系：用菱形表示，菱形框內寫明關系名，并用無向邊分別將有關實體連接起來，同時在無向邊旁標上聯(lián)系的類型。</p><p>　　4.2 后臺登錄界面設計</p><p>　　設計思想：登錄頁面主要實現(xiàn)用戶的登錄。通過用戶名、密碼、隨機密碼、IP、SessionID的組合驗證實現(xiàn)未登陸用戶的正常登陸和已登陸用戶中同一用戶名

65、允許在同一IP上重復登陸，拒絕同一用戶名在不同IP上重復登陸。</p><p>　　4.3 用戶管理頁面設計</p><p>　　設計思想：登錄頁面主要實現(xiàn)用戶的登錄，用戶有超級管理員、普通管理員。超級管理員可以對其進行任何的操作，包括對普通管理員的增刪、密碼修改。一般用戶只可以做權限之內的操作和只能對自身的信息作修改。 </p><p>　　4.4 信息檢索頁面設

66、計</p><p>　　設計思想：根據輸入的關鍵字實現(xiàn)單字段或多字段組合查詢。</p><p>　　4.5 后臺管理頁面設計</p><p>　　網站后臺管理系統(tǒng)提供了添加新聞內容、管理全部新聞、領導信箱管理、在線咨詢管理、公眾留言管理、網上投訴管理、網上調查管理、信息中心管理、超級管理選項、文件上傳十個功能選擇項，可以完成新聞信息的在線編輯發(fā)布、咨詢留言的在線回復

67、、網上調查項的增減等管理任務。</p><p><b>　　5 網頁測試與發(fā)布</b></p><p>　　5.1 測試網站的建立</p><p>　　5.1.1. 測試網站環(huán)境</p><p>　　網頁測試使用本單位局域網進行，配置如下：</p><p>　　服務器端：操作系統(tǒng)—Windows

68、xp</p><p>　　Web服務器—IIS5.1</p><p><b>　　瀏覽器—IE6.0</b></p><p>　　客戶端：Internet Explorer6.0</p><p>　　5.1.2. Web服務器IIS5.1簡介</p><p>　　IIS是Internet Info

69、rmation Services的縮寫，是目前使用最廣泛的Web服務器，可以在UNIX和Windows平臺上運行。它與Windows NT Server完全集成，允許使用Windows NT Server內置的安全性以及NTFS文件系統(tǒng)建立強大靈活的Internet／Intranet站點。IIS組件主要包括Web服務器、FTP服務器、NNTP服務器和SMTP服務器，分別用于網頁瀏覽、文件傳輸、新聞服務和郵件發(fā)送等方面。</p>

70、;<p>　　5.1.3. 網頁測試</p><p><b>　　（1） IIS配置</b></p><p>　　當IIS被成功安裝后，將在計算機C:\Inetpub\wwwroot下新建一個默認網站，通過修改默認網站配置可以建立自己的站點。如自己的網頁放在D:\Wy目錄下，首頁文件名為Index.asp，其具體步驟如下：</p><

71、p>　　第一步：在“默認Web站點”上單擊右鍵，選“屬性”，以進入名為“默認Web站點屬性”設置界面。 </p><p>　　第二步：轉到“主目錄”窗口，再在“本地路徑”輸入（或用“瀏覽”按鈕選擇）好自己網頁所在的“D:\Wy”目錄。 </p><p>　　第三步：轉到“文檔”窗口，再按“添加”按鈕，根據提示在“默認文檔名”后輸入自己網頁的首頁文件名“Index.asp”。 <

72、/p><p>　　第四步：在“默認Web站點”上單擊右鍵，選“新建→虛擬目錄”，依次在“別名”處輸入“test”，在“目錄”處輸入“D:\Wy”后再按提示操作。</p><p>　　（2）數(shù)據源（ODBC）配置</p><p>　　第一步：選擇控制面板中的管理工具打開數(shù)據源（ODBC）。</p><p>　　第二步：在選項卡系統(tǒng)DNS中添加Mic

73、rosoft Access Driver(*.mdb)驅動并指定數(shù)據源為網站的數(shù)據庫文件。</p><p><b>　?。?） 測試</b></p><p>　　打開瀏覽器，直接在地址欄中輸入：http://localhost/test/index.asp或者http://127.0.0.1/test/index.asp即可。</p><p>

74、　　5.2 網頁發(fā)布及網站維護</p><p>　　在測試完成后，網頁就可以發(fā)布到互聯(lián)網上了，接下來要做的就是網站的日常維護了。網站維護就是對服務器及相關軟硬件的維護，對可能出現(xiàn)的問題進行評估，制定響應時間，制定相關維護規(guī)定，將網站維護制度化、規(guī)范化，主要包括以下內容：</p><p>　?。?）即時更新新聞內容</p><p>　?。?）留言、投訴、咨詢、信箱定期

75、回復</p><p>　?。?）數(shù)據庫內容定期備份、刪減、分類</p><p>　　（4）更正數(shù)據庫使用過程中發(fā)現(xiàn)的問題</p><p>　?。?）定期進行綜合分析，不斷優(yōu)化數(shù)據庫中數(shù)據結構，提高使用效率</p><p>　?。?）在系統(tǒng)運行過程中應定期對管理員用戶名和密碼進行更新，并對IIS和NT權限作相應設置。</p>&l

76、t;p><b>　　6 結論</b></p><p>　　本次利用畢業(yè)設計的機會，為自己工作的單位設計了網頁。網頁使用ASP技術開發(fā)，具有良好的交互性能，具備強大的后臺管理功能。新聞發(fā)布、信息檢索、互動交流等主要模塊設計做到了與單位職能職責的緊密結合，達到了預期設計目標。網頁經單位局域網多次測試，在WindowsXP操作系統(tǒng)，IIS5.1的服務器環(huán)境上正常運行。 (責任編輯：論文圖書館

77、編輯04) ｛本文僅供參考，如需定制或指導原創(chuàng)論文，請聯(lián)系論文圖書館客服!｝</p><p>　　此次網頁制作，通過大量閱讀書籍和求助互聯(lián)網，使我初步掌握了網頁設計制作的一般過程、ASP簡單設計應用、CSS和表單布局常識、ACCESS數(shù)據庫設計技能。掌握了許多新的知識和技巧，獲益良多。</p><p><b>　　[參考文獻]</b></p><p

78、>　　[1] 薛凱，康亞雄編著；Dreamweaver CS3 入門提高精通[M]；機械工業(yè)出版社 2008</p><p>　　[2] 洪光主編；Photoshop CS2 實用教程[M]；大連理工大學出版社</p><p>　　[3] 劉瑞新,汪遠征編著；ASP網頁數(shù)據庫短訓教程[M]；機械工業(yè)出版社 2005</p><p>　　[4] 華信卓越編著；F

79、lash CS3動畫制作[M]；電子工業(yè)出版社 2008</p><p>　　[5] 徐磊 編著；網頁制作與網站建設技術大全； 清華大學出版社。</p><p>　　[6] 楊繼萍，孫巖，梁文新編著；Access2007數(shù)據庫應用與開發(fā)；清華大學出版社 2008</p><p>　　[7] 譚貞軍，劉斌編著；網頁制作從入門到精通；清華大學出版社 2008</p