網(wǎng)頁設(shè)計(jì)與制作 看-

網(wǎng)頁設(shè)計(jì)與制作網(wǎng)頁制作課程內(nèi)容：1、網(wǎng)頁制作基礎(chǔ)知識(shí)2、HTML語言3、Dreamveaver4、綜合應(yīng)用(課程實(shí)訓(xùn))第一講網(wǎng)頁制作基礎(chǔ)知識(shí)在學(xué)習(xí)網(wǎng)頁制作之前，首先應(yīng)了解一些網(wǎng)頁與網(wǎng)站的基本知識(shí)，了解常用的網(wǎng)頁制作工具，熟悉網(wǎng)站開發(fā)流程。本講要點(diǎn)：網(wǎng)頁的基本概念網(wǎng)頁包括的主要元素網(wǎng)頁制作流程網(wǎng)頁制作工具一、網(wǎng)頁的基本概念(一)、什么是網(wǎng)頁？網(wǎng)頁是使用網(wǎng)頁制作工作編輯生成或使用HTML語言編寫的文本文件，網(wǎng)頁里可以包含文字、表格、圖像、聲音和視頻等網(wǎng)頁元素。每個(gè)網(wǎng)頁都是磁盤上的一個(gè)文件，可以單獨(dú)瀏覽。網(wǎng)頁是組成網(wǎng)站的特殊成分，圖像、聲音、和視頻等文件均需要通過網(wǎng)頁才能讓瀏覽者看到或聽到。一、網(wǎng)頁的基本概念(二)、網(wǎng)站的的概念與分類

1、網(wǎng)站的的概念網(wǎng)站，也稱作站點(diǎn)，英文的名稱是Web

Site。從邏輯上講網(wǎng)站就是一個(gè)建構(gòu)在網(wǎng)絡(luò)上、具有獨(dú)立名稱的邏輯上的獨(dú)立體。再簡(jiǎn)單來講，就是一組具有特殊連接方式的頁面群，表現(xiàn)出來就是我們常說的一個(gè)網(wǎng)站，比如網(wǎng)易、搜狐、新浪、百度等知名網(wǎng)站。我們個(gè)人做的網(wǎng)站雖然規(guī)模上不能和大站相比，但它在結(jié)構(gòu)上也是完全獨(dú)立的。從物理意義上講，所有的網(wǎng)站都架構(gòu)在連接到因特網(wǎng)的服務(wù)器上，其具體網(wǎng)頁文件都存放在一個(gè)網(wǎng)站文件夾中。網(wǎng)站的分類方式有多種，這里我們僅就網(wǎng)站的內(nèi)容與網(wǎng)站的交互性兩方面來分類。一、網(wǎng)頁的基本概念2、網(wǎng)站的分類按內(nèi)容分類搜索引擎式網(wǎng)站：以搜索引擎為主要功能。如百度、一搜、Google等。綜合性門戶網(wǎng)站：以新聞信息、娛樂資訊等為主要功能。如搜狐、新浪、網(wǎng)易、雅虎等。電子商務(wù)網(wǎng)站：主要用于網(wǎng)上交易。如：阿里巴巴、易趣等。

即時(shí)通訊網(wǎng)站：用于實(shí)時(shí)性網(wǎng)上通訊交流。如騰迅QQ、雅虎等。小型專題或個(gè)人主頁：多以宣傳創(chuàng)建者自身，提供信息，或就某一專題提供最新資訊、歷史資料及相關(guān)論壇等內(nèi)容為主要形式。小型企事業(yè)網(wǎng)站或個(gè)人網(wǎng)站大多采用這種形式。按網(wǎng)站交互性來類單向傳遞：這類網(wǎng)站重點(diǎn)在宣傳自身、介紹產(chǎn)品、發(fā)布新聞等。與傳統(tǒng)媒體的傳播方式相類似，主要是提供資料供用戶瀏覽，其它交流功能則較少。雙向交流：更注重網(wǎng)絡(luò)與用戶間信息的互動(dòng)，網(wǎng)站可按用戶的需求提供各種形式的檢索，并且用戶在網(wǎng)上獲取信息的同時(shí)，網(wǎng)站也可接收到來自用戶的信息，實(shí)現(xiàn)信息共享，用戶還可加入各種網(wǎng)上互動(dòng)活動(dòng)，如參加論壇討論，進(jìn)行在線游戲等。一、網(wǎng)頁的基本概念(三)、網(wǎng)頁是如何被瀏覽的？網(wǎng)頁是能夠被瀏覽器軟件識(shí)別的文件，但有時(shí)也把用瀏覽器看到的網(wǎng)頁文件的內(nèi)容叫網(wǎng)頁或頁面。瀏覽器是專門用于瀏覽網(wǎng)頁的軟件，常用的瀏覽器軟件有Microsoft的IE和Netscape的Navigator等。HTML文件中還定義了網(wǎng)頁中的各種對(duì)象（如：文字，圖片，聲音，圖像，動(dòng)畫）的位置，外形和色彩，各種圖像，聲音，動(dòng)畫等文件則是網(wǎng)頁的素材。網(wǎng)頁瀏覽者在瀏覽網(wǎng)頁時(shí)，實(shí)際上是將HTML文件及相關(guān)的文本、圖像、聲音等文件下載到自已本地的計(jì)算機(jī)中，然后由瀏覽器程序?qū)TML文件進(jìn)行解釋后顯示網(wǎng)頁內(nèi)容。一、網(wǎng)頁的基本概念（四）、網(wǎng)頁制作常用術(shù)語1、HTML文件用超文本標(biāo)記語言編寫的超文本文件稱為HTML（HyperTextmark-uplanguage）文件，它能不受各種操作系統(tǒng)限制，獨(dú)立地運(yùn)行于各種操作系統(tǒng)平臺(tái)之上。HTML文件作用：HTML語言主要用于靜態(tài)網(wǎng)頁設(shè)計(jì)，自1990年起HTML語言就一直被用作World

Wide

Web（WWW）上的信息表示語言，用于描述網(wǎng)頁的格式，設(shè)計(jì)它與WWW上其它主頁的鏈接信息。HTML文件是網(wǎng)頁的源文件，是一個(gè)放置了標(biāo)記的ASCII文本文件，通常以.htm或.html為擴(kuò)展名。一、網(wǎng)頁的基本概念2、服務(wù)器和客戶機(jī)瀏覽者在訪問網(wǎng)頁時(shí)，是由瀏覽者本地的計(jì)算機(jī)向存放網(wǎng)頁的遠(yuǎn)程計(jì)算機(jī)發(fā)出一個(gè)請(qǐng)求。遠(yuǎn)程計(jì)算機(jī)在收到請(qǐng)求后，將所需要的瀏覽內(nèi)容（即網(wǎng)頁）發(fā)送給本地計(jì)算機(jī)。那么本地的計(jì)算機(jī)被稱為客戶計(jì)算機(jī)（Client），遠(yuǎn)程存放網(wǎng)頁的計(jì)算機(jī)被稱為服務(wù)器（Server），根據(jù)服務(wù)器上運(yùn)行的程序類型及服務(wù)器與客戶所使用的通信協(xié)議的作用的不同，服務(wù)器可分為WWW（Web）服務(wù)器，F(xiàn)TP服務(wù)器等。一、網(wǎng)頁的基本概念3、IP地址和域名IP地址：為了使連接在Internet上的計(jì)算機(jī)能夠互相識(shí)別并進(jìn)行通信，每臺(tái)連入Internet的計(jì)算機(jī)必須有個(gè)“標(biāo)識(shí)號(hào)”，這個(gè)標(biāo)識(shí)號(hào)便是計(jì)算機(jī)在Internet中的地址。這個(gè)地址是由IP協(xié)議進(jìn)行處理的，故稱為計(jì)算機(jī)的IP地址。IP地址是一個(gè)32位的二進(jìn)制數(shù)，IP地址的寫法是按8位為一組分組4組，組與組之間用小數(shù)點(diǎn)分隔，每組數(shù)值用十進(jìn)制數(shù)表示:如:某臺(tái)計(jì)算機(jī)的IP地址為8

IP地址包含兩部分:一部分是網(wǎng)絡(luò)號(hào),用以區(qū)分在Internet上互聯(lián)的各個(gè)網(wǎng)絡(luò);另一部分是計(jì)算機(jī)號(hào),用以區(qū)分在同一網(wǎng)絡(luò)上的不同計(jì)算機(jī)。域名：Internet規(guī)定了一套命令機(jī)制，稱為域名系統(tǒng)DNS（Domain

NameSystem）。按域名系統(tǒng)定義的計(jì)算機(jī)名字稱為域名。如：

當(dāng)用戶用域名來訪問遠(yuǎn)程的計(jì)算機(jī)時(shí),必須由Internet的DNS的名字服務(wù)器(Name

Server)將域名翻譯成對(duì)應(yīng)的32位IP地址,然后才能完成對(duì)遠(yuǎn)程的計(jì)算機(jī)的訪問。一、網(wǎng)頁的基本概念4、虛擬主機(jī)虛擬主機(jī)是使用特殊的軟、硬件技術(shù)把一臺(tái)服務(wù)器主機(jī)分成幾十個(gè)

“虛擬”的服務(wù)器主機(jī)，每臺(tái)虛擬主機(jī)都具有獨(dú)立的域名和IP地址（或共亨的IP地址），具有完整的Internet服務(wù)器功能。虛擬主機(jī)之間完全獨(dú)立，在外界看來，每臺(tái)虛擬主機(jī)和一臺(tái)獨(dú)立的服務(wù)器主機(jī)完全一樣。多臺(tái)虛擬主機(jī)共亨真實(shí)主機(jī)的資源，這樣就可以把網(wǎng)絡(luò)的開銷費(fèi)用均攤到每臺(tái)虛擬主機(jī)上?？衫锰摂M主機(jī)技術(shù)建立個(gè)人主頁，在大型網(wǎng)站上（提供存放主頁

的免費(fèi)空間，提供免費(fèi)域名）申請(qǐng)主頁空間和域名（免費(fèi)或收費(fèi)），獲得成功后，把你制作的網(wǎng)頁存放在虛擬主機(jī)上，這樣你就好象在

Internet上擁有了自己的服務(wù)器和網(wǎng)站。一、網(wǎng)頁的基本概念5、統(tǒng)一資源定位器（url）統(tǒng)一資源定位器（Uniform

Resource

Locator）是全球www網(wǎng)服務(wù)器資源的標(biāo)準(zhǔn)尋址定位源碼，用于確定資源相應(yīng)的位置及所需檢索的文件。其優(yōu)點(diǎn)是用字符串來指向所需的信息，從而進(jìn)行資料的檢索。URL

由3部分組成:Internet協(xié)議

域名

主機(jī)路徑及文件名/index.htm

協(xié)議有：http://超文本傳輸協(xié)議

ftp:

文本傳輸協(xié)議telnet:遠(yuǎn)程登陸協(xié)議一、網(wǎng)頁的基本概念6、文件傳輸協(xié)議(FTP)文件傳輸協(xié)議(FTP)(file

transfer

pretocol) 用于網(wǎng)絡(luò)調(diào)節(jié)點(diǎn)間文件的雙向傳輸,是實(shí)現(xiàn)資源共享的重要方式和有效手段之一。FPT是支持用戶實(shí)現(xiàn)把文件從一臺(tái)計(jì)算機(jī)中傳輸?shù)搅硪慌_(tái)計(jì)算機(jī)中,并且能保證傳輸?shù)目煽啃?。用戶在本地?jì)算機(jī)上做好的主頁除了用DW4.0上傳之外。還可以用FTP上傳到達(dá)遠(yuǎn)程的主機(jī)中。常用的FTP工具有CuteFTP和LeapFTP等。一、網(wǎng)頁的基本概念7.網(wǎng)站的發(fā)布網(wǎng)站制作好后還需要發(fā)布才能被瀏覽者瀏覽。網(wǎng)站的性質(zhì)不同，發(fā)布方式也不同。(1)企業(yè)級(jí)商業(yè)網(wǎng)站的發(fā)布如果企業(yè)有足夠的資金和技術(shù)支持，可以考慮創(chuàng)建自己的網(wǎng)絡(luò)中心。硬件方面需要有性能穩(wěn)定的服務(wù)器、路由器、交換機(jī)，并要向當(dāng)?shù)氐碾娦挪块T申請(qǐng)網(wǎng)絡(luò)專線。同時(shí)需要有一定數(shù)量的專人對(duì)網(wǎng)站進(jìn)行維護(hù)和管理。一、網(wǎng)頁的基本概念7.網(wǎng)站的發(fā)布(2)中小企業(yè)級(jí)或小型組織社團(tuán)的網(wǎng)站發(fā)布如果沒有條件創(chuàng)建獨(dú)立的網(wǎng)站硬件環(huán)境，或者網(wǎng)站規(guī)模并不大，不需要?jiǎng)?chuàng)建獨(dú)立的網(wǎng)站硬件環(huán)境，可以選擇以下幾種小型網(wǎng)站的解決方案。租賃虛擬主機(jī)：如果網(wǎng)站的內(nèi)容不是很多，也不需要大量的服務(wù)器空間支持?jǐn)?shù)據(jù)庫(kù)，可以采

用這種發(fā)布方式，也就是租用ISP主機(jī)服務(wù)器的一定空間，比如100MB，來發(fā)

布網(wǎng)站，一年需要支付幾千元，就可以建立一個(gè)功能比較強(qiáng)大的網(wǎng)站。目前，這是大多數(shù)中小企業(yè)和社會(huì)團(tuán)體、較具規(guī)模的各種組織網(wǎng)站多采用的模式。服務(wù)器托管：如果在網(wǎng)站里需要大量數(shù)據(jù)庫(kù)支持，可以采用這種方式。將網(wǎng)絡(luò)服務(wù)器主機(jī)

存放在某個(gè)ISP的網(wǎng)絡(luò)中心里，借用他們的通信系統(tǒng)接入因接網(wǎng)。ISP的人員

還可代為維護(hù)，這樣既可以節(jié)省相當(dāng)?shù)木W(wǎng)絡(luò)管理人員和許多通信設(shè)備的同時(shí)，又能達(dá)到網(wǎng)站的高性能。DDN專線接入：這種方式有些類似于服務(wù)器托管，就是也有自己的服務(wù)器，但不是存入放在

ISP網(wǎng)管中心，而是存放在自己的機(jī)房中，利用DDN或其他專線接入方式與

ISP的通訊系統(tǒng)相連，由ISP連入因特網(wǎng)，這種方式的費(fèi)用也很高，因?yàn)閷＞€

多是每月要收比較貴的月租費(fèi)，而且還有一個(gè)容量問題，如果專線容量較小，網(wǎng)站所能被訪問的人數(shù)就會(huì)較少。一、網(wǎng)頁的基本概念7.網(wǎng)站的發(fā)布

(3)免費(fèi)主頁空間如果只是想建立一個(gè)小型的、功能簡(jiǎn)單的網(wǎng)站，當(dāng)然也可采用以上形式，但這需要有相應(yīng)有費(fèi)用支持，投資與效益的比例關(guān)系需要權(quán)衡。如果目前還不想投資太多，那么免費(fèi)主頁空間將是較好的選擇。但現(xiàn)在較好的免費(fèi)主頁空間不多，且一般不支持ASP、JSP、CGI等高級(jí)功能。一、網(wǎng)頁的基本概念8、超文本、超媒體、超鏈接超文本文件（Hyper Text）就是指在文本中包含了與其他文本的鏈接的文件。超級(jí)鏈接文本下方帶有下劃線。超媒體（Hypermedia）進(jìn)一步擴(kuò)展了超文本所鏈接的信息類型。超媒體文件就是一種文字、影像、圖片、動(dòng)畫、聲音綜合在一起的文件。超鏈接（Hyperlink）是WWW上使用最多的一種技術(shù)。它是超文本、超媒體、超鏈接以及與其媒體之間的鏈接，也是一種從源端點(diǎn)到目標(biāo)端點(diǎn)的一種鏈接。在網(wǎng)頁中，當(dāng)鼠標(biāo)移到超鏈接處，會(huì)呈現(xiàn)手的的形狀，表示單擊該處，可以鏈接到該提示所指的頁面。一、網(wǎng)頁的基本概念9、主頁主頁（HOMEPAGE），也稱為首頁，它和一般網(wǎng)頁一樣，是一個(gè)單獨(dú)的網(wǎng)頁，可以存放各種信息。主頁是特殊的網(wǎng)頁，是這個(gè)站點(diǎn)中所有網(wǎng)頁文件的起點(diǎn)和交點(diǎn)，也是瀏覽者瀏覽一個(gè)網(wǎng)站的起點(diǎn)。主頁應(yīng)給出站點(diǎn)的基本信息和主要內(nèi)容，使瀏覽者一目了然地了解站點(diǎn)的基本主題，了解站點(diǎn)的信息是否對(duì)自己有用。二、網(wǎng)頁包括的主要元素網(wǎng)頁中除包含文本、聲音外，還包含圖像、導(dǎo)航、表格、表單等元素：（1）文本文本是人類最重要的信息載體和交流工具，網(wǎng)頁的主體一般以文本為主。在制作網(wǎng)頁時(shí)，可以根據(jù)需要設(shè)置文本的字體、字號(hào)、顏色以及所需要的其他格式。二、網(wǎng)頁包括的主要元素圖像圖像在網(wǎng)頁中可以起到提供信息、展示作品、美化網(wǎng)頁以及體現(xiàn)風(fēng)格等效果。圖像可以用作標(biāo)題、網(wǎng)站標(biāo)志（Logo）、網(wǎng)頁背景、鏈接按鈕、導(dǎo)航欄、網(wǎng)頁主圖等。由于網(wǎng)絡(luò)對(duì)網(wǎng)頁文件的容量要求非?？量?，因此在網(wǎng)頁中只支持壓縮比較高的GIF、JPEG、BMP等幾種圖像格式。動(dòng)畫動(dòng)畫即動(dòng)態(tài)畫面，它是由一組靜態(tài)畫面組成的連續(xù)播放便形成了動(dòng)畫。動(dòng)畫可由fireworks、flash、3dmax等軟件制作。二、網(wǎng)頁包括的主要元素導(dǎo)航欄導(dǎo)航欄類似于軟件中的菜單，實(shí)質(zhì)上是一串超鏈接。其作用是目錄提綱，是瀏覽網(wǎng)頁的引航路標(biāo)，使瀏覽者順利的瀏覽網(wǎng)站內(nèi)容，是建設(shè)網(wǎng)站過程中的一條主目錄。導(dǎo)航欄可以是按鈕、文本或圖像。站點(diǎn)的每個(gè)網(wǎng)頁上均應(yīng)設(shè)置導(dǎo)航欄，導(dǎo)航欄應(yīng)放置在網(wǎng)頁比較明顯的位置。超級(jí)鏈接超級(jí)鏈接是網(wǎng)頁中很有作的功能，是從一個(gè)網(wǎng)頁指向另一個(gè)目的端的鏈接，該鏈接既可以指向本地網(wǎng)站的另一個(gè)網(wǎng)頁，也可以指向世界各地的其他網(wǎng)頁。不論是文字還是圖像，都可以設(shè)置超級(jí)鏈接。超級(jí)鏈接一般包括兩種類型：站內(nèi)鏈接和站外鏈接二、網(wǎng)頁包括的主要元素表格網(wǎng)頁中的表格是一種用于控制網(wǎng)頁頁面布局的有效方法。為了達(dá)到理想的視覺效果，通常不顯示邊框。如果網(wǎng)頁具有橫豎分明的風(fēng)格，那么一定是由表格輔助布局。表單表單是能夠?qū)崿F(xiàn)人機(jī)交互的網(wǎng)頁界面，一種特殊的網(wǎng)頁元素，通常用于收集或?qū)崿F(xiàn)一些交互式的效果。表單的主要功能是接收瀏覽者在瀏覽器端的輸入信息，然后將這些信息發(fā)送到瀏覽者設(shè)置的目的端。比如用戶注冊(cè)，要填一些表格，做出一些選擇后提交，提交的信息將上傳到服務(wù)器。多媒體及特殊效果為了吸引瀏覽者，許多網(wǎng)頁還包含有聲音、視頻等多媒體元素，以及懸停效果、Java控件、ActiveX控件等特殊效果。三、網(wǎng)站制作流程網(wǎng)站設(shè)計(jì)是一個(gè)系統(tǒng)工程，具有特定的工作流程，遵循這個(gè)流程，才能設(shè)計(jì)出令人滿意的網(wǎng)站。網(wǎng)站設(shè)計(jì)主要分為網(wǎng)站規(guī)劃、網(wǎng)站制作、后期維護(hù)三個(gè)階段，如下圖所示：確搜規(guī)制測(cè)正推維定集劃作試式銷護(hù)主材網(wǎng)網(wǎng)評(píng)上網(wǎng)更題料站頁估傳站新網(wǎng)站規(guī)劃網(wǎng)站制作后期維護(hù)三、網(wǎng)站制作流程(一)網(wǎng)站規(guī)劃制作網(wǎng)頁如同潑墨作畫，首先要進(jìn)行構(gòu)思，然后再加以實(shí)現(xiàn)。這種構(gòu)思就是網(wǎng)站規(guī)劃。網(wǎng)站規(guī)劃的總體原則有兩個(gè)：一是為讀者提供有用信息，二是要美觀。1、確定網(wǎng)站的主題與名稱網(wǎng)站的主題是指建立的網(wǎng)站所要包含的主要內(nèi)容。例如，教育、旅游、體育、新聞、醫(yī)療、時(shí)尚、娛樂、搜索等。其中每一大類又可細(xì)分為若干小類。一般來說，確定網(wǎng)站主題應(yīng)遵循以下原則：主題鮮明：一個(gè)網(wǎng)站必須要有一個(gè)明確的主題，在主題范圍內(nèi)做到內(nèi)容全而精。明確設(shè)立網(wǎng)站的目的。體現(xiàn)自己的個(gè)性。把自己的興趣、愛好盡情地發(fā)揮出來，突出自己的個(gè)性，辦出自己的特色。在個(gè)人網(wǎng)站中，網(wǎng)站的名稱起著很重要的作用，它在很大程度上決定了整個(gè)網(wǎng)站的定位。一個(gè)好的名稱必須簡(jiǎn)潔、有概括性、有特色、容易記，還要符合自己主頁的主題和風(fēng)格。三、網(wǎng)站制作流程2、搜集材料確定網(wǎng)站主題后，要圍繞主題搜集材料，作為自己制作網(wǎng)頁的素材。搜集的材料越多，制作網(wǎng)站越容易。材料既可以從圖書、報(bào)紙、光

盤、多媒體上獲得，也可以從網(wǎng)上搜集。對(duì)搜集到材料就去粗取精，去偽存真。3、規(guī)劃網(wǎng)站規(guī)劃網(wǎng)站就象設(shè)計(jì)師設(shè)計(jì)大樓一樣，只有圖紙?jiān)O(shè)計(jì)好了，才能建成一座漂亮的樓房。規(guī)劃網(wǎng)站時(shí)，首先應(yīng)把網(wǎng)站的內(nèi)容列舉出來，根據(jù)內(nèi)容列出一個(gè)結(jié)構(gòu)化的藍(lán)圖，根據(jù)實(shí)際情況設(shè)計(jì)各個(gè)頁面之間的鏈接。規(guī)劃網(wǎng)站的內(nèi)容應(yīng)包括：欄目的設(shè)置、目錄結(jié)構(gòu)、網(wǎng)站的風(fēng)格（即顏色、搭配、網(wǎng)站標(biāo)志LOGO、版面布局、圖像的運(yùn)用）等。設(shè)計(jì)LOGO的原則是：以簡(jiǎn)潔、符號(hào)化的視覺藝術(shù)把網(wǎng)站的形象和理念展示出來。三、網(wǎng)站制作流程(1)主題欄的設(shè)置在設(shè)計(jì)網(wǎng)站的主題欄與版塊時(shí)應(yīng)注意以下幾個(gè)問題：突出主題。把主題欄放在最明顯的地方，讓瀏覽者更快、更明確地知道網(wǎng)站所表現(xiàn)的內(nèi)容。設(shè)計(jì)一個(gè)最近更新欄目，讓瀏覽者一目了然地知道更新內(nèi)容。欄目不要設(shè)置太多，一般不超過10個(gè)。(2)目錄結(jié)構(gòu)設(shè)計(jì)目錄結(jié)構(gòu)設(shè)計(jì)一般應(yīng)注意以下問題：1）按欄目?jī)?nèi)容建立子目錄。每個(gè)欄目下分別為圖像文件創(chuàng)建一個(gè)子目錄IMAGE（圖像較少時(shí)可不創(chuàng)建）目錄的層次不要太深，主要欄目最好能直接從首頁到達(dá)。盡量使用意義明確的非中文目錄。(3)顏色搭配合理的應(yīng)用色彩是非常關(guān)鍵的，不同的色彩搭配產(chǎn)生不同的效果，并能影響瀏覽者的情緒。網(wǎng)頁選用的背景應(yīng)和頁面的色調(diào)相協(xié)調(diào)，色彩搭配要遵循和諧、均衡、重點(diǎn)突出的原則。(4)網(wǎng)站標(biāo)志LOGOLOGO最重要的作用就是表達(dá)網(wǎng)站的理念，便于人們識(shí)別，廣泛地用于站點(diǎn)鏈接和宣傳。如同商標(biāo)一樣，LOGO是站點(diǎn)特色和內(nèi)涵的集中體現(xiàn)。如果是企業(yè)網(wǎng)站，最好是在企業(yè)商標(biāo)的基礎(chǔ)上設(shè)計(jì)，保持企業(yè)形象的整體統(tǒng)一。三、網(wǎng)站制作流程版面布局網(wǎng)頁頁面的整體布局是不可忽視的。要合理地運(yùn)用空間，讓網(wǎng)頁疏密有致、井井有條。版面布局一般應(yīng)遵循的原則是：突出重點(diǎn)、平衡和諧，將網(wǎng)站標(biāo)志（LOGO）、主菜單等最重要的模塊放在突出的位置，然后再排放次要模塊（例如搜索、計(jì)數(shù)器、版權(quán)信息、E-mail地址等）。此外，其他頁面的設(shè)計(jì)應(yīng)和首頁保持相同的風(fēng)格，并有返回首頁的鏈接。圖像的運(yùn)用網(wǎng)頁上應(yīng)適當(dāng)?shù)靥砑右恍﹫D像，使用圖像一般應(yīng)注意以下幾個(gè)問題：圖像是為主頁的內(nèi)容服務(wù)的，不以讓圖像喧賓奪主。圖像要兼顧大小和美觀。圖片不僅要好看，還應(yīng)在保證圖片質(zhì)量的情況下盡量縮小圖片的大小（即字節(jié)數(shù)）。圖像過大會(huì)影響網(wǎng)頁的傳輸速度。合理地采用JPEG和GIF圖像格式。顏色較少的（256色以內(nèi)）圖像，可處理為GIF格式，色彩比較豐富的圖像，最好處理為JPEG格三、網(wǎng)站制作流程(二)網(wǎng)站制作

1、制作網(wǎng)站制作網(wǎng)站主要包括以下步驟：建立本地站點(diǎn)。建立站點(diǎn)根文件夾，用于存放首頁、相關(guān)網(wǎng)頁和網(wǎng)站中用到的其他文件。在站點(diǎn)根文件夾下創(chuàng)建子文件夾。為了使文件安排比較清晰，將頁面文件和圖像文件分開存放。向站點(diǎn)添加所需要的空網(wǎng)頁。設(shè)計(jì)網(wǎng)頁盡寸。頁面大小一般選擇800×600規(guī)格。設(shè)計(jì)網(wǎng)頁屬性，包括頁面標(biāo)題、背景圖像、背景顏色、鏈接顏色、文字顏色等。向網(wǎng)頁中插入文本、圖像、動(dòng)畫等對(duì)象。

(7)建立所需要的超級(jí)鏈接。(8)預(yù)覽和保存網(wǎng)頁。三、網(wǎng)站制作流程2、上傳與測(cè)試測(cè)試評(píng)估與正式上傳是不可分割的兩部分。制作完畢的網(wǎng)頁，必須進(jìn)行測(cè)試。測(cè)試評(píng)估主要包括

上傳前的兼容性測(cè)試、鏈接測(cè)試和上傳后的實(shí)地測(cè)試。完成上傳前所需要的測(cè)試后，利用FTP工具將網(wǎng)頁發(fā)布到所申請(qǐng)的主頁服務(wù)器上。網(wǎng)站上傳后，繼續(xù)通過瀏覽器進(jìn)行實(shí)地測(cè)試，發(fā)現(xiàn)問題，及時(shí)修改，然后再上傳測(cè)試。三、網(wǎng)站制作流程(三)后期維護(hù)1、推銷網(wǎng)站網(wǎng)頁上傳后，需要不斷地進(jìn)行宣傳，以便讓更多的朋友認(rèn)識(shí)它，從而提高網(wǎng)站的訪問率與知名度。推廣網(wǎng)站的方法很多，例如，利用E-mail、新聞組、與別的網(wǎng)站交換鏈接（友情鏈接）、到搜索引擎上注冊(cè)、加入交換廣告等。2、維護(hù)更新網(wǎng)站必須定期維護(hù)、定期更新，只有不斷地補(bǔ)充新內(nèi)容，才能吸引瀏覽者。同時(shí)，隨著軟硬件的進(jìn)步，網(wǎng)頁的設(shè)計(jì)也應(yīng)由文字向多媒體、由平面圖像向立體動(dòng)畫或影片、由單向傳播向交互式發(fā)展。四、網(wǎng)頁制作工具簡(jiǎn)介早期的網(wǎng)頁一般是由專業(yè)人員利用HTML語言編寫實(shí)現(xiàn)的。目前，已出現(xiàn)多種可視化程度很高的網(wǎng)頁制作工作，不需要掌握專業(yè)的網(wǎng)頁制作技術(shù)也能創(chuàng)作出富有特色、豐富多彩的網(wǎng)頁。(一)網(wǎng)頁編輯工具1、FrontPageFrontPage是Microsoft公司出品的入門級(jí)網(wǎng)頁編輯軟件。FrontPage支持所見即所得的編輯方式，它不需要掌握很深的網(wǎng)頁制作技術(shù)。其基本使

用方法與WORD類似。FrontPage最有特色的功能是站點(diǎn)管理。在更新服務(wù)器上的站點(diǎn)時(shí)，不需要?jiǎng)?chuàng)建更改文件目錄，F(xiàn)rontPage將自動(dòng)跟蹤文件并拷貝那些新版本的文件。2、DreamweaverDreamweaver是Macromedia公司推出的網(wǎng)頁制作產(chǎn)品，它是一個(gè)用于可視化設(shè)計(jì)與管理網(wǎng)頁和網(wǎng)站的工具，支持最新的WEB技術(shù)。它與MACROMEDIA公司的FLAS