第1章

網(wǎng)頁(yè)設(shè)計(jì)基礎(chǔ)知識(shí)《網(wǎng)頁(yè)設(shè)計(jì)與制作》教育創(chuàng)造學(xué)生價(jià)值什么是網(wǎng)頁(yè)、網(wǎng)站？網(wǎng)頁(yè)的板塊結(jié)構(gòu)？網(wǎng)頁(yè)包含哪些基本構(gòu)成要素？《網(wǎng)頁(yè)設(shè)計(jì)與制作》教育創(chuàng)造學(xué)生價(jià)值1.1網(wǎng)站?

網(wǎng)站(Web

Site)是一個(gè)存放網(wǎng)絡(luò)服務(wù)器上的完整信息的集合體。它包含一個(gè)或多個(gè)網(wǎng)頁(yè)，這些網(wǎng)頁(yè)以一定的方式鏈接在一起，成為一個(gè)整體，用來(lái)描述一組完整的信息或達(dá)到某種期望的宣傳效果。有的網(wǎng)站內(nèi)容眾多，如新浪、搜狐等門戶網(wǎng)站；有的網(wǎng)站只有幾個(gè)頁(yè)面，如個(gè)人網(wǎng)站?！毒W(wǎng)頁(yè)設(shè)計(jì)與制作》教育創(chuàng)造學(xué)生價(jià)值1.2網(wǎng)頁(yè)《網(wǎng)頁(yè)設(shè)計(jì)與制作》教育創(chuàng)造學(xué)生價(jià)值1.2網(wǎng)頁(yè)?

網(wǎng)頁(yè)（Web

Page）實(shí)際上是一個(gè)文件，網(wǎng)頁(yè)里可以有文字、圖像、聲音及視頻信息等。網(wǎng)頁(yè)可以看成是一個(gè)單一體，是網(wǎng)站的一個(gè)元素。?

平常我們所聽說(shuō)的“新浪”、“搜狐”、“網(wǎng)易”等，即是俗稱的“網(wǎng)站”。而當(dāng)我們?cè)L問(wèn)這些網(wǎng)站的時(shí)候，最直接訪問(wèn)的就是“網(wǎng)頁(yè)”了。這許許多多的網(wǎng)頁(yè)則組成了整個(gè)站點(diǎn)，也就是網(wǎng)站?！毒W(wǎng)頁(yè)設(shè)計(jì)與制作》教育創(chuàng)造學(xué)生價(jià)值1.3首頁(yè)?

首頁(yè)(Home

page)，它是一個(gè)單獨(dú)的網(wǎng)頁(yè)，和一般網(wǎng)頁(yè)一樣，可以存放各種信息，同時(shí)又是一個(gè)特殊的網(wǎng)頁(yè)，作為整個(gè)網(wǎng)站的起始點(diǎn)和匯總點(diǎn)。例如，當(dāng)瀏覽者輸入搜狐網(wǎng)站地址“”后出現(xiàn)在第一個(gè)頁(yè)面，即sohu網(wǎng)站的首頁(yè)。?

問(wèn)題：首頁(yè)和主頁(yè)有區(qū)別嗎？?

通常網(wǎng)站為方便瀏覽者查找和分類瀏覽網(wǎng)站的信息，會(huì)將信息分類，并建立一個(gè)網(wǎng)頁(yè)以放置網(wǎng)站信息的目錄，即網(wǎng)站的主頁(yè)。?

并非所有的網(wǎng)站都將主頁(yè)設(shè)置為首頁(yè)，有的網(wǎng)站喜歡在首頁(yè)放置一段進(jìn)入動(dòng)畫，并將主頁(yè)的鏈接放置在首頁(yè)上，瀏覽者需要單擊首頁(yè)的鏈接進(jìn)入主頁(yè)。《網(wǎng)頁(yè)設(shè)計(jì)與制作》教育創(chuàng)造學(xué)生價(jià)值1.4網(wǎng)頁(yè)的表現(xiàn)形式?

靜態(tài)網(wǎng)頁(yè)：客戶端與服務(wù)器端不發(fā)生交互訪問(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è)的用戶之間的交互。信息流向是單向的。?

動(dòng)態(tài)網(wǎng)頁(yè)：客戶端與服務(wù)器端要發(fā)生交互動(dòng)態(tài)網(wǎng)頁(yè)是指瀏覽器可以和服務(wù)器數(shù)據(jù)庫(kù)進(jìn)行實(shí)時(shí)數(shù)據(jù)交流的交互網(wǎng)頁(yè)，而不是加上了動(dòng)畫等效果的動(dòng)感網(wǎng)頁(yè)。動(dòng)態(tài)網(wǎng)頁(yè)技術(shù)的網(wǎng)站可以實(shí)現(xiàn)更多的功能，如用戶注冊(cè)、用戶登錄、搜索查詢、用戶管理、訂單管理等。信息流向是雙向的。《網(wǎng)頁(yè)設(shè)計(jì)與制作》教育創(chuàng)造學(xué)生價(jià)值《網(wǎng)頁(yè)設(shè)計(jì)與制作》教育創(chuàng)造學(xué)生價(jià)值2.1網(wǎng)站LOGO?

通常網(wǎng)站為體現(xiàn)其特色與內(nèi)涵，涉及并制作一個(gè)LOGO圖像放置在網(wǎng)站的左上角或其他醒目的位置。?

企業(yè)網(wǎng)站常常使用企業(yè)的標(biāo)志或者注冊(cè)商標(biāo)。?

一個(gè)設(shè)計(jì)優(yōu)秀的LOGO可以給瀏覽者留下深刻的印象，為網(wǎng)站和企業(yè)形象宣傳起到十分重要的作用?！毒W(wǎng)頁(yè)設(shè)計(jì)與制作》教育創(chuàng)造學(xué)生價(jià)值2.1網(wǎng)站LOGO《網(wǎng)頁(yè)設(shè)計(jì)與制作》教育創(chuàng)造學(xué)生價(jià)值2.2導(dǎo)航條?

導(dǎo)航條是網(wǎng)頁(yè)的重要組成元素。設(shè)計(jì)的目的是將站點(diǎn)內(nèi)的信息分類處理，然后放在網(wǎng)頁(yè)中以幫助瀏覽者快速查找站內(nèi)信息。?

導(dǎo)航條的形式多種多樣，包括文本導(dǎo)航條、圖像導(dǎo)航條以及動(dòng)畫導(dǎo)航條等。?

有些使用特殊技術(shù)（例如Flash、JavaScript、CSS）制作的導(dǎo)航條還可以具有下拉菜單的功能?！毒W(wǎng)頁(yè)設(shè)計(jì)與制作》教育創(chuàng)造學(xué)生價(jià)值2.2導(dǎo)航條《網(wǎng)頁(yè)設(shè)計(jì)與制作》教育創(chuàng)造學(xué)生價(jià)值2.3Banner?

Banner的中文意思是橫幅。Banner的內(nèi)容通常為網(wǎng)頁(yè)中的廣告。?

在網(wǎng)頁(yè)布局中，大部分網(wǎng)頁(yè)將Banner放置在與導(dǎo)航條相鄰處，或者其他醒目的位置以吸引瀏覽者瀏覽?！毒W(wǎng)頁(yè)設(shè)計(jì)與制作》教育創(chuàng)造學(xué)生價(jià)值2.3Banner《網(wǎng)頁(yè)設(shè)計(jì)與制作》教育創(chuàng)造學(xué)生價(jià)值2.4

內(nèi)容版塊?

網(wǎng)頁(yè)的內(nèi)容版塊是整個(gè)頁(yè)面的組成部分。?

設(shè)計(jì)人員可以通過(guò)該頁(yè)面的欄目要求來(lái)設(shè)計(jì)不同版塊，每個(gè)版塊可以有一個(gè)標(biāo)題內(nèi)容，并且每個(gè)內(nèi)容版塊主要來(lái)顯示不同文本信息?！毒W(wǎng)頁(yè)設(shè)計(jì)與制作》教育創(chuàng)造學(xué)生價(jià)值2.5版尾或版權(quán)版塊?

版尾，即頁(yè)面最低端的版塊。?

這部分位置通常放置網(wǎng)頁(yè)的版權(quán)信息，以及網(wǎng)頁(yè)所有者、設(shè)計(jì)者的聯(lián)系方式等。?

有的網(wǎng)站也將網(wǎng)站的友情鏈接以及一些附屬的導(dǎo)航條放置在這里?！毒W(wǎng)頁(yè)設(shè)計(jì)與制作》教育創(chuàng)造學(xué)生價(jià)值《網(wǎng)頁(yè)設(shè)計(jì)與制作》教育創(chuàng)造學(xué)生價(jià)值3.1文本?

網(wǎng)頁(yè)中的信息以文本為主。與圖片相比，文字雖然不如圖片那樣能夠很快引起瀏覽者的注意，但卻能準(zhǔn)確地表達(dá)信息的內(nèi)容和含義?！毒W(wǎng)頁(yè)設(shè)計(jì)與制作》教育創(chuàng)造學(xué)生價(jià)值3.2圖片?

用戶在網(wǎng)頁(yè)中使用的圖片格式主要包括GIF、JPEG和PNG等，其中使用最廣泛的是GIF和JPEG兩種格式?！毒W(wǎng)頁(yè)設(shè)計(jì)與制作》教育創(chuàng)造學(xué)生價(jià)值3.3超鏈接?

超鏈接在本質(zhì)上屬于一個(gè)網(wǎng)頁(yè)的一部分，是一種允許用戶同其他網(wǎng)頁(yè)或站點(diǎn)之間進(jìn)行連接的元素。?

超鏈接是指從一個(gè)網(wǎng)頁(yè)指向一個(gè)目標(biāo)的連接關(guān)系，這個(gè)目標(biāo)可以是另一個(gè)網(wǎng)頁(yè)，也可以是相同網(wǎng)頁(yè)上的不同位置，還可以是一個(gè)圖片、一個(gè)電子郵件地址、一個(gè)文件，甚至是一個(gè)應(yīng)用程序?！毒W(wǎng)頁(yè)設(shè)計(jì)與制作》教育創(chuàng)造學(xué)生價(jià)值3.4動(dòng)畫?

在網(wǎng)頁(yè)中為了更有效地吸引瀏覽者的注意，許多網(wǎng)站的廣告都做成了動(dòng)畫形式。?

網(wǎng)頁(yè)中的動(dòng)畫主要有兩種：GIF動(dòng)畫和Flash動(dòng)畫。其中GIF動(dòng)畫只能有256種顏色，主要用于簡(jiǎn)單動(dòng)畫和圖標(biāo)?！毒W(wǎng)頁(yè)設(shè)計(jì)與制作》教育創(chuàng)造學(xué)生價(jià)值3.5聲音和視頻?

聲音是多媒體網(wǎng)頁(yè)的一個(gè)重要組成部分。用于網(wǎng)絡(luò)的聲音文件的格式非常多，常用的有MIDI、WAV、MP3和AIF等。?

很多瀏覽器不要插件也可以支持MIDI、WAV和AIF格式的文件，而MP3和RM格式的聲音文件則需要專門的瀏覽器播放。《網(wǎng)頁(yè)設(shè)計(jì)與制作》教育創(chuàng)造學(xué)生價(jià)值3.6表格?

在網(wǎng)頁(yè)中表格用來(lái)控制網(wǎng)頁(yè)中信息的布局方式。?

包括兩個(gè)方面：一是使用行和列的形式來(lái)布局文本和圖像以及其他的列表化數(shù)據(jù)；二是可以使用表格來(lái)精確控制各種網(wǎng)頁(yè)元素在網(wǎng)頁(yè)中出現(xiàn)的位置?！毒W(wǎng)頁(yè)設(shè)計(jì)與制作》教育創(chuàng)造學(xué)生價(jià)值3.7表單?

網(wǎng)頁(yè)中的表單通常用來(lái)接受用戶在瀏覽器端的輸入，然后將這些信息發(fā)送到網(wǎng)頁(yè)設(shè)計(jì)者設(shè)置的目標(biāo)端。這個(gè)目標(biāo)可以是文本文件、Web頁(yè)、電子郵件，也可以是服務(wù)器端的應(yīng)用程序。?

表單一般用來(lái)收集聯(lián)系信息、接受用戶要求、獲得反饋意見、設(shè)置來(lái)賓簽名簿、讓瀏覽者注冊(cè)為會(huì)員并以會(huì)員的身份登錄站點(diǎn)等?！毒W(wǎng)頁(yè)設(shè)計(jì)與制作》教育創(chuàng)造學(xué)生價(jià)值3.8其他常見元素?

包括懸停按鈕、Java特效、ActiveX等各種特效。它們不僅能點(diǎn)綴網(wǎng)頁(yè)，使網(wǎng)頁(yè)更活潑有趣，而且在網(wǎng)上娛樂(lè)、電子商務(wù)等方面也有著不可忽視的作用?！毒W(wǎng)頁(yè)設(shè)計(jì)與制作》教育創(chuàng)造學(xué)生價(jià)值《網(wǎng)頁(yè)設(shè)計(jì)與制作》教育創(chuàng)造學(xué)生價(jià)值4.1文本編輯器?

不僅在記事本中可以編寫HTML代碼，任何文本編輯器都可以編寫HTML。比如寫字板、word等，但保存的時(shí)候必須保存為.html或.htm格式。?

有一些文本編輯器專門提供網(wǎng)頁(yè)制作及程序設(shè)計(jì)等許多有用的功能，支持HTML、CSS、PHP、ASP、Perl、C/C++、Java、JavaScript、VBScript等多種語(yǔ)法的著色顯示。?

例如：EmEditor、EditPlus、UltraEdit《網(wǎng)頁(yè)設(shè)計(jì)與制作》教育創(chuàng)造學(xué)生價(jià)值4.2Dreamweaver網(wǎng)頁(yè)設(shè)計(jì)軟件?

這是現(xiàn)在使用最廣泛的網(wǎng)頁(yè)編輯工具之一。?

Dreamweaver是Macromedia公司推出的網(wǎng)頁(yè)編輯工具。?

它是一個(gè)所見即所得網(wǎng)頁(yè)編輯器，支持最新的DHTML（DynamicHTML，動(dòng)態(tài)HTML）和CSS標(biāo)準(zhǔn)。采用了多種先進(jìn)技術(shù)，能夠快速高效地創(chuàng)建極具表現(xiàn)力和動(dòng)感效果的網(wǎng)頁(yè)，使網(wǎng)頁(yè)創(chuàng)作過(guò)程變得非常簡(jiǎn)單。?

另外還有Microsoft公司開發(fā)的FrontPage也是設(shè)計(jì)網(wǎng)頁(yè)和管理網(wǎng)站的軟件。除了所見即所得的編輯功能之外，也可以直接編輯HTML標(biāo)記，讓設(shè)計(jì)者可以輕松的編輯網(wǎng)頁(yè)。《網(wǎng)頁(yè)設(shè)計(jì)與制作》教育創(chuàng)造學(xué)生價(jià)值《網(wǎng)頁(yè)設(shè)計(jì)與制作》教育創(chuàng)造學(xué)生價(jià)值4.3Photoshop圖像處理軟件?

Photoshop是Adobe公司推出的功能強(qiáng)大的平面圖像處理軟件，Photoshop在圖像編輯、桌面出版、網(wǎng)頁(yè)圖像編輯、廣告設(shè)計(jì)、婚紗攝影等各行各業(yè)的廣泛應(yīng)用，它已成為許多涉及圖像處理的行業(yè)的事實(shí)標(biāo)準(zhǔn)?！毒W(wǎng)頁(yè)設(shè)計(jì)與制作》教育創(chuàng)造學(xué)生價(jià)值4.4Flash動(dòng)畫設(shè)計(jì)軟件?

Flash是Macromedia公司開發(fā)的一款優(yōu)秀的網(wǎng)頁(yè)動(dòng)畫開發(fā)軟件，從簡(jiǎn)單的動(dòng)畫到復(fù)雜的交互式Web應(yīng)用程序，它使用戶可以創(chuàng)建任何作品。通過(guò)添加圖片、聲音和視頻，可以使Flash應(yīng)用程序媒體豐富多彩。?

Flash被稱為“最靈活的前臺(tái)”，其獨(dú)特的編譯方式和跨平臺(tái)的能力，廣泛的應(yīng)用（軟件、游戲、Web應(yīng)用程序、多媒體娛樂(lè)等多方面），使之越來(lái)越成為一種重要的工具?！毒W(wǎng)頁(yè)設(shè)計(jì)與制作》教育創(chuàng)造學(xué)生價(jià)值4.5Fireworks網(wǎng)頁(yè)圖像處理軟件?

Fireworks是Macromedia公司發(fā)布的一款專為網(wǎng)絡(luò)圖形設(shè)計(jì)的圖形編輯軟件，使用Fireworks都不僅可以輕松地制作出尺寸較小的圖形、GIF動(dòng)畫。?

如果將Photoshop比作全能的圖像處理大師的話，F(xiàn)ireworks就是精于網(wǎng)頁(yè)圖像處理的專家。它在矢量圖形的處理方面有其獨(dú)特之處。?

在Web應(yīng)用方面，F(xiàn)ireworks是最早提供切片功能的圖像處理軟件。Fireworks支持在圖像中繪制熱區(qū)并直接生成網(wǎng)頁(yè)文檔，并且具備簡(jiǎn)單的GIF動(dòng)畫制作能力，同時(shí)支持將動(dòng)畫轉(zhuǎn)換為Flash文件并嵌入到網(wǎng)絡(luò)中播放?！毒W(wǎng)頁(yè)設(shè)計(jì)與制作》教育創(chuàng)造學(xué)生價(jià)值《網(wǎng)頁(yè)設(shè)計(jì)與制作》教育創(chuàng)造學(xué)生價(jià)值《網(wǎng)頁(yè)設(shè)計(jì)與制作》教育創(chuàng)造學(xué)生價(jià)值5.1CSS–

CSS即層疊樣式表（Cascading

Style

Sheet）。在主頁(yè)制作時(shí)采用CSS技術(shù)，可以有效地對(duì)頁(yè)面的布局、字體、顏色、背景和其它效果實(shí)現(xiàn)更加精確的控制。HTML=內(nèi)容CSS=表現(xiàn)–

CSS帶來(lái)的好處：?

CSS使頁(yè)面載入更快；?

CSS可以降低網(wǎng)站的流量費(fèi)用；?

CSS使設(shè)計(jì)師在修改設(shè)計(jì)時(shí)更有效率，而代價(jià)更低；?

CSS使整個(gè)站點(diǎn)保持視覺的一致性；《網(wǎng)頁(yè)設(shè)計(jì)與制作》教育創(chuàng)造學(xué)生價(jià)值5.2JavaScript–

JavaScript是由

Netscape公司開發(fā)的一種腳本語(yǔ)言，可以被嵌入HTML文件中，它是一種基于對(duì)象和事件驅(qū)動(dòng)，并具有安全性能的腳本語(yǔ)言。–

在HTML基礎(chǔ)上，使用JavaScript可以開發(fā)交互式Web網(wǎng)頁(yè)，可以回應(yīng)使用者的需求事件而不需要通過(guò)網(wǎng)絡(luò)來(lái)回傳輸資料。–

簡(jiǎn)單地說(shuō)，當(dāng)用戶輸入一項(xiàng)信息時(shí)，不需要先將信息傳給服務(wù)器處理，再傳回來(lái)，而是可以直接被客戶端的程序處理?！毒W(wǎng)頁(yè)設(shè)計(jì)與制作》教育創(chuàng)造學(xué)生價(jià)值規(guī)范的網(wǎng)站建設(shè)應(yīng)遵循一定的流程，合理的流程可以最大限度地提高工作效率。網(wǎng)站建設(shè)流程主要由規(guī)劃設(shè)計(jì)階段、實(shí)施發(fā)布階段、評(píng)價(jià)階段組成?！毒W(wǎng)頁(yè)設(shè)計(jì)與制作》教育創(chuàng)造學(xué)生價(jià)值《網(wǎng)頁(yè)設(shè)計(jì)與制作》教育創(chuàng)造學(xué)生價(jià)值網(wǎng)頁(yè)的版式設(shè)計(jì)是網(wǎng)頁(yè)設(shè)計(jì)的核心，主要內(nèi)容包括網(wǎng)頁(yè)整體布局設(shè)計(jì)和導(dǎo)航樣式的設(shè)計(jì)。本節(jié)將介紹常見的幾種網(wǎng)頁(yè)布局，以及網(wǎng)頁(yè)導(dǎo)航設(shè)計(jì)應(yīng)遵循的原則。《網(wǎng)頁(yè)設(shè)計(jì)與制作》教育創(chuàng)造學(xué)生價(jià)值7.1網(wǎng)頁(yè)布局?

網(wǎng)頁(yè)布局是網(wǎng)頁(yè)設(shè)計(jì)的基礎(chǔ)，目前網(wǎng)頁(yè)的布局主要可歸為三大類型：?

1．分欄式結(jié)構(gòu)?

2．區(qū)域分布式結(jié)構(gòu)?

3．無(wú)框架局限式結(jié)構(gòu)《網(wǎng)頁(yè)設(shè)計(jì)與制作》教育創(chuàng)造學(xué)生價(jià)值分欄式布局《網(wǎng)頁(yè)設(shè)計(jì)與制作》教育創(chuàng)造學(xué)生價(jià)值區(qū)域分布式布局《網(wǎng)頁(yè)設(shè)計(jì)與制作》教育創(chuàng)造學(xué)生價(jià)值無(wú)框架局限式布局《網(wǎng)頁(yè)設(shè)計(jì)與制作》教育創(chuàng)造學(xué)生價(jià)值7.2導(dǎo)航設(shè)計(jì)?

導(dǎo)航是網(wǎng)頁(yè)設(shè)計(jì)中不可或缺的基礎(chǔ)元素之一。導(dǎo)航就如同一個(gè)網(wǎng)站的路標(biāo)，有了它就不會(huì)在瀏覽網(wǎng)站時(shí)“迷路”。導(dǎo)航鏈接著各個(gè)頁(yè)面，只要單擊導(dǎo)航中的超級(jí)鏈接就能進(jìn)入相應(yīng)的頁(yè)面。?

導(dǎo)航設(shè)計(jì)的好壞，決定著用戶是否能很方便地使用網(wǎng)站。導(dǎo)航設(shè)計(jì)應(yīng)直觀明確，最大限度地為用戶使用考慮，盡可能使網(wǎng)頁(yè)切換更便捷。導(dǎo)航的設(shè)計(jì)要符合整個(gè)網(wǎng)站的風(fēng)格和要求，不同的網(wǎng)站會(huì)采用不同的導(dǎo)航方式?！毒W(wǎng)頁(yè)設(shè)計(jì)與制作》教育創(chuàng)造學(xué)生價(jià)值7.2導(dǎo)航設(shè)計(jì)?

一般來(lái)說(shuō)，在網(wǎng)頁(yè)的上端或左側(cè)設(shè)置導(dǎo)航欄是比較普遍的方式，如圖1.9所示。網(wǎng)站采用上端文字作為一級(jí)導(dǎo)航，左側(cè)樹狀結(jié)構(gòu)菜單作為二級(jí)導(dǎo)航。《網(wǎng)頁(yè)設(shè)計(jì)與制作》教育創(chuàng)造學(xué)生價(jià)值7.2導(dǎo)航設(shè)計(jì)?

讓用戶了解當(dāng)前所處的位置；?

讓用戶能根據(jù)走過(guò)的路徑，確定下一步的前進(jìn)方向和路徑；?

不需要瀏覽太多的頁(yè)面才能找到需要的信息，讓用戶能快速而簡(jiǎn)捷地找到所需的信息，并以最佳的路徑到達(dá)這些信息；?

讓用戶使用網(wǎng)站遇到困難時(shí)，能尋求到解決困難的方法，找到最佳路徑；?

讓用戶清楚地了解整個(gè)網(wǎng)站的結(jié)構(gòu)概況，產(chǎn)生整體性感知；?

對(duì)使用頻率不同的信息作有序處理。《網(wǎng)頁(yè)設(shè)計(jì)與制作》教育創(chuàng)造學(xué)生價(jià)值《網(wǎng)頁(yè)設(shè)計(jì)與制作》教育創(chuàng)造學(xué)生價(jià)值8.1頁(yè)面配色?

設(shè)計(jì)精美的網(wǎng)站都有其色調(diào)構(gòu)成的總體傾向。以一種或幾種臨近顏色為主導(dǎo)，使網(wǎng)頁(yè)全局呈現(xiàn)某種和諧、統(tǒng)一的色彩傾向。?

運(yùn)用色系。先根據(jù)網(wǎng)頁(yè)主題，選定一種主色，然后調(diào)整透明度或飽和度，也就是將色彩變淺或加深，調(diào)配出新的色彩。這樣的頁(yè)面看起來(lái)色彩一致，有層次感；一般來(lái)說(shuō)，適合于網(wǎng)頁(yè)標(biāo)準(zhǔn)色的顏色有3大系：藍(lán)色、黃/橙色和黑/灰/白色。電子購(gòu)物網(wǎng)站頁(yè)面結(jié)構(gòu)《網(wǎng)頁(yè)設(shè)計(jì)與制作》教育創(chuàng)造學(xué)生價(jià)值8.1頁(yè)面配色?

如圖1.10所示。IBM網(wǎng)站運(yùn)用藍(lán)色系營(yíng)造出藍(lán)色海