基于HTML的網(wǎng)站設(shè)計(jì)(畢業(yè)論文簡(jiǎn)易版）

時(shí)間：2023-03-16 20:20:01 | 來(lái)源：電子商務(wù)

時(shí)間：2023-03-16 20:20:01 來(lái)源：電子商務(wù)

基于HTML的網(wǎng)站設(shè)計(jì)

摘要

隨著網(wǎng)絡(luò)技術(shù)的不斷發(fā)展，網(wǎng)絡(luò)應(yīng)用已經(jīng)滲透到人類社會(huì)的各個(gè)角落。作為網(wǎng)絡(luò)世界的支撐點(diǎn)的網(wǎng)站，更是人們關(guān)注的熱點(diǎn)：政府利用網(wǎng)站宣傳自己的施政綱領(lǐng)，日益成為與百姓交流的直通車；企業(yè)利用網(wǎng)站宣傳自己的形象，挖掘無(wú)限商機(jī)；個(gè)人利用網(wǎng)站展示個(gè)性風(fēng)采，創(chuàng)建彼此溝通的橋梁。本文通過(guò)利用Dreamweaver的強(qiáng)大功能和HTML語(yǔ)言設(shè)計(jì)制作靜態(tài)的個(gè)人網(wǎng)站，在Windows系統(tǒng)下Web工作環(huán)境下給出了網(wǎng)站的界面和程序。

關(guān)鍵詞：

個(gè)人網(wǎng)站、HTML、Dreamweaver、Firework、Flash

The HTML website design

Abstract

With the development of the network techniques,the network application has already seeped through each corner of the human society.Websites,to sevre as the support of the cyberspace,became a focus which people pay more attention.The government makes use of website to advertise its administrative programme,make it an open traffic what communicate with common people increasingly;the enterprises make use of website to advertise its image,to exploit infinite business opportunities;the particular person use website to display their personality character,to build a bridge for connection and contaction with others.This article describes personal website which is made by using strong function of the software Dreamweaver and Hyper Text Mark Language,offer the interface and programs through Windows system and web environment.

Key word:

Personal website HTML Dreamweaver Firework Flash

目錄

一、引言1

二、HTML語(yǔ)言和設(shè)計(jì)靜態(tài)網(wǎng)站的工具2

（一）HTML語(yǔ)言2

（二）設(shè)計(jì)工具3

1．Dreamweaver3

2．Firework3

3．Flash4

（三）小結(jié)4

三、個(gè)人網(wǎng)站的設(shè)計(jì)和功能5

（一）網(wǎng)站的主題和素材5

（二）網(wǎng)站的布局設(shè)計(jì)5

（三）各個(gè)頁(yè)面的設(shè)計(jì)和相關(guān)的代碼6

1．主頁(yè)6

2．從頁(yè)8

（四）小結(jié)11

總結(jié)12

致謝13

參考文獻(xiàn)14

---

一、引言

中國(guó)互聯(lián)網(wǎng)歷經(jīng)10載的發(fā)展，商業(yè)網(wǎng)站無(wú)處不在，同時(shí)更有數(shù)以千萬(wàn)計(jì)的個(gè)人網(wǎng)站，頑強(qiáng)地生存著，等待未來(lái)突破的機(jī)會(huì)，據(jù)不完全統(tǒng)計(jì)中國(guó)個(gè)人網(wǎng)站已突破三千萬(wàn)。在網(wǎng)絡(luò)高速發(fā)展的今天，網(wǎng)絡(luò)帶給大家的便利，是很明顯的。網(wǎng)絡(luò)上的網(wǎng)站分為很多種，主要是商業(yè)網(wǎng)站和個(gè)人網(wǎng)站，那什么是個(gè)人網(wǎng)站呢？人網(wǎng)站是指單個(gè)或多個(gè)以及團(tuán)隊(duì)成員因?yàn)榕d趣相投共同建設(shè)一個(gè)非贏利性質(zhì)的網(wǎng)站,但其收入也包括廣告聯(lián)盟等。一般個(gè)人網(wǎng)站一般是個(gè)人或者團(tuán)體制作，有自己的空間，域名。

個(gè)人網(wǎng)站的設(shè)計(jì)過(guò)程先要了解設(shè)計(jì)的工具以及設(shè)計(jì)所需要的語(yǔ)言代碼。這個(gè)設(shè)計(jì)主要是展現(xiàn)給大家一個(gè)簡(jiǎn)單的個(gè)人網(wǎng)站，了解設(shè)計(jì)網(wǎng)站的過(guò)程，以及實(shí)現(xiàn)的功能。本設(shè)計(jì)的主要頁(yè)面包括主頁(yè)，以及一些從頁(yè)，從頁(yè)主要有故事頁(yè)面、像冊(cè)頁(yè)面、祈愿頁(yè)面、留言頁(yè)面等，再就是從頁(yè)所包括的一些跳轉(zhuǎn)頁(yè)面。

設(shè)計(jì)的過(guò)程中，用到了Dreamweaver、Fireworks、Flash等軟件，利用Dreamweaver的強(qiáng)大功能實(shí)現(xiàn)設(shè)計(jì)過(guò)程中的代碼；而Fireworks展現(xiàn)給大家的是它可以快速簡(jiǎn)單的制作處理一些圖片、導(dǎo)航條和一些按鈕的強(qiáng)大的功能；再就是Flash，快速制作一些小動(dòng)畫，簡(jiǎn)單的文字動(dòng)畫，一些透明動(dòng)畫，使頁(yè)面給人以從起來(lái)的感覺(jué)。設(shè)計(jì)的主要語(yǔ)言是HTML，通過(guò)語(yǔ)言的功能，使一些設(shè)計(jì)更加簡(jiǎn)單。

---

二、HTML語(yǔ)言和設(shè)計(jì)靜態(tài)網(wǎng)站的工具

（一）HTML語(yǔ)言

HTML（HyperTextMark-upLanguage）即超文本標(biāo)記語(yǔ)言，是WWW的描述語(yǔ)言。HTML語(yǔ)言是一種標(biāo)記語(yǔ)言，簡(jiǎn)單易學(xué)。用HTML語(yǔ)言編寫的網(wǎng)頁(yè)實(shí)際上是一種文本文件，它以.htm或.html為擴(kuò)展名，我們可以使用任何文本處理軟件編寫。

HTML的英語(yǔ)意思是：Hypertext Marked Language，即超文本標(biāo)記語(yǔ)言,是一種用來(lái)制作超文本文檔的簡(jiǎn)單標(biāo)記語(yǔ)言。超文本傳輸協(xié)議規(guī)定了瀏覽器在運(yùn)行 HTML 文檔時(shí)所遵循的規(guī)則和進(jìn)行的操作.HTTP協(xié)議的制定使瀏覽器在運(yùn)行超文本時(shí)有了統(tǒng)一的規(guī)則和標(biāo)準(zhǔn).用HTML編寫的超文本文檔稱為HTML文檔，它能獨(dú)立于各種操作系統(tǒng)平臺(tái)，自1990年以來(lái)HTML就一直被用作ＷＷＷ（是World Wide Web的縮寫，也可簡(jiǎn)寫WEB、中文叫做萬(wàn)維網(wǎng)) 的信息表示語(yǔ)言，使用HTML語(yǔ)言描述的文件，需要通過(guò)WEB瀏覽器顯示出效果。HTML只是一個(gè)純文本文件。創(chuàng)建一個(gè)HTML文檔，只需要兩個(gè)工具，一個(gè)是HTML編輯器，一個(gè)WEB瀏覽器。HTML編輯器是用于生成和保存THML文檔的應(yīng)用程序。WEB瀏覽器是用來(lái)打開(kāi)WEB網(wǎng)頁(yè)文件，提供給我們查看WEB資源的客戶端程序。

所謂超文本，是因?yàn)樗梢约尤雸D片、聲音、動(dòng)畫、影視等內(nèi)容，事實(shí)上每一個(gè)HTML文檔都是一種靜態(tài)的網(wǎng)頁(yè)文件，這個(gè)文件里面包含了HTML指令代碼，這些指令代碼并不是一種程序語(yǔ)言，它只是一種排版網(wǎng)頁(yè)中資料顯示位置的標(biāo)記結(jié)構(gòu)語(yǔ)言，易學(xué)易懂，非常簡(jiǎn)單。HTML的普遍應(yīng)用就是帶來(lái)了超文本的技術(shù)----通過(guò)單擊鼠標(biāo)從一個(gè)主題跳轉(zhuǎn)到另一個(gè)主題，從一個(gè)頁(yè)面跳轉(zhuǎn)到另一個(gè)頁(yè)面與世界各地主機(jī)的文件鏈接。

鏈接到HTML超文本文件時(shí)需要用到的一些標(biāo)簽。在HTML中每個(gè)用來(lái)作標(biāo)簽的符號(hào)都是一條命令、它告訴瀏覽器如何顯示文本。這些標(biāo)簽均由"<"和">"符號(hào)以及一個(gè)字符串組成。而瀏覽器的功能是對(duì)這些標(biāo)記進(jìn)行解釋，顯示出文字、圖像、動(dòng)畫、播放聲音。這些標(biāo)簽符號(hào)用“<標(biāo)簽名字 屬性>”來(lái)表示。

一個(gè)HTML文檔是由一系列的元素和標(biāo)簽組成.元素名不區(qū)分大小寫.HTML用標(biāo)簽來(lái)規(guī)定元素的屬性和它在文件中的位置，

（二）設(shè)計(jì)工具

1．Dreamweaver

Dreamweaver是美國(guó)MACROMEDIA公司開(kāi)發(fā)的集網(wǎng)頁(yè)制作和管理網(wǎng)站于一身的所見(jiàn)即所得網(wǎng)頁(yè)編輯器，它是第一套針對(duì)專業(yè)網(wǎng)頁(yè)設(shè)計(jì)師特別發(fā)展的視覺(jué)化網(wǎng)頁(yè)開(kāi)發(fā)工具，利用它可以輕而易舉地制作出跨越平臺(tái)限制和跨越瀏覽器限制的充滿動(dòng)感的網(wǎng)頁(yè)。
Dreamweaver可以用最快速的方式將Fireworks，F(xiàn)reeHand，或Photoshop等檔案移至網(wǎng)頁(yè)上。使用檢色吸管工具選擇螢?zāi)簧系念伾稍O(shè)定最接近的網(wǎng)頁(yè)安全色。對(duì)於選單，快捷鍵與格式控制，都只要一個(gè)簡(jiǎn)單步驟便可完成。Dremweaver能與您喜愛(ài)的設(shè)計(jì)工具，如Playback Flash，Shockwave和外掛模組等搭配，不需離開(kāi)Dremweaver便可完成，整體運(yùn)用流程自然順暢。除此之外，只要單擊便可使Dreamweaver自動(dòng)開(kāi)啟Firework或Photoshop來(lái)進(jìn)行編輯與設(shè)定圖檔的最佳化。
使用網(wǎng)站地圖可以快速制作網(wǎng)站雛形、設(shè)計(jì)、更新和重組網(wǎng)頁(yè)。改變網(wǎng)頁(yè)位置或檔案名稱，Dreamweaver 會(huì)自動(dòng)更新所有連結(jié)。使用支援文字、HTML碼、HTML屬性標(biāo)簽和一般語(yǔ)法的搜尋及置換功能使得復(fù)雜的網(wǎng)站更新變得迅速又簡(jiǎn)單。

2．Firework

Firework也是 Macromedia 公司的產(chǎn)品，是真正的網(wǎng)頁(yè)作圖軟件。Fireworks 與 Dreamweaver 結(jié)合很緊密，只要將 Dreamweaver 的默認(rèn)圖像編輯器設(shè)為 Fireworks ，那么在 Fireworks 里修改的文件將立即在 Dreamweaver 里更新。另一個(gè)功能是可以在同一文本框里改變單個(gè)字的顏色。當(dāng)然，F(xiàn)ireworks 可以引用所有的 Photoshop的濾鏡，并且可以直接將 PSD 格式圖片導(dǎo)入。它是用來(lái)畫圖用的，它相當(dāng)于結(jié)合了Photoshop ( 點(diǎn)陣圖處理 ) 以及CorelDRAW (繪制向量圖)的功能。網(wǎng)頁(yè)上很流行的陰影、立體按鈕...等等的效果，也只需用鼠標(biāo)點(diǎn)一下，不必再靠什么KPT 之類的外掛濾鏡。而且 Fireworks很完整的支持網(wǎng)頁(yè)16進(jìn)制的色彩模式，提供安全色盤的使用和轉(zhuǎn)換，要切割圖形、做影像對(duì)應(yīng)(Image Map)、背景透明，要圖又小又漂亮，在Fireworks 中做起來(lái)都非常方便，修改圖形也是很容易的 。不需要再同時(shí)打開(kāi)Photoshop和CorelDRAW...等等各類軟件，切換來(lái)切換去的了。

3．Flash

Flash是web上重要的動(dòng)畫制作工具，是一種交互式矢量多媒體技術(shù)。 Flash的前身是Future Splash，是早期網(wǎng)上流行的矢量動(dòng)畫插件。它是基于矢量的圖形系統(tǒng)，各元素都是矢量的，只要用少量向量數(shù)據(jù)就可以描述一個(gè)復(fù)雜的對(duì)象，占用的存儲(chǔ)空間只是位圖的幾千分之一，非常適合在網(wǎng)絡(luò)上使用。同時(shí)，矢量圖像可以做到真正的無(wú)級(jí)放大。這樣，無(wú)論用戶的瀏覽器使用多大的窗口，圖像始終可以完全顯示，并且不會(huì)降低畫面質(zhì)量。

它使用插件方式工作。用戶只要安裝一次插件，以后就可以快速啟動(dòng)并觀看動(dòng)畫，而不必像：Java那樣每次都要啟動(dòng)虛擬機(jī)。由于Flash生成的動(dòng)畫一般都很小，所以，調(diào)用的時(shí)候速度很快。 Flash plug-in也不大，只有150KB左右，很容易下載并安裝。

它還提供其他的一些增強(qiáng)功能。比如，支持位圖、聲音、漸變色、Alpha、透明等。擁有了這些功能，完全可以建立一個(gè)全部由Flash制作的站點(diǎn)。

Flash影片其實(shí)是一種“準(zhǔn)”流（stream）形式文件。這就是說(shuō)，在觀看一個(gè)大動(dòng)畫的時(shí)候，可以不必等到影片全部下載到本地再觀看，而是隨時(shí)可以觀看，哪怕后面的內(nèi)容還沒(méi)有完全下載到硬盤，也可以開(kāi)始欣賞動(dòng)畫。

（三）小結(jié)

本章主要介紹了，HTML語(yǔ)言和設(shè)計(jì)靜態(tài)網(wǎng)站的工具，如Dreamweaver、Firework、Flash，通過(guò)設(shè)計(jì)工具和語(yǔ)言的配合，可以容易的設(shè)計(jì)出一個(gè)網(wǎng)站。

三、個(gè)人網(wǎng)站的設(shè)計(jì)和功能

（一）網(wǎng)站的主題和素材

網(wǎng)站的主題也就是網(wǎng)站的題材，網(wǎng)站設(shè)計(jì)開(kāi)始首先遇到的問(wèn)題。本次設(shè)計(jì)的網(wǎng)站，是一個(gè)個(gè)人網(wǎng)站，名稱是藍(lán)天和綠地，在網(wǎng)站里創(chuàng)造屬于自己的一片天空！選好了主題，那就圍繞著主題，選擇自己需要的素材，主要有圖片和文字資料。圖片主要有背景圖片，導(dǎo)航圖片，以及一些對(duì)象的圖片，通過(guò)利用Firework圖象處理工具對(duì)圖片進(jìn)行處理制作。主要的圖片如下圖所示：

文字材料就是網(wǎng)站里面要展現(xiàn)給大家內(nèi)容，就是網(wǎng)站中想讓別人看到的一些文字資料。主要的文字資料就是搜集的故事。

（二）網(wǎng)站的布局設(shè)計(jì)

設(shè)計(jì)版面布局就象傳統(tǒng)的報(bào)刊雜志編輯一樣，將網(wǎng)頁(yè)看作一張報(bào)紙，一本雜志來(lái)進(jìn)行排版布局。這次設(shè)計(jì)的網(wǎng)站，是左右布局的，所有的頁(yè)面都采用了這個(gè)布局，如上圖所示。

這個(gè)網(wǎng)站設(shè)計(jì)的主要顏色主要有3種：綠，白，棕。網(wǎng)站主要有2個(gè)導(dǎo)航，如上圖所示的，在左布局和右布局的中間部分都有導(dǎo)航條。網(wǎng)站主要采用一個(gè)大的背景圖片來(lái)總體規(guī)劃了主要的布局分布，再就是利用表格的功能來(lái)細(xì)致的把每一部分都分割出來(lái)，填充上與其想要展現(xiàn)給大家的相關(guān)內(nèi)容，使布局清晰明了。

在網(wǎng)站的頁(yè)面里面，插入了2個(gè)透明 Flash和一個(gè)Flash，使頁(yè)面更加精彩，更加絢麗多彩。相關(guān)的代碼是：

<object

classid=" " codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" >

<param name="movie" value=" ">

<param name="quality" value=" ">

<param name="wmode" value=" ">

<embed

src=""quality="high"

pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" wmode="transparent">

</embed>

</object>

（三）各個(gè)頁(yè)面的設(shè)計(jì)和相關(guān)的代碼

1．主頁(yè)

主頁(yè)主要是展現(xiàn)給大家一個(gè)整體的目錄，主要起到導(dǎo)航的作用，進(jìn)行鏈接到別的分頁(yè)。在頁(yè)面看來(lái)主頁(yè)主要有三部分的內(nèi)容，一部分是鏈接進(jìn)入故事頁(yè)面和相冊(cè)頁(yè)面；一部分鏈接是，返回主頁(yè)，再就是進(jìn)入收藏，祈愿，留言各個(gè)頁(yè)面；另外一部分是平時(shí)比較喜歡訪問(wèn)的網(wǎng)站，主要由平時(shí)喜歡看動(dòng)漫和動(dòng)畫的網(wǎng)站，喜歡的搜索桌面圖片的網(wǎng)站，喜歡聽(tīng)的音樂(lè)的網(wǎng)站，再就是喜歡的3D動(dòng)畫的人物的網(wǎng)站等組成的。各個(gè)鏈接都會(huì)連接到不同的界面，不同的界面有著不同的東西。主頁(yè)的頁(yè)面如下圖所示：

與設(shè)計(jì)相關(guān)的代碼是：

HTML標(biāo)記分類：

　　文件結(jié)構(gòu)標(biāo)記(Document Structure Tags)

　　此類標(biāo)記的目的是用來(lái)標(biāo)示出文件的結(jié)構(gòu)，主要的有：

　　<html>...</html>:標(biāo)示html文件的起始和終止。

　　<head>...</head>:標(biāo)示出文件標(biāo)題區(qū)。

　　<body>...</body>:標(biāo)示出文件主體區(qū)

　　區(qū)段格式標(biāo)記(Block Formatting Tags)

　　此類標(biāo)記的主要用途是將HTML文件中得某個(gè)區(qū)段文字,以特定格式顯示，增加文件的可看度。主要的有：

　　<title>...</title>:文件題目。

　　<hi>...</hi>:i=1,2,...,6,網(wǎng)頁(yè)標(biāo)題。

　　<br>:強(qiáng)迫換行。

　　<p>...</p>:文件段落。

　　字符格式標(biāo)記(Character Formatting Tags)

　　用來(lái)改變HTML文件文字的外觀，增加文件的美觀程度。主要有：

　　<b>...</b>:粗體字。

　　<i>...</i>:斜體字。

　　<tt>...</tt>:打字體。

<font>...</font>:改變字體設(shè)置。

文字格式： <FONT SIZE="+5 " COLOR="#00FFFF">文字</FONT>

　　<center>...</center>:居中對(duì)齊。

　　鏈接標(biāo)記(Anchor Tag)

鏈接可以說(shuō)是html超文本文件的命脈，html通過(guò)鏈接標(biāo)記來(lái)整合分散在世界各地的圖、文、影、音等信息。此類標(biāo)記的主要用途為標(biāo)示超文本文件鏈接(Hypertext Link)，主要有：

圖片調(diào)用：<IMG SRC="文件名">

頁(yè)面跳轉(zhuǎn)：

〈A HREF="文件路徑/文件名"></A>　

<a>...</a>:建立超級(jí)鏈接。

　 表格標(biāo)記(Table Tags)

　　此類標(biāo)記用制作表格。主要有：

　　<table>...</table>:定義表格區(qū)段。

　　<caption>...</caption>:表格標(biāo)題。

　　<th>...</th>:表頭。

　　<tr>...</tr>:表格列。

<td>...</td>:表格單元格。

2．從頁(yè)

在故事這個(gè)頁(yè)面里的主要的鏈接有返回主頁(yè)和轉(zhuǎn)到相冊(cè)界面，再就是在網(wǎng)站里想要展現(xiàn)給大家故事的鏈接，在這里主要有4個(gè)故事，可以通過(guò)點(diǎn)擊進(jìn)入故事，自由自在的看故事。在這里展現(xiàn)的故事，主要是；兩封叫人無(wú)法拒絕的情書、兩只蚊子的愛(ài)情、小故事講道理、8塊5毛錢。主要的頁(yè)面如下圖所示：

在每個(gè)小故事的頁(yè)面里，主要的布局和設(shè)計(jì)都和故事頁(yè)面相同，但是在顯示故事的那部分空間里我運(yùn)用了表單，通過(guò)表單的多行，可以在小的空間里顯示更多的內(nèi)容，使頁(yè)面給人以簡(jiǎn)潔、明了的感覺(jué)。表單的代碼是：

表單標(biāo)記(Form Tags)

此類標(biāo)記用來(lái)制作交互式表單，主要的有：

<Form>...</form>:表明表單區(qū)段的開(kāi)始與結(jié)束。

<input>:產(chǎn)生單行文本框、單選按鈕、復(fù)選框等。

<textarea>...</textarea>:產(chǎn)生多行輸入文本框。

<select>...</select>:標(biāo)明下拉列表的開(kāi)始與結(jié)束。

<option>...</option>:在下拉列表中產(chǎn)生一個(gè)選擇項(xiàng)目。

在相冊(cè)頁(yè)面里的主要內(nèi)容是返回主頁(yè)和故事頁(yè)面的鏈接，再就是在網(wǎng)站里展現(xiàn)給大家的相冊(cè)里的圖片，主要在這里分了五花八門，自己的相冊(cè)，朋友的相冊(cè)，動(dòng)漫人物，明星的靚照等幾個(gè)頁(yè)面，每個(gè)頁(yè)面都相互對(duì)應(yīng)著不同的頁(yè)面，展現(xiàn)出的也是不同的照片和圖片，給人以不同的視覺(jué)感受。如下圖所示：

在主頁(yè)點(diǎn)擊祈愿，就可以鏈接到祈愿頁(yè)面。祈愿頁(yè)面的內(nèi)容主要是有一個(gè)測(cè)試，來(lái)測(cè)試你的人格是怎樣的，在測(cè)試之前先許愿，通過(guò)選擇的動(dòng)物、顏色來(lái)判斷你的人格。其他的內(nèi)容就和前面介紹的頁(yè)面一樣了，在這里我就不重復(fù)介紹了。 祈愿頁(yè)面的布局和設(shè)計(jì)，也和前面的幾個(gè)頁(yè)面一樣，在這里我也不多說(shuō)了。文字區(qū)域，利用的是和顯示故事頁(yè)面一樣的多行表單。如下圖所示：

表單的代碼我在這里也不說(shuō)了，和故事頁(yè)面的一樣。

留言頁(yè)面也是在主頁(yè)里面，點(diǎn)擊留言圖片就可以鏈接到。我的留言頁(yè)面，沒(méi)有設(shè)計(jì)數(shù)據(jù)庫(kù)，而是直接通過(guò)EMAIl鏈接，把留言轉(zhuǎn)到了直接發(fā)送郵件與聯(lián)系。這樣簡(jiǎn)單又明了，也容易操作，設(shè)計(jì)也簡(jiǎn)單。

代碼是：

<a href=mailto: > </a>

其他的頁(yè)面，主要就是喜歡的鏈接，可以通過(guò)點(diǎn)擊圖片和文字進(jìn)入一些與圖片和文字有關(guān)的網(wǎng)站，主要鏈接的有動(dòng)畫，桌面圖片，音樂(lè)，三維圖片等。喜歡的鏈接這些對(duì)象是通過(guò)表格來(lái)進(jìn)行布局的，通過(guò)表格分割插入圖片，再通過(guò)圖片進(jìn)行超鏈接，鏈接到與其相關(guān)的網(wǎng)站，相當(dāng)于友情鏈接。

（四）小結(jié)

這一章主要介紹了所有頁(yè)面的設(shè)計(jì)，內(nèi)容，以及相關(guān)的代碼。通過(guò)Flash制作的動(dòng)化和透明插件，F(xiàn)ireworks的圖片處理，再加上一系列的代碼，使設(shè)計(jì)更加簡(jiǎn)單，使頁(yè)面更加吸引人，讓人看了比較舒服。

總結(jié)

通過(guò)這次的設(shè)計(jì)，制作一個(gè)個(gè)人網(wǎng)站，只要利用好設(shè)計(jì)工具和了解HTML的語(yǔ)言功能，還是可以輕松的設(shè)計(jì)出來(lái)的。想要設(shè)計(jì)出一個(gè)漂亮的功能強(qiáng)大的個(gè)人網(wǎng)站，那要把所有軟件的功能，都能很好的發(fā)揮出來(lái)，那樣就需要很多專業(yè)的知識(shí)。

設(shè)計(jì)過(guò)程中，需要的軟件工具主要是Dreamweaver、Fireworks、Flash等，它們都有自己特有的強(qiáng)大功能，Dreamweaver主要是通過(guò)界面的事物設(shè)計(jì)來(lái)生成HTML語(yǔ)言代碼，使設(shè)計(jì)更加簡(jiǎn)單，再就是它可以快速簡(jiǎn)單的連接到Fireworks和Flash，兩個(gè)強(qiáng)大的圖片處理制作工具和簡(jiǎn)單快速的制作動(dòng)畫透明Flash。Fireworks，它結(jié)合了一些圖像處理軟件的功能，使圖片處理制作更加簡(jiǎn)單；而Flash支持位圖、聲音、漸變色、Alpha、透明等功能。

設(shè)計(jì)雖然完成了，但是還是存在著一些問(wèn)題，主要是沒(méi)有設(shè)計(jì)與數(shù)據(jù)庫(kù)相關(guān)的功能，留言功能沒(méi)有鏈接到數(shù)據(jù)庫(kù)。設(shè)計(jì)的留言功能，鏈接的是個(gè)人的網(wǎng)易郵箱。再就是設(shè)計(jì)并不是很完美，一些功能并沒(méi)有實(shí)現(xiàn)，一些頁(yè)面也沒(méi)有設(shè)計(jì)鏈接，也沒(méi)有注冊(cè)用戶界面。想要展現(xiàn)一個(gè)功能多多的網(wǎng)站，還是需要學(xué)習(xí)更多的知識(shí)。

致謝

首先衷心感謝我的指導(dǎo)老師董斌老師，在這幾個(gè)月的時(shí)間里，他對(duì)我論文的調(diào)研、論文的進(jìn)度都給予了認(rèn)真的指導(dǎo)，在論文的撰寫過(guò)程中也提出了許多中肯的意見(jiàn)。董斌老師熱心的輔導(dǎo)、嚴(yán)謹(jǐn)?shù)淖黠L(fēng)給我留下了深刻的印象。值此論文完成之際，謹(jǐn)向指導(dǎo)老師致以誠(chéng)摯的敬意和衷心的感謝。

另外，在論文期間，我還得到了院領(lǐng)導(dǎo)、各位老師熱心幫助，在此表示誠(chéng)摯的感謝。

感謝我的父母、親人對(duì)我的支持，他們?cè)谏钪姓疹櫸?，在精神上給我動(dòng)力，使我能夠順利完成學(xué)業(yè)。

參考文獻(xiàn)

[1] 山東省教育廳組編 《計(jì)算機(jī)文化基礎(chǔ)》 2004年7月第1版

石油大學(xué)出版社 2004年7月 引用部分：290頁(yè)---316頁(yè)

[2] 劉艷麗 主編 《網(wǎng)頁(yè)設(shè)計(jì)與制作實(shí)用教程》2003年7月第1版

高等教育出版社 2005年5月

[3] 作者：（美）塞爾達(dá)曼（Zeldman J.） 譯者：傅捷 王宗義 祝軍

《網(wǎng)站重構(gòu)(應(yīng)用Web標(biāo)準(zhǔn)進(jìn)行設(shè)計(jì))》 電子工業(yè)出版社 2005-4出版

[4] 作者：馬月 《網(wǎng)站界面設(shè)計(jì)》 北京理工大學(xué)出版社2006年8月第1版

[5] 作者：張貴明 《網(wǎng)站與網(wǎng)頁(yè)設(shè)計(jì)》 清華大學(xué)出版社

[6] 作者：仲治國(guó) 《巧用整站程序建網(wǎng)站》 電子工業(yè)出版社2007年1月第1版

[7] 作者：姜韡 吳濤 《網(wǎng)站全程設(shè)計(jì)技術(shù)》 清華大學(xué)出版社 2003年5月第1版

[8] 作者：嚴(yán)亞丁、(挪威)科特 《網(wǎng)站規(guī)范化設(shè)計(jì)實(shí)例精講》

人民郵電出版社 2005-10

[9] 作者：(美國(guó))法伊夫等著 譯者：汪青青 《無(wú)線網(wǎng)站管理實(shí)戰(zhàn)》科學(xué)出版社

[10] 作者：何秀明 王偉光 鄭慶榮 等 編著 《Dreamweaver8網(wǎng)頁(yè)設(shè)計(jì)與熱門網(wǎng)站制作》

電子工業(yè)出版社 2007年4月第1版