網頁制作技術畢業論文

2024年2月10日發(作者：語文小作文)

網頁制作技術畢業論文

篇一：個人網站的與制作畢業

畢 業 設 計

題目 個人網站的設計與制作

姓名 xxxx 學 號xxxxxxxxxx 系（院）信息工程系 班 級

xxxxxx

指導教師________ 職 稱__________

201x年x月xx日

摘 要

隨著經濟社會的發展，Internet的日益興起和以網頁為載體的網絡信息的廣泛傳播和應用，使得網站的建設及網頁制作得到發展的空間，網站建設和網頁制作也成為計算機網絡領域最熱門的話題。動態網站是當前網站建設的趨勢。動態網站并不是指具有動畫功能的網站，而是指通過數據庫進行架構的網站，它除了要設計網頁外，還要通過數據庫和編程序來使網站具有更多自動的和高級的功能。動態網頁以數據庫技術為基礎，可以大大降低網站維護的工作量。采用動態網頁技術的網站可以實現更多的功能，如用戶注冊、用戶登錄等等，它實際上并不是獨立存在于服務器上的網頁文件，只有當用戶請求時服務器才返回一個完整的網頁。

本課題運用我們所學的ASP與數據庫技術，通過Dreamweaver等相關軟件來創建了一個個人網站，網站主要有：主頁、個人簡介、圖片、日志、留言和管理幾個模塊。其中，個人簡介是以網頁的形式展示在瀏覽者面前的一個自我介紹，有與我相關的信息等。圖片則是用來展示我們平時收集的一些照片，喜歡的明星和唯美的圖片。日志是將最近網絡上流行的一些文字和發生的事件展示出來。留言則是瀏覽者用來彼此交流的地方，瀏覽者可以在這里發表留言，發表的信息將展示在留言板上。管理界面則是管理員通過登錄進入的界面，里面可以對網站進行管理，如：用戶管理、留言管理、文章管理等。通過設計這個個人網站，以達到個人推薦，展現自我的一個空間，以及為交流提1

供綜合的網絡環境，同時也為個人發展提供了一平臺。

關鍵字：動態網站；asp；數據庫

目 錄

第一章 緒論 ........................................................ 1

1.1 本課題的背景及意義 ......................................... 1

1.1.1 課題的背景 ............................................ 1

1.1.2 課題的意義 ............................................ 1

1.2 論文的結構 ................................................. 1

第二章 關鍵技術簡介 ................................................ 3

2.1 ASP的簡介 .................................................. 3

2.2 ACCESS的簡介 ............................................... 3

2.3 Dreamweaver的簡介 .......................................... 4

第三章 后臺環境配置 ................................................ 6

3.1 IIS安裝和配置 .............................................. 6

3.2 設置數據源（ODBC） ......................................... 7

3.3 Dreamweaver開發站點環境 .................................... 9

第四章 系統分析與設計 ............................................. 13

4.1 需求分析 .................................................. 13

4.2 功能模塊設計 .............................................. 13

4.3 確定網站風格 .............................................. 14

4.3.1 主頁版塊 ............................................. 14

4.3.2 網站字體 ............................................. 15

4.3.3 網站版塊 ............................................. 15

4.4 數據庫邏輯結構設計 ........................................ 16

第五章 系統的實現 ................................................. 18

5.1 留言板的實現 .............................................. 18

5.1.1 留言板的主界面 ....................................... 18

5.1.2 留言板主界面的制作 ................................... 18

5.1.3 發表留言界面的制作 ................................... 21

2

5.2 后臺管理界面 .............................................. 23

5.2.1 登錄界面 ............................................. 23

5.2.2 管理員管理界面 ....................................... 24

5.2.3 后臺管理模塊設計 ..................................... 25

第六章 網站的測試 ................................................. 32

結束語 ............................................................. 33

致 謝 ............................................................. 34

參考文獻 ........................................................... 35

淄博職業學院畢業設計

第一章 緒論

1.1 本課題的背景及意義

1.1.1 課題的背景

互聯網是社會發展的必然趨勢，很多人已經意識到網絡的強大生命力和它在未來將處于的重要地位。他們鉆研并且努力進入到這一個新的空間，新的領域。以個人為中心，淡化了傳統中心地位，使得我們的世界向多元化加速發展，人人都有話語權，人人都是中心。互聯網也是一個互動性極強的平臺，它自由、寬容、平等、共享，并使來自民間的聲音參與到了構建主流話語的行動中來[1]。計算機技術的發展，特別是網絡技術的飛速發展，給文檔的保存和管理提供極大的方便。 Internet飛速發展使得網站不再僅僅為企業或公司等大型結構所擁有，互聯網也成為人們快速獲取、發布和傳遞信息的重要渠道，它在人們政治、經濟、生活等各個方面發揮著重要的作用。因此網站建設在Internet應用上的地位顯而易見，一個家庭甚至個人都可以擁有屬于自己的網站，而在這其中，個人網站已經日漸普及，而且發展到今天，創建一個能充分體現自我風格和特色的個人網站已經成為互聯網用戶的新追求。

1.1.2 課題的意義

隨著Internet的迅速普及，我們已經不再滿足于僅僅瀏覽網頁，而是希望更深入地參預到網絡中去，Internet的開放性使個人建立自己的3

網站成為可能，擁有自己的網站也越來越成為一種時尚，同時創建一個能充分體現自我風格和特色的個人網站已經成為互聯網用戶的新追求。基于上述背景，根據自己在大學所學的知識，構建一個個人網站平臺[2]。從建站的實際情況出發，經過對相關網站的一番考察和分析，確立了采用asp和access數據庫技術，以Dreamweaver作為開發環境，綜合運用其他設計軟件，最終實現個人網站的主要功能。通過設計一個個人網站，已達到個人推薦，展現自我的一個空間，個人網站為交流提供綜合的網絡環境，同時也為個人宣傳，發展提供了一平臺[3]。網站主要有：主頁、個人簡介、圖片、日志、留言和管理幾個模塊。其中，個人簡介是自我介紹，有與我相關的信息。圖片則是用來展示我們平時收集的一些照片。日志是展示一些優美的文章。留言則是瀏覽者用來彼此交流的地方，瀏覽者可以在這里發表留言。管理是管理員進行登錄進入的界面，可以對網站進行相應的管理等功能。真正的做到“學以致用”，“把理論與實踐相結合”。

1.2 論文的結構

第一章，緒論，介紹了本課題的背景及意義；個人網站“我的主頁”為用

篇二：網頁制作畢業論文

《網頁設計畢業論文》簡介：

前言隨著時代的發展，網站建設越來越接近于一門藝術而不僅僅是一項技術。網頁的藝術設計，日益被網站建設者

《網頁設計畢業論文》正文開始>>

前言

隨著時代的發展，網站建設越來越接近于一門藝術而不僅僅是一項技術。網頁的藝術設計，日益被網站建設者所注重。在目前國

內對此領域研究甚少的情況下，作者將網頁藝術設計與其他藝術設計形式進行比較，嘗試從網頁藝術設計的內容、原則和特點等

三個方面，對這個新的藝術設計領域進行初步的歸納和理論探討。作者認為網頁藝術設計是藝術與技術的高度統一，指出網

4

頁藝術設計包含視聽元素與版式設計兩項內容；以主題鮮明、形式與內容相統一、強調整體為設計原則；具有交互性與持續性、

多維性、綜合性、版式的不可控性、藝術與技術結合的緊密性等五個特點。在明確了網頁藝術設計與網站主題的關系的基礎上，

提出了“美”和“功能”都是為了更好地表達網站主題這一觀點。

網頁藝術設計是伴隨著計算機互聯網絡的產生而形成的視聽設計新課題，是網頁設計者以所處時代所能獲取的技術和藝術經驗為

基礎，依照設計目的和要求自覺地對網頁的構成元素進行藝術規劃的創造性思維活動，必然要成為設計藝術的重要組成部分，并

隨著網絡技術的發展而發展。表面上看，它不過是關于網頁版式編排的技巧與方法，而實際上，它不僅是一種技能，更是藝術與

技術的高度統一。

目錄：

一、網頁藝術設計的內容~~~~~~~~~~~~~~~~~~~~頁

1. 視聽元素~~~~~~~~~~~~~~~~~~~~頁

2. 版式設計~~~~~~~~~~~~~~~~~~~~頁

二、網頁藝術設計的原則 ~~~~~~~~~~~~~~~~~~頁

1.主題鮮明 ~~~~~~~~~~~~~~~~~~~~~~~~~~頁

2.形式與內容統一~~~~~~~~~~~~~~~~~~~~~頁

3.強調整體

三、網頁藝術設計的特點~~~~~~~~~~~~~~~~~~~~~

1.交互性與持續性~~~~~~~~~~~~~~~~~~~~~~~

2.多維性 ~~~~~~~~~~~~~~~~~~~~~~~~~~~

3.多種媒體的綜合性 ~~~~~~~~~~~~~~~~~~~~

4.版式的不可控性~~~~~~~~~~~~~~~~~~~~~~

5.技術與藝術結合的緊密性~~~~~~~~~~~~~~~~~

四、結 束 語~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

一、網頁藝術設計的內容

設計活動中包含著主觀和客觀兩方面的因素，在確立了網頁主題之5

后，首先要明確和熟悉設計的對象和構成的要素。網頁藝術設

計涉及的具體內容很多，可以概括為視聽元素和版式設計兩個方面。

1.視聽元素

這里所說的視聽元素，主要包括：文本、背景、按鈕、圖標、圖像、表格、顏色、導航工具、背景音樂、動態影像等。無論是文

字、圖形、動畫，還是音頻、視頻，網頁設計者所要考慮的是如何以感人的形式把它們放進頁面這個“大畫布”里。多媒體技術

的運用大大豐富了網頁藝術設計的表現力。

以上各視聽元素大多數瀏覽器本身都可以顯示或收聽，無需任何外部程序或模塊支持。比如，大部分瀏覽器都可以顯示GIF、JPE

G圖形和GIF89a動畫。還有些多媒體文件（如MP3音樂）需要先下載到本地硬盤上，然后啟動相應的外部程序來播放。另外，在瀏

覽器使用插件（Plug-in）可以播放更多格式的多媒體文件。微軟推出IE瀏覽器后，提供了基于OLE的ActiveX技術，用來在網頁

中播放多媒體。目前ActiveX已經成為熱門技術。另一種播放多媒體的技術是JavaApplet。它是用Java語言編寫的應用于網頁之

中的小應用程序，相比于插件和ActiveX，JavaApplet具有更大的靈活性和良好的跨平臺能力，因此具有很好的發展前景。總之

，技術的不斷發展使多媒體元素在網頁藝術設計中的綜合運用越來越廣泛，使瀏覽者可以享受到更加完美的視聽效果。這些新技

術的出現，也對網頁的藝術設計提出了更高的要求。

2.版式設計

網頁的版式設計同報刊雜志等平面媒體的版式設計有很多共同之處，它在網頁的藝術設計中占據著重要的地位。所謂網頁的版式

設計，是在有限的屏幕空間上將視聽多媒體元素進行有機的排列組合，將理性思

維個性化的表現出來，是一種具有個人風格和藝

術特色的視聽傳達方式。它在傳達信息的同時，也產生感官上的美感和精神上的享受。

6

但網頁的排版與書籍雜志的排版又有很多差異。印刷品都有固定的規格尺寸，網頁則不然，它的尺寸是由讀者來控制的。這使網

頁設計者不能精確控制頁面上每個元素的尺寸和位置。而且，網頁的組織結構不像印刷品那樣為線性組合，這給網頁的版式設計

帶來了一定的難度。

二、網頁藝術設計的原則

網頁作為傳播信息的一種載體，同其他出版物如報紙、雜志等在設計上有許多共同之處，也要遵循一些設計的基本原則。但是，

由于表現形式、運行方式和社會功能的不同，網頁設計又有其自身的特殊規律。網頁的藝術設計，是技術與藝術的結合，內容與

形式的統一。它要求設計者必須掌握以下三個主要原則：

1.主題鮮明

視覺設計表達的是一定的意圖和要求，有明確的主題，并按照視覺心理規律和形式將主題主動地傳達給觀賞者。訴求的目的，

是使主題在適當的環境里被人們即時地理解和接受，以滿足人們的實用和需求，這就要求視覺設計不但要單純、簡練、清晰

和精確，而且在強調藝術性的同時，更應該注重通過獨特的風格和強烈的視覺沖擊力，來鮮明地突出設計主題。

根據認知心理學的理論，大多數人在短期記憶中只能同時把握４到７條分立的信息，而對多于７條的分立信息或者不分立的信息

容易產生記憶上的模糊或遺忘，概括起來就是：較小而分立的信息要比較長而不分立的信息更為有效和容易瀏覽。這個規律蘊含

在人們尋找信息和使用信息的實踐活動中，它要求視覺設計者的設計活動必須自覺地掌握和遵從。

作為視覺設計范疇一種的網頁藝術設計，其最終目的是達到最佳的主題訴求效果。這種效果的取得，一方面通過對網頁主題思想

運用邏輯規律進行條理性處理，使之符合瀏覽者獲取信息的心理需求和邏輯方式，讓瀏覽者快速地理解和吸收；另一方面通過對

網頁構成元素運用藝術的形式美法則進行條理性處理，更好地營造7

符合設計目的的視覺環境，突出主題，增強瀏覽者對網頁的注

意力，增進對網頁內容的理解。只有兩個方面有機地統一，才能實現最佳的主題訴求效果。

優秀的網頁設計必然服務于網站的主題，就是說，什么樣的網站，應該有什么樣的設計。例如，設計類的個人站點與商業站點性

質不同，目的也不同，所以評論的標準也不同。網頁藝術設計與網站主題的關系應該是這樣：首先，設計是為主題服務的；其次

，設計是藝術和技術結合的產物，就是說，即要“美”，又要實現“功能”；最后，“美”和“功能”都是為了更好地表達主題

。當然，有些情況下，“功能”即是“主題”，還有些情況下，“美”即是主題。例如，雅虎作為一個搜索引擎，首先要實現

“搜索”的“功能”。它的主題即是它的“功能”。而一個個人網站，可以只體現作者的設計思想，或者僅僅以設計出“美”的

網頁為目的。它的主題只有一個，就是——美。

只注重主題思想的條理性而忽視網頁構成元素空間關系的形式美組合，或者只重視網頁形式上的條理而淡化主題思想的邏輯，都

將削弱網頁主題的最佳訴求效果，難以吸引瀏覽者的注意力，出現平庸的網頁設計或使網頁設計以失敗而告終。

要使網頁從形式上獲得良好的誘導力，鮮明地突出訴求主題，具體可以通過對網頁的空間層次、主從關系、視覺秩序及彼此間的

邏輯性的把握運用來達到。

2.形式與內容統一

任何設計都有一定的內容和形式。內容是構成設計的一切內在要素的總和，是設計存在的基礎，被稱為“設計的靈魂”；形式

是構成內容諸要素的內部結構或內容的外部表現方式。設計的內容就是指它的主題、形象、題材等要素的總和，形式就是它的

結構、風格或設計語言等表現方式。內容決定形式，形式反作用于內容。一個優秀的設計必定是形式對內容的完美表現。正如

黑格爾所說：“工藝的美就不在于要求實用品的外部造型、色彩、8

紋樣去摹擬事物，再現現實，而在于使其外部形式傳達和表

現出一定的情緒、氣氛、格調、風尚、趣味，使物質經由象征變成相似于精神生活的有關環境。”（黑格爾《美學》第三卷）

一方面，網頁設計所追求的形式美，必須適合主題的需要，這是網頁設計的前提。只講花哨的表現形式以及過于強調“獨特的

設計風格”而脫離內容，或者只求內容而缺乏藝術的表現，網頁設計都會變的空洞而無力。設計者只有將二者有機地統一起來，

深入領會主題的精髓，再融合自己的思想感情，找到一個完美的表現形式，才能體現出網頁設計獨具的分量和特有的價值。另

一方面，要確保網頁上的每一個元素都有存在的必要性，不要為了炫耀而使用冗余的技術。那樣得到的效果可能會適得其反。

只有通過認真設計和充分的考慮來實現全面的功能并體現美感才能實現形式與內容的統一。

據有關資料所做的保守估計，目前在WWW上網頁數據傳輸平均以每秒1.5k的速度到達客戶端。假設某個網頁為了豐富其藝術性而

追趕時髦地大量使用圖像或其它多媒體元素等，雖然達到了其靜態形式美的效果，卻造成多達幾十K甚至更大的網頁數據，使瀏

覽者必須等待很長時間才能看到“廬山真面目”，這樣的網頁就不是一個優秀的網頁，因為它不符合網頁傳播信息的突出特性之

一——快捷性，使網頁內容不能很快地到達訪問者，影響了訪問效果和質量，損害了訪問者的情趣和積極性，這種技術要素影響

了傳達信息的效果，因而不是形式與內容的完美統一。

網頁具有多屏、分頁、嵌套等特性，設計者可以對其進行形式上的適當變化以達到多變性處理效果，豐富整個網頁的形式美。這

就要求設計者在注意單個頁面形式與內容統一的同時，更不能忽視同一主題下多個分頁面組成的整體網頁的形式與整體內容的統一。

因此，在網頁設計中必須注意形式與內容的高度統一。

3.強調整體

網頁的整體性包括內容和形式上的整體性，這里主要討論設計形式9

上的整體性。

網頁是傳播信息的載體，它要表達的是一定的內容、主題和意念，在適當的時間和空間環境里為人們所理解和接受，它以滿足

人們的實用和需求為目標。設計時強調其整體性，可以使瀏覽者更快捷、更準確、更全面地認識它、掌握它，并給人一種內部

有機聯系、外部和諧完整的美感。整體性也是體現一個站點獨特風格的重要手段之一。

網頁的結構形式是由各種視聽要素組成的。在設計網頁時，強調頁面各組成部分的共性因素或者使諸部分共同含有某種形式特

征，是求得整體的常用方法。這主要從版式、色彩、風格等方面入手。例如：在

篇三：網頁設計畢業論文

洛陽牡丹網頁設計

摘 要

在Internet飛速發展的今天，互聯網成為人們快速獲取、發布和傳遞信息的重要渠道，它在人們政治、經濟、生活等各個方面發揮著重要的作用。網站建設在Internet應用上的地位顯而易見，當代企業紛紛建立自己的網站,借助于互聯網擴大自己的影響、推廣自己的產品,同時通過互聯網快速的信息傳遞加速自身的發展。因此我選擇將宣傳洛陽牡丹的前臺網頁的設計制作作為我的項目。

本論文所研究的是如何建設一個符合大眾化要求的洛陽牡丹文化網站，本論文所提出的是采用Dreamweaver、Photoshop、html等制作工具來設計和建設一個洛陽牡丹文化網站。該系統的基本功能有牡丹簡介、牡丹文化、牡丹資訊、牡丹花城、牡丹花會、牡丹欣賞、聯系我們等方面介紹牡丹，讓人們對牡丹有更深的了解。

關鍵詞：洛陽牡丹；Dreamweaver；網頁設計

I

Abstract

Today in the rapid development of internet. The internet has become an

10

important channel for people to obtain ,relea and transfer information. It

plays an important role in people’s all kinds of life , such as political,

economic, and so on . It is obviously that the website construction plays an

important role in the internet. With the help of the internet, mang

enterpris have t up their own websites to expand their influence, to

promote their products. And at the same time, they transfer to accelerate the

development of their own through the fast information of the internet. So I

cho to design the Luoyang peony website to make more people to know

about Luoyang peony.

This thesis is the study of how to build a line with the popular request of

Luoyang peony sites. The propod scheme of this website is to u

Dreamweaver, Photoshop, Html and other tools to design and build a

Luoyang peony cultural sites. The basis functions of this website is that

the basis information of peony, the cultural of peony, the news of peony,

the city of peony, the peony flower show, watching peony any other sides to

introduce peony. And then to make a deeper understanding of peony.

Keywords: The peony of Luoyang ; Dreamweaver; website design

II

洛陽牡丹網頁設計

目 錄

第1章 緒論 ........................................................... 1

1.1 系統開發背景 ..................................................... 1

1.2 系統研究目的和意義 ............................................... 2

1.3 可行性分析 ....................................................... 2

第2章 系統需求分析 ................................................... 4

2.1 用戶功能需求分析 ................................................. 4

2.2 系統性能要求 ..................................................... 4

2.3 業務流程分析 ..................................................... 5

第3章 網頁總體設計 ................................................... 6

11

3.1 系統功能模塊分析 ................................................. 6

3.1.1 首頁 ......................................................... 6

3.1.2 牡丹簡介 ..................................................... 6

3.1.3 牡丹文化 ..................................................... 6

3.1.4 牡丹花城 ..................................................... 7

3.1.5 牡丹欣賞 ..................................................... 9

3.1.6 牡丹花會 ..................................................... 9

3.1.7 聯系我們 ..................................................... 9

3.2 具體框架圖 ....................................................... 9

第4章 網頁詳細設計 ........................................

12