網(wǎng)頁(yè)設(shè)計(jì)課件

網(wǎng)頁(yè)設(shè)計(jì)云南師范大學(xué)商學(xué)院藝術(shù)設(shè)計(jì)系

因特網(wǎng)起源于美國(guó)國(guó)防部高級(jí)研究計(jì)劃管理局建立的阿帕網(wǎng)。網(wǎng)站是指在因特網(wǎng)上，根據(jù)一定的規(guī)則，使用HTML等工具制作的用于展示特定內(nèi)容的相關(guān)網(wǎng)頁(yè)的集合。簡(jiǎn)單地說(shuō)，網(wǎng)站是一種通訊工具，就像布告欄一樣，人們可以通過(guò)網(wǎng)站來(lái)發(fā)布自己想要公開(kāi)的資訊，或者利用網(wǎng)站來(lái)提供相關(guān)的網(wǎng)絡(luò)服務(wù)。人們可以通過(guò)網(wǎng)頁(yè)瀏覽器來(lái)訪(fǎng)問(wèn)網(wǎng)站，獲取自己需要的資訊或者享受網(wǎng)絡(luò)服務(wù)。

許多公司都擁有自己的網(wǎng)站，他們利用網(wǎng)站來(lái)進(jìn)行宣傳、產(chǎn)品資訊發(fā)布、招聘等等。隨著網(wǎng)頁(yè)制作技術(shù)的流行，很多個(gè)人也開(kāi)始制作個(gè)人主頁(yè)，這些通常是制作者用來(lái)自我介紹、展現(xiàn)個(gè)性的地方。也有以提供網(wǎng)絡(luò)資訊為盈利手段的網(wǎng)絡(luò)公司，通常這些公司的網(wǎng)站上提供人們生活各個(gè)方面的資訊如時(shí)事新聞、旅游、娛樂(lè)、經(jīng)濟(jì)等

在因特網(wǎng)的早期，網(wǎng)站還只能保存單純的文本。經(jīng)過(guò)幾年的發(fā)展，當(dāng)萬(wàn)維網(wǎng)出現(xiàn)之后，圖像、聲音、動(dòng)畫(huà)、視頻，甚至3D技術(shù)開(kāi)始在因特網(wǎng)上流行起來(lái)，網(wǎng)站也慢慢地發(fā)展成我們現(xiàn)在看到的圖文并茂的樣子。通過(guò)動(dòng)態(tài)網(wǎng)頁(yè)技術(shù)，用戶(hù)也可以與其他用戶(hù)或者網(wǎng)站管理者進(jìn)行交流。也有一些網(wǎng)站提供電子郵件服務(wù)。

第一章因特網(wǎng)與網(wǎng)絡(luò)和網(wǎng)站建設(shè)

它由域名（俗稱(chēng)網(wǎng)址），網(wǎng)站源程序和網(wǎng)站空間三部分構(gòu)成。

域名（俗稱(chēng)網(wǎng)址）形式比如：(一級(jí)域名)，/e000（二級(jí)/三級(jí)域名）；

網(wǎng)站空間由專(zhuān)門(mén)的獨(dú)立服務(wù)器或租用的虛擬主機(jī)承擔(dān)；

網(wǎng)站源程序則放在網(wǎng)站空間里面，表現(xiàn)為網(wǎng)站前臺(tái)和網(wǎng)站后臺(tái)。

◆網(wǎng)站組成

衡量一個(gè)網(wǎng)站的性能通常從網(wǎng)站空間大小、網(wǎng)站位置、網(wǎng)站連接速度（俗稱(chēng)“網(wǎng)速”）、網(wǎng)站軟件配置、網(wǎng)站提供服務(wù)等幾方面考慮，最直接的衡量標(biāo)準(zhǔn)是這個(gè)網(wǎng)站的真實(shí)流量。

建設(shè)網(wǎng)站考慮因素：

1、網(wǎng)站的客戶(hù)服務(wù)群體；

2、網(wǎng)站的內(nèi)容方向和性質(zhì)；

3、網(wǎng)站的功能描述和結(jié)構(gòu)分析；

4、網(wǎng)站的用戶(hù)體驗(yàn)；

5、網(wǎng)站的盈利方式；

6、網(wǎng)站的未來(lái)發(fā)展方向。

根據(jù)網(wǎng)站所用編程語(yǔ)言分類(lèi)：例如asp網(wǎng)站、php網(wǎng)站、jsp網(wǎng)站等；

根據(jù)網(wǎng)站的用途分類(lèi)：例如門(mén)戶(hù)網(wǎng)站（綜合網(wǎng)站）、行業(yè)網(wǎng)站、娛樂(lè)網(wǎng)站等；

根據(jù)網(wǎng)站的持有者分類(lèi)：例如個(gè)人網(wǎng)站、商業(yè)網(wǎng)站，政府網(wǎng)站等。

根據(jù)網(wǎng)站的內(nèi)容分類(lèi)：

網(wǎng)站搜索(比如百度)、資訊（比如新華網(wǎng)）、下載(比如華軍軟件園)、圖片（比如圖片天下）等；

網(wǎng)址（比如hao123265）、音樂(lè)（比如百度MP3）、視頻（影視）、等；

商務(wù)（比如阿里巴巴）、網(wǎng)店（比如淘寶）、黃頁(yè)（比如世界黃頁(yè)）、個(gè)人主頁(yè)等；

問(wèn)答（比如百度知道）、咨詢(xún)（比如威客）、百科、博客（比如livespaces）、播客、視客、推客、格子等。

◆網(wǎng)站分類(lèi)下一節(jié)網(wǎng)站的盈利

門(mén)戶(hù)網(wǎng)站，是指通向某類(lèi)綜合性互聯(lián)網(wǎng)信息資源并提供有關(guān)信息服務(wù)的應(yīng)用系統(tǒng)。門(mén)戶(hù)網(wǎng)站最初提供搜索引擎、目錄服務(wù)，后來(lái)由于市場(chǎng)競(jìng)爭(zhēng)日益激烈，門(mén)戶(hù)網(wǎng)站不得不快速地拓展各種新的業(yè)務(wù)類(lèi)型，希望通過(guò)門(mén)類(lèi)眾多的業(yè)務(wù)來(lái)吸引和留駐互聯(lián)網(wǎng)用戶(hù)，以至于目前門(mén)戶(hù)網(wǎng)站的業(yè)務(wù)包羅萬(wàn)象，成為網(wǎng)絡(luò)世界的“百貨商場(chǎng)”或“網(wǎng)絡(luò)超市”。從現(xiàn)在的情況來(lái)看，門(mén)戶(hù)網(wǎng)站主要提供新聞、搜索引擎、網(wǎng)絡(luò)接入、聊天室、電子公告牌、免費(fèi)郵箱、影音資訊、電子商務(wù)、網(wǎng)絡(luò)社區(qū)、網(wǎng)絡(luò)游戲、免費(fèi)網(wǎng)頁(yè)空間，等等。在我國(guó)，典型的門(mén)戶(hù)網(wǎng)站有新浪網(wǎng)、網(wǎng)易和搜狐網(wǎng)等

返回網(wǎng)站流量（traffic）是指網(wǎng)站的訪(fǎng)問(wèn)量，是用來(lái)描述訪(fǎng)問(wèn)一個(gè)網(wǎng)站的用戶(hù)數(shù)量以及用戶(hù)所瀏覽的網(wǎng)頁(yè)數(shù)量等指標(biāo)，常用的統(tǒng)計(jì)指標(biāo)包括網(wǎng)站的獨(dú)立用戶(hù)數(shù)量、總用戶(hù)數(shù)量（含重復(fù)訪(fǎng)問(wèn)者）、網(wǎng)頁(yè)瀏覽數(shù)量、每個(gè)用戶(hù)的頁(yè)面瀏覽數(shù)量、用戶(hù)在網(wǎng)站的平均停留時(shí)間等行業(yè)網(wǎng)站所謂行業(yè)門(mén)戶(hù)，可以理解為“門(mén)+戶(hù)+路”三者的集合體，即包含為更多行業(yè)企業(yè)設(shè)計(jì)服務(wù)的大門(mén)，豐富的資訊信息，以及強(qiáng)大的搜索引擎?！伴T(mén)”，即為更多的行業(yè)及企業(yè)提供服務(wù)的大門(mén)。

據(jù)統(tǒng)計(jì)，經(jīng)歷1998、1999和2003年的創(chuàng)業(yè)高峰，截止2006年底國(guó)內(nèi)行業(yè)網(wǎng)站已有3000多家，預(yù)計(jì)到2007年底將達(dá)到4510家。增速也從兩年前的28%提升到35%，預(yù)計(jì)2007年增長(zhǎng)率將接近50%。

返回另?yè)?jù)統(tǒng)計(jì)，3000多家行業(yè)網(wǎng)站中，規(guī)模較大的約占10%，主要分布在化工、服裝、五金等行業(yè).個(gè)人網(wǎng)站是指?jìng)€(gè)人或團(tuán)體因某種興趣、擁有某種專(zhuān)業(yè)技術(shù)、提供某種服務(wù)或把自己的作品、商品展示銷(xiāo)售而制作的具有獨(dú)立空間域名的網(wǎng)站。

個(gè)人網(wǎng)站=頂級(jí)域名+虛擬主機(jī)+網(wǎng)頁(yè)

網(wǎng)頁(yè):需要自己運(yùn)用各種網(wǎng)頁(yè)軟件制作.

做好網(wǎng)頁(yè)后上傳到虛擬主機(jī),再把域名綁定到虛擬主機(jī)上,你的個(gè)人網(wǎng)站就可以對(duì)外供別人瀏覽了返回什么是域名？

從技術(shù)上講，域名只是一個(gè)Internet中用于解決地址對(duì)應(yīng)問(wèn)題的一種方法?？梢哉f(shuō)只是一個(gè)技術(shù)名詞。但是，由于Internet已經(jīng)成為了全世界人的Internet，域名也自然地成為了一個(gè)社會(huì)科學(xué)名詞。什么要注冊(cè)域名？

越來(lái)越多的人所認(rèn)識(shí)，電子商務(wù)、網(wǎng)上銷(xiāo)售、網(wǎng)絡(luò)廣告已成為商界關(guān)注的熱點(diǎn)?！吧暇W(wǎng)”已成為不少人的口頭禪。但是，要想在網(wǎng)上建立服務(wù)器發(fā)布信息，則必須首先注冊(cè)自己的域名，只有有了自己的域名才能讓別人訪(fǎng)問(wèn)到自己。所以，域名注冊(cè)是在互聯(lián)網(wǎng)上建立任何服務(wù)的基礎(chǔ)。同時(shí)，由于域名的唯一性，盡早注冊(cè)又是十分必要的。

域名可分為不同級(jí)別，包括頂級(jí)域名、二級(jí)域名等。頂級(jí)域名又分為兩類(lèi)：一是國(guó)家頂級(jí)域名,目前200多個(gè)國(guó)家都按照ISO3166國(guó)家代碼分配了頂級(jí)域名，例如中國(guó)是cn，美國(guó)是us，日本是jp等；二是國(guó)際頂級(jí)域名簡(jiǎn)稱(chēng)iTDs），例如表示工商企業(yè)的.Com，表示網(wǎng)絡(luò)提供商的.net，表示非盈利組織的.org等。目前大多數(shù)域名爭(zhēng)議都發(fā)生在com的頂級(jí)域名下，因?yàn)槎鄶?shù)公司上網(wǎng)的目的都是為了贏利。為加強(qiáng)域名管理，解決域名資源的緊張，Internet協(xié)會(huì)、Internet分址機(jī)構(gòu)及世界知識(shí)產(chǎn)權(quán)組織（WEPO）等國(guó)際組織經(jīng)過(guò)廣泛協(xié)商，在原來(lái)三個(gè)國(guó)際通用頂級(jí)域名：（）的基礎(chǔ)上，新增加了7個(gè)國(guó)際通用頂級(jí)域名：firm（公司企業(yè)）、store（銷(xiāo)售公司或企業(yè)）、Web（突出WWW活動(dòng)的單位）、arts（突出文化、娛樂(lè)活動(dòng)的單位）、rec(突出消遣、娛樂(lè)活動(dòng)的單位)、info(提供信息服務(wù)的單位)、nom(個(gè)人)，并在世界范圍內(nèi)選擇新的注冊(cè)機(jī)構(gòu)來(lái)受理域名注冊(cè)申請(qǐng)。

如.tm國(guó)別:TM,土庫(kù)曼斯坦,分類(lèi):BIZ,商業(yè)

二級(jí)域名是指頂級(jí)域名之下的域名，在國(guó)際頂級(jí)域名下，它是指域名注冊(cè)人的網(wǎng)上名稱(chēng)，例如ibm，yahoo，microsoft等；在國(guó)家頂級(jí)域名下，它是表示注冊(cè)企業(yè)類(lèi)別的符號(hào)，例如com，edu，gov，net等。

我國(guó)在國(guó)際互聯(lián)網(wǎng)絡(luò)信息中心（InterNIC）正式注冊(cè)并運(yùn)行的頂級(jí)域名是CN，這也是我國(guó)的一級(jí)域名。在頂級(jí)域名之下，我國(guó)的二級(jí)域名又分為類(lèi)別域名和行政區(qū)域名兩類(lèi)。類(lèi)別域名共6個(gè)，包括用于科研機(jī)構(gòu)的ac；用于工商金融企業(yè)的com；用于教育機(jī)構(gòu)的edu；用于政府部門(mén)的gov；用于互聯(lián)網(wǎng)絡(luò)信息中心和運(yùn)行中心的net；用于非盈利組織的org。而行政區(qū)域名有34個(gè)，分別對(duì)應(yīng)于我國(guó)各省、自治區(qū)和直轄市。三級(jí)域名用字母（A～Z，a～z，大小寫(xiě)等）、數(shù)字（0～9）和連接符（－）組成，各級(jí)域名之間用實(shí)點(diǎn)（.）連接，三級(jí)域名的長(zhǎng)度不能超過(guò)20個(gè)字符。如無(wú)特殊原因，建議采用申請(qǐng)人的英文名（或者縮寫(xiě)）或者漢語(yǔ)拼音名（或者縮寫(xiě)）作為三級(jí)域名，以保持域名的清晰性和簡(jiǎn)潔性。

型號(hào):英文國(guó)際頂級(jí)域名(domcom型)

價(jià)格:65元/年

內(nèi)容:.com域名是目前國(guó)際最廣泛流行的通用域名格式,全球的用戶(hù)超過(guò)1000萬(wàn)個(gè)。所有國(guó)際化公司都會(huì)注冊(cè).com域名;當(dāng)然也可以選擇.net/.org.

.COM--適用于商業(yè)實(shí)體,它是最流行的頂級(jí)域名

.NET--最初用于網(wǎng)絡(luò)機(jī)構(gòu)如ISP

.ORG---設(shè)計(jì)是用于各類(lèi)組織機(jī)構(gòu),包括非盈利團(tuán)體

以上三類(lèi)域名任何人都可注冊(cè)。.com.net.org返回◆網(wǎng)站盈利網(wǎng)站的盈利基本模式有：出賣(mài)廣告位，收取會(huì)員費(fèi)，提取經(jīng)紀(jì)費(fèi)，獲得聯(lián)盟收益等?！艟W(wǎng)站盈利模式的拓展1.廠(chǎng)商贊助：這種情況一般是我們?cè)谡军c(diǎn)上為主機(jī)提供商制作一個(gè)廣告條，來(lái)抵消或者減少租賃費(fèi)用。具體的操作還需要大家跟主機(jī)提供商聯(lián)系協(xié)調(diào)。2.廣告投放：目前百度、搜狐新聞、易趣、21cn等網(wǎng)站都提供有圖片、文字鏈接廣告的合作，大家可以直接跟他們的廣告部門(mén)郵件聯(lián)系。如果你的頁(yè)面訪(fǎng)問(wèn)量和網(wǎng)站內(nèi)容與他們的要求相符，就可以獲得合作機(jī)會(huì)。需要注意的是廣告條的配色風(fēng)格盡量和網(wǎng)站本身的風(fēng)格融合在一起，特別是色調(diào)要保持一致，如果因?yàn)榧尤氲膹V告影響了網(wǎng)站的訪(fǎng)問(wèn)量，就得不償失了。此外，不推薦采用彈出式的廣告，一來(lái)這種廣告非常容易引起訪(fǎng)問(wèn)者的反感，二來(lái)在WindowsXPSP2推出后，彈出式廣告會(huì)逐漸退出歷史舞臺(tái)，這也是大勢(shì)所趨。3.其它形式的收入：等你的個(gè)人網(wǎng)站有實(shí)力做到這一步后，可以考慮跟大型網(wǎng)站甚至傳統(tǒng)廠(chǎng)商聯(lián)合舉辦活動(dòng)等方式來(lái)擴(kuò)大收入來(lái)源了，這時(shí)候你完全不是處于被動(dòng)的找客戶(hù)的“無(wú)奈”狀態(tài)，一般廠(chǎng)商會(huì)主動(dòng)聯(lián)系你的。而且這時(shí)候你已經(jīng)積累了很多經(jīng)驗(yàn)，網(wǎng)站的未來(lái)你應(yīng)該會(huì)有自己的打算，就不用為旺財(cái)多操心了。如果你覺(jué)得網(wǎng)站已經(jīng)沒(méi)有更大的發(fā)展空間，那就將它轉(zhuǎn)讓給大型網(wǎng)站吧。

第二章網(wǎng)頁(yè)設(shè)計(jì)的構(gòu)成

網(wǎng)頁(yè)是構(gòu)成網(wǎng)站的基本元素，是承載各種網(wǎng)站應(yīng)用的平臺(tái)。通俗的說(shuō)，網(wǎng)頁(yè)是由網(wǎng)站組成的頁(yè)面。如果您只有域名和虛擬主機(jī)而沒(méi)有制作任何網(wǎng)頁(yè)的話(huà)，您的客戶(hù)仍舊無(wú)法訪(fǎng)問(wèn)您的網(wǎng)站。

在互聯(lián)網(wǎng)上應(yīng)用最為廣泛的功能是網(wǎng)頁(yè)的瀏覽,瀏覽器窗口中顯示了一個(gè)頁(yè)面被稱(chēng)為網(wǎng)頁(yè).網(wǎng)頁(yè)中可以包括:文字\圖片\動(dòng)畫(huà)\視頻\音頻等

網(wǎng)頁(yè)的學(xué)名稱(chēng)作HTML文件，是一種可以在www網(wǎng)上傳輸，并被瀏覽器認(rèn)識(shí)和翻譯成頁(yè)面顯示出來(lái)的文件。

一.什么是網(wǎng)頁(yè)二.網(wǎng)站設(shè)計(jì)要求(一)、建設(shè)網(wǎng)站前的市場(chǎng)分析

1、相關(guān)行業(yè)的市場(chǎng)是怎樣的,市場(chǎng)有什么樣的特點(diǎn)，是否能夠在互聯(lián)網(wǎng)上開(kāi)展公司業(yè)務(wù)。

2、市場(chǎng)主要競(jìng)爭(zhēng)者分析，競(jìng)爭(zhēng)對(duì)手上網(wǎng)情況及其網(wǎng)站策劃、功能作用。

3、公司自身?xiàng)l件分析、公司概況、市場(chǎng)優(yōu)勢(shì)，可以利用網(wǎng)站提升哪些競(jìng)爭(zhēng)力，建設(shè)網(wǎng)站的能力（費(fèi)用、技術(shù)、人力等）。

(二)、建設(shè)網(wǎng)站目的及功能定位

1、為什么要建立網(wǎng)站，是為了樹(shù)立企業(yè)形象，宣傳產(chǎn)品，進(jìn)行電子商務(wù)，還是建立行業(yè)性網(wǎng)站？是企業(yè)的基本需要還是市場(chǎng)開(kāi)拓的延伸？

2、整合公司資源，確定網(wǎng)站功能。根據(jù)公司的需要和計(jì)劃，確定網(wǎng)站的功能類(lèi)型：

企業(yè)型網(wǎng)站、應(yīng)用型網(wǎng)站、商業(yè)型網(wǎng)站（行業(yè)型網(wǎng)站）、電子商務(wù)型網(wǎng)站；企業(yè)網(wǎng)站又分為企業(yè)形象型、產(chǎn)品宣傳型、網(wǎng)上營(yíng)銷(xiāo)型、客戶(hù)服務(wù)型、電子商務(wù)型等。

3、根據(jù)網(wǎng)站功能，確定網(wǎng)站應(yīng)達(dá)到的目的作用。

4、企業(yè)內(nèi)部網(wǎng)（Intranet）的建設(shè)情況和網(wǎng)站的可擴(kuò)展性。

4、確定網(wǎng)站內(nèi)容的實(shí)現(xiàn)方式。如產(chǎn)品中心使用動(dòng)態(tài)程序數(shù)據(jù)庫(kù)還是靜態(tài)頁(yè)面；營(yíng)銷(xiāo)網(wǎng)絡(luò)是采用列表方式還是地圖展示(三)、網(wǎng)站導(dǎo)航內(nèi)容1、根據(jù)網(wǎng)站的目的確定網(wǎng)站的結(jié)構(gòu)導(dǎo)航。

一般企業(yè)型網(wǎng)站應(yīng)包括：公司簡(jiǎn)介、企業(yè)動(dòng)態(tài)、產(chǎn)品介紹、客戶(hù)服務(wù)、聯(lián)系方式、在線(xiàn)留言等基本內(nèi)容。更多內(nèi)容如：常見(jiàn)問(wèn)題、營(yíng)銷(xiāo)網(wǎng)絡(luò)、招賢納士、在線(xiàn)論壇、英文版等等。2、根據(jù)網(wǎng)站的目的及內(nèi)容確定網(wǎng)站整合功能。

如FLASH引導(dǎo)頁(yè)、會(huì)員系統(tǒng)、網(wǎng)上購(gòu)物系統(tǒng)、在線(xiàn)支付、問(wèn)卷調(diào)查系統(tǒng)、在線(xiàn)支付、信息搜索查詢(xún)系統(tǒng)、流量統(tǒng)計(jì)系統(tǒng)等。3、確定網(wǎng)站的結(jié)構(gòu)導(dǎo)航中的每個(gè)頻道的子欄目。

如公司簡(jiǎn)介中可以包括：總裁致詞、發(fā)展歷程、企業(yè)文化、核心優(yōu)勢(shì)、生產(chǎn)基地、科技研發(fā)、合作伙伴、主要客戶(hù)、客戶(hù)評(píng)價(jià)等；客戶(hù)服務(wù)可以包括：服務(wù)熱線(xiàn)、服務(wù)宗旨、服務(wù)項(xiàng)目等。

1.網(wǎng)頁(yè)設(shè)計(jì)之精彩配色第三章網(wǎng)頁(yè)設(shè)計(jì)的設(shè)計(jì)法則顏色的使用在網(wǎng)頁(yè)制作中起著非常關(guān)鍵的作用，有很多網(wǎng)站以其成功的色彩搭配令人過(guò)目不忘。但是對(duì)于剛開(kāi)始學(xué)習(xí)制作網(wǎng)頁(yè)的人來(lái)說(shuō)，往往不容易駕馭好網(wǎng)頁(yè)的顏色搭配。著名網(wǎng)站的顏色搭配方法，讓我們的學(xué)習(xí)少走彎路，快速提高我們的網(wǎng)頁(yè)制作水平(1)、網(wǎng)頁(yè)顏色原理和象征意義

紅色：熱情、奔放、喜悅、莊嚴(yán)

黃色：高貴、富有、燦爛、活潑

黑色：嚴(yán)肅、夜晚、沉著

白色：純潔、簡(jiǎn)單、潔凈

藍(lán)色：天空、清爽、科技

綠色：植物、生命、生機(jī)

灰色：莊重、沉穩(wěn)

紫色：浪漫、富貴

棕色：大地、厚樸

介紹十個(gè)配色較好的網(wǎng)站，大家可以學(xué)習(xí)和借鑒一下，培養(yǎng)對(duì)色彩的敏感以及獨(dú)到的審美能力。

1）這是個(gè)大型的NBA網(wǎng)站。通常我們經(jīng)?？吹降拇祟?lèi)網(wǎng)站以白色為背景，但是這個(gè)網(wǎng)站卻用灰黑色RGB為（48，48，48/#333333）（以下顏色都用RGB表示），文章標(biāo)題用色為RGB為（203，201，153/#CCCC99），菜單使用的RGB為（112，119，112/#707770）。這樣的配色可以顯示獨(dú)特的個(gè)性，又不失大型網(wǎng)站的風(fēng)采。2）下面是一個(gè)娛樂(lè)類(lèi)的綜合性網(wǎng)站UGO，他的配色方案是背景色為黑色RGB為（0，0，0）中嵌套R(shí)GB（0，0，82），字體白色RGB（255,255,255）,菜單為RGB（77,114,159）。這樣的雖以黑藍(lán)為主色調(diào)，但是配以漂亮的圖片，給人的感覺(jué)是生機(jī)盎然，充滿(mǎn)了互動(dòng)色彩和青春氣息。如圖2。

3）下面的這個(gè)網(wǎng)站是大名鼎鼎的微軟公司網(wǎng)站，微軟不僅軟件做的好，連網(wǎng)頁(yè)制作也是世界一流。他的每一個(gè)網(wǎng)頁(yè)都是制作的樣板。從網(wǎng)頁(yè)我們就可以看出微軟公司的風(fēng)格、作風(fēng)，以及雄厚的實(shí)力。背景顏色使用藍(lán)色RGB為（0，151，254），菜單為黑色RGB（0，0，11），菜單為灰色RGB（200，200，200），字體為黑色RGB（0，0，0），如圖3。

4)現(xiàn)在介紹的網(wǎng)站相對(duì)簡(jiǎn)單，但是她的用色也別具匠心，現(xiàn)在我們來(lái)看一看，整體上使用的是白色RGB（255，255，255），輔助色為RGB（79，88，95），菜單色為RGB（48，64，64）和RGB（0，81，111）字體使用的是RGB（83，86，91）。雖然簡(jiǎn)單，但顏色搭配非常的科學(xué)合理。如圖45）下面的網(wǎng)站采用黃色調(diào)為主，很體現(xiàn)公司的個(gè)性，現(xiàn)在我們就來(lái)看一看她的顏色搭配。主色調(diào)為黃色RGB為（255，199，48/#FFC730），輔助色調(diào)為RGB（49，102，46）字體為棕色RGB（153，103，0），中間再配以抽象的圖片，顯得個(gè)性十足但又不單調(diào)。如圖5

6）橘紅色如果運(yùn)用得當(dāng)?shù)脑?huà)是一種非常使用于網(wǎng)頁(yè)上的顏色。下面的這個(gè)網(wǎng)站就是一個(gè)非常著名的例子。他的主色調(diào)為RGB（255，151，0）輔助色調(diào)為RGB（255，103，4），菜單RGB為（252，200，0）。字體使用黑色RGB為（0，0，0）。此種配色顯得主人較為前衛(wèi)，色彩熱烈，給人的震懾力較強(qiáng)。如圖6

7）鮮紅色也是一種震撼感很強(qiáng)的顏色，如果搭配不當(dāng)，也可能使網(wǎng)站沒(méi)有風(fēng)格和特點(diǎn)。下面的這個(gè)網(wǎng)站就是使用紅色比較好的網(wǎng)站。我們來(lái)看看他的顏色搭配。他使用的主色調(diào)是RGB（200，9，0），配以抽象的圖形，文字使用的是RGB（213，229，167）顯得美觀而不失獨(dú)特，大氣而不逼人。如圖7

8）下面介紹的這種色調(diào)是我們制作網(wǎng)頁(yè)的時(shí)候不會(huì)經(jīng)常用到的顏色，如果使用到你的網(wǎng)頁(yè)中，肯定會(huì)給人耳目一新的感覺(jué)。他的主色調(diào)為RGB（144，151，97）輔助色調(diào)為RGB（173，168，112）邊飾為黑色RGB（0，0，0）字體為黑色RGB（0，0，0）。這樣的搭配顯得風(fēng)格獨(dú)特，顏色和諧而莊重。如圖8

9）下面的設(shè)計(jì)更加的簡(jiǎn)單化，但是顏色的使用使網(wǎng)頁(yè)并不呆板，反而讓人感覺(jué)到一股濃濃的生活和家庭氣氛，使人置身于美麗和愛(ài)中。他的主體是由兩種顏色構(gòu)成，分別是RGB（239，200，161）和RGB（201，254，200）。如此簡(jiǎn)單，但是卻栩栩如生，躍然網(wǎng)上。如圖9

10）下面舉出這個(gè)例子是想證明一個(gè)道理——只要你有足夠的想象力，你就能夠設(shè)計(jì)出漂亮的網(wǎng)頁(yè)。目前在網(wǎng)上非常流行一句話(huà)就是網(wǎng)頁(yè)的搭配不要超過(guò)四種主要顏色，否則就有雜亂之感。下面的這個(gè)網(wǎng)站遠(yuǎn)遠(yuǎn)的超過(guò)了三種顏色，但是她并不失美麗。因此重要的還是色彩的駕馭能力。下面這個(gè)例子的菜單就使用了7種顏色，但是我們看到的網(wǎng)頁(yè)并不雜亂，相反感覺(jué)作者很有創(chuàng)意。如圖10

網(wǎng)頁(yè)設(shè)計(jì)的顏色搭配需要在實(shí)踐中不斷的摸索和不斷的創(chuàng)新，認(rèn)真學(xué)習(xí)別人的先進(jìn)方法和經(jīng)驗(yàn)，可以快速的提高我們的制作水平。可以說(shuō)。網(wǎng)頁(yè)顏色搭配得當(dāng)，成功也就走了一半。2.版面設(shè)計(jì)布局

就象傳統(tǒng)的報(bào)刊雜志編輯一樣，我們將網(wǎng)頁(yè)看作一張報(bào)紙，一本雜志來(lái)進(jìn)行排版布局布局，就是以最適合瀏覽的方式將圖片和文字排放在頁(yè)面的不同位置。1、正常平衡---亦稱(chēng)"勻稱(chēng)"。多指左右、上下對(duì)照形式，主要強(qiáng)調(diào)秩序，能達(dá)到安定?誠(chéng)實(shí)、信賴(lài)的效果。2、異常平衡---即非對(duì)照形式，但也要平衡和韻律，當(dāng)然都是不均整的，此種布局能?達(dá)到強(qiáng)調(diào)性、不安性、高注目性的效果。3、對(duì)比---所謂對(duì)比，不僅利用色彩、色調(diào)等技巧來(lái)作表現(xiàn)，在內(nèi)容上也可涉及古與?今、新與舊、貧與富等對(duì)比。4、凝視---所謂凝視是利用頁(yè)面中人物視線(xiàn)，使瀏覽者仿照跟隨的心理，以達(dá)到注視頁(yè)面的效果，一般多用明星凝視狀。5、空白---空白有兩種作用，一方面對(duì)其他網(wǎng)站表示突出卓越，另一方面也表示網(wǎng)頁(yè)品?位的優(yōu)越感，這種表現(xiàn)方法對(duì)體顯網(wǎng)頁(yè)的格調(diào)十分有效。6、盡量用圖片解說(shuō)---此法對(duì)不能用語(yǔ)言說(shuō)服、或用語(yǔ)言無(wú)法表達(dá)的情感，特別有效。圖片解說(shuō)的內(nèi)容，可以傳達(dá)給瀏覽者的更多的心理因素。7、網(wǎng)頁(yè)的白色背景太虛，則可以加些色快;10、表格太規(guī)矩，可以改用導(dǎo)角試試。9、左面文字過(guò)多，