一、網(wǎng)頁設(shè)計(jì)中色彩搭配時(shí)的留白

網(wǎng)頁設(shè)計(jì)中色彩搭配往往是設(shè)計(jì)師設(shè)計(jì)的重中之重，因?yàn)榫W(wǎng)頁設(shè)計(jì)的一個(gè)重要的特點(diǎn)就是讓瀏覽者以第一眼的感覺對(duì)網(wǎng)站進(jìn)行基本的認(rèn)識(shí)和定位，這個(gè)第一眼的概念就是瀏覽者不會(huì)在一瞬間對(duì)文字性的內(nèi)容有太多的印象，而是停留在網(wǎng)頁大面積的色彩帶來的沖擊上。因此色彩的搭配在為網(wǎng)站取得美好的第一印象的行動(dòng)中顯得尤為的重要。目前的網(wǎng)頁設(shè)計(jì)中也有許多的設(shè)計(jì)師們意識(shí)到了這一點(diǎn)，于是有部分設(shè)計(jì)師在對(duì)網(wǎng)頁進(jìn)行設(shè)計(jì)時(shí)采用了非常搶眼的純色，不可否認(rèn)的是純色的運(yùn)用確實(shí)會(huì)在第一眼的視覺感受上造成很大的沖擊，但純色對(duì)于一個(gè)瀏覽者對(duì)網(wǎng)站的長(zhǎng)期瀏覽是十分不利的，因?yàn)榧兩粌H會(huì)加大瀏覽者的視覺疲勞感，還會(huì)會(huì)使瀏覽者對(duì)網(wǎng)站產(chǎn)生不利的品牌認(rèn)識(shí)。在對(duì)幾個(gè)優(yōu)秀的網(wǎng)頁設(shè)計(jì)作品進(jìn)行對(duì)比和總結(jié)之后我們發(fā)現(xiàn)他們幾乎有一個(gè)共同的特點(diǎn)，就是色彩上的留白。當(dāng)然，這種留白并不是指他們的網(wǎng)頁設(shè)計(jì)大面積的使用白色，而是他們?cè)谶x用色彩時(shí)除了對(duì)需要強(qiáng)調(diào)的部分使用了必要的純度較高的顏色進(jìn)行突出外，其他的版面都采用了顏色純度較低的高級(jí)灰，而且這些高級(jí)灰的面積較大，有一些甚至無限接近于白色。這種色彩上的留白使得整個(gè)網(wǎng)頁設(shè)計(jì)的品味和內(nèi)涵都得到了較好的體現(xiàn)，而且使得瀏覽者在對(duì)網(wǎng)頁產(chǎn)生了相對(duì)較好的第一印象之后也非常愿意應(yīng)留在網(wǎng)頁上進(jìn)行進(jìn)一步的瀏覽，既欣賞了網(wǎng)頁的色彩，也對(duì)網(wǎng)頁想要傳達(dá)的其他內(nèi)容有了一定的了解。

二、網(wǎng)頁設(shè)計(jì)中文字表達(dá)時(shí)的留白

文字內(nèi)容對(duì)網(wǎng)頁設(shè)計(jì)也具有相當(dāng)大的影響，因?yàn)闉g覽者在對(duì)圖片進(jìn)行了第一印象的判斷后緊接著就是對(duì)文字的印象了，因?yàn)橐患?yōu)秀的網(wǎng)頁設(shè)計(jì)作品不僅是色彩對(duì)瀏覽者的吸引，當(dāng)瀏覽者停留下來開始對(duì)文字進(jìn)行欣賞時(shí)，文字的重要就變得不言而喻了。然而文字的表達(dá)也絕非只是將網(wǎng)站的內(nèi)容簡(jiǎn)單的以文字的形式呈現(xiàn)出來那樣簡(jiǎn)單，其中的講究我么也是經(jīng)過了大量的對(duì)比和學(xué)習(xí)才發(fā)現(xiàn)了其中的一些規(guī)律，簡(jiǎn)而言之也就是在網(wǎng)頁設(shè)計(jì)中對(duì)文字的表達(dá)也要進(jìn)行留白處理。文字的表達(dá)應(yīng)該如何留白處理呢？其實(shí)并不難，因?yàn)槲淖直旧硪彩怯幸恍┝舭椎慕Y(jié)構(gòu)的，所以設(shè)計(jì)師在設(shè)計(jì)網(wǎng)頁的文字時(shí)一定要結(jié)合文字本身的留白結(jié)構(gòu)，再結(jié)合頁面設(shè)計(jì)的需要對(duì)文字進(jìn)行合適的的處理。且文字的留白還有一點(diǎn)很重要，就是當(dāng)一件網(wǎng)頁設(shè)計(jì)中需要的文字信息量很大時(shí)可以對(duì)文字本身進(jìn)行平面化的處理，使文字成為一種設(shè)計(jì)元素而非成為阻礙網(wǎng)頁設(shè)計(jì)效果的障礙，但網(wǎng)頁設(shè)計(jì)中無論用什么方法去處理文字都應(yīng)該將文字表達(dá)中最重要的部分進(jìn)行強(qiáng)調(diào)，以免在經(jīng)過多種藝術(shù)手法的處理之后反而使得文字無法有效的傳達(dá)出網(wǎng)頁所要表達(dá)的信息，進(jìn)而造成網(wǎng)站的主題不明，寓意不明等問題。文字的表達(dá)在網(wǎng)頁設(shè)計(jì)中必不可少，國(guó)內(nèi)外許多優(yōu)秀的網(wǎng)頁設(shè)計(jì)都在文字的處理上讓人們拍手稱贊，其中不難發(fā)現(xiàn)無論使用了那種形式的處理方法，留白都是這些優(yōu)秀文字處理手法的核心所在，所以，當(dāng)大量的文字內(nèi)容使得網(wǎng)頁設(shè)計(jì)的效果不盡人意時(shí)我們應(yīng)該停下來思考一會(huì)兒，是不是應(yīng)該考慮進(jìn)行留白了呢？

三、網(wǎng)頁設(shè)計(jì)中版式設(shè)計(jì)時(shí)的留白

版式設(shè)計(jì)的留白應(yīng)該是設(shè)計(jì)師們最為熟悉的一種處理方式了。隨著極簡(jiǎn)主義的盛行，越來越多的人們開始學(xué)著欣賞這種用最少的語言表達(dá)最豐富的思想的設(shè)計(jì)風(fēng)格，然而，極簡(jiǎn)和簡(jiǎn)單是有著巨大的差異的，極簡(jiǎn)是一種高品位高品質(zhì)的簡(jiǎn)單，想要達(dá)到這一點(diǎn)絕不是在設(shè)計(jì)時(shí)少做點(diǎn)東西就能輕易實(shí)現(xiàn)的，想要達(dá)到極簡(jiǎn)的效果對(duì)設(shè)計(jì)師本身的設(shè)計(jì)素養(yǎng)提出了很高的要求。所以，想要網(wǎng)頁設(shè)計(jì)做好，極簡(jiǎn)是設(shè)計(jì)師必須要研究和學(xué)習(xí)的思想，因?yàn)樵谶@一思想下可以誕生出非常優(yōu)秀的網(wǎng)頁設(shè)計(jì)作品，將這一思想運(yùn)用到網(wǎng)頁設(shè)計(jì)的你、版式設(shè)計(jì)中無疑是對(duì)一件網(wǎng)頁設(shè)計(jì)作品形式美和功能美的明顯提升。時(shí)下優(yōu)秀的網(wǎng)頁設(shè)計(jì)作品在版式設(shè)計(jì)上無一不體現(xiàn)著留白的藝術(shù)，一方面是由于視覺審美的需要，而另一方面則體現(xiàn)著設(shè)計(jì)者們對(duì)瀏覽者的關(guān)愛的思考。在對(duì)大量的網(wǎng)站進(jìn)行欣賞和比較時(shí)我們發(fā)現(xiàn)有一些網(wǎng)站的頁面內(nèi)容非常飽滿，圖片文字都很豐富，但不知為何就是給人一種排列無序、主次不分的感覺，而且對(duì)于屏幕的左邊分布著大量的內(nèi)容，但實(shí)際我們也會(huì)發(fā)覺大部分左邊的內(nèi)容瀏覽這事幾乎不怎么看的，因?yàn)檫@不符合大部分人的觀看習(xí)慣，所以就算是在頁面左邊進(jìn)行了文字排版也并不能起到有效的信息傳達(dá)效果。后來經(jīng)過對(duì)一些優(yōu)秀的網(wǎng)頁設(shè)計(jì)的分析發(fā)現(xiàn)但凡是優(yōu)秀的網(wǎng)頁設(shè)計(jì)一般采取將左右兩邊的區(qū)域進(jìn)行留白，在瀏覽者的視覺中心的位置進(jìn)行大量的設(shè)計(jì)，讓整個(gè)網(wǎng)頁的主次十分分明，而且網(wǎng)頁的整個(gè)質(zhì)量和品位都得到了明顯的提升。

對(duì)任何網(wǎng)站來說，網(wǎng)頁設(shè)計(jì)都是非常重要的部分，優(yōu)秀的網(wǎng)站設(shè)計(jì)師，可以是一個(gè)Flash動(dòng)畫師、平面設(shè)計(jì)師、交互設(shè)計(jì)師，更有藝術(shù)家的潛質(zhì)。優(yōu)秀的網(wǎng)頁設(shè)計(jì)，要想達(dá)到好的藝術(shù)效果，需要設(shè)計(jì)師擁有一定的藝術(shù)涵養(yǎng)，并能結(jié)合各方面的技術(shù)。

一、網(wǎng)頁設(shè)計(jì)基本內(nèi)容

1.網(wǎng)頁的構(gòu)成

網(wǎng)頁的基本構(gòu)成，分為網(wǎng)頁板塊分布、導(dǎo)航、視覺傳達(dá)，網(wǎng)頁設(shè)計(jì)中的傳達(dá)信息通過點(diǎn)線面的形式，通過點(diǎn)狀的網(wǎng)頁版塊兒分布，形成一個(gè)網(wǎng)頁導(dǎo)航，然后才形成一個(gè)視覺傳達(dá)的效果。這三者之間相互聯(lián)系和輔助，進(jìn)而向網(wǎng)絡(luò)使用的受眾傳達(dá)除了視覺信息之外，更重要的其他的信息。三者之間通過技術(shù)的實(shí)踐，以及協(xié)調(diào)處理，這三者之中包括：文字、圖片、動(dòng)畫等元素，來進(jìn)行網(wǎng)頁更優(yōu)的呈現(xiàn)[2]。

2.網(wǎng)頁設(shè)計(jì)的表現(xiàn)形式

網(wǎng)頁的設(shè)計(jì)形式跟報(bào)紙雜志等多種平面媒體設(shè)計(jì)有很多的相同之處，在視覺傳達(dá)以及藝術(shù)效果上，都有著非同一般的呈現(xiàn)。網(wǎng)頁設(shè)計(jì)需要在一個(gè)有限的展示空間，呈現(xiàn)出圖片、文字再加上動(dòng)畫的結(jié)合信息，來進(jìn)行此網(wǎng)頁需要做到的視覺以及信息的傳達(dá)，設(shè)計(jì)者通過處理文字、圖片、布局以及網(wǎng)頁上需要的動(dòng)畫，甚至聲音影效等，來進(jìn)行理性的藝術(shù)化的排版設(shè)計(jì)，這要求設(shè)計(jì)者擁有一定的設(shè)計(jì)藝術(shù)鑒賞能力和設(shè)計(jì)技術(shù)掌握能力。

1市場(chǎng)及行情分析

（1）網(wǎng)頁設(shè)計(jì)這門課是要求學(xué)生有一定的專業(yè)基礎(chǔ)，例如Phtoshop、Flash等等。該課程的教學(xué)實(shí)踐性較強(qiáng)，在機(jī)房電子教室學(xué)習(xí)效果最好。

（2）網(wǎng)頁設(shè)計(jì)技術(shù)不斷地發(fā)展變化，新的技術(shù)、新的方法也不斷涌現(xiàn)。從1997年Dreamweaver首次推出，經(jīng)歷Mx、Mx2004、到Dreamweaver8，現(xiàn)在普遍使用ADODBDreamweaverCs系列，我這學(xué)期使用的dreamweavercs4。網(wǎng)頁布局也從傳統(tǒng)的表格布局轉(zhuǎn)換為Div布局。所以不論是從選擇軟件到選擇網(wǎng)頁設(shè)計(jì)的方法，都不能太落后。

（3）從目前網(wǎng)絡(luò)公司行業(yè)來看，網(wǎng)頁設(shè)計(jì)與后臺(tái)代碼分開日趨明顯，所以并不一定要求學(xué)生設(shè)計(jì)與編程并重，畢竟對(duì)于中高職學(xué)生，編程相對(duì)較難理解。設(shè)計(jì)方面可以圖文并茂，在一定程度上能夠激發(fā)學(xué)生學(xué)習(xí)的興趣。對(duì)教材的使用也必須同時(shí)考慮在內(nèi)，有部分教材案例缺乏美感，計(jì)算機(jī)專業(yè)的學(xué)生對(duì)審美本身就很缺乏。對(duì)于學(xué)習(xí)初期的學(xué)生，可以引導(dǎo)學(xué)生多欣賞比較優(yōu)秀的網(wǎng)頁。早期可以模仿，不是美術(shù)專業(yè)畢業(yè)，這方面不是一下子能夠改變過來，自己也是深有體會(huì)，只有在今后長(zhǎng)期的鍛煉、設(shè)計(jì)中尋找。

2教學(xué)方法

2.1課前準(zhǔn)備在教學(xué)之前首先從網(wǎng)上下載優(yōu)秀的網(wǎng)頁截圖給學(xué)生欣賞，然后制作一個(gè)非常簡(jiǎn)單的靜態(tài)網(wǎng)頁以激發(fā)學(xué)生學(xué)習(xí)的興趣。有很多教材編輯的很全，從文字帶后臺(tái)編碼。對(duì)于各種教材，并不一定要全部講解。只需要講解實(shí)際操作性的。例如從文字到布局。

1網(wǎng)頁設(shè)計(jì)技術(shù)要領(lǐng)

網(wǎng)頁版面設(shè)計(jì)時(shí)，要對(duì)版面風(fēng)格進(jìn)行定位，對(duì)頁面文字和圖片等內(nèi)容做統(tǒng)籌考量，不僅要安排有序得當(dāng)，還要體現(xiàn)整齊美觀大方的視覺效果。版面設(shè)計(jì)其實(shí)是一種藝術(shù)，而不是一般意義的技術(shù)了。網(wǎng)頁就是制作者的思想品位素養(yǎng)的直觀表達(dá)，閱讀網(wǎng)頁就是對(duì)制作者的審視和評(píng)價(jià)。版面設(shè)計(jì)首先要做好主頁制作工作。主頁就是人的臉面，要體現(xiàn)網(wǎng)頁內(nèi)容風(fēng)格，就要注意突出什么，要有醒目的文字和圖片，而且文字和畫面要有自己的特色，一味堆砌當(dāng)然不會(huì)有好效果。一般情況下，有特色的主頁要包含這樣幾個(gè)要素：文字、圖片、色調(diào)和排版方式。幾種要素不可或缺，還要注意相互之間的協(xié)調(diào)和搭配，和諧統(tǒng)一才能體現(xiàn)整體美。

2網(wǎng)頁制作實(shí)用技術(shù)

網(wǎng)頁制作可以借助的軟件很多，F(xiàn)rontpage是一款比較適合初學(xué)者網(wǎng)頁制作的入門工具。Frontpage的界面和操作和Word比較相似，非常容易學(xué)習(xí)。

2.1插入圖片

在網(wǎng)頁中插入圖片是常常要遇到的，有豐富圖片內(nèi)容可以讓網(wǎng)頁顯得豐滿生動(dòng)，其操作方法并不復(fù)雜。在制作的網(wǎng)頁中選擇適當(dāng)位置，確定插入點(diǎn)，然后在網(wǎng)頁上部點(diǎn)擊菜單“插入”選擇“圖片”，再點(diǎn)擊“來自文件”，進(jìn)入對(duì)話框，查找需要插入的圖片位置，最后點(diǎn)擊插入按鈕就可以完成圖片插入。如果圖片格式不是GIF或者JPEG也不要緊，在網(wǎng)頁保存時(shí)Frontpage會(huì)自動(dòng)轉(zhuǎn)換格式。圖片插入后還要對(duì)圖片進(jìn)行適當(dāng)調(diào)整和修正，點(diǎn)擊圖片選中，單擊便可以隨意拖動(dòng)圖片，進(jìn)行大小調(diào)整。圖片確定后還要對(duì)圖片進(jìn)行環(huán)繞樣式選擇。在網(wǎng)頁中右鍵點(diǎn)擊圖片，在“圖片屬性”中選擇“外觀”，然后是“環(huán)繞樣式”，找到文本圖形周圍流動(dòng)方式，在“布局”中選擇“圖片對(duì)齊方式”，根據(jù)需要進(jìn)行詳細(xì)設(shè)置。

實(shí)驗(yàn)一：站點(diǎn)設(shè)置

一、實(shí)驗(yàn)?zāi)康募耙?/p>

本實(shí)例是通過“站點(diǎn)定義為”對(duì)話框中的“高級(jí)”選項(xiàng)卡創(chuàng)建一個(gè)新站點(diǎn)。

二、儀器用具

1、生均一臺(tái)多媒體電腦，組建內(nèi)部局域網(wǎng)，并且接入國(guó)際互聯(lián)網(wǎng)。

2、安裝WindowsXP操作系統(tǒng)；建立IIS服務(wù)器環(huán)境，支持ASP。