《網(wǎng)頁(yè)設(shè)計(jì)與制作》講義-專題1網(wǎng)頁(yè)設(shè)計(jì)基礎(chǔ)知識(shí)

1、專題1 網(wǎng)頁(yè)設(shè)計(jì)基礎(chǔ)知識(shí)1.1認(rèn)識(shí)網(wǎng)站、網(wǎng)頁(yè)與主頁(yè)1.1.1什么是網(wǎng)頁(yè)網(wǎng)頁(yè)（Web頁(yè)）實(shí)際上就是HTML文件，是一種可以在WWW網(wǎng)上傳輸，并能被瀏覽器認(rèn)識(shí)和翻譯成頁(yè)面的文件。 HTML是“HyperText Markup Language”的縮寫(xiě)，意為“超文本標(biāo)記語(yǔ)言”，它是一種規(guī)范，一種標(biāo)準(zhǔn)。它是純文本格式的，用任何文本編輯器都可以打開(kāi)編輯。網(wǎng)頁(yè)包括的主要元素有：文本、圖像、動(dòng)畫(huà)、聲音、視頻、超鏈接、表格、表單等。 由于多數(shù)網(wǎng)頁(yè)一般均有文字、圖像、圖形、動(dòng)畫(huà)、音頻、視頻等多媒體信息，具有超鏈接、并可與網(wǎng)絡(luò)鏈接，因此這就使人們登上站點(diǎn)以后，便可以看到五彩繽紛的界面。那么，這些五彩繽紛和千姿百態(tài)

2、的Web網(wǎng)頁(yè)是如何制作出來(lái)的？制作好網(wǎng)頁(yè)以后又如何將它發(fā)布到Internet上？這些問(wèn)題正是本課程所要闡述的主題。1.1.2什么是網(wǎng)站多個(gè)相互之間具有一定聯(lián)系的網(wǎng)頁(yè)就構(gòu)成了一個(gè)網(wǎng)站。網(wǎng)站用于存儲(chǔ)提供給用戶瀏覽的網(wǎng)頁(yè)文件。它也是一種文檔的磁盤(pán)組織形式，由文檔和若干文件夾組成，文檔經(jīng)過(guò)組織分類分別放在不同的文件夾中。網(wǎng)站存儲(chǔ)在服務(wù)器或服務(wù)器的虛擬主機(jī)上，接受訪問(wèn)者通過(guò)WWW域名的訪問(wèn)。網(wǎng)站是具有獨(dú)立域名、獨(dú)立存放空間的內(nèi)容集合，這些內(nèi)容可能是網(wǎng)頁(yè)，也可能是程序或其它文件，一個(gè)網(wǎng)站不一定要有很多網(wǎng)頁(yè)，主要是有獨(dú)立域名、獨(dú)立存放空間，即使只有一個(gè)頁(yè)面，也叫網(wǎng)站。網(wǎng)站按照其內(nèi)容可以分為以下幾類：1、企業(yè)

3、網(wǎng)站：圍繞企業(yè)、產(chǎn)品及服務(wù)信息進(jìn)行網(wǎng)絡(luò)宣傳，通過(guò)網(wǎng)站樹(shù)立企業(yè)網(wǎng)絡(luò)形象。2、個(gè)人網(wǎng)站：個(gè)人為了興趣愛(ài)好或?yàn)榱苏故緜€(gè)人等目的而建的網(wǎng)站，具有較強(qiáng)的個(gè)性化特色。3、門(mén)戶網(wǎng)站：提供綜合性互聯(lián)網(wǎng)資源的網(wǎng)站。國(guó)內(nèi)著名三大門(mén)戶網(wǎng)站：網(wǎng)易、搜狐、新浪。4、機(jī)構(gòu)網(wǎng)站：政府機(jī)關(guān)、相關(guān)社團(tuán)組織或事業(yè)單位建立的網(wǎng)站。以機(jī)構(gòu)或社團(tuán)形象宣傳和政府服務(wù)為主。5、娛樂(lè)網(wǎng)站：提供娛樂(lè)信息、流行音樂(lè)、視頻等娛樂(lè)內(nèi)容為主的網(wǎng)站。6、電子商務(wù)網(wǎng)站：依靠因特網(wǎng)來(lái)完成商業(yè)活動(dòng)的各個(gè)環(huán)節(jié)的網(wǎng)站，如卓越、當(dāng)當(dāng)、淘寶、易趣、拍拍等。7、行業(yè)信息網(wǎng)站：隨著因特網(wǎng)的發(fā)展，網(wǎng)民數(shù)量的增加，上網(wǎng)不同興趣群體的形成，門(mén)戶網(wǎng)站已經(jīng)明顯不能滿足不同上網(wǎng)群體

4、的需要。行業(yè)信息網(wǎng)站應(yīng)運(yùn)而生，它是能夠滿足某一特定領(lǐng)域上網(wǎng)人群及其特定需求的網(wǎng)站。如房地產(chǎn)行業(yè)網(wǎng)站。8、專業(yè)網(wǎng)站：專門(mén)以某個(gè)主題為內(nèi)容而建立的網(wǎng)。如某某課程的網(wǎng)絡(luò)課程不同類型網(wǎng)站具有不同的風(fēng)格和作用，在設(shè)計(jì)網(wǎng)站時(shí)，頁(yè)面元素的設(shè)計(jì)、構(gòu)圖、色彩搭配、多媒體信息的使用、文本格式等的設(shè)計(jì)，要考慮網(wǎng)站的類型。1.1.3什么是主頁(yè)主頁(yè)又叫首頁(yè)，主頁(yè)是網(wǎng)站的第一頁(yè)，既是一個(gè)網(wǎng)站的封面，也是該網(wǎng)站的目錄。欣賞幾個(gè)不同類型的網(wǎng)站主頁(yè)：?jiǎn)栴}：主頁(yè)、網(wǎng)頁(yè)與網(wǎng)站的關(guān)系？先規(guī)劃土地還是先建房？先建房還是先買(mǎi)家具？先建網(wǎng)頁(yè)還是先建網(wǎng)站？1.1.4網(wǎng)頁(yè)基本構(gòu)成要素不同性質(zhì)的網(wǎng)站具有不同的頁(yè)面元素，但是，一般的網(wǎng)頁(yè)都會(huì)具備以

5、下一些元素：1、標(biāo)題標(biāo)題用來(lái)說(shuō)明網(wǎng)站的形式、內(nèi)容等信息。2、站標(biāo)Logo網(wǎng)站Logo，也叫網(wǎng)站標(biāo)志，它是一個(gè)站點(diǎn)的象征，也是一個(gè)站點(diǎn)是否正規(guī)的標(biāo)志之一。一個(gè)好的標(biāo)志可以很好地樹(shù)立公司形象。網(wǎng)站標(biāo)志一般放在網(wǎng)站的左上角，訪問(wèn)者一眼就能看到它。成功的網(wǎng)站標(biāo)志有著獨(dú)特的形象標(biāo)識(shí)，在網(wǎng)站的推廣和宣傳中起到事半功倍的效果。網(wǎng)站標(biāo)志應(yīng)體現(xiàn)該網(wǎng)站的特色、內(nèi)容以及其內(nèi)在的文化內(nèi)涵和理念。3、bannerBanner是一種網(wǎng)絡(luò)廣告形式，Banner廣告一般是放在網(wǎng)頁(yè)的頂部位置，在用戶瀏覽網(wǎng)頁(yè)信息的同時(shí)，吸引用戶對(duì)于廣告信息的關(guān)注。Banner廣告有多種規(guī)格和形式，其中最常用的是48660像素的標(biāo)準(zhǔn)廣告。這種標(biāo)志

6、廣告有多種不同的稱呼，如橫幅廣告、全幅廣告、條幅廣告和旗幟廣告等。通常是以GIF、JpG等格式建立的圖像文件或Flash文件。4、導(dǎo)航欄網(wǎng)站索引導(dǎo)航欄既是網(wǎng)頁(yè)設(shè)計(jì)中的重要部分，又是整個(gè)網(wǎng)站設(shè)計(jì)中的一個(gè)較獨(dú)立的部分。一般來(lái)說(shuō)網(wǎng)站中的導(dǎo)航欄位置在各個(gè)頁(yè)面中出現(xiàn)的位置是比較固定的，而且風(fēng)格也較為一致。導(dǎo)航欄的位置對(duì)網(wǎng)站的結(jié)構(gòu)與各個(gè)頁(yè)面的整體布局起到舉足輕重的作用。5、內(nèi)容網(wǎng)站的精神所在文本一直是人類最重要的信息載體與交流工具，網(wǎng)頁(yè)中的信息也以文本為主。與圖像相比，文字雖然不如圖像那樣易于吸引瀏覽者的注意，但卻能準(zhǔn)確地表達(dá)信息的內(nèi)容和含義。圖像在網(wǎng)頁(yè)中具有提供信息、展示形象、美化網(wǎng)頁(yè)、表達(dá)個(gè)人情趣和風(fēng)

7、格的作用?？梢栽诰W(wǎng)頁(yè)中使用GIF、JpEG和pNG等多種圖像格式，其中使用最廣泛的是GIF和JpEG兩種格式。隨著網(wǎng)絡(luò)技術(shù)的發(fā)展，網(wǎng)頁(yè)上出現(xiàn)了越來(lái)越多的Flash動(dòng)畫(huà)。Flash動(dòng)畫(huà)已經(jīng)成為當(dāng)今網(wǎng)站必不可缺少的部分，美觀的動(dòng)畫(huà)能夠?yàn)榫W(wǎng)頁(yè)增色不少，從而吸引更多的瀏覽者。Flash動(dòng)畫(huà)不僅需要對(duì)動(dòng)畫(huà)制作軟件非常熟悉，更重要的是設(shè)計(jì)者獨(dú)特的創(chuàng)意。6、頁(yè)腳頁(yè)腳放置網(wǎng)頁(yè)設(shè)計(jì)者的基本信息。思考題：網(wǎng)頁(yè)的設(shè)計(jì)需要考慮哪些因素？標(biāo)題、Logo、頁(yè)眉、頁(yè)腳、導(dǎo)航的設(shè)計(jì)、版面布局的設(shè)計(jì)、連接結(jié)構(gòu)的設(shè)計(jì)、網(wǎng)頁(yè)色彩的搭配設(shè)計(jì)、字體的設(shè)計(jì)、宣傳標(biāo)語(yǔ)的設(shè)計(jì)等。1.1.5網(wǎng)頁(yè)的分類我們通?？吹降木W(wǎng)頁(yè)，大都是以HTM或HTM

8、L后綴結(jié)尾的文件。除此之外，網(wǎng)頁(yè)文件還有以CGI、ASp、pHp和JSp后綴結(jié)尾的。目前網(wǎng)頁(yè)根據(jù)生成方式，大致可以分為靜態(tài)網(wǎng)頁(yè)和動(dòng)態(tài)網(wǎng)頁(yè)兩種。1、靜態(tài)網(wǎng)頁(yè)靜態(tài)網(wǎng)頁(yè)是網(wǎng)站建設(shè)初期經(jīng)常采用的一種形式。網(wǎng)站建設(shè)者把內(nèi)容設(shè)計(jì)成靜態(tài)網(wǎng)頁(yè)，訪問(wèn)者只能被動(dòng)地瀏覽網(wǎng)站建設(shè)者提供的網(wǎng)頁(yè)內(nèi)容。其特點(diǎn)如下：網(wǎng)頁(yè)內(nèi)容不會(huì)發(fā)生變化，除非網(wǎng)頁(yè)設(shè)計(jì)者修改了網(wǎng)頁(yè)的內(nèi)容。不能實(shí)現(xiàn)和瀏覽網(wǎng)頁(yè)的用戶之間的交互。信息流向是單向的，即從服務(wù)器到瀏覽器。服務(wù)器不能根據(jù)用戶的選擇調(diào)整返回給用戶的內(nèi)容。靜態(tài)網(wǎng)頁(yè)的瀏覽過(guò)程如圖1所示。我們使用dreamweaver和html制作的網(wǎng)頁(yè)屬于靜態(tài)網(wǎng)頁(yè)。圖1 靜態(tài)網(wǎng)頁(yè)的瀏覽過(guò)程2、動(dòng)態(tài)網(wǎng)頁(yè)網(wǎng)絡(luò)技術(shù)日

9、新月異，許多網(wǎng)頁(yè)文件擴(kuò)展名不再只是.htm，還有.php、.asp等，這些都是采用動(dòng)態(tài)網(wǎng)頁(yè)技術(shù)制作出來(lái)的。動(dòng)態(tài)網(wǎng)頁(yè)其實(shí)就是建立在B/S架構(gòu)上的服務(wù)器端腳本程序。在瀏覽器端顯示的網(wǎng)頁(yè)是服務(wù)器端程序運(yùn)行的結(jié)果。動(dòng)態(tài)網(wǎng)頁(yè)是經(jīng)過(guò)人與服務(wù)器對(duì)話的結(jié)果。如圖網(wǎng)頁(yè)上的登錄、注冊(cè)、網(wǎng)上購(gòu)物等都屬于此類網(wǎng)站。靜態(tài)網(wǎng)頁(yè)與動(dòng)態(tài)網(wǎng)頁(yè)的區(qū)別在于Web服務(wù)器對(duì)它們的處理方式不同。當(dāng)Web服務(wù)器接收到對(duì)靜態(tài)網(wǎng)頁(yè)的請(qǐng)求時(shí)，服務(wù)器直接將該頁(yè)發(fā)送給客戶瀏覽器，不進(jìn)行任何處理。如果接收到對(duì)動(dòng)態(tài)網(wǎng)頁(yè)的請(qǐng)求，則從Web服務(wù)器中找到該文件，并將它傳遞給一個(gè)稱為應(yīng)用程序服務(wù)器的特殊軟件擴(kuò)展，由它負(fù)責(zé)解釋和執(zhí)行網(wǎng)頁(yè)，將執(zhí)行后的結(jié)果傳遞給客戶

10、瀏覽器。應(yīng)用程序服務(wù)器的作用是讀取動(dòng)態(tài)網(wǎng)頁(yè)上的代碼，根據(jù)代碼中的指令完成網(wǎng)頁(yè)，然后將代碼從網(wǎng)頁(yè)上去掉，所得的結(jié)果將是一個(gè)靜態(tài)網(wǎng)頁(yè)；應(yīng)用程序服務(wù)器將該網(wǎng)頁(yè)傳送回網(wǎng)頁(yè)服務(wù)器，網(wǎng)頁(yè)服務(wù)器將網(wǎng)頁(yè)發(fā)送到瀏覽器，瀏覽器得到的仍然是一個(gè)純HTML的靜態(tài)網(wǎng)頁(yè)。如圖2所示為動(dòng)態(tài)網(wǎng)頁(yè)的工作原理圖。圖2 動(dòng)態(tài)網(wǎng)頁(yè)的工作原理圖動(dòng)態(tài)網(wǎng)頁(yè)的一般特點(diǎn)如下。l 動(dòng)態(tài)網(wǎng)頁(yè)以數(shù)據(jù)庫(kù)技術(shù)為基礎(chǔ)，可以大大降低網(wǎng)站維護(hù)的工作量。l 采用動(dòng)態(tài)網(wǎng)頁(yè)技術(shù)的網(wǎng)站可以實(shí)現(xiàn)更多的功能，如用戶注冊(cè)、用戶登錄、搜索查詢、用戶管理、訂單管理等。l 動(dòng)態(tài)網(wǎng)頁(yè)并不是獨(dú)立存在于服務(wù)器上的網(wǎng)頁(yè)文件，只有當(dāng)用戶請(qǐng)求時(shí)服務(wù)器才返回一個(gè)完整的網(wǎng)頁(yè)。l 搜索引擎一般不

11、可能從一個(gè)網(wǎng)站的數(shù)據(jù)庫(kù)中訪問(wèn)全部網(wǎng)頁(yè)，因此采用動(dòng)態(tài)網(wǎng)頁(yè)的網(wǎng)站在進(jìn)行搜索引擎推廣時(shí)需要做一定的技術(shù)處理才能適應(yīng)搜索引擎的要求。1.2網(wǎng)站制作基本流程創(chuàng)建網(wǎng)站是一個(gè)系統(tǒng)工程，有一定的工作流程，只有遵循一定的步驟，按部就班地來(lái)，才能設(shè)計(jì)出滿意的網(wǎng)站。1.2.1 前期策劃建立網(wǎng)站第一步就應(yīng)該確定網(wǎng)站的目標(biāo)，包括1、網(wǎng)站的整體定位：是商務(wù)網(wǎng)站、科研網(wǎng)站、個(gè)人網(wǎng)站還是交流平臺(tái)或者公司或企業(yè)的介紹性網(wǎng)站？2、網(wǎng)站要包含的主要內(nèi)容和方向等。在確定了目標(biāo)和內(nèi)容后，應(yīng)該給自己的網(wǎng)站起一個(gè)響亮的名字。思考如何使自己的網(wǎng)站在網(wǎng)絡(luò)海洋里脫穎而出？一、確定網(wǎng)站主題設(shè)計(jì)一個(gè)站點(diǎn)，首先遇到的問(wèn)題就是定位網(wǎng)站主題。所謂主題也就

12、是的網(wǎng)站的題材。網(wǎng)絡(luò)上的網(wǎng)站題材千奇百怪,琳瑯滿目。常見(jiàn)的網(wǎng)站題材有：第1類：網(wǎng)上求職第2類：網(wǎng)上聊天即時(shí)信息/ ICQ第3類：網(wǎng)上社區(qū)討論 / 郵件列表第4類：計(jì)算機(jī)技術(shù)第5類：網(wǎng)頁(yè)/ 網(wǎng)站開(kāi)發(fā) 第6類：娛樂(lè)網(wǎng)站 第7類：旅行 第8類：參考 /資訊第9類：家庭/教育 第10類：生活/時(shí)尚 每個(gè)大類都可以繼續(xù)細(xì)分，比如娛樂(lè)類再分為體育 /電影/ 音樂(lè)大類，音樂(lè)又可以按格式分為Mp3、WMA、Ra等，按表現(xiàn)形式分古典，現(xiàn)代，搖滾等。以上都只是最常見(jiàn)的題材，還有許多專業(yè)的，另類的，獨(dú)特的題材可以選擇，比如中醫(yī)，熱帶魚(yú)，天氣預(yù)報(bào)等等，同時(shí)，各個(gè)題材相聯(lián)系和交叉結(jié)合可以產(chǎn)生新的題材，例如旅游論壇（旅游

13、+討論），經(jīng)典入球播放（足球+影視）等，按這樣分下去，題材可以有成千上萬(wàn)個(gè)。對(duì)于題材的選擇，通常遵循以下原則：1.主題要小而精定位要小，內(nèi)容要精。如果想制作一個(gè)包羅萬(wàn)象的站點(diǎn)，把所有您認(rèn)為精彩的東西都放在上面，那么往往會(huì)事與愿違，給人的感覺(jué)是沒(méi)有主題，沒(méi)有特色，樣樣有卻樣樣都很膚淺，因?yàn)槟豢赡苡心敲炊嗟木θゾS護(hù)它。網(wǎng)絡(luò)的最大特點(diǎn)就是新和快，目前最熱門(mén)的個(gè)人主頁(yè)都是天天更新甚至幾小時(shí)更新一次。最新的調(diào)查結(jié)果也顯示，網(wǎng)絡(luò)上的【主題站】比【萬(wàn)全站】更受人們喜愛(ài)，就好比專賣(mài)店和百貨商店，如果我需要買(mǎi)某方面的東西，肯定會(huì)選擇專賣(mài)店。2.題材最好是自己擅長(zhǎng)或者喜愛(ài)的內(nèi)容比如：您對(duì)擅長(zhǎng)編程，就可以建立一

14、個(gè)編程愛(ài)好者網(wǎng)站；對(duì)足球感興趣，可以報(bào)道最新的戰(zhàn)況，球星動(dòng)態(tài)等。這樣在制作時(shí)，才不會(huì)覺(jué)得無(wú)聊或者力不從心。興趣是制作網(wǎng)站的動(dòng)力，沒(méi)有熱情，很難設(shè)計(jì)制作出杰出的作品。3.題材不要太濫或者目標(biāo)太高【太濫】是指到處可見(jiàn)，人人都有的題材；比如軟件下載，免費(fèi)信息?！灸繕?biāo)太高】是指在這一題材上已經(jīng)有非常優(yōu)秀，知名度很高的站點(diǎn)，要超過(guò)它是很困難的。除非下決心和有實(shí)力競(jìng)爭(zhēng)并超過(guò)它，記住，在互聯(lián)網(wǎng)上只有第一，人們往往只記得最好的網(wǎng)站，第二第三名的印象則會(huì)淺得多。二、定義網(wǎng)站名稱網(wǎng)站名稱也是網(wǎng)站設(shè)計(jì)的一部分，而且是很關(guān)鍵的一個(gè)要素。比如，【電腦學(xué)習(xí)室】和【電腦之家】顯然是后者簡(jiǎn)練；【迷笛樂(lè)園】和【MIDI樂(lè)園】顯

15、然是后者明晰；【兒童天地】和【中國(guó)幼兒園】顯然是后者大氣。我們都知道pIIICUp的中文名稱【奔騰】，如果改為【奔跑】，可能就沒(méi)有今天這么【火】了。和現(xiàn)實(shí)生活中一樣，網(wǎng)站名稱是否正氣，響亮，易記，對(duì)網(wǎng)站的形象和宣傳推廣也有很大影響。一般的建議是：1、名稱要正2、名稱要易記根據(jù)中文網(wǎng)站瀏覽者的特點(diǎn)，除非特定需要，網(wǎng)站名稱最好用中文名稱，不要使用英文或者中英文混合型名稱。例如：beyond studio和超越工作室，后者更親切好記。另外，網(wǎng)站名稱的字?jǐn)?shù)應(yīng)該控制在六個(gè)字（最好四個(gè)字）以內(nèi)，比如【XX閣】【XX設(shè)計(jì)室】，四個(gè)字的可以用成語(yǔ)，如【一網(wǎng)打進(jìn)】。字?jǐn)?shù)少還有個(gè)好處，一般友情鏈接的小logo尺寸

16、是88X31，而六個(gè)字的寬度是78左右，適合于其他站點(diǎn)的鏈接排版。3、名稱要有特色名稱平實(shí)就可以接受，如果能體現(xiàn)一定的內(nèi)涵，給瀏覽者更多的視覺(jué)沖擊和空間想象力，則為上品。如，音樂(lè)前衛(wèi)、網(wǎng)頁(yè)陶吧、天籟絕音、地球之殤，在體現(xiàn)出網(wǎng)站主題的同時(shí)，能點(diǎn)出特色之處。1.2.2 站點(diǎn)規(guī)劃與設(shè)計(jì)要想制作精彩的網(wǎng)頁(yè)，吸引住瀏覽者，還要好好規(guī)劃網(wǎng)站。規(guī)劃站點(diǎn)就像設(shè)計(jì)一座大樓一樣，只有圖紙?jiān)O(shè)計(jì)好了，才能建成一座漂亮的樓房。在規(guī)劃網(wǎng)站時(shí)，明確該網(wǎng)站中需要包含哪些元素，網(wǎng)站的整體結(jié)構(gòu)，同時(shí)將網(wǎng)站內(nèi)容分類、確定各頁(yè)的主題、各頁(yè)包含的內(nèi)容，以及各頁(yè)之間的層次結(jié)構(gòu)和邏輯關(guān)系。以及每幅網(wǎng)頁(yè)的布局，包括每幅網(wǎng)頁(yè)中圖片和文字的排列

17、、它們之間的相互關(guān)系、在頁(yè)面中各部分的顏色如何選取，如果是框架頁(yè)面，還要設(shè)計(jì)頁(yè)面框架的分布，頁(yè)面中在什么位置放置鏈接點(diǎn)，頁(yè)面中包含哪些信息內(nèi)容等等。一、欄目的設(shè)置要將最好的，最吸引人的內(nèi)容放在最突出的位置，讓好東西在版面分布上占絕對(duì)優(yōu)勢(shì)，那么欄目就是最好的工具。欄目的實(shí)質(zhì)是一個(gè)網(wǎng)站的大綱索引，索引應(yīng)該將網(wǎng)站的主體明確顯示出來(lái)。在制定欄目的時(shí)候，要仔細(xì)考慮，合理安排。一般的網(wǎng)站欄目安排要注意以下幾方面：1.要緊扣主題并突出主題一般的做法是：將主題按一定的方法分類并將它們作為網(wǎng)站的主欄目。例如有一個(gè)以提供網(wǎng)站動(dòng)畫(huà)和圖片素材為主題的站點(diǎn)，可以將欄目設(shè)計(jì)如下：記?。褐黝}欄目個(gè)數(shù)在總欄目中要占絕對(duì)優(yōu)勢(shì)，

18、這樣的網(wǎng)站顯的專業(yè)，主題突出，容易給人留下深刻印象。把主題欄目放在最顯眼的地方，讓訪問(wèn)者更快、更鮮明地知道網(wǎng)站所要表現(xiàn)的內(nèi)容。2.設(shè)一個(gè)最近更新欄目或網(wǎng)站指南欄目3.設(shè)定一個(gè)可以雙向交流的欄目比如論壇，留言本，郵件列表等，可以讓瀏覽者留下他們的信息。4.設(shè)一個(gè)下載或常見(jiàn)問(wèn)題回答欄目至于其他的輔助內(nèi)容，如關(guān)于本站，版權(quán)信息等可以不放在主欄目里，以免沖淡主題?？偨Y(jié)以上幾點(diǎn)，我們得出劃分欄目需要注意的是： 盡可能刪除與主題無(wú)關(guān)的欄目 盡可能將網(wǎng)站最有價(jià)值的內(nèi)容列在欄目上 盡可能方便訪問(wèn)者的瀏覽和查詢二、版塊的設(shè)置版塊比欄目的概念要大一些，每個(gè)版塊都有自己的欄目。新聞的主欄目圖網(wǎng)站板塊舉例舉個(gè)例子：網(wǎng)

19、易的站點(diǎn)分新聞，體育，財(cái)經(jīng)，娛樂(lè)，教育等版塊，每個(gè)版塊下面又各有自己的主欄目。一般的個(gè)人站點(diǎn)內(nèi)容少，只有主欄目(主菜單)就夠了，不需要設(shè)置版塊。如果覺(jué)得的確有必要設(shè)置版塊的，應(yīng)該注意：l 各版塊要有相對(duì)獨(dú)立性。l 各版塊要有相互關(guān)聯(lián)。l 版塊的內(nèi)容要圍繞站點(diǎn)主題。三、網(wǎng)站的目錄結(jié)構(gòu)的設(shè)計(jì)網(wǎng)站的目錄是指建立網(wǎng)站時(shí)創(chuàng)建的目錄。例如：在用DW建立網(wǎng)站時(shí)都默認(rèn)建立了根目錄和images子目錄。目錄的結(jié)構(gòu)是一個(gè)容易忽略的問(wèn)題，大多數(shù)站長(zhǎng)都是未經(jīng)規(guī)劃，隨意創(chuàng)建子目錄。目錄結(jié)構(gòu)的好壞，對(duì)瀏覽者來(lái)說(shuō)并沒(méi)有什么太大的感覺(jué)，但是對(duì)于站點(diǎn)本身的上傳維護(hù)，內(nèi)容未來(lái)的擴(kuò)充和移植有著重要的影響。下面是建立目錄結(jié)構(gòu)的一些建

20、議：1. 不要將所有文件都存放在根目錄下。有人為了方便，將所有文件都放在根目錄下。這樣做造成的不利影響在于：l 文件管理混亂。常常搞不清哪些文件需要編輯和更新，哪些無(wú)用的文件可以刪除，哪些是相關(guān)聯(lián)的文件，影響工作效率。l 上傳速度慢。服務(wù)器一般都會(huì)為根目錄建立一個(gè)文件索引。當(dāng)您將所有文件都放在根目錄下，那么即使只上傳更新一個(gè)文件，服務(wù)器也需要將所有文件再檢索一遍，建立新的索引文件。很明顯，文件量越大，等待的時(shí)間也將越長(zhǎng)。所以，建議是：盡可能減少根目錄的文件存放數(shù)。2. 按欄目?jī)?nèi)容建立子目錄。子目錄的建立，首先按主菜單欄目建立。例如:網(wǎng)頁(yè)教程類站點(diǎn)可以根據(jù)技術(shù)類別分別建立相應(yīng)的目錄，象Flash

21、、Dhtm、Javascript等；企業(yè)站點(diǎn)可以按公司簡(jiǎn)介、產(chǎn)品介紹、價(jià)格、在線定單、反饋聯(lián)系等建立相應(yīng)目錄。而一些相關(guān)性強(qiáng)，不需要經(jīng)常更新的欄目，例如：關(guān)于本站，關(guān)于站長(zhǎng)，站點(diǎn)經(jīng)歷等可以合并放在一個(gè)統(tǒng)一目錄下。3. 在每個(gè)主目錄下都分別為圖像建立獨(dú)立的images目錄。默認(rèn)的，一個(gè)站點(diǎn)根目錄下都有一個(gè)images目錄。為每個(gè)主欄目建立一個(gè)獨(dú)立的images目錄是最方便管理的。而根目錄下的images目錄只是用來(lái)放首頁(yè)和一些次要欄目的圖片。4. 目錄的層次不要太深。目錄的層次建議不要超過(guò)3層。原因很簡(jiǎn)單，維護(hù)管理方便。5. 其它需要注意的l 不要使用中文目錄；網(wǎng)絡(luò)無(wú)國(guó)界，使用中文目錄可能對(duì)網(wǎng)址

22、的正確顯示造成困難。l 不要使用過(guò)長(zhǎng)的目錄；盡管服務(wù)器支持長(zhǎng)文件名，但是太長(zhǎng)的目錄名不便于記憶。l 盡量使用意義明確的目錄；上面的例子中，可以用Flash、Dhtml、Javascript來(lái)建立目錄，也可以用1，2，3建立目錄，但是哪一個(gè)更明確，更便于記憶和管理呢？顯然是前者！四、網(wǎng)站的鏈接結(jié)構(gòu)網(wǎng)站的鏈接結(jié)構(gòu)是指頁(yè)面之間相互鏈接的拓?fù)浣Y(jié)構(gòu)。它建立在目錄結(jié)構(gòu)基礎(chǔ)之上，但可以跨越目錄。形象的說(shuō)：每個(gè)頁(yè)面都是一個(gè)固定點(diǎn)，鏈接則是在兩個(gè)固定點(diǎn)之間的連線。一個(gè)點(diǎn)可以和一個(gè)點(diǎn)連接，也可以和多個(gè)點(diǎn)連接。更重要的是，這些點(diǎn)并不是分布在一個(gè)平面上，而是存在于一個(gè)立體的空間中。一般的，建立網(wǎng)站的鏈接結(jié)構(gòu)有兩種基本

23、方式：1.樹(shù)狀鏈接結(jié)構(gòu)（一對(duì)一）這樣的鏈接結(jié)構(gòu)瀏覽時(shí)，一級(jí)級(jí)進(jìn)入，一級(jí)級(jí)退出。優(yōu)點(diǎn)是條理清晰，訪問(wèn)者明確知道自己在什么位置，不會(huì)迷路。缺點(diǎn)是瀏覽效率低，一個(gè)欄目下的子頁(yè)面到另一個(gè)欄目下的子頁(yè)面，必須繞經(jīng)首頁(yè)。2.星狀鏈接結(jié)構(gòu)（一對(duì)多）類似網(wǎng)絡(luò)服務(wù)器的鏈接，每個(gè)頁(yè)面相互之間都建立有鏈接。這種鏈接結(jié)構(gòu)的優(yōu)點(diǎn)是瀏覽方便，隨時(shí)可以到達(dá)自己喜歡的頁(yè)面。缺點(diǎn)是鏈接太多，容易使瀏覽者迷路，搞不清自己在什么位置，看了多少內(nèi)容。這兩種基本結(jié)構(gòu)都只是理想方式，在實(shí)際的網(wǎng)站設(shè)計(jì)中，總是將這兩種結(jié)構(gòu)混合起來(lái)使用。我們希望瀏覽者既可以方便快速的達(dá)到自己需要的頁(yè)面，又可以清晰的知道自己的位置。所以，最好的辦法是：首頁(yè)和一

24、級(jí)頁(yè)面之間用星狀鏈接結(jié)構(gòu)，一級(jí)和二級(jí)頁(yè)面之間用樹(shù)狀鏈接結(jié)構(gòu)。例如，一個(gè)新聞?wù)军c(diǎn)的頁(yè)面結(jié)構(gòu)如下：二級(jí)頁(yè)面一級(jí)頁(yè)面圖 新聞?wù)军c(diǎn)頁(yè)面結(jié)構(gòu)圖其中，首頁(yè)，財(cái)經(jīng)新聞頁(yè)，娛樂(lè)新聞頁(yè)，IT新聞頁(yè)之間是星狀鏈接，可以互相點(diǎn)擊，直接到達(dá)。而財(cái)經(jīng)新聞頁(yè)和它的子頁(yè)面之間是樹(shù)狀連接，瀏覽財(cái)經(jīng)新聞1后，必須回到財(cái)經(jīng)新聞頁(yè)，才能瀏覽IT新聞2。注意：如果的站點(diǎn)內(nèi)容龐大，分類明細(xì)，需要超過(guò)三級(jí)頁(yè)面，那么建議在頁(yè)面里顯示導(dǎo)航條，可以幫助瀏覽者明確自己所處的位置。就是您經(jīng)常看到許多網(wǎng)站頁(yè)面頂部的，類似這樣：。關(guān)于鏈接結(jié)構(gòu)的設(shè)計(jì)，在實(shí)際的網(wǎng)頁(yè)制作中是非常重要一環(huán)。采用什么樣的鏈接結(jié)構(gòu)直接影響到版面的布局。例如的主菜單放在什么位置，

25、是否每頁(yè)都需要放置，是否需要用分幀框架，是否需要加入返回首頁(yè)的鏈接。在連接結(jié)構(gòu)確定后，再開(kāi)始考慮鏈接的效果和形式，是采用下拉表單，還是用DHTML動(dòng)態(tài)菜單等等。五、網(wǎng)頁(yè)的布局網(wǎng)頁(yè)頁(yè)面的版面布局是不可忽視的。一個(gè)網(wǎng)頁(yè)是否精彩，與網(wǎng)頁(yè)布局有重要關(guān)系。常見(jiàn)的網(wǎng)頁(yè)布局類型：國(guó)字型、匡字型、三字型、川字型、拐角型（廠字型）、封面型、flash型等，此外還有骨骼型、滿版型、分割型、中軸型、對(duì)稱型、焦點(diǎn)型、自由型等?！皣?guó)”字型布局：最上面是網(wǎng)站的標(biāo)志、廣告以及導(dǎo)航欄，接下來(lái)是網(wǎng)站的主要內(nèi)容，左右分別列出一些欄目，中間是主要部分，最下部是網(wǎng)站的一些基本信息，這種結(jié)構(gòu)是國(guó)內(nèi)一些大中型網(wǎng)站常見(jiàn)的布局方式。優(yōu)點(diǎn)是充

26、分利用版面、信息量大，缺點(diǎn)是頁(yè)面顯得擁擠、不夠靈活。拐角型結(jié)構(gòu)布局是指頁(yè)面頂部為標(biāo)志+廣告條，下方左面為主菜單，右面顯示正文信息。這是網(wǎng)頁(yè)設(shè)計(jì)中使用廣泛的一種布局方式，一般應(yīng)用于企業(yè)網(wǎng)站中的二級(jí)頁(yè)面。這種布局的優(yōu)點(diǎn)是頁(yè)面結(jié)構(gòu)清晰、主次分明，是初學(xué)者最容易上手的布局方法。在這種類型中，一種很常見(jiàn)的類型是最上面是標(biāo)題及廣告，左側(cè)是導(dǎo)航鏈接?？蚣苄筒季郑阂话惴殖缮舷禄蜃笥也季?，一欄是導(dǎo)航欄目，一欄是正文信息。復(fù)雜的框架結(jié)構(gòu)可以將頁(yè)面分成許多部分，常見(jiàn)的是三欄布局。上邊一欄放置圖像廣告，左邊一欄顯示導(dǎo)航欄，右邊顯示正文信息。封面型布局：一般應(yīng)用在網(wǎng)站的主頁(yè)或廣告宣傳頁(yè)上，為精美的圖像加上簡(jiǎn)單的文字鏈接

27、，指向網(wǎng)頁(yè)中的主要欄目，或通過(guò)“進(jìn)入”鏈接到下一個(gè)頁(yè)面。Flash型布局：這種布局與封面型的布局結(jié)構(gòu)類似，不同的是頁(yè)面采用了Flash技術(shù)，動(dòng)感十足，可以大大增強(qiáng)頁(yè)面的視覺(jué)效果。標(biāo)題正文型：這種類型即最上面是標(biāo)題或類似的一些東西，下面是正文，如一些文章頁(yè)面或注冊(cè)頁(yè)面等就是這種類。網(wǎng)頁(yè)布局的技巧：1、 內(nèi)容第一，形式第二。內(nèi)容決定形式，形式表現(xiàn)內(nèi)容。2、 布局設(shè)計(jì)要綜合運(yùn)用對(duì)比與調(diào)和、對(duì)稱與平衡、節(jié)奏與韻律、以及留白等手段，通過(guò)空間、文字、圖形之間的相互關(guān)系建立整體的均衡狀態(tài)，使網(wǎng)頁(yè)疏密有致、井井有條、重點(diǎn)突出、平衡和諧。3、 加強(qiáng)視覺(jué)效果，保持新鮮和個(gè)性。在浩瀚的網(wǎng)頁(yè)中，如何使自己的網(wǎng)頁(yè)吸引瀏

28、覽者的視線，增強(qiáng)網(wǎng)站的瀏覽量？強(qiáng)烈的視覺(jué)效果是必要手段，同時(shí)，只有那些具有個(gè)性的，充滿趣味且與眾不同的網(wǎng)頁(yè)，才能給人帶來(lái)賞心悅目的感覺(jué)。4、 頁(yè)面風(fēng)格的統(tǒng)一協(xié)調(diào)。包括布局結(jié)構(gòu)、色彩搭配、等設(shè)計(jì)風(fēng)格的統(tǒng)一，如網(wǎng)站標(biāo)志等設(shè)計(jì)性元素的一致性、網(wǎng)站導(dǎo)航的位置、形式的一致性、版權(quán)信息及色彩的一致性，還要注意其它頁(yè)面和首頁(yè)的風(fēng)格一致性等。網(wǎng)頁(yè)布局的技術(shù)：1、 表格布局。2、 ApDiv（層）布局。3、 Spry布局對(duì)象。4、 CSS+Div布局。5、 框架布局六、確定網(wǎng)站的整體風(fēng)格和創(chuàng)意設(shè)計(jì)網(wǎng)站的整體風(fēng)格及其創(chuàng)意設(shè)計(jì)是設(shè)計(jì)者最希望掌握，也是最難以學(xué)習(xí)的。難就難在沒(méi)有一個(gè)固定的程式可以參照和模仿。給一個(gè)主題

29、，任何兩人都不可能設(shè)計(jì)出完全一樣的網(wǎng)站。1、風(fēng)格風(fēng)格(style)是抽象的。是指站點(diǎn)的整體形象給瀏覽者的綜合感受。這個(gè)“整體形象”包括站點(diǎn)的CI（標(biāo)志，色彩，字體，標(biāo)語(yǔ)），版面布局，瀏覽方式，交互性，文字字體和大小以及背景的使用，語(yǔ)氣，內(nèi)容價(jià)值等等諸多因素。舉個(gè)例子：我們覺(jué)得網(wǎng)易是平易近人的，迪斯尼是生動(dòng)活潑的，IBM是專業(yè)嚴(yán)肅的。這些都是網(wǎng)站給人們留下的不同感受。有風(fēng)格的網(wǎng)站與普通網(wǎng)站的區(qū)別在于：普通網(wǎng)站看到的只是堆砌在一起的信息，只能用理性的感受來(lái)描述，比如信息量大小，瀏覽速度快慢。但瀏覽過(guò)有風(fēng)格的網(wǎng)站后能有更深一層的感性認(rèn)識(shí)，比如站點(diǎn)有品位，和藹可親，是老師，是朋友。如何樹(shù)立網(wǎng)站風(fēng)格呢？

30、我們可以分這樣幾個(gè)步驟：第一，確信風(fēng)格是建立在有價(jià)值內(nèi)容之上的。一個(gè)網(wǎng)站有風(fēng)格而沒(méi)有內(nèi)容，就好比繡花枕頭一包草，好比一個(gè)性格傲慢但卻目不識(shí)丁的人。首先必須保證內(nèi)容的質(zhì)量和價(jià)值性。這是最基本的，無(wú)須置疑。第二，需要徹底搞清楚自己希望站點(diǎn)給人的印象是什么?？梢詮囊韵聨追矫嫠伎迹旱谌诿鞔_自己的網(wǎng)站印象后，開(kāi)始努力建立和加強(qiáng)這種印象。此時(shí)，需要進(jìn)一步找出其中最有特色的東西，就是最能體現(xiàn)網(wǎng)站風(fēng)格的東西。并以它作為網(wǎng)站的特色加以重點(diǎn)強(qiáng)化。例如：再次審查網(wǎng)站名稱、域名、欄目名稱是否符合這種個(gè)性，是否易記。審查網(wǎng)站標(biāo)準(zhǔn)色彩是否容易聯(lián)想到這種特色，是否能體現(xiàn)網(wǎng)站的性格等等。比如：定位網(wǎng)站CI形象所謂CI(c

31、orporate identity)，是借用的廣告術(shù)語(yǔ)，意思是通過(guò)視覺(jué)來(lái)統(tǒng)一企業(yè)的形象?，F(xiàn)實(shí)生活中的CI策劃比比皆是，杰出的例子如：可口可樂(lè)公司，全球統(tǒng)一的標(biāo)志，色彩和產(chǎn)品包裝，給我們的印象極為深刻。更多的例子如SONY，三菱，麥當(dāng)勞等等。一個(gè)杰出的網(wǎng)站，和實(shí)體公司一樣，也需要整體的形象包裝和設(shè)計(jì)。準(zhǔn)確的，有創(chuàng)意的CI 設(shè)計(jì)，對(duì)網(wǎng)站的宣傳推廣有事半功倍的效果。1、設(shè)計(jì)網(wǎng)站的標(biāo)志(logo)首先需要設(shè)計(jì)制作一個(gè)網(wǎng)站的標(biāo)志(logo)。就如同商標(biāo)一樣，logo是站點(diǎn)特色和內(nèi)涵的集中體現(xiàn)，看見(jiàn)logo就讓大家聯(lián)想起的站點(diǎn)，即網(wǎng)站的標(biāo)志。標(biāo)志可以是中文，英文字母，可以是符號(hào)，圖案，可以是動(dòng)物或者人物等

32、等。比如新浪用字母sina+眼睛作為標(biāo)志。標(biāo)志的設(shè)計(jì)創(chuàng)意來(lái)自網(wǎng)站的名稱和內(nèi)容。 欣賞一些 網(wǎng)站Logo (1) 網(wǎng)站有代表性的人物，動(dòng)物，花草，可以用它們作為設(shè)計(jì)的藍(lán)本，加以卡通化和藝術(shù)化，例如騰訊的企鵝，搜狐的卡通狐貍。 (2) 網(wǎng)站有專業(yè)性的，可以以本專業(yè)有代表的物品作為標(biāo)志。比如中國(guó)銀行的銅板標(biāo)志，奔馳汽車的方向盤(pán)標(biāo)志。(3) 最常用和最簡(jiǎn)單的方式是用自己網(wǎng)站的英文名稱作標(biāo)志。采用不同的字體， 字母的變形，字母的組合可以很容易制作好自己的標(biāo)志，例如前面提到的新浪，以及迪斯尼。2、設(shè)計(jì)網(wǎng)站的配色方案打開(kāi)一個(gè)網(wǎng)站，給用戶留下第一印象的既不是網(wǎng)站豐富的內(nèi)容，也不是網(wǎng)站合理的版面布局，而是網(wǎng)站的

33、色彩。一個(gè)網(wǎng)站設(shè)計(jì)成功與否，在某種程度上取決于設(shè)計(jì)者對(duì)色彩的運(yùn)用和搭配。因此，在設(shè)計(jì)網(wǎng)頁(yè)時(shí)，必須要高度重視色彩的搭配。一般來(lái)說(shuō)，適合網(wǎng)頁(yè)標(biāo)準(zhǔn)色彩有3大色系：藍(lán)色、橙色/黃色、黑/白/灰色系。不同的色彩搭配會(huì)產(chǎn)生不同的效果，應(yīng)該結(jié)合站點(diǎn)整體目標(biāo)和內(nèi)容來(lái)設(shè)計(jì)。紅色、橙色溫暖、興奮、熱情，橙色適用于視覺(jué)要求較高的時(shí)尚網(wǎng)站，屬于注目、芳香的顏色，也常被用于味覺(jué)較高的食品網(wǎng)站，是容易引起食欲的顏色。但是，暖色調(diào)容易造成人視覺(jué)疲勞，慎用。黑色神秘、高貴，在商業(yè)設(shè)計(jì)中，黑色是許多科技產(chǎn)品的用色，如電視、跑車、攝影機(jī)、音響、儀器的色彩大多采用黑色。灰色具有柔和、高雅的意象，而且屬于中間性格，男女皆能接受，所以

34、灰色也是永遠(yuǎn)流行的主要顏色。許多高科技產(chǎn)品，尤其是和金屬材料有關(guān)的，幾乎都采用灰色來(lái)傳達(dá)高級(jí)、高科技的形象。使用灰色時(shí)，大多利用不同層次的變化組合和與其他色彩搭配，才不會(huì)過(guò)于平淡、沉悶、呆板、僵硬。紫色具有強(qiáng)烈的女性化性格，在商業(yè)設(shè)計(jì)用色中，紫色受到相當(dāng)?shù)南拗?，除了和女性有關(guān)的商品或企業(yè)形象外，其他類的設(shè)計(jì)不常采用紫色作為主色。黃色是陽(yáng)光的色彩，具有活潑與輕快的特點(diǎn)，給人以十分年輕的感覺(jué)。象征光明、希望、高貴、愉快。它的亮度最高，和其他顏色搭配顯得很活潑，有溫暖感，具有快樂(lè)、希望、智慧和輕快的個(gè)性，有希望與功名等象征意義。黃色也代表著土地、象征著權(quán)力，并且還具有神秘的宗教色彩。淺黃色系明朗、愉

35、快、希望、發(fā)展，它的雅致，清爽屬性，較適合用于女性及化妝品類網(wǎng)站。中黃色有崇高、尊貴、輝煌、注意、擴(kuò)張的心理感受。深黃色給人高貴、溫和、穩(wěn)重的心理感受綠色所傳達(dá)的是清爽、理想、希望、生長(zhǎng)的意象，符合服務(wù)業(yè)、衛(wèi)生保健業(yè)、教育行業(yè)、農(nóng)業(yè)、餐飲酒店的要求。在工廠中，為了避免操作時(shí)眼睛疲勞，許多機(jī)械也是采用綠色，一般的醫(yī)療機(jī)構(gòu)場(chǎng)所，也常采用綠色來(lái)做空間色彩規(guī)劃。藍(lán)色給人以沉穩(wěn)的感覺(jué)，且具有智慧、準(zhǔn)確的意象，在商業(yè)設(shè)計(jì)中強(qiáng)調(diào)高科技、效率高的商品或企業(yè)形象，大多選用藍(lán)色作為標(biāo)準(zhǔn)色、企業(yè)色，如電腦、汽車、影印機(jī)、攝影器材等。另外，藍(lán)色也代表憂郁和浪漫，這個(gè)意象也常運(yùn)用在文學(xué)作品或感性訴求的商業(yè)設(shè)計(jì)中。舉個(gè)實(shí)

36、際的例子：IBM的深藍(lán)色，肯得基的紅色條型，windows視窗標(biāo)志上的紅藍(lán)黃綠色塊，都使我們覺(jué)得很貼切，很和諧。如果將IBM改用綠色或金黃色，我們會(huì)有什么感覺(jué)？色彩搭配既是一項(xiàng)技術(shù)性工作，同時(shí)也是一項(xiàng)藝術(shù)性很強(qiáng)的工作，因此在設(shè)計(jì)網(wǎng)頁(yè)時(shí)除了考慮網(wǎng)站本身的特點(diǎn)外，還要遵循一定的藝術(shù)規(guī)律，從而設(shè)計(jì)出色彩鮮明、性格獨(dú)特的網(wǎng)站。網(wǎng)頁(yè)色彩搭配的技巧到底用什么色彩搭配好看呢？下面是網(wǎng)頁(yè)色彩搭配的一些常見(jiàn)技巧。 （1）運(yùn)用相同色系色彩：使網(wǎng)頁(yè)色彩趨于一致，塑造和諧統(tǒng)一的氛圍，缺點(diǎn)是容易造成單調(diào)，所以使用局部對(duì)比色增加變化，如局部地區(qū)加入一張與背景呈對(duì)比色彩的圖片。什么是相同色系？在360度色相環(huán)上位置相近，大

37、約在45度左右的色彩，或同一色相不同明度的色彩。（2）使用鄰近色：色帶上向鄰近的顏色。作用同上。（3）使用對(duì)比色：對(duì)比色作為點(diǎn)綴，突出重點(diǎn)，畫(huà)龍點(diǎn)睛。（4）背景色的使用：采用素淡清雅的顏色，避免采用花紋復(fù)雜的圖案和純度很高的色彩。背景要與文字的顏色對(duì)比強(qiáng)烈。（5）把握色彩的數(shù)量：網(wǎng)站用色控制在3種以內(nèi)，多了，顯得花哨、雜亂。通過(guò)改變色彩的各種屬性，如明度，飽和度，來(lái)產(chǎn)生變化。3、設(shè)計(jì)網(wǎng)站的標(biāo)準(zhǔn)字體和標(biāo)準(zhǔn)色彩一樣，標(biāo)準(zhǔn)字體是指用于標(biāo)志，標(biāo)題，主菜單的特有字體。一般我們網(wǎng)頁(yè)默認(rèn)的字體是宋體。為了體現(xiàn)站點(diǎn)的與眾不同和特有風(fēng)格，我們可以根據(jù)需要選擇一些特別字體。例如，為了體現(xiàn)專業(yè)可以使用粗仿宋體，體現(xiàn)

38、設(shè)計(jì)精美可以用廣告體，體現(xiàn)親切隨意可以用手寫(xiě)體等等。需要說(shuō)明的是：使用非默認(rèn)字體只能用圖片的形式，因?yàn)楹芸赡転g覽者的pC里沒(méi)有安裝的特別字體，那么您的辛苦設(shè)計(jì)制作便付之東流啦！突出的標(biāo)準(zhǔn)字體。在關(guān)鍵的標(biāo)題，菜單，圖片里使用統(tǒng)一的標(biāo)準(zhǔn)字體。4、設(shè)計(jì)網(wǎng)站的宣傳標(biāo)語(yǔ)也可以說(shuō)是網(wǎng)站的精神，網(wǎng)站的目標(biāo)。用一句話甚至一個(gè)詞來(lái)高度概括。類似實(shí)際生活中的廣告金句。例如：鵲巢的【味道好極了】；麥斯威爾的【好東西和好朋友一起分享】；Intel的【給一顆奔騰的芯】。想一條朗朗上口宣傳標(biāo)語(yǔ)。把它做在的banner里，或者放在醒目的位置，告訴大家的網(wǎng)站的特色是什么。以上四方面：標(biāo)志，色彩，字體，標(biāo)語(yǔ)，是一個(gè)網(wǎng)站樹(shù)立CI

39、形象的關(guān)鍵，確切的說(shuō)是網(wǎng)站的表面文章，設(shè)計(jì)并完成這幾步，的網(wǎng)站將脫胎換骨，整體形象有一個(gè)提高。風(fēng)格的形成不是一次定位的，需要在實(shí)踐中不斷強(qiáng)化，調(diào)整，修飾.2、創(chuàng)意創(chuàng)意(idea)是網(wǎng)站生存的關(guān)鍵。那么創(chuàng)意到底是什么，如何產(chǎn)生創(chuàng)意呢？創(chuàng)意是引人入勝，精彩萬(wàn)分，出奇不意的；創(chuàng)意是捕捉出來(lái)的點(diǎn)子，是創(chuàng)作出來(lái)的奇招等。這些講法都說(shuō)出了創(chuàng)意的一些特點(diǎn)，實(shí)質(zhì)上，創(chuàng)意是傳達(dá)信息的一種特別方式。比如，我們將其中的E字母大寫(xiě)一下: ，感覺(jué)怎么樣，這其實(shí)就是一種創(chuàng)意！創(chuàng)意是將現(xiàn)有的元素重新組合。比如，網(wǎng)絡(luò)與電話結(jié)合，產(chǎn)生Ip電話。從這一點(diǎn)上出發(fā)，任何人，包括和我，都可以創(chuàng)造出不同凡響的創(chuàng)意。而且，資料越豐富，越容

40、易產(chǎn)生創(chuàng)意。就好比萬(wàn)花筒，筒內(nèi)的玻璃片越多，所呈現(xiàn)的圖案越多。如果有心可以發(fā)現(xiàn)，網(wǎng)絡(luò)上的最多的創(chuàng)意來(lái)自與現(xiàn)實(shí)生活的結(jié)合(或者虛擬現(xiàn)實(shí))，例如在線書(shū)店，電子社區(qū)，在線拍賣(mài)。關(guān)于風(fēng)格和創(chuàng)意，又是一門(mén)學(xué)問(wèn)，可以自己找一些廣告設(shè)計(jì)方面的書(shū)閱讀。通過(guò)以上步驟，最終會(huì)形成一個(gè)文件【策劃方案】，說(shuō)明網(wǎng)站的用戶群、定位網(wǎng)站主題、風(fēng)格、創(chuàng)意、主要內(nèi)容、欄目、版塊、目錄結(jié)構(gòu)和鏈接結(jié)構(gòu)，以及網(wǎng)站形象策劃、制作規(guī)范和后期推廣宣傳等方面的內(nèi)容。1.2.3 規(guī)劃和搜集素材網(wǎng)站的主題內(nèi)容是文本、圖像和多媒體等，它們構(gòu)成了網(wǎng)站的靈魂，否則再好的結(jié)構(gòu)設(shè)計(jì)都不能達(dá)到網(wǎng)站設(shè)計(jì)的初衷，也不能吸引瀏覽者。在對(duì)網(wǎng)站進(jìn)行結(jié)構(gòu)設(shè)計(jì)之后，需要

41、對(duì)每個(gè)網(wǎng)頁(yè)的內(nèi)容進(jìn)行一個(gè)大致的構(gòu)思，如哪些網(wǎng)頁(yè)需要使用模板，哪些網(wǎng)頁(yè)需要使用特殊設(shè)計(jì)的圖像，哪些網(wǎng)頁(yè)需要使用較多的動(dòng)態(tài)效果，如何設(shè)計(jì)菜單，采用什么樣式的鏈接，網(wǎng)頁(yè)采用什么顏色和風(fēng)格等，這些都對(duì)資源收集具有指導(dǎo)性作用。要圍繞主題開(kāi)始搜集資料。資料既可以從圖書(shū)、報(bào)紙、光盤(pán)、多媒體上獲得，也可以從網(wǎng)上搜集；然后再把搜集的材料去粗取精，去偽存真，作為自己制作網(wǎng)頁(yè)的素材。1、使用圖形圖像軟件設(shè)計(jì)與制作網(wǎng)頁(yè)圖像：LOGO、導(dǎo)航條、Banner、首頁(yè)布局等。2、使用flash等軟件制作網(wǎng)站動(dòng)畫(huà)，如Banner、廣告窗。1.2.4 網(wǎng)站的創(chuàng)建和網(wǎng)頁(yè)的設(shè)計(jì)與制作在全面考慮好網(wǎng)站的欄目，鏈接結(jié)構(gòu)和整體風(fēng)格之后，我

42、們就可以正式動(dòng)手創(chuàng)建網(wǎng)站、制作網(wǎng)頁(yè)了。1、 創(chuàng)建站點(diǎn)：先建目錄，在目錄下建站點(diǎn)2、 設(shè)計(jì)并制作網(wǎng)頁(yè)：先設(shè)計(jì)后制作。按照前期的策劃方案，制定適當(dāng)?shù)臉?biāo)準(zhǔn)。設(shè)計(jì)人員進(jìn)行設(shè)計(jì)，根據(jù)前期的策劃方案，設(shè)計(jì)具體的頁(yè)面，包括頁(yè)面布局、導(dǎo)航、背景顏色、文字顏色、鏈接顏色、頁(yè)面間的鏈接結(jié)構(gòu)。制作人員進(jìn)行制作，按照先大后小、先簡(jiǎn)單后復(fù)雜的順序進(jìn)行制作，先設(shè)計(jì)制作大結(jié)構(gòu)，再逐步完善小結(jié)構(gòu)和小細(xì)節(jié)。先建主頁(yè)、再建子頁(yè)、在建立超鏈接。開(kāi)發(fā)動(dòng)態(tài)網(wǎng)站模塊。頁(yè)面制作完成后，如果還需要?jiǎng)討B(tài)功能，則需要開(kāi)發(fā)動(dòng)態(tài)功能模塊，網(wǎng)站中常用的功能模塊包括搜索功能、留言板、新聞發(fā)布、在線購(gòu)物和論壇及聊天室等。3、 測(cè)試站點(diǎn)和改進(jìn)。1.2.5

43、申請(qǐng)域名和服務(wù)器空間并上傳網(wǎng)頁(yè)不論公司還是個(gè)人，制作網(wǎng)頁(yè)的目的一般來(lái)說(shuō)是為了將其發(fā)布到網(wǎng)上，這就涉及需要在WWW上建立Web站點(diǎn)，以及將站點(diǎn)發(fā)布到某一個(gè)WWW的Web服務(wù)器上。申請(qǐng)域名和服務(wù)器空間域名是企業(yè)或事業(yè)單位在因特網(wǎng)上進(jìn)行相互聯(lián)絡(luò)的網(wǎng)絡(luò)地址，在網(wǎng)絡(luò)時(shí)代，域名是企業(yè)、機(jī)構(gòu)進(jìn)入因特網(wǎng)必不可少的身份證明。找到一家合適的域名服務(wù)提供商，注冊(cè)域名并付費(fèi)，以獲取服務(wù)器空間。測(cè)試與上傳網(wǎng)頁(yè)可以采用Dreamweaver自帶的站點(diǎn)管理上傳文件，也可以采用專門(mén)的FTp軟件上傳。利用這些FTp工具，可以很方便地把網(wǎng)站發(fā)布到服務(wù)器上。網(wǎng)站上傳以后，要在瀏覽器中打開(kāi)自己的網(wǎng)站，逐頁(yè)逐個(gè)鏈接地進(jìn)行測(cè)試，發(fā)現(xiàn)問(wèn)題

44、，及時(shí)修改，然后再上傳測(cè)試。1.2.6 網(wǎng)站的宣傳、推廣、維護(hù)與管理網(wǎng)頁(yè)做好之后，還要不斷地進(jìn)行宣傳，這樣才能讓更多的朋友認(rèn)識(shí)它，提高網(wǎng)站的訪問(wèn)率和知名度。推廣的方法有很多，如到搜索引擎上注冊(cè)、網(wǎng)站交換鏈接、添加廣告鏈等?；ヂ?lián)網(wǎng)絡(luò)的最大優(yōu)勢(shì)就是信息的實(shí)時(shí)性，只有快速的反映，準(zhǔn)確的報(bào)道，才能吸引更多的瀏覽者。并且嚴(yán)格來(lái)說(shuō)，每一個(gè)站點(diǎn)都應(yīng)該由專業(yè)人員定期更新維護(hù)。更新維護(hù)不僅僅只局限于簡(jiǎn)單的更換文字稿。以企業(yè)網(wǎng)站為例來(lái)說(shuō)，更新維護(hù)應(yīng)該將企業(yè)的商業(yè)動(dòng)態(tài)和發(fā)展方向充分考慮進(jìn)去，再結(jié)合現(xiàn)有的網(wǎng)站規(guī)劃結(jié)構(gòu)，迅速作出相應(yīng)的改進(jìn)。1.3網(wǎng)頁(yè)制作的工具軟件和技術(shù)1、 網(wǎng)頁(yè)編輯軟件：Dreamweaver、fro

45、ntpage2、 網(wǎng)頁(yè)動(dòng)畫(huà)制作軟件：Flash3、 網(wǎng)頁(yè)圖形、圖像編輯軟件：photoshop、Fireworks。4、 網(wǎng)頁(yè)標(biāo)記語(yǔ)言：HTML5、 網(wǎng)頁(yè)腳本語(yǔ)言：JavaScript6、 動(dòng)態(tài)網(wǎng)頁(yè)編程語(yǔ)言ASp1.4Dreamweaver軟件簡(jiǎn)介1.4.1 安裝與卸載1.4.2 界面簡(jiǎn)介一、標(biāo)題欄和菜單欄標(biāo)題欄標(biāo)題條顯示頁(yè)面標(biāo)題，并在括號(hào)中顯示文件的路徑和文件名。如果做了更改但仍未保存，則在文件名后顯示一個(gè)星號(hào)。觀察：對(duì)網(wǎng)頁(yè)進(jìn)行編輯后，標(biāo)題欄有何變化？觀察：使用【文件】菜單中的【保存】命令保存文件，標(biāo)題欄有何變化？歸納：如果對(duì)當(dāng)前網(wǎng)頁(yè)進(jìn)行了編輯但未存盤(pán)，則在文件名右側(cè)出現(xiàn)【*】號(hào)標(biāo)記，保存后

46、【*】號(hào)消失。菜單區(qū)和其它的軟件一樣，該軟件所有的操作命令都可以從這一個(gè)區(qū)內(nèi)找到,實(shí)例：演示使用【查看】菜單中的標(biāo)尺和網(wǎng)格命令進(jìn)行工作環(huán)境的設(shè)置。二、工具欄演示：【工具條】的顯示與隱藏?！疚臋n】工具欄若要顯示或隱藏工具條，選擇【查看】【工具欄】【文檔】。點(diǎn)擊帶有向下小箭頭的工具，會(huì)彈出更多選擇。若要在【網(wǎng)頁(yè)文檔】窗口中只顯示代碼，點(diǎn)擊【代碼】按鈕 若要顯示包括代碼和設(shè)計(jì)的視圖，點(diǎn)擊【拆分】按鈕。 若要只顯示設(shè)計(jì)視圖，點(diǎn)擊【設(shè)計(jì)】按鈕。 若要為文檔輸入一個(gè)標(biāo)題，使用【標(biāo)題】域。如果文檔已經(jīng)有了標(biāo)題，它將出現(xiàn)在該域中。 若要在瀏覽器中預(yù)覽或者調(diào)試文檔，點(diǎn)擊在瀏覽器中預(yù)覽/調(diào)試按鈕，在彈出的菜單中選

47、擇一種瀏覽器。若要添加或改變菜單中列出的瀏覽器，選擇編輯瀏覽器列表。 若要刷新的設(shè)計(jì)視圖，請(qǐng)點(diǎn)擊刷新設(shè)計(jì)視圖按鈕。 若要訪問(wèn)參考面板，點(diǎn)擊參考按鈕。參考面板包括關(guān)于HTML，CSS和JavaScript代碼的參考信息?！緲?biāo)準(zhǔn)】工具欄【查看】【工具欄】 【標(biāo)準(zhǔn)】三、狀態(tài)欄提供正在創(chuàng)建的文檔的一些其他信息。組成狀態(tài)欄的各個(gè)部分：窗口尺寸欄，下載時(shí)間欄等。標(biāo)簽選擇器顯示控制選定文本或?qū)ο蟮腍TML父標(biāo)簽。點(diǎn)擊其中的一個(gè)標(biāo)簽就可以在文檔窗口中高亮其內(nèi)容。點(diǎn)擊就可以選擇該文檔的整個(gè)主體部分。 窗口大小彈出式菜單可以將【網(wǎng)頁(yè)文檔】窗口調(diào)整到預(yù)先定義的大小或自定義的尺寸。 估計(jì)的文檔大小和該頁(yè)面的大概下載時(shí)

48、間，該大小是包括所有相關(guān)文件如圖象和其他媒體文件以后的大小。四、插入浮動(dòng)面板包含用于創(chuàng)建和插入對(duì)象的各種按鈕。這些按鈕被組織到選項(xiàng)卡中。 顯示或隱藏【插入】欄：選擇【窗口】【插入】。 展開(kāi)或折疊【插入】欄：?jiǎn)螕簟静迦搿繖跇?biāo)題條左角處的展開(kāi)箭頭。 【插入項(xiàng)目】選擇【窗口】【插入】，打開(kāi)【插入面板】， 選中了某個(gè)項(xiàng)目， 則會(huì)出現(xiàn)相應(yīng)的【插入項(xiàng)目】簡(jiǎn)單介紹插入面板里各項(xiàng)的作用。五、文檔編輯窗口網(wǎng)頁(yè)設(shè)計(jì)區(qū)，所設(shè)計(jì)的網(wǎng)頁(yè)或代碼將出現(xiàn)在該區(qū)。六、屬性面板 (屬性區(qū)) 屬性面板主要用于查看和編輯當(dāng)前所選頁(yè)面元素的各種屬性。每種對(duì)象有不同的屬性，屬性面板會(huì)隨著選擇對(duì)象的不同而變化。在文檔窗口選擇要編輯的對(duì)象元

49、素之后，就可以在屬性面板設(shè)置其屬性了。顯示或隱藏屬性面板方法：選擇【窗口】【屬性】菜單。單擊屬性面板右下角的箭頭按鈕可以展開(kāi)或折疊面板。七、面板組面板組是組合在文檔窗口右側(cè)的相關(guān)面板的集合。展開(kāi)或折疊一個(gè)面板組直接單擊面板標(biāo)題。在展開(kāi)的面板組中選擇一個(gè)面板單擊該面板的選項(xiàng)卡。 關(guān)閉一個(gè)面板組從面板組標(biāo)題條中的【選項(xiàng)】菜單中選擇【關(guān)閉面板組】。打開(kāi)屏幕上不可見(jiàn)的面板組從【窗口】菜單中選擇一個(gè)面板的名稱。將一個(gè)面板組?？康狡渌姘褰M打開(kāi)該面板；右鍵點(diǎn)該面板名后選擇【將資源組合在】小提示：在菜單上看到的一些組合字母(如CTRLN)就是該項(xiàng)操作的快捷鍵，日后熟練了，可以使用，加快網(wǎng)頁(yè)設(shè)計(jì)的速度。1.4

50、.3 網(wǎng)頁(yè)的視圖三種試圖：代碼視圖、設(shè)計(jì)視圖、拆分視圖。了解XHTML語(yǔ)言1.4.4 網(wǎng)頁(yè)文件的基本操作一、新建網(wǎng)頁(yè)二、打開(kāi)網(wǎng)頁(yè)三、保存網(wǎng)頁(yè)四、在瀏覽器中預(yù)覽網(wǎng)頁(yè)單擊工具欄上預(yù)覽按鈕，或F12鍵，可以在瀏覽器中預(yù)覽編輯的網(wǎng)頁(yè)。五、設(shè)置頁(yè)面頭部?jī)?nèi)容設(shè)計(jì)視圖模式下，選擇【查看文件頭內(nèi)容】，文件頭內(nèi)容會(huì)顯示在設(shè)計(jì)視圖的上部，如下圖所示：設(shè)置網(wǎng)頁(yè)標(biāo)題1、什么是網(wǎng)頁(yè)標(biāo)題？n 網(wǎng)頁(yè)標(biāo)題就是在瀏覽器中瀏覽網(wǎng)頁(yè)時(shí)，瀏覽器窗口頂部顯示的文本信息。n 網(wǎng)頁(yè)標(biāo)題可以簡(jiǎn)明地概括網(wǎng)頁(yè)的內(nèi)容，點(diǎn)明網(wǎng)頁(yè)的主題。n 當(dāng)網(wǎng)頁(yè)被加入收藏夾時(shí)，網(wǎng)頁(yè)標(biāo)題又作為網(wǎng)頁(yè)的名稱（標(biāo)簽）出現(xiàn)在收藏夾中。n 網(wǎng)頁(yè)標(biāo)題也是搜索引擎robots搜索

51、的主要依據(jù)。n DW在新建網(wǎng)頁(yè)時(shí)，默認(rèn)的頁(yè)面標(biāo)題為“無(wú)標(biāo)題文檔”。2、設(shè)置網(wǎng)頁(yè)標(biāo)題的具體操作：法一：設(shè)計(jì)視圖模式下，單擊文件頭內(nèi)容窗口中的【標(biāo)題】按鈕，可以在【屬性】面板中查看并修改網(wǎng)頁(yè)標(biāo)題屬性。法二：在【文檔】工具欄的【標(biāo)題】文本框中直接輸入網(wǎng)頁(yè)的標(biāo)題。六、設(shè)置網(wǎng)頁(yè)基本屬性在開(kāi)始制作具體的頁(yè)面之前，先對(duì)整個(gè)網(wǎng)站的頁(yè)面屬性進(jìn)行設(shè)置，這樣在具體制作時(shí)能夠具有同一的風(fēng)格，保證網(wǎng)頁(yè)的協(xié)調(diào)性和整體性。選擇【修改】【頁(yè)面屬性】菜單命令，或者單擊屬性面板中的【頁(yè)面屬性】按鈕，打開(kāi)頁(yè)面屬性對(duì)話框。補(bǔ)充：什么是CSS？CSS是 Cascading Style Sheet 的縮寫(xiě)，譯作層疊樣式表，是用于(增強(qiáng))

52、控制網(wǎng)頁(yè)樣式并允許將樣式信息與網(wǎng)頁(yè)內(nèi)容分離的一種標(biāo)記性語(yǔ)言。具體應(yīng)用將在后續(xù)章節(jié)詳細(xì)講解。1、設(shè)置外觀（CSS）【分類】列表下選擇【外觀（CSS）】選項(xiàng)卡，可以設(shè)置頁(yè)面字體、字號(hào)、背景圖像、背景顏色、文本顏色、左邊距、上邊距等屬性?！局貜?fù)】下拉列表用來(lái)設(shè)置背景圖像的重復(fù)方式。p120李曉斌2、設(shè)置外觀（HTML）外觀（HTML）的設(shè)置與外觀（CSS）大致相同，后期講解區(qū)別。外觀（HTML）選項(xiàng)中設(shè)置的屬性會(huì)出現(xiàn)在頁(yè)面主體標(biāo)簽中，不會(huì)自動(dòng)生成CSS樣式。3、設(shè)置鏈接對(duì)網(wǎng)頁(yè)的鏈接樣式進(jìn)行詳細(xì)設(shè)置。4、標(biāo)題（CSS）設(shè)置標(biāo)題字體相關(guān)屬性。5、標(biāo)題/編碼標(biāo)題：設(shè)置在文檔窗口和大多數(shù)瀏覽器窗口的標(biāo)題欄中

53、出現(xiàn)的頁(yè)面標(biāo)題?？偨Y(jié)：標(biāo)題的設(shè)置方法：頁(yè)面屬性對(duì)話框標(biāo)題編碼分類文件頭內(nèi)容窗口中的【標(biāo)題】按鈕，可以在【屬性】面板中查看并修改網(wǎng)頁(yè)標(biāo)題屬性【文檔】工具欄，【標(biāo)題】后面文本框直接輸入。文檔類型：可以在下拉列表選擇文檔類型。DWcs6默認(rèn)新建的文檔為XHTML1.0Transitional。作業(yè)：查資料，分析HTML5.0和XHTML1.0有什么區(qū)別。編碼：網(wǎng)頁(yè)的文字編碼方式，DWcs6默認(rèn)文檔編碼方式為Unicode(UTF-8)，也可以選擇簡(jiǎn)體中文（GB2312）6、跟蹤圖像設(shè)計(jì)頁(yè)面的草圖，作為背景鋪在網(wǎng)頁(yè)下面，用來(lái)引導(dǎo)網(wǎng)頁(yè)的設(shè)計(jì)。跟蹤圖像：可以指定一幅圖像作為頁(yè)面創(chuàng)作時(shí)的草稿圖，它顯示在頁(yè)面

54、的背景上，（一般是前期使用pS設(shè)計(jì)制作的網(wǎng)頁(yè)布局效果圖）便于在網(wǎng)頁(yè)創(chuàng)作時(shí)進(jìn)行網(wǎng)頁(yè)元素的定位與安放。在實(shí)際生成的網(wǎng)頁(yè)中并不顯示它。跟蹤圖像同背景圖像唯一的相同之處在于都是一幅存在于頁(yè)面背景中的圖像。 但是跟蹤圖像不會(huì)被 Dreamweaver 平鋪（對(duì)一個(gè)背景圖像來(lái)說(shuō)，如果圖像尺寸小于頁(yè)面的尺寸就會(huì)被平鋪。）；可以指定跟蹤圖像的透明度；跟蹤圖像只在 Dreamweaver 中可見(jiàn)，在瀏覽器中它會(huì)被忽略。1.5 站點(diǎn)的創(chuàng)建與管理問(wèn)題：網(wǎng)頁(yè)與網(wǎng)站的關(guān)系？先規(guī)劃土地還是先建房？先建房還是先買(mǎi)家具？先建網(wǎng)頁(yè)還是先建網(wǎng)站？ 講述：先建網(wǎng)站，后建網(wǎng)頁(yè)。1.5.1 定義站點(diǎn)的必要性和注意事項(xiàng)1、本地站點(diǎn)與遠(yuǎn)程

55、站點(diǎn)Dreamweaver中，站點(diǎn)（Site）一詞既可以指Internet上的一個(gè)網(wǎng)站，也可以指在本地硬盤(pán)上的一個(gè)網(wǎng)站（更多的時(shí)候）。本地硬盤(pán)的網(wǎng)站實(shí)際上是一個(gè)文件夾，它作為我們站點(diǎn)的根目錄，里面包含了站點(diǎn)的所有頁(yè)面、圖像、聲音、動(dòng)畫(huà)等。我們開(kāi)發(fā)站點(diǎn)是在本地硬盤(pán)進(jìn)行的，當(dāng)站點(diǎn)開(kāi)發(fā)完畢后，再將本地站點(diǎn)的內(nèi)容上傳到Web服務(wù)器上，供別人訪問(wèn)瀏覽?？偨Y(jié)：放置在本地磁盤(pán)上的網(wǎng)站被稱為本地站點(diǎn)，位于互聯(lián)網(wǎng)web服務(wù)器里的網(wǎng)站被稱為遠(yuǎn)程站點(diǎn)。 2、本地站點(diǎn)的作用在建立網(wǎng)站、制作網(wǎng)頁(yè)之前，首先需要?jiǎng)?chuàng)建一個(gè)本地站點(diǎn)。這是為了更好地利用站點(diǎn)窗口對(duì)站點(diǎn)文件進(jìn)行管理。在做網(wǎng)頁(yè)文件時(shí)，打開(kāi)軟件后，先把我們要做的網(wǎng)頁(yè)文

56、件保存到事先建好的站點(diǎn)里，這樣是為了避免插入圖片時(shí)出現(xiàn)錯(cuò)誤?？梢员M可能的減少一些錯(cuò)誤的出現(xiàn)，如路徑出錯(cuò)，鏈接出錯(cuò)（特別是新手）。只有站點(diǎn)內(nèi)才可以利用我們將在以后章節(jié)中講述的模板、資源管理和庫(kù)等高級(jí)功能編輯更新網(wǎng)站。3、創(chuàng)建站點(diǎn)的注意事項(xiàng)（1）合理規(guī)劃文件和文件夾新手做網(wǎng)頁(yè)，就只知道做網(wǎng)頁(yè)，不懂得條理性、結(jié)構(gòu)性，一個(gè)文件放這里，另一個(gè)文件放那里，或者所有文件都放在同一文件夾內(nèi)，這樣顯得很亂。提倡的做法是：建立一個(gè)文件夾用于存放網(wǎng)站的所有文件，再在文件內(nèi)建立幾個(gè)子文件夾，將文件分類，如圖片文件放在image文件夾內(nèi)，HTML文件放在HTML文件夾內(nèi)。當(dāng)然，如果站點(diǎn)比較大，文件比較多，可以先按欄目分類，在欄目里再分類。（2）文件命名注意事項(xiàng)文件的命名也是非常重要的，新手通常不注意這些，隨便亂起些名字，這樣過(guò)些時(shí)候自己也搞不懂是什么了（特別是文件比較多的時(shí)候）。我們要做到一看文件的名字就知道是什么內(nèi)容的文件。提倡的做法是： 站點(diǎn)里的所有文件的名稱都不能為漢語(yǔ)名，必須為英文名或者是數(shù)字命名的。 在文件以及文件夾的命名中不能使用特殊符號(hào)（&、+、中文雙字節(jié)標(biāo)點(diǎn)符號(hào)等），會(huì)導(dǎo)致網(wǎng)站不能正常工作。 文件夾采用小寫(xiě)英文字母、數(shù)字