網(wǎng)頁設(shè)計基礎(chǔ)網(wǎng)頁設(shè)計基礎(chǔ)(第一部分)課件

課堂作業(yè)共4次，當(dāng)堂完成，如因有事請假講該堂課不得分，每次5分。

基礎(chǔ)性實驗報告3個，獨立完成，每份10分。

設(shè)計性實驗報告1個，3-4人合作完成，參加答辯，總分30分課程考核總成績=平時點到（20％）+課堂作業(yè)（20%）+基礎(chǔ)幫助文檔1、該課程需要使用的軟件：Dreamweaver,Flash,Photoshop,IEtester,firefox,googlechrome,記事本，netdown等。2、該課程需要使用的幫助文檔：W3Cschool電子書大全，CSS手冊+HTML手冊等。3、教師郵箱：xingfang4666@163.com聯(lián)系電話助文檔1、該課程需要使用的軟件：資料下載與作業(yè)上傳1、資料下載4用戶名：1200401743work密碼：12、實驗報告上傳各行政班統(tǒng)一交到行政班班助處，于截止期當(dāng)日晚上10:00前上交給任課老師FTP對應(yīng)的文件夾。4用戶名：1200600021work密碼：1234資料下載與作業(yè)上傳1、資料下載ftp://210.35.201、Internet和WWWInternet(因特網(wǎng))

是世界范圍的計算機(jī)網(wǎng)絡(luò)由各種不同類型和規(guī)模的獨立運(yùn)行和管理的計算機(jī)網(wǎng)絡(luò)組成。1、Internet和WWWInternet(因特網(wǎng)WebWWW是指萬維網(wǎng)（worldwideweb），常被稱為web。其本質(zhì)是一種基于超級文本技術(shù)的交互式信息瀏覽檢索工具，是Internet提供的應(yīng)用最普及、功能最豐富、使用方法最簡便的信息服務(wù)，用戶可通過它在Internet上瀏覽、編輯、傳遞超文本格式的文件（即.html格式文件）。在WWW和HTML標(biāo)準(zhǔn)支持下，各種文字、圖形、圖像、聲音形式的多媒體信息能夠通過一種統(tǒng)一的友好界面呈現(xiàn)給用戶。1）什么是wwwWebWWW是指萬維網(wǎng)（worldwideWeb是由遍布全球的計算機(jī)組成的網(wǎng)絡(luò)所有web中的計算機(jī)都可以彼此通信，采用瀏覽器/服務(wù)器工作模式，即客戶/服務(wù)器模式。所有計算機(jī)都使用名為HTTP的通信標(biāo)準(zhǔn)。Web是由遍布全球的計算機(jī)組成的網(wǎng)絡(luò)2）WWW工作原理web信息存儲于被稱為網(wǎng)頁的文檔中信息以頁面（或稱Web頁）的形式存儲在被稱為Web服務(wù)器的計算機(jī)上讀取網(wǎng)頁的計算機(jī)稱為web客戶端web客戶端通過稱為瀏覽器的程序來查看網(wǎng)頁主要瀏覽器有InternetExplorer、MozillaFirefox和googlechrome等2）WWW工作原理瀏覽器讀取頁面？瀏覽器可通過一個請求來讀取某個服務(wù)器上的一張網(wǎng)頁。請求是一個包含頁面地址的標(biāo)準(zhǔn)HTTP請求。頁面地址類似這樣：/瀏覽器讀取頁面？瀏覽器顯示頁面？所有的網(wǎng)頁都含有其如何被顯示的結(jié)構(gòu)瀏覽器通過閱讀這些結(jié)構(gòu)來顯示頁面最常用的顯示結(jié)構(gòu)稱為HTML標(biāo)簽用于段落的HTML標(biāo)簽類似這樣：<p>在HTML中像這樣定義段落：<p>ThisisaParagraph</p>瀏覽器顯示頁面？3）客戶端和服務(wù)器客戶端是指與數(shù)據(jù)提供者（服務(wù)器）通訊的軟件和硬件。服務(wù)器一般指能向許多客戶端提供數(shù)據(jù)的大型計算機(jī)。服務(wù)器包括了服務(wù)器硬件和軟件。它接受客戶請求，然后將處理結(jié)果返回給請求的客戶端。WWW利用這種客戶端/服務(wù)器方式使數(shù)以萬計的用戶得以訪問全世界的站點。WEB服務(wù)器是一種能使用HTTP協(xié)議與客戶端通訊的特殊類型的服務(wù)器。協(xié)議是一種規(guī)則標(biāo)準(zhǔn)，它允許客戶端和服務(wù)器相互通訊。3）客戶端和服務(wù)器客戶端是指與數(shù)據(jù)提供者（服務(wù)器）通訊的軟件4）瀏覽器和服務(wù)器瀏覽器是客戶端的一種軟件。用于顯示HTML文檔（即網(wǎng)頁）的內(nèi)容，這些網(wǎng)頁通常存放于Web服務(wù)器中。Web服務(wù)器用于存放客戶需要瀏覽的大量網(wǎng)頁文件，還存放了一些與客戶端交互時需要執(zhí)行的程序代碼。4）瀏覽器和服務(wù)器瀏覽器是客戶端的一種軟件。用于顯示HTML3、URLURL（UniformResourceLocator的縮寫），統(tǒng)一資源定位符。互聯(lián)網(wǎng)中某種信息資源以某種方式存儲在網(wǎng)絡(luò)中的某處，必須用一個唯一的URL來進(jìn)行標(biāo)識，這樣才能方便查找。對于Web來說，可以簡單并通俗把URL理解為網(wǎng)址。每個Web網(wǎng)頁都有自己的網(wǎng)址，在瀏覽器地址欄里輸入網(wǎng)頁的URL，就可以訪問這個網(wǎng)頁。例如，/index.html，其意思就是采用http超文本傳輸協(xié)議訪問搜狐網(wǎng)的首頁，由于網(wǎng)頁均是通過http超文本傳輸協(xié)議進(jìn)行訪問，默認(rèn)下，“http://”可以省略不輸。3、URLURL（UniformResourceLoca4、超鏈接超鏈接是網(wǎng)頁中最常用的元素之一，網(wǎng)頁就是通過無數(shù)的超級鏈接才能組成一個網(wǎng)站。通過超鏈接，可以從一個頁面跳轉(zhuǎn)到另一個頁面。4、超鏈接超鏈接是網(wǎng)頁中最常用的元素之一，網(wǎng)頁就是通過無數(shù)的瀏覽網(wǎng)頁時，當(dāng)鼠標(biāo)指針指向某段文本或是某個圖像，鼠標(biāo)指針變成小手狀，單擊鼠標(biāo)可以打開其他的網(wǎng)頁或是跳轉(zhuǎn)到其他的網(wǎng)站，這就是超鏈接。采用超鏈接技術(shù)可以將不同的網(wǎng)站、網(wǎng)站中的不同網(wǎng)頁、網(wǎng)頁中的不同位置彼此串在一起，實現(xiàn)相互間的跳轉(zhuǎn)，方便信息的瀏覽和查找。人們通過超鏈接可以很方便很迅速地訪問分布于全球計算機(jī)上的海量資源，實現(xiàn)在互聯(lián)網(wǎng)中的漫游。超鏈接能使Web服務(wù)存在廣泛和持久的生命力，超鏈接可以說是Web的靈魂。瀏覽網(wǎng)頁時，當(dāng)鼠標(biāo)指針指向某段文本或是某個圖像，鼠標(biāo)指針變成5、站點將網(wǎng)頁文件和素材文件，有條理地放置站點文件夾里，這些文件與文件夾就構(gòu)成了網(wǎng)站的實質(zhì)內(nèi)容。站點文件夾里除了網(wǎng)頁文件還有素材文件，所謂素材就是網(wǎng)頁中所用到的圖像、聲音、視頻等，這些內(nèi)容是以單獨文件的形式存在。5、站點將網(wǎng)頁文件和素材文件，有條理地放置站點文件夾里，這些6、首頁首頁是網(wǎng)站的門戶。訪問某個網(wǎng)站，首先打開的第一個網(wǎng)頁就是首頁。例如，要訪問搜狐公司的網(wǎng)站，在IE地址欄中輸入：，打開的第一個頁面就是/index.html。首頁起網(wǎng)站索引的作用，通過首頁的導(dǎo)航功能去訪問網(wǎng)站中其他的網(wǎng)頁。一般首頁的取名為index.htm或default.htm，“index”的意思是“索引”，“default”的意思是“默認(rèn)”。如果主頁空間支持ASP技術(shù)，你的首頁中又包含ASP程序，則首頁的取名一般為index.asp或default.asp。首頁的具體取名，一般由ISP來指定。6、首頁首頁是網(wǎng)站的門戶。訪問某個網(wǎng)站，首先打開的第一個網(wǎng)頁7、TCP/IP協(xié)議TCP/IP是用于計算機(jī)通信的一組協(xié)議的統(tǒng)稱，通常稱它為TCP/IP協(xié)議族。TCP協(xié)議保證傳輸?shù)恼_性；IP協(xié)議負(fù)責(zé)將數(shù)據(jù)從一處傳到另一處。7、TCP/IP協(xié)議TCP/IP是用于計算機(jī)通信的一組協(xié)議8、IP地址和域名為了使Internet上的電腦主機(jī)在通訊時能夠互相識別，Internet上的每一臺主機(jī)都分配了一個唯一的32位地址，該地址稱為IP地址。IP地址用4個數(shù)組成，每個數(shù)可取值0-255。為方便記憶，引入了域名系統(tǒng)（DNS）如中國教育科研網(wǎng)的域名為，IP地址為6。在訪問服務(wù)器時，需要將域名轉(zhuǎn)換成IP地址，這個轉(zhuǎn)換是自動的。8、IP地址和域名為了使Internet上的電腦主機(jī)在通訊9、網(wǎng)站和網(wǎng)頁網(wǎng)頁是用html(hypertextmarkuplanguage:超文本標(biāo)記語言)編寫而成。網(wǎng)頁也稱html文件，它是一個純文本文件。網(wǎng)站（WebSite,即WEB站點）形容那些放置網(wǎng)頁供瀏覽者瀏覽的計算機(jī)。每個WEB站點包含了很多網(wǎng)頁，其中有一個起始網(wǎng)頁，稱為主頁。主頁是鏈接到web服務(wù)器上時顯示的第一個網(wǎng)頁，主頁名通常為index.htm或index.html。編寫HTML文檔很麻煩，于是出現(xiàn)了很多可視化的網(wǎng)頁制作工具，如Dreamweaver。9、網(wǎng)站和網(wǎng)頁網(wǎng)頁是用html(hypertextmar二、網(wǎng)頁的基本結(jié)構(gòu)1、網(wǎng)頁中的文本通常網(wǎng)頁中的信息以文本為主2、圖像和動畫圖像也是網(wǎng)頁中最主要的元素之一。3、聲音和視頻聲音是多媒體網(wǎng)頁的一個重要組成部分。格式非常多，常用的MIDI、WAV、MP3和AIF等。MIDI、WAV、

AIFMP3

和RM二、網(wǎng)頁的基本結(jié)構(gòu)1、網(wǎng)頁中的文本MIDI、WAV、4、表單通常用來接收用戶在瀏覽器端的輸入內(nèi)容，然后將信息發(fā)送到用戶設(shè)置的目標(biāo)端

表單通常分為用戶反饋表單、留言薄表單、搜索表單和用戶注冊表單等類型。4、表單留言薄表單搜索表單留言薄表單搜索表單注冊表單注冊表單登陸表單登陸表單5、超鏈接是從一個網(wǎng)頁指向另一個目的端的鏈接。6、表格用來控制信息的布局方式7、其他元素各種特效5、超鏈接是從一個網(wǎng)頁指向另一個目的端的鏈接。6、表格用來控網(wǎng)頁的基本構(gòu)成網(wǎng)頁的基本構(gòu)成網(wǎng)站的分類一、基本常識1、網(wǎng)頁：靜態(tài):用html語言編寫的網(wǎng)頁，擴(kuò)展名為html或htm。動態(tài):用ASP、PHP、JSP等程序生成的網(wǎng)頁，使用ASP技術(shù)時，擴(kuò)展名為.asp；使用JSP技術(shù)時，擴(kuò)展名為.jsp。主頁:首頁,一般用index.html,default.html等命名。內(nèi)頁:與主頁關(guān)聯(lián)的頁面網(wǎng)站的分類一、基本常識網(wǎng)站的分類2、網(wǎng)站：由單個或多個網(wǎng)頁組成的集合門戶網(wǎng)站：一種綜合性網(wǎng)站，包括很多網(wǎng)頁頻道。如個人網(wǎng)站：具有較強(qiáng)的個性化色彩，是以個人名義開發(fā)創(chuàng)建的網(wǎng)站，其內(nèi)容、樣式、風(fēng)格都是非常有個性的。如：/jcwy/z00-feihua.htm

網(wǎng)站的分類2、網(wǎng)站：由單個或多個網(wǎng)頁組成的集合專業(yè)網(wǎng)站：針對現(xiàn)實生活和工作中某一行業(yè)而創(chuàng)建的網(wǎng)站。如：職能網(wǎng)站：具有專門的功能，如政府職能網(wǎng)站。如：網(wǎng)站的分類專業(yè)網(wǎng)站：針對現(xiàn)實生活和工作中某一行業(yè)而創(chuàng)建的網(wǎng)站。如：ht3、網(wǎng)頁制作中的專業(yè)術(shù)語超文本標(biāo)記語言：HyperTextMarkupLanguage簡稱HTML。超鏈接：通過單擊網(wǎng)頁中的超鏈接可以轉(zhuǎn)到相應(yīng)的頁面上進(jìn)行瀏覽。導(dǎo)航條：多個超鏈接的集合，能有效實現(xiàn)超鏈接功能。網(wǎng)站的分類3、網(wǎng)頁制作中的專業(yè)術(shù)語網(wǎng)站的分類表單：用于填寫申請或提交信息時的交互頁面。Logo：網(wǎng)站的標(biāo)志，通常以圖像的形式表現(xiàn)。網(wǎng)站的分類表單：用于填寫申請或提交信息時的交互頁面。網(wǎng)站的分類網(wǎng)站的頁面構(gòu)形一、骨骼型

骨骼型是一種規(guī)范的理性的分割方法。常見的骨骼有豎向通欄、雙欄、三欄、四欄和橫向通欄、雙欄、三欄和四欄等。一般以豎向分欄為多。在圖片和文字的編排上則嚴(yán)格按照骨骼比例進(jìn)行編排配置，給人以嚴(yán)謹(jǐn)、和諧、理性的美。骨骼經(jīng)過相互混合后的版式，既理性、條理，又活潑而具彈性。網(wǎng)站的頁面構(gòu)形一、骨骼型

骨骼型是一種規(guī)范的網(wǎng)站的頁面構(gòu)形滿版型

版面以圖像充滿整版，主要以圖象為訴求，視覺傳達(dá)直觀而強(qiáng)烈。文字的配置壓置在上下、左右或中部的圖像上。滿版型給人以大方、舒展的感覺，是商品廣告常用的形式。網(wǎng)站的頁面構(gòu)形滿版型

版面以圖像充滿整版，主網(wǎng)站的頁面構(gòu)形上下分割型

把整個版面分為上下兩個部分，在上半部或下半部配置圖片，另一部分則配置文案。配置有圖片的部分感性而有活力，而文案部分則理性而靜止。上下部分配置的圖片可以是一幅或多幅。網(wǎng)站的頁面構(gòu)形上下分割型

把整個版面分為上下網(wǎng)站的頁面構(gòu)形左右分割型

把整個版面分割為左右兩個部分，分別在左或右配置文案。當(dāng)左右兩部分形成強(qiáng)弱對比時，則造成視覺心理的不平衡。這僅僅是視覺習(xí)慣上的問題，也自然不如上下分割的視覺流程自然。不過，倘若將分割線虛化處理，或用文字進(jìn)行左右重復(fù)或穿插，左右圖文則變得自然和諧。網(wǎng)站的頁面構(gòu)形左右分割型

把整個版面分割為左網(wǎng)站的頁面構(gòu)形中軸型

將圖形做水平或垂直方向的排列，文案以上下或左右配置。水平排列的版面給人穩(wěn)定、安靜、和平與含蓄之感。垂直排列的版面給人強(qiáng)烈的動感網(wǎng)站的頁面構(gòu)形中軸型

將圖形做水平或垂直方網(wǎng)站的頁面構(gòu)形曲線型

圖片或文字在版面結(jié)構(gòu)上作曲線的編排構(gòu)成，產(chǎn)生節(jié)奏和韻律。網(wǎng)站的頁面構(gòu)形曲線型

圖片或文字在版面結(jié)構(gòu)網(wǎng)站的頁面構(gòu)形傾斜型

頁面主題形象或多幅圖片、文本內(nèi)容傾斜編排，造成版面強(qiáng)烈的動感和不穩(wěn)定因素，引人注目。網(wǎng)站的頁面構(gòu)形傾斜型

頁面主題形象或多幅圖片網(wǎng)站的頁面構(gòu)形重心型

重心有三種概念。1、直接以獨立而輪廓分明的形象占據(jù)版面中心。2、向心：視覺元素向版面中心聚攏的運(yùn)動。3、離心：猶如將石子投入水中，產(chǎn)生一圈圈向外擴(kuò)散的弧線運(yùn)動。重心型版式產(chǎn)生視覺焦點，使強(qiáng)烈而突出。網(wǎng)站的頁面構(gòu)形重心型

重心有三種概念。1、直接以獨立而輪廓網(wǎng)站的頁面構(gòu)形自由型

自由行結(jié)構(gòu)是無規(guī)律的、隨意的編排構(gòu)成，有活潑、輕快之感。網(wǎng)站的頁面構(gòu)形自由型

自由行結(jié)構(gòu)是無規(guī)律的、網(wǎng)頁的色彩搭配原始基本色相：紅、橙、黃（原色）綠、藍(lán)、紫（間色）120度以內(nèi)間色180度以內(nèi)補(bǔ)色60度以內(nèi)鄰近色網(wǎng)頁的色彩搭配原始基本色相：120度以內(nèi)180度以內(nèi)60度以新中國成立60周年時的騰訊網(wǎng)網(wǎng)頁的色彩搭配新中國成立60周年時的騰訊網(wǎng)網(wǎng)頁的色彩搭配汶川大地震哀悼日時的搜狐網(wǎng)網(wǎng)頁的色彩搭配汶川大地震哀悼日時的搜狐網(wǎng)網(wǎng)頁的色彩搭配韓國飲料——營養(yǎng)500網(wǎng)頁的色彩搭配網(wǎng)頁的色彩搭配韓國某食品品牌網(wǎng)頁的色彩搭配韓國某食品品牌網(wǎng)頁的色彩搭配以上幾個網(wǎng)頁得出結(jié)論：如果網(wǎng)頁中要用到多種顏色，這些顏色最好為同一個色系。如果出現(xiàn)兩種不同色系的顏色，最好是互為補(bǔ)色。如果網(wǎng)頁中使用一種主色調(diào)，其他顏色應(yīng)該由主色調(diào)派生出來。以上幾個網(wǎng)頁得出結(jié)論：如果網(wǎng)頁中要用到多種顏色，這些顏色最好注意的事項：1、不要將所有的顏色都用到，要控制在一定范圍之內(nèi)。2、背景和前文的對比要大一些，這樣能更好的突出文字內(nèi)容注意的事項：1、不要將所有的顏色都用到，要控制在一定范圍之內(nèi)網(wǎng)頁色彩三要素色相：指的是色彩的名稱。這是色彩最基本的特征，是一種色彩區(qū)別于另一種色彩的最主要的因素。比如說紫色，綠色，黃色等等都代表了不同的色相。同一色相的色彩，調(diào)整一下亮度，或者純度很容易搭配，比如，深綠，暗綠，草綠，亮綠。網(wǎng)頁色彩三要素色相：色相色相反差大人眼容易辨認(rèn)色相色相反差大人眼容易辨認(rèn)網(wǎng)頁色彩三要素明度：也叫亮度，指的是色彩的明暗程度，明度越大，色彩越亮。 比如一些購物，兒童類網(wǎng)站。用的是一些鮮亮的顏色，讓人感覺絢麗多姿，生氣勃勃。明度越低，顏色越暗。主要用于一些游戲類網(wǎng)站，充滿神秘感；一些個人站長為了體現(xiàn)自身的個性，也可以運(yùn)用一些暗色調(diào)來表達(dá)個人的一些孤僻，或者憂郁等性格。有明度差的色彩更容易調(diào)和。網(wǎng)頁色彩三要素明度：明度明度對比強(qiáng)人眼容易辨認(rèn)明度明度對比強(qiáng)人眼容易辨認(rèn)網(wǎng)頁色彩三要素純度(飽和度)：指色彩的鮮艷程度，純度高的色彩純，鮮亮。純度底的色彩暗淡，含灰色。網(wǎng)頁色彩三要素純度(飽和度)：飽和度飽和度高人眼容易辨認(rèn)飽和度飽和度高人眼容易辨認(rèn)色彩所傳達(dá)的涵義紅色：熱情、浪漫、吉祥、幸福、暴力、侵略、停止、警告、禁止。橙色：秋天、活躍、新鮮、愉快、能量、食欲。黃色：高貴、明亮、希望、疾病、懦弱。綠色：自然、穩(wěn)定、成長、柔和、青春、安逸。藍(lán)色：忠誠、安全、保守、寧靜、冷漠、悲傷、深遠(yuǎn)、理智。色彩所傳達(dá)的涵義紅色：熱情、浪漫、吉祥、幸福、暴力、侵略色彩所傳達(dá)的涵義紫色：浪漫、優(yōu)雅、魅力、忠誠、神秘、稀有。黑色：能力、精致、現(xiàn)代感、死亡、病態(tài)、邪惡。白色：純潔、天真、潔凈、真理、和平、冷淡、貧乏?；疑合麡O、陰暗、寂寞、失落。色彩所傳達(dá)的涵義紫色：浪漫、優(yōu)雅、魅力、忠誠、神秘、稀有網(wǎng)頁安全色網(wǎng)頁安全色是指在任何終端瀏覽用戶顯示設(shè)備上的現(xiàn)實效果都是相同的。所以使用網(wǎng)頁安全色進(jìn)行網(wǎng)頁配色可以避免原有的顏色失真問題。網(wǎng)頁顏色共216色紅色分為0，51，102，153，204，255綠色分為0，51，102，153，204，255,藍(lán)色分為0，51，102，153，204，255.然后就是組合了，6*6*6＝216色了。網(wǎng)頁安全色網(wǎng)頁安全色是指在任何終端瀏覽用戶顯示設(shè)備上的現(xiàn)實效22種真正安全的網(wǎng)頁安全色22種真正安全的網(wǎng)頁安全色是不是一定要用網(wǎng)頁安全色？本人覺得216種顏色畢竟有限，僅僅為了保持統(tǒng)一嚴(yán)謹(jǐn)而采用安全色，會嚴(yán)重限制了創(chuàng)作發(fā)揮，也扼殺很多精彩紛呈的網(wǎng)頁。256×256×256＝16777216>>>>216所以網(wǎng)頁安全色要用，但不必過分追求是不是一定要用網(wǎng)頁安全色？本人覺得216藝術(shù)規(guī)律色彩的鮮明性：

如果一個網(wǎng)站的色彩鮮明，很容易引人注意，會給瀏覽者耳目一新的感覺。

色彩的獨特性：

要有與眾不同色彩，網(wǎng)頁的用色必須要有自己獨特的風(fēng)格，這樣才能給人瀏覽者留下深刻的印象。

藝術(shù)規(guī)律色彩的鮮明性：

如果一個網(wǎng)站的色彩鮮明，很容易引人藝術(shù)規(guī)律色彩的藝術(shù)性：

網(wǎng)站設(shè)計是一種藝術(shù)活動，因此必須遵循藝術(shù)規(guī)律。按照內(nèi)容決定形式的原則，在考慮網(wǎng)站本身特點的同時，大膽進(jìn)行藝術(shù)創(chuàng)新，設(shè)計出既符合網(wǎng)站要求，又具有一定藝術(shù)特色的網(wǎng)站。

色彩搭配的合理性

色彩要根據(jù)主題來確定，不同的主題選用不同的色彩。

藝術(shù)規(guī)律色彩的藝術(shù)性：

網(wǎng)站設(shè)計是一種藝術(shù)活動，因此必須遵顏色搭配方法主色：根據(jù)頁面風(fēng)格以及產(chǎn)品本身的訴求確定主色，主色一般用標(biāo)準(zhǔn)色。如：吉百利食品網(wǎng)站顏色搭配方法主色：同種色彩搭配

同種色彩搭配是指首先選定一種色彩，然后調(diào)整其透明度和飽和度，將色彩變淡或加深，而產(chǎn)生新的色彩，這樣的頁面看起來色彩統(tǒng)一，具有層次感。特點：色相相同、明度或純度不同

優(yōu)劣：對比效果統(tǒng)一、文靜、雅致、含蓄、穩(wěn)重，但易產(chǎn)生單調(diào)、呆板的弊病同種色彩搭配

同種色彩搭配是指首先選定一相近色色彩搭配特點：色相環(huán)上相鄰二至三色對比,色相環(huán)上60度以內(nèi)

優(yōu)劣：效果感覺柔和、和諧、雅致、文靜，但感覺單調(diào)、模糊、乏味、無力，必須調(diào)節(jié)差來加強(qiáng)效果相近色色彩搭配特點：

優(yōu)劣：間色對比搭配

間色：又稱二次色，是由三原色中的兩原色調(diào)配而成的。如：橙、綠。特點：色相對比距離120度左右，為強(qiáng)對比類型

優(yōu)劣：效果強(qiáng)烈、醒目、有力、活潑、豐富，但也不易統(tǒng)一而感雜亂、刺激、造成視覺疲勞。一般需要采用多種調(diào)和手段來改善對比效果間色對比搭配

間色：又稱二次色，是由三原色中的兩原色調(diào)配而補(bǔ)色色彩搭配

是廣義上的對比色。在色環(huán)上劃直徑，正好相對（即距離最遠(yuǎn)）的兩種色彩互為補(bǔ)色。特點：色相對比距離180度左右

優(yōu)劣：兩種顏色互為補(bǔ)色的時候，一種顏色占的面積遠(yuǎn)大于另一種顏色的面積的時候，就可以增強(qiáng)畫面的對比，使畫面能夠很顯眼。一般情況下，補(bǔ)色運(yùn)用有得有失。

補(bǔ)色色彩搭配

是廣義上的對比色。在色環(huán)暖色與冷色色彩搭配

暖色色彩搭配是指使用紅、橙、黃色集合色等色彩的搭配。這種色調(diào)的運(yùn)用可為網(wǎng)頁營造出穩(wěn)性、和諧和熱情的氛圍。冷色色彩搭配

冷色色彩搭配是指使用綠色、藍(lán)色及紫色等色彩的搭配，這種色彩搭配可為網(wǎng)頁營造出寧靜、清涼和高雅的氛圍。冷色點色彩與白色搭配一般會獲得較好的視覺效果。暖色與冷色色彩搭配

暖色色彩搭配搭配消色

所謂的消色，就是指黑白灰（也有說是黑白金銀灰），這類顏色由于本身沒有色性，所以可以說是萬用搭配色。當(dāng)然，說是說萬用搭配色，但是也是有一些需要注意的地方：首先，由于本身沒有色性，他們必須和色性比較強(qiáng)的顏色搭配會比較出效果；其次，消色與其他顏色搭配的時候，比例一定要控制好，尤其是灰色，灰色是一種很“高檔”的顏色，但是問題是使用的過多，會使得頁面灰蒙蒙沒有質(zhì)感。搭配消色所謂的消色，就是指黑白灰（也有說是黑白金銀灰網(wǎng)頁設(shè)計與網(wǎng)站建設(shè)邢芳