時(shí)間：2023-08-09 17:23:18
引言：易發(fā)表網(wǎng)憑借豐富的文秘實(shí)踐，為您精心挑選了九篇網(wǎng)頁(yè)設(shè)計(jì)的技巧范例。如需獲取更多原創(chuàng)內(nèi)容，可隨時(shí)聯(lián)系我們的客服老師。
摘 要 本文主要講了網(wǎng)頁(yè)設(shè)計(jì)的布局和網(wǎng)頁(yè)的用色技巧,從網(wǎng)頁(yè)布局和色彩在網(wǎng)頁(yè)設(shè)計(jì)中的重要性開(kāi)始,介紹了網(wǎng)頁(yè)設(shè)計(jì)布局和色彩的基礎(chǔ)理論。從而進(jìn)一步詳細(xì)的介紹了布局和色彩搭配在網(wǎng)頁(yè)中不可或缺的作用。好的網(wǎng)頁(yè)體現(xiàn)在網(wǎng)頁(yè)的主題鮮明、布局形式與內(nèi)容相統(tǒng)一、整體色彩和諧融洽。
關(guān)鍵詞 網(wǎng)站設(shè)計(jì) 布局 用色技巧
網(wǎng)頁(yè)是網(wǎng)站構(gòu)成的基本要素。網(wǎng)頁(yè)的布局和色彩搭配能夠更好的提升網(wǎng)頁(yè)的視覺(jué)效果、更能吸引瀏覽者的眼球。 理論上研究網(wǎng)頁(yè)設(shè)計(jì)的布局和用色技巧在網(wǎng)頁(yè)中的應(yīng)用以及布局和用色技巧在網(wǎng)頁(yè)設(shè)計(jì)中的發(fā)展方向。
網(wǎng)頁(yè)設(shè)計(jì)是藝術(shù)與技術(shù)的高度統(tǒng)一,網(wǎng)頁(yè)藝術(shù)設(shè)計(jì)包含視聽(tīng)元素與版式設(shè)計(jì)兩項(xiàng)內(nèi)容;以主題鮮明、布局形式與內(nèi)容相統(tǒng)一、強(qiáng)調(diào)整體色調(diào)為設(shè)計(jì)原則。因此在明確了網(wǎng)頁(yè)藝術(shù)設(shè)計(jì)與網(wǎng)站主題的關(guān)系的基礎(chǔ)上,提出了“美”和“功能”都是為了更好地表達(dá)網(wǎng)站主題這一觀點(diǎn)。從而更好的認(rèn)識(shí)和理解布局和用色技巧在網(wǎng)頁(yè)布局中的發(fā)展和創(chuàng)新。
國(guó)內(nèi)網(wǎng)頁(yè)設(shè)計(jì)環(huán)境目前還停留在初級(jí)的認(rèn)知階段,如同96年以前的網(wǎng)頁(yè)幾乎是純文字的頁(yè)面,沒(méi)有什么所謂“設(shè)計(jì)”的概念可言。隨著時(shí)代的發(fā)展人們對(duì)美的追求是不斷深入,網(wǎng)頁(yè)設(shè)計(jì)開(kāi)始從從審美方面入手,結(jié)合使用方便的要求,設(shè)計(jì)出美觀、合理的頁(yè)面,運(yùn)用一些平面設(shè)計(jì)中美的基本形式就能使網(wǎng)頁(yè)更加富有美感,例如將平面設(shè)計(jì)中的色彩形式原理融入到網(wǎng)頁(yè)設(shè)計(jì)中,注重了布局規(guī)劃從而使繁多的頁(yè)面更加有條理。
設(shè)計(jì)以人為本,任何設(shè)計(jì)都具有一定的內(nèi)容和形式。內(nèi)容貫穿整個(gè)網(wǎng)頁(yè)設(shè)計(jì)中,是設(shè)計(jì)存在的基礎(chǔ)。形式而是內(nèi)容的延伸,或者說(shuō)事內(nèi)容的外部表現(xiàn)方式。
內(nèi)容決定形式,形式反作用于內(nèi)容。一個(gè)優(yōu)秀的網(wǎng)頁(yè)設(shè)計(jì)必定是形式對(duì)內(nèi)容的完美表現(xiàn)。正如黑格爾所說(shuō):“工藝的美就不在于要求實(shí)用品的外部造型、色彩、紋樣去摹擬事物,再現(xiàn)現(xiàn)實(shí),而在于使其外部形式傳達(dá)和表現(xiàn)出一定的情緒、氣氛、格調(diào)、風(fēng)尚、趣味,使物質(zhì)經(jīng)由象征變成相似于精神生活的有關(guān)環(huán)境。”
一、網(wǎng)頁(yè)設(shè)計(jì)的布局
頁(yè)面布局就是在網(wǎng)頁(yè)設(shè)計(jì)時(shí)把網(wǎng)頁(yè)的各種構(gòu)成要素(文字、圖片、菜單等等)在頁(yè)面內(nèi)完美的搭配起來(lái)。一個(gè)精美的網(wǎng)頁(yè),不僅體現(xiàn)在頁(yè)面內(nèi)容的精彩,還要有效地利用頁(yè)面的有效顯示空間,創(chuàng)造出合理的布局模式。
(一)“國(guó)”字型
“國(guó)”字型,也可以稱(chēng)為“同”字型,適用于一些大型網(wǎng)站,即最上面是網(wǎng)站的標(biāo)題以及橫幅廣告條,接下來(lái)是網(wǎng)站的主要內(nèi)容,左右分列一些兩小條內(nèi)容,中間是主要部分,與左右一起羅列到底,最下面是網(wǎng)站的一些基本信息、聯(lián)系方式、版權(quán)聲明等。
(二)拐角型
這種結(jié)構(gòu)與上一種“國(guó)”字型結(jié)構(gòu),其實(shí)只是形式上的區(qū)別,有相似性。頂端是標(biāo)題及廣告橫幅,接下來(lái)的左側(cè)是一窄列鏈接等,右列是很寬的正文,底端也是一些網(wǎng)站的輔助信息。在這種類(lèi)型中,一種很常見(jiàn)的類(lèi)型是,頂端是標(biāo)題及廣告,左側(cè)是導(dǎo)航鏈接。
(三)左右框架型
這是一種左右分為兩頁(yè)的框架結(jié)構(gòu)。一般左面是導(dǎo)航鏈接,有時(shí)頂端會(huì)有一個(gè)小的標(biāo)題或標(biāo)致,右面是正文。目前,大部分的大型論壇都是這種結(jié)構(gòu),一些企業(yè)網(wǎng)站也喜歡采用這種左右框架型結(jié)構(gòu)。這種類(lèi)型結(jié)構(gòu)非常清晰,一目了然。
除了以上的布局類(lèi)型外,還有上下框架型,標(biāo)題正文型,綜合框架型,封面型等。
二、網(wǎng)頁(yè)用色技巧
(一)確定網(wǎng)頁(yè)的主題色
所謂網(wǎng)頁(yè)的主題色,就是體現(xiàn)行業(yè)特點(diǎn),企業(yè)形象的色彩。色彩搭配的協(xié)調(diào)可以突出主題形象的視覺(jué)效果,色彩的搭配不僅體現(xiàn)美學(xué)的訴求,而且是一種可以強(qiáng)化的識(shí)別信息,會(huì)影響到瀏覽者對(duì)網(wǎng)站的印象乃至企業(yè)形象的認(rèn)識(shí)。所以,主題色一經(jīng)確定,要保持一定的穩(wěn)定性,用這種色彩來(lái)幫助瀏覽者對(duì)網(wǎng)站的識(shí)別。
網(wǎng)頁(yè)中顏色的過(guò)多使用,會(huì)使人感覺(jué)到凌亂、輕浮,感到雜亂無(wú)章,缺乏對(duì)網(wǎng)頁(yè)的興趣。因此網(wǎng)頁(yè)設(shè)計(jì)必須有自己獨(dú)特的色彩,必須有一種或兩種主體色。
不至于讓瀏覽者迷失方向,也不至于單調(diào)、凌亂。當(dāng)主題色確定好以后,考慮到其他配色時(shí),一定要考慮到其他配色與主體色的關(guān)系,要體現(xiàn)企業(yè)什么形象以及什么樣的效果。
(二)用色技巧
1.針對(duì)不同的企業(yè)所要表達(dá)信息的不同,可以選擇突出這些信息的顏色。
2.考慮瀏覽者。不同地區(qū)、不同年齡層次對(duì)色彩的認(rèn)知的不同,可能會(huì)產(chǎn)生不同的反應(yīng)。對(duì)網(wǎng)頁(yè)所傳達(dá)信息針對(duì)的人群的不同選擇不同的用色。
3.不要使用過(guò)多的顏色。除了黑色和白色以外,約選擇四到五個(gè)顏色就足夠了。太多的顏色會(huì)使頁(yè)面顯得雜亂,不容易突出網(wǎng)頁(yè)所要表達(dá)信息的重點(diǎn)。
4.選擇顏色要注意時(shí)效性。當(dāng)一種色彩成為流行色的時(shí)候,不免使瀏覽者產(chǎn)生麻木的審美效果。因此在網(wǎng)頁(yè)中事實(shí)的實(shí)施一些懷舊色彩,會(huì)達(dá)到意想不到的效果。
以后,網(wǎng)頁(yè)將代表個(gè)人、企業(yè)的形象。尤其是個(gè)人,或者企業(yè)的主頁(yè),它既要傳達(dá)出某種信息,又要充分的體現(xiàn)出它們的特色。網(wǎng)頁(yè)設(shè)計(jì)的好壞,直接關(guān)系到某個(gè)人、某個(gè)企業(yè)的形象,在人們的印象中所處的地位。所以布局和色彩的恰到好處的搭配將會(huì)使個(gè)人和企業(yè)的形象在別人心中留下深刻的印象,從而更好的體現(xiàn)出個(gè)人及其企業(yè)的知名度。
參考文獻(xiàn):
[1]張大鵬,張威,陳海波.網(wǎng)頁(yè)設(shè)計(jì).成都:電子科技大學(xué)出版社.
[2]劉佳,王倩.網(wǎng)頁(yè)設(shè)計(jì)中的色彩表現(xiàn).美術(shù)大觀.2007.
關(guān)鍵詞：Dreamweaver；表格；層；排版
1 Dreamweaver網(wǎng)頁(yè)設(shè)計(jì)工具簡(jiǎn)介
瀏覽網(wǎng)頁(yè)已經(jīng)是現(xiàn)代社會(huì)人們生活中的一個(gè)重要組成部分，網(wǎng)頁(yè)作為網(wǎng)絡(luò)信息傳播的主要載體，其設(shè)計(jì)也被大家所關(guān)注。網(wǎng)頁(yè)設(shè)計(jì)的軟件有多種，Dreamweaver是著名的“所見(jiàn)即所得”的可視化網(wǎng)站開(kāi)發(fā)工具，是國(guó)內(nèi)外普遍應(yīng)用的專(zhuān)用網(wǎng)頁(yè)設(shè)計(jì)軟件。它被稱(chēng)為“織夢(mèng)者”，即它的英文單詞所表達(dá)的意思。Dreamweaver不僅提供了強(qiáng)大的網(wǎng)頁(yè)編輯功能，而且提供了完善的站點(diǎn)管理機(jī)制。它是一個(gè)集網(wǎng)頁(yè)創(chuàng)作和站點(diǎn)管理兩大利器于一身的超重量級(jí)創(chuàng)作工具。
網(wǎng)頁(yè)設(shè)計(jì)的重點(diǎn)是版面的設(shè)計(jì)，即如何將所有的素材按照設(shè)計(jì)要求精美地羅列在頁(yè)面中。所以，如何排版成為網(wǎng)頁(yè)設(shè)計(jì)中的關(guān)鍵。
2 使用表格和層排版
在Dreamweaver網(wǎng)頁(yè)設(shè)計(jì)中，排版的方法有很多種，其中使用表格和層排版是基本的方法，通過(guò)設(shè)計(jì)模式可以輕松完成，簡(jiǎn)單易學(xué)，是大家常用的方法，對(duì)網(wǎng)頁(yè)排版起到了重要的作用。
2.1 表格排版
在制作網(wǎng)頁(yè)時(shí)，要想將文本、圖片等組織得美觀，有條理，就需要排版人員頭腦里有一個(gè)整體布局的概念。在Dreamweaver中，安排頁(yè)面內(nèi)容布局主要是依靠表格來(lái)完成的。通過(guò)表格的相互嵌套和合并、拆分，可以將自己的構(gòu)思完整地表現(xiàn)出來(lái)。表格是網(wǎng)頁(yè)設(shè)計(jì)制作時(shí)不可缺少的重要元素，它以簡(jiǎn)潔明了和高效快捷的方式將數(shù)據(jù)、文本、圖片、表單等元素有序地顯示在頁(yè)面上，從而設(shè)計(jì)出版式漂亮的頁(yè)面。使用表格排版的頁(yè)面，在不同平臺(tái)、不同分辨率的瀏覽器里都能保持其原有的布局，且在不同的瀏覽器平臺(tái)有較好的兼容性，所以表格是網(wǎng)頁(yè)中最常用的排版方式之_。
表格排版比較規(guī)范，整體性強(qiáng)，一般的網(wǎng)頁(yè)排版中都會(huì)使用表格進(jìn)行整體的排版，但其表現(xiàn)比較中規(guī)中矩，不會(huì)有太多其他的豐富功能。
2.2 層排版
層是CSS中的定位技術(shù)，在Dreamweaver中可對(duì)其可視化操作。文本、圖像、表格等元素只能固定其位置，不能相互疊加在一起，使用層功能，可以將其放置在網(wǎng)頁(yè)文檔內(nèi)的任何一個(gè)位置，還可以按順序排放網(wǎng)頁(yè)文檔中的其他構(gòu)成元素。層體現(xiàn)了網(wǎng)頁(yè)技術(shù)從二維空間向三維空間的一種延伸。
層具有很多表格所不具備的特點(diǎn)，比如可以重疊，便于移動(dòng)，可設(shè)為隱藏，還能為層添加一些行為，使頁(yè)面具有更豐富的變化等。這些特點(diǎn)有助于設(shè)計(jì)思維不受局限，從而發(fā)揮更多的想象力。由于它是一種新的CSS定位技術(shù)，層在具有上述優(yōu)點(diǎn)的同時(shí)，也存在著一些不可避免的缺陷，比如兼容性、定位問(wèn)題。所以，目前比較大型的網(wǎng)站不會(huì)單獨(dú)使用層來(lái)排版。
2.3 層轉(zhuǎn)換成表格排版
前面提到，層與表格都可以用來(lái)在頁(yè)面中定位其他對(duì)象，它們有時(shí)可以互相取代，但兩者并不完全相同，有時(shí)就必須使用其中的一種。比如，當(dāng)需要用到表格來(lái)排版頁(yè)面，但又覺(jué)得表格的添加比較煩瑣，而層比較靈活，這時(shí)候，排版者可以使用層到表格的轉(zhuǎn)換來(lái)實(shí)現(xiàn)。具體的操作步驟是：（1）首先在層面板中勾選“防止重疊”選項(xiàng)，這樣繪制層的時(shí)候就不會(huì)出現(xiàn)疊加和嵌套的現(xiàn)象；（2）在頁(yè)面中繪制若干個(gè)層，把頁(yè)面中的各元素添加到層里面；（3）把每個(gè)層自由地排列到頁(yè)面中各個(gè)相應(yīng)的位置；（4）使用層排版結(jié)束之后，要將層排版轉(zhuǎn)化為表格排版，選擇“修改”“轉(zhuǎn)換”“層到表格”命令，在對(duì)話框中設(shè)置好相應(yīng)的參數(shù)，確定之后層就會(huì)轉(zhuǎn)換成對(duì)應(yīng)的表格。
這種排版方法在排列對(duì)象時(shí)比較靈活一點(diǎn)，但有時(shí)也會(huì)產(chǎn)生一些多余的單元格。當(dāng)然，這種方法一般適用于不太復(fù)雜的頁(yè)面的排版，對(duì)于比較復(fù)雜的圖文混排頁(yè)面，最好還是采用傳統(tǒng)的表格排版方法。
3 排版時(shí)容易出現(xiàn)的問(wèn)題及解決方法
3.1 整體表格排版出現(xiàn)的問(wèn)題
有很多人在網(wǎng)頁(yè)中用表格排版時(shí)習(xí)慣使用一個(gè)大表格，然后在大表格中嵌入_個(gè)個(gè)小表格，認(rèn)為這保持了排版的整體性，其實(shí)這個(gè)習(xí)慣是不好的。一個(gè)大而長(zhǎng)的表格在瀏覽器中打開(kāi)時(shí)會(huì)加重瀏覽器的負(fù)擔(dān)，瀏覽器一般是等待整個(gè)表格的內(nèi)容都接收到以后才顯示這個(gè)表格的內(nèi)容，如果一個(gè)很長(zhǎng)的頁(yè)面使用一個(gè)大表格排版，那么這個(gè)網(wǎng)頁(yè)顯示速度就會(huì)比較慢，使得頁(yè)面呈現(xiàn)的時(shí)間大大加長(zhǎng)，很多時(shí)候有些網(wǎng)頁(yè)的訪問(wèn)者會(huì)失去等待的耐心而放棄瀏覽這個(gè)網(wǎng)頁(yè)。
解決的方法是：拆分表格，將大表格化整為零，把表格打散，并要盡可能地避免表格的層層嵌套。注意，拆分后的表格的寬度要設(shè)置為相等，這樣表格的排版效果和拆分前相比并沒(méi)有改變，在瀏覽器中呈現(xiàn)時(shí)，頁(yè)面會(huì)從上至下一個(gè)個(gè)表格呈現(xiàn)出來(lái)，明顯加快了頁(yè)面打開(kāi)的速度。
3.2 層排版出現(xiàn)位置偏差
在頁(yè)面中使用表格和層混合排版時(shí)，先加入表格進(jìn)行頁(yè)面的整體布局，然后在局部加入層。通常情況下，層加入到頁(yè)面中之后是游離在表格之上的，它雖然移動(dòng)方便，但在頁(yè)面中的位置是固定的，由于表格的寬度是固定像素，設(shè)置在窗口中居中顯示，所以當(dāng)窗口變大時(shí)，表格會(huì)產(chǎn)生一個(gè)相對(duì)位移，但是層卻還在原位，沒(méi)有跟著相對(duì)位移，因而出現(xiàn)層與表格中其他內(nèi)容位置上的偏差。所以，層排版的靈活性同樣也體現(xiàn)了一定的不穩(wěn)定性。
要想辦法使層與頁(yè)面中其他元素一樣，能夠隨瀏覽器的變化而產(chǎn)生相對(duì)位置上的變化，排版者可以將層嵌入到表格的單元格中，使層成為單元格中的一個(gè)元素，就像插入到單元格中的文本、圖片一樣，層就是屬于單元格中的對(duì)象，當(dāng)瀏覽器窗口大小變化時(shí)，表格必然會(huì)產(chǎn)生相對(duì)的變化，層也就會(huì)隨著單元格的位置變化而產(chǎn)生相應(yīng)的變化，這樣就不會(huì)出現(xiàn)頁(yè)面中元素相對(duì)位置的偏差。整個(gè)排版會(huì)變得很規(guī)范，就相當(dāng)于是利用表格整體排版，層只是嵌入到單元格中的一個(gè)元素，又可以使用到層的豐富功能，兩全其美。
解決的方法是：先使用表格對(duì)整個(gè)網(wǎng)頁(yè)的整體進(jìn)行規(guī)劃，然后添加一個(gè)層到表格中的某個(gè)單元格中。添加的方法：直接將工具欄中的層拖動(dòng)到單元格中，這樣該層就成為該單元格的嵌入層，該層在單元格中默認(rèn)是靠左對(duì)齊，垂直方向居中，而且在水平方向是不能移動(dòng)的，只要移動(dòng)便會(huì)脫離該單元格，即成為普通層，不會(huì)是單元格的嵌入對(duì)象，如果在水平方向一定要移動(dòng)的話，可以將該單元格的位置進(jìn)行調(diào)整，進(jìn)而單元格中的嵌入層也會(huì)隨之移動(dòng)。而在垂直方向上的位置是可以調(diào)整的，不過(guò)不要用鼠標(biāo)拖動(dòng)，這樣容易使層脫離單元格，可以選中層通過(guò)方向箭上下移動(dòng)或?qū)⒃搯卧翊怪狈较蛏系奈恢糜伞熬又小备臑椤绊敹恕被颉暗锥恕薄?/p>
采用這種方法設(shè)置層后，無(wú)論窗口大小怎么變化，層始終是跟著單元格位置變化而變化，因而不會(huì)出現(xiàn)之前那種位置上的偏差。
這個(gè)問(wèn)題解決之后，接下來(lái)就可以在頁(yè)面中利用層的一些行為來(lái)豐富頁(yè)面。
關(guān)鍵詞：網(wǎng)頁(yè)設(shè)計(jì)；搭配；主題色
優(yōu)秀的網(wǎng)頁(yè)作品能夠使人印象深刻。除了網(wǎng)頁(yè)內(nèi)容豐富、圖像精美、技術(shù)含量高之外，網(wǎng)頁(yè)的色彩也十分重要！在網(wǎng)頁(yè)設(shè)計(jì)，色彩最重要的一環(huán)。當(dāng)我們打開(kāi)網(wǎng)頁(yè)時(shí)，首先看到的網(wǎng)頁(yè)的色彩，隨后才關(guān)注版式或者是圖片以及網(wǎng)頁(yè)內(nèi)容。所以根據(jù)網(wǎng)站的風(fēng)格與主題來(lái)配色設(shè)計(jì)，是網(wǎng)站設(shè)計(jì)的關(guān)鍵所在。盡管色彩的搭配靈活多變，網(wǎng)頁(yè)設(shè)計(jì)的色彩應(yīng)用也是有章可循的，以下以一些經(jīng)典網(wǎng)頁(yè)為例，介紹網(wǎng)頁(yè)設(shè)計(jì)中色彩應(yīng)用技巧。
一、黑白灰的搭配技巧
色彩分有彩色和無(wú)彩色。黑白灰屬于無(wú)彩色，其它的色彩都屬于彩色。色相，明度和純度，是色彩的三要素，而無(wú)彩色只有明度屬性。黑白灰是萬(wàn)能色，當(dāng)兩種色彩的搭配不協(xié)調(diào)時(shí)，加入黑或灰色，會(huì)有意想不到的效果。很多網(wǎng)站色彩設(shè)計(jì)留出大塊的白色空間，這種設(shè)計(jì)成為“留白藝術(shù)”。這種留白設(shè)計(jì)能讓人感覺(jué)心情放松，有無(wú)限遐想。白色也是網(wǎng)頁(yè)設(shè)計(jì)中最普遍的一種色彩設(shè)計(jì)。
二、色彩三要素的應(yīng)用技巧
1.色相色相，指色彩的相貌，色彩最顯著的特征，是色彩之間的主要區(qū)。比如紅色，黃色，藍(lán)色等各自代表不同的色相。同一色相的色彩，調(diào)整明度或純度比較容易搭配，比如深紅，大紅，粉紅，紫紅。色彩在有豐富的感情和象征含義，比如白色聯(lián)想白雪、棉花、白糖，聯(lián)想到純潔，干凈，神圣、明快、虛無(wú)等；紅色讓人聯(lián)想到玫瑰、太陽(yáng)、熱血、紅旗、紅燈，聯(lián)想到喜慶，興奮、革命、危險(xiǎn)等。橙色代表歡快，華麗，收獲；紫色象征著女性化，高雅，浪漫；藍(lán)色象征高科技，穩(wěn)重，理智、深遠(yuǎn)；綠色代表了充滿青春的活力，舒適，希望等。某種色彩并不一定代表了固定的某種含義，是在具體情景下具有恰當(dāng)?shù)暮x；在特定的場(chǎng)合下，同種色彩也可以表現(xiàn)出不同的含義。2.明度明度，指的是色彩的明暗程度，也稱(chēng)作亮度，色彩越亮明度就越高。比如一些兒童類(lèi)、購(gòu)物類(lèi)網(wǎng)站。多是一些鮮艷明亮的色彩設(shè)計(jì)，讓人感覺(jué)生氣勃勃，歡快絢麗。明度越低，顏色越暗。一些游戲類(lèi)網(wǎng)站的暗色調(diào)設(shè)計(jì)，充滿了神秘感；運(yùn)用一些暗色調(diào)的設(shè)計(jì)能夠充分表達(dá)個(gè)人的孤僻或憂郁等性格。有明度差大的色彩比較容易調(diào)和。3.純度純度，指色彩的鮮艷程度，原色純度最高，調(diào)和其他顏色越多，色彩純度越低。純度低的色彩暗、淡且含灰色。
三、色彩的調(diào)和方法
1.相近色相近色是指色環(huán)中相鄰的三種顏色。相近色在網(wǎng)站設(shè)計(jì)中極為常用。相近色的色彩搭配使人感覺(jué)舒適自然。圖1是一個(gè)SOHO網(wǎng)站，它很有藝術(shù)性，整個(gè)網(wǎng)站的色調(diào)考究，以鄰近色、暖調(diào)、中明度搭配，舒適自然。2.互補(bǔ)色互補(bǔ)色又稱(chēng)補(bǔ)色，是指色環(huán)中相對(duì)的兩種色彩，色彩對(duì)比度大。在互補(bǔ)色的設(shè)計(jì)中，適當(dāng)?shù)恼{(diào)整一下補(bǔ)色的亮度，能夠是對(duì)比的視覺(jué)效果更出色。圖2是國(guó)際足聯(lián)的首頁(yè)設(shè)計(jì)，該站點(diǎn)以黃藍(lán)對(duì)比，畫(huà)面醒目而充滿活力。
四、網(wǎng)頁(yè)設(shè)計(jì)中冷暖色彩的運(yùn)用技巧
1.暖色暖色一般應(yīng)用于購(gòu)物類(lèi)網(wǎng)站，電子商務(wù)網(wǎng)站，兒童類(lèi)網(wǎng)站等等，用以體現(xiàn)商品的琳瑯滿目，兒童類(lèi)網(wǎng)站的活潑、溫馨等效果。2.冷色冷色一般適合表達(dá)嚴(yán)肅，穩(wěn)重等效果，綠色藍(lán)色、藍(lán)紫色等都屬于冷色系列。冷色系色調(diào)多應(yīng)用于一些高科技，游戲類(lèi)網(wǎng)站。冷色與白色搭配能達(dá)到一種不錯(cuò)的效果。
五、色彩均衡技巧
網(wǎng)站圖文的合理排版，能使人感到舒適協(xié)調(diào)，色彩的均衡搭配使網(wǎng)站的視覺(jué)、心理更加平衡和諧。網(wǎng)站色彩設(shè)計(jì)不會(huì)單一的運(yùn)用某一種顏色，設(shè)計(jì)者必須要考慮色彩的均衡的問(wèn)題。色彩的均衡，包括色彩的位置，每種色彩所占的面積、不同色彩的比例等等。比如灰暗的色彩面積過(guò)多，回事人產(chǎn)生壓抑等感覺(jué)；鮮艷明亮的色彩面積如果過(guò)多，則會(huì)使人感覺(jué)刺眼不舒適。
六、確定網(wǎng)站的主題色
網(wǎng)站鮮明獨(dú)特的主題色，讓客戶(hù)即目標(biāo)明確，也興致盎然。網(wǎng)站設(shè)計(jì)者必須考慮主題色的確定。網(wǎng)頁(yè)選用的色彩盡量控制在4種左右，太多的色彩會(huì)讓人感覺(jué)凌亂混沌、不能突出主題特色。確定好主題色，配色與主題色搭配必須能夠有助于烘托主題。另外確定明度，純度、色相那種要素占主導(dǎo)。色彩為網(wǎng)站內(nèi)容服務(wù)，必須與網(wǎng)站的主題以及氣氛相適應(yīng)，色彩的搭配不僅僅是單純的運(yùn)用，必須考慮諸多因素，例如，了解你的網(wǎng)站所要傳達(dá)的訊息和品牌，明確網(wǎng)站的職能；了解你的讀者群，掌握訪問(wèn)者的類(lèi)別、社會(huì)背景、心理需求和場(chǎng)合的差異等，社會(huì)背景不同，目的不同，往往會(huì)對(duì)色彩的感受也不同，因此網(wǎng)站的用色必須盡可能的吸引各種的注意力。好的網(wǎng)頁(yè)配色并不是漂亮色彩的羅列，是需要根據(jù)網(wǎng)站的整體構(gòu)思進(jìn)行協(xié)調(diào)搭配，才是最為恰當(dāng)色彩。盡管作品內(nèi)容、設(shè)計(jì)方向、制作手法各有所異，但始終遵循的設(shè)計(jì)法則是不變的，網(wǎng)頁(yè)設(shè)計(jì)的色彩永遠(yuǎn)是值得探索和嘗試的區(qū)域，但切記：網(wǎng)頁(yè)設(shè)計(jì)的秘訣之一就是巧妙的色彩設(shè)計(jì)！
結(jié)語(yǔ)
色彩的搭配數(shù)之不盡，設(shè)計(jì)者不能機(jī)械按照某些配色法則搭配設(shè)計(jì)色彩方案。在確定主題涵義的基礎(chǔ)上，依據(jù)網(wǎng)頁(yè)風(fēng)格來(lái)確定主色調(diào)，勁兒完善整個(gè)頁(yè)面的配色方案，達(dá)到和諧悅目的視覺(jué)整體感。
參考文獻(xiàn)：
[1]王欣，王鑫.色彩構(gòu)成[M].湖北美術(shù)出版社，2005.
[2]張建辛.構(gòu)成[M].高等教育出版社1998.
[3]王欣，王鑫.色彩構(gòu)成[M].湖北美術(shù)出版社，2005.
當(dāng)今網(wǎng)絡(luò)的普及加上快節(jié)奏的生活方式使得人們的閱讀行為發(fā)生轉(zhuǎn)向，越來(lái)越多的人開(kāi)始從印刷文本的閱讀逐漸轉(zhuǎn)變?yōu)榛跀?shù)字視覺(jué)圖像的閱讀，由此引發(fā)了閱讀對(duì)象、閱讀方式、閱讀性質(zhì)以及閱讀心理和功能價(jià)值等多方面的重大轉(zhuǎn)變。計(jì)算機(jī)技術(shù)的發(fā)展使得插畫(huà)藝術(shù)從過(guò)去狹義的概念（只限于書(shū)籍、報(bào)紙、雜志中所添加的圖和畫(huà)）變得更為廣義，藝術(shù)性的圖畫(huà)和含有說(shuō)明性文字的插圖都稱(chēng)之為插畫(huà)。插畫(huà)設(shè)計(jì)是社會(huì)和歷史的沉淀，成為了一種重要的藝術(shù)形式，插畫(huà)能激發(fā)人們的想象力，能給觀賞者帶來(lái)豐富的視覺(jué)體驗(yàn)，由于其直觀性和便于接受性，已經(jīng)延展到網(wǎng)絡(luò)、電影里的片花、CD封面、時(shí)裝，玩具、游戲角色設(shè)定等一些新的文化載體當(dāng)中。在國(guó)外，插畫(huà)被看成是一個(gè)大的應(yīng)用網(wǎng)絡(luò)，滲透到各個(gè)領(lǐng)域。
二插畫(huà)藝術(shù)的發(fā)展
中國(guó)的插畫(huà)歷史和歐洲的相似，最早都是把插畫(huà)運(yùn)用于宗教讀物之中，隨著社會(huì)的發(fā)展，插圖逐漸被廣泛地運(yùn)用于自然科學(xué)書(shū)籍、文學(xué)書(shū)籍和經(jīng)典作家的出版物上。在一段時(shí)期內(nèi)手繪插畫(huà)受到新技術(shù)的巨大沖擊，曾一度被照片所取代。受現(xiàn)代藝術(shù)流派的影響，插畫(huà)風(fēng)格日趨多樣化并伴隨著現(xiàn)代設(shè)計(jì)的觀念更新而不斷發(fā)展，各種主流的或是非主流的插畫(huà)元素彰顯出極具個(gè)性化的視覺(jué)語(yǔ)言。最近幾年，插畫(huà)變得越來(lái)越流行，在視覺(jué)信息傳播媒體中顯現(xiàn)出絢麗的光芒，被快速地運(yùn)用于商業(yè)生產(chǎn)和銷(xiāo)售中，實(shí)現(xiàn)了商業(yè)性和藝術(shù)性的完美結(jié)合。如今，在現(xiàn)代數(shù)字媒介多元化的依托下，全新的視覺(jué)時(shí)代為新一代插畫(huà)家提供了更多的發(fā)展空間。插畫(huà)具有高效率、多樣化、準(zhǔn)確性、成本底等特點(diǎn)，更易于進(jìn)行商業(yè)操作。技術(shù)和市場(chǎng)的擴(kuò)大和多樣性給插畫(huà)家?guī)?lái)了新的機(jī)遇，插畫(huà)藝術(shù)可以同時(shí)涉及多個(gè)領(lǐng)域，插畫(huà)行業(yè)的特點(diǎn)和局限性也在不斷受到挑戰(zhàn)，在這種相互作用下，動(dòng)畫(huà)、游戲、手機(jī)、網(wǎng)絡(luò)開(kāi)發(fā)領(lǐng)域?yàn)椴瀹?huà)家?guī)?lái)了新的機(jī)遇。數(shù)字網(wǎng)絡(luò)媒介的加入讓插畫(huà)藝術(shù)迎來(lái)了又一個(gè)高峰，插畫(huà)在網(wǎng)頁(yè)設(shè)計(jì)中的成功運(yùn)用，使得商業(yè)插畫(huà)的潛在市場(chǎng)不斷擴(kuò)大。
三插畫(huà)藝術(shù)在網(wǎng)頁(yè)環(huán)境下的特性網(wǎng)絡(luò)
作為新興的傳播媒介，有著傳播速度快、傳播信息量大、無(wú)地域性、交互性強(qiáng)等特點(diǎn)，并且由于綜合了視頻、圖形、文字、動(dòng)畫(huà)、音頻等在內(nèi)的多種媒體的效果，增添了插畫(huà)的時(shí)間性和交互性，使插畫(huà)從二維、三維空間走向了四維空間。數(shù)字網(wǎng)絡(luò)的傳播形式使得插畫(huà)由單一的靜止形態(tài)轉(zhuǎn)向了立體化、空間化的多元形態(tài)，實(shí)現(xiàn)了插畫(huà)與數(shù)字技術(shù)的結(jié)合。插畫(huà)在網(wǎng)頁(yè)環(huán)境中的運(yùn)用必須要與傳統(tǒng)媒介的運(yùn)用有所區(qū)分，插畫(huà)在網(wǎng)絡(luò)環(huán)境的運(yùn)用中視覺(jué)設(shè)計(jì)表達(dá)的是一定的意圖和要求，即要對(duì)經(jīng)濟(jì)效益產(chǎn)生作用，最大程度地吸引消費(fèi)者的注意力，激發(fā)他們的購(gòu)買(mǎi)欲望。明確的主題，并按照視覺(jué)心理規(guī)律和形式將信息主動(dòng)地傳達(dá)給觀賞者。訴求的目的，是使主題在適當(dāng)?shù)沫h(huán)境里被人們及時(shí)地理解和接受，以滿足人們的實(shí)用和需求，這就要求視覺(jué)設(shè)計(jì)不但要單純、簡(jiǎn)練、清晰和精確，而且在強(qiáng)調(diào)藝術(shù)性的同時(shí)，更應(yīng)該注重通過(guò)獨(dú)特的風(fēng)格和強(qiáng)烈的視覺(jué)沖擊力，來(lái)鮮明地突出設(shè)計(jì)主題，讓受眾在審美的過(guò)程中接受和處理所傳達(dá)的信息。插畫(huà)運(yùn)用應(yīng)該和導(dǎo)航系統(tǒng)聯(lián)合起來(lái)共同引導(dǎo)瀏覽者的視覺(jué)流程，因此插畫(huà)的藝術(shù)性在于確保整個(gè)網(wǎng)頁(yè)的個(gè)性化和整體性。設(shè)計(jì)師需要讓瀏覽者在最短的時(shí)間內(nèi)接受到信息與美感的雙重體驗(yàn)，滿足人們的實(shí)用和需求。通過(guò)塑造可視的形象來(lái)表現(xiàn)社會(huì)生活和設(shè)計(jì)師情感的藝術(shù)形式。設(shè)計(jì)師為了使網(wǎng)頁(yè)得到更大程度的推廣，受眾更樂(lè)意接受，在設(shè)計(jì)作品的過(guò)程中，應(yīng)該以審美原則與審美體驗(yàn)作為依據(jù)來(lái)創(chuàng)作，要達(dá)到最佳的表訴方式，應(yīng)先從審美特征入手，善于巧妙運(yùn)用各種元素創(chuàng)造出適合不同欣賞習(xí)慣、富有個(gè)性的圖形，這樣才能獲得最佳的藝術(shù)效果。經(jīng)過(guò)設(shè)計(jì)師的藝術(shù)化渲染，商品的特質(zhì)往往被突出強(qiáng)調(diào)，激發(fā)了瀏覽者的點(diǎn)擊沖動(dòng)。無(wú)外乎精彩的網(wǎng)頁(yè)往往都能讓人在瀏覽網(wǎng)頁(yè)的整個(gè)過(guò)程一直保持興趣盎然，使用起來(lái)明確清晰，在細(xì)節(jié)上把握得游刃有余。隨著網(wǎng)絡(luò)傳播的廣泛性和高速性，網(wǎng)站已經(jīng)成為越來(lái)越多公司及個(gè)人與大眾交流的平臺(tái)，挑戰(zhàn)著設(shè)計(jì)師的創(chuàng)造力和想象力。而插畫(huà)元素的運(yùn)用對(duì)于企業(yè)和個(gè)人形象來(lái)說(shuō)無(wú)疑是一種全方位的藝術(shù)提升，不僅有助于企業(yè)樹(shù)立良好的社會(huì)形象，還能更為直觀地展示企業(yè)的產(chǎn)品和服務(wù)。
四插畫(huà)藝術(shù)風(fēng)格在網(wǎng)頁(yè)中的運(yùn)用
眾所周知，資訊的發(fā)達(dá)帶來(lái)了網(wǎng)頁(yè)視覺(jué)藝術(shù)的多元化，也造成了視覺(jué)上的平庸。那么，如何有效地實(shí)現(xiàn)網(wǎng)絡(luò)視覺(jué)藝術(shù)的傳達(dá)與交流呢？一方面，網(wǎng)頁(yè)設(shè)計(jì)中的藝術(shù)審美是一種通過(guò)視覺(jué)符號(hào)、藝術(shù)形象去認(rèn)識(shí)客觀世界的思維活動(dòng)。生動(dòng)的視覺(jué)藝術(shù)能夠喚起瀏覽者的審美情緒，從而符合他們獲取信息的心理需求和審美體驗(yàn)上的滿足；另一方面，通過(guò)設(shè)計(jì)師的藝術(shù)化渲染，讓瀏覽者對(duì)企業(yè)產(chǎn)生好感度，從而激發(fā)瀏覽者的點(diǎn)擊沖動(dòng)。在網(wǎng)頁(yè)設(shè)計(jì)中，設(shè)計(jì)師先根據(jù)需求把主題與內(nèi)容加以深層次的聯(lián)想，然后通過(guò)具體的形象符號(hào)表達(dá)出網(wǎng)頁(yè)豐富的感彩，最后運(yùn)用視覺(jué)審美體系的各構(gòu)成元素，把技巧和情感與各種視覺(jué)符號(hào)融為一體，轉(zhuǎn)化為生動(dòng)、精彩的網(wǎng)頁(yè)視覺(jué)形象，喚起人們對(duì)網(wǎng)絡(luò)視覺(jué)藝術(shù)的追求與熱愛(ài)。網(wǎng)絡(luò)上充滿了各種各樣的信息，插畫(huà)風(fēng)格成了網(wǎng)頁(yè)設(shè)計(jì)中不可替代的藝術(shù)形式，在設(shè)計(jì)主題的表現(xiàn)上顯示出獨(dú)特的藝術(shù)魅力。插畫(huà)中獨(dú)特的親切、活波、個(gè)性、旋目的感覺(jué)展現(xiàn)出網(wǎng)頁(yè)設(shè)計(jì)的多樣性，插畫(huà)中個(gè)性化的表現(xiàn)技巧貫穿網(wǎng)頁(yè)設(shè)計(jì)中，使得頁(yè)面免于平庸，給瀏覽者帶來(lái)別出心裁、強(qiáng)烈奇特的多元化視覺(jué)印象。當(dāng)然，一個(gè)高明的網(wǎng)頁(yè)設(shè)計(jì)師需要具備高度的表現(xiàn)力，這種表現(xiàn)力又能傳播更迅速、更方便、更有時(shí)代特征、更具心靈震撼力的信息。它要求設(shè)計(jì)師具有多變的風(fēng)格語(yǔ)言和高超的表現(xiàn)技能，并能在網(wǎng)頁(yè)設(shè)計(jì)的限制中充分發(fā)揮個(gè)性和意象的魅力。插畫(huà)藝術(shù)風(fēng)格在網(wǎng)頁(yè)設(shè)計(jì)中的運(yùn)用無(wú)論具象還是抽象、自由還是機(jī)械，意在創(chuàng)造一種能夠迅速傳達(dá)并容易為平民化所接受并高度符號(hào)化的圖形語(yǔ)言。
1熱情桑巴裝飾性元素在插畫(huà)中的運(yùn)用有很長(zhǎng)的歷史。詭異的形象，流暢優(yōu)美的線條，從19世紀(jì)末的比亞萊茲插畫(huà)到現(xiàn)代的英國(guó)的設(shè)計(jì)師SiScott的插畫(huà)，裝飾性風(fēng)格風(fēng)采依舊。好的裝飾風(fēng)格會(huì)幫助用戶(hù)使用而確保用戶(hù)在導(dǎo)航網(wǎng)站上走得更遠(yuǎn)。Havaianas是巴西一家人字拖鞋生產(chǎn)企業(yè)，獨(dú)特的設(shè)計(jì)風(fēng)格，已在好萊塢以及時(shí)尚圈變的廣為皆知，加上插畫(huà)家AdhemasBatista對(duì)Havaianas網(wǎng)站（）的精心設(shè)計(jì)，使得Havaianas成為設(shè)計(jì)師、名人和名模的最?lèi)?ài)。新穎的裝飾插畫(huà)運(yùn)用是Havaianas網(wǎng)頁(yè)的特色，絢爛的色彩，豐富視覺(jué)形象的運(yùn)用，唯美的畫(huà)面，把插畫(huà)藝術(shù)的技巧和企業(yè)的品牌文化完美地結(jié)合在一起，使得用戶(hù)跟著舞動(dòng)在這股人字拖巴西桑巴旋風(fēng)中。頁(yè)面的銜接變換出無(wú)窮的靈氣，在動(dòng)感的音樂(lè)背景中，鞋子的夸張形象在畫(huà)面中不斷綻放。完美的創(chuàng)意加上精良的制作，使整個(gè)視覺(jué)的設(shè)計(jì)給人一種獨(dú)特的異域風(fēng)、震撼美，豐富而不凌亂、絢麗而不媚俗，導(dǎo)航條、插畫(huà)以及商品特性的結(jié)合自然統(tǒng)一。
2個(gè)性空間涂鴉作為Hip-hop文化的一部分，涉及了非主流、民間藝術(shù)、符號(hào)學(xué)、達(dá)達(dá)主義、后現(xiàn)代主義等意識(shí)形態(tài)，逐漸被商業(yè)化并被吸納成一種特殊的表現(xiàn)形式，作為插畫(huà)的一種藝術(shù)形式，各種符號(hào)所代表的內(nèi)容大都反映著年輕人追求獨(dú)特豪放不羈的個(gè)性和自由的心理特點(diǎn)，強(qiáng)烈的色彩運(yùn)用使涂鴉這種獨(dú)一無(wú)二的視覺(jué)性很容易突出品牌的個(gè)性化特點(diǎn)。涂鴉藝術(shù)的表現(xiàn)內(nèi)容來(lái)源于生活，各種元素都可以作為其創(chuàng)作的表現(xiàn)形式，但這種創(chuàng)作又不是簡(jiǎn)單的直白描繪，而是通過(guò)夸張的圖形和構(gòu)思巧妙的構(gòu)圖表現(xiàn)出來(lái)，濃郁的色彩極富視覺(jué)沖擊力。涂鴉風(fēng)格的美體現(xiàn)在它的“拙”上，是內(nèi)心情感的流露和表達(dá)，是回歸自然的豁達(dá)和坦然。廣州木果服飾有限公司的網(wǎng)站（）的涂鴉運(yùn)用，把大面積的紅墻肌理作為背景，畫(huà)面上出現(xiàn)的紅色怪舌頭，猶如城市里的一張張大嘴，加上俄羅斯男高音Vitas歌聲的烘托把我們帶入了一個(gè)奇異的幻想世界，年輕個(gè)性且強(qiáng)烈的視覺(jué)體驗(yàn)立刻撲面而來(lái)。
3童話心境卡通風(fēng)格是大家最為熟悉的一種插畫(huà)風(fēng)格，體現(xiàn)在其表現(xiàn)手法上，即背景的平面化、圖式的卡通化、符號(hào)的并置化。這些卡通造型雖然用筆簡(jiǎn)單，但特有的親和力和創(chuàng)造力體現(xiàn)了一種角色的互換極具夸張的特征。卡通形象的夸張性也造就了網(wǎng)頁(yè)的親和力。（）是AliceChan的個(gè)人網(wǎng)站，孩童式的理想空間，極富女性化色彩的頁(yè)面，子頁(yè)面的卡通形象都有著迷人的大眼睛跟首頁(yè)形象大眼女孩公仔形神俱似，雖然每個(gè)交互頁(yè)面有所區(qū)別，但相同的風(fēng)格使得頁(yè)面能夠很好地貫穿在一起。在個(gè)人心情網(wǎng)頁(yè)（），淡雅的灰藍(lán)色是這個(gè)網(wǎng)頁(yè)的基本色調(diào)，美麗中夾雜著傷感的意境，平靜中帶著些許的漣漪。每個(gè)頁(yè)面聯(lián)系起來(lái)仿佛是在訴說(shuō)著一個(gè)跟愛(ài)情有關(guān)故事。
4輕舞飛揚(yáng)湯姆和戴絲兩位設(shè)計(jì)師的網(wǎng)站（）交互性很強(qiáng)大，互動(dòng)的設(shè)計(jì)更會(huì)引起受眾的興趣，滿足人們的參與感。瀏覽者不再僅僅是信息的被動(dòng)接受者，他們擁有更大的選擇與參與機(jī)會(huì)。具象的插畫(huà)風(fēng)格運(yùn)用布局恰到好處，設(shè)計(jì)者把情境安排到房間里，層出不窮地在網(wǎng)頁(yè)上展示著獨(dú)特的魅力。燈可以選擇開(kāi)關(guān)，碟片可以選擇性地播放，吹著暖煦的海風(fēng)，聞著淡淡的花香，感受著咖啡在手中的情調(diào)，欣賞著設(shè)計(jì)師的作品，忍不住要隨著藍(lán)調(diào)音樂(lè)輕舞飛揚(yáng)起來(lái)。似乎瀏覽者就是這個(gè)小空間的主人，真實(shí)情境的參與性提升了網(wǎng)頁(yè)的趣味性，強(qiáng)烈的主題與設(shè)計(jì)技巧的結(jié)合為人們拓展了一個(gè)豐富的視覺(jué)享受空間。平靜的畫(huà)面中流露出來(lái)的小資情調(diào)，為我們編織了一個(gè)美麗的、愜意的情感空間。
5幻想世界基于對(duì)未來(lái)的憧憬和探索想象、奇幻、怪誕的想象力被源源不斷地釋放出來(lái)，現(xiàn)實(shí)生活中無(wú)法存在的虛擬情境通過(guò)具象的方式展現(xiàn)出來(lái)，人神合一的生物體、奇特的怪獸與現(xiàn)實(shí)世界結(jié)合起來(lái)共同構(gòu)筑了一個(gè)幻想世界。科幻風(fēng)格是設(shè)計(jì)師比較熱衷的表現(xiàn)風(fēng)格，在大量科幻影視、小說(shuō)、游戲的帶動(dòng)下，科幻風(fēng)格的作品大行其道，應(yīng)運(yùn)而生的3D制作具有后現(xiàn)代的感覺(jué)，給觀者頹廢及冷酷的印象。網(wǎng)頁(yè)的魔幻風(fēng)格運(yùn)用一般是與企業(yè)游戲和影視的宣傳相結(jié)合的。如網(wǎng)站（）中，荒誕的場(chǎng)景，怪獸的運(yùn)用帶來(lái)視覺(jué)上的強(qiáng)烈刺激。
什么是網(wǎng)絡(luò)廣告
簡(jiǎn)單地說(shuō)，網(wǎng)絡(luò)廣告就是在網(wǎng)絡(luò)上做的廣告。
利用網(wǎng)站上的廣告橫幅、文本鏈接、多媒體的方法，在互聯(lián)網(wǎng)刊登或廣告，通過(guò)網(wǎng)絡(luò)傳遞到互聯(lián)網(wǎng)用戶(hù)的一種高科技廣告運(yùn)作方式。
與傳統(tǒng)的四大傳播媒體(報(bào)紙、雜志、電視、廣播)廣告及近來(lái)備受垂青的戶(hù)外廣告相比，網(wǎng)絡(luò)廣告具有得天獨(dú)厚的優(yōu)勢(shì)，是實(shí)施現(xiàn)代營(yíng)銷(xiāo)媒體戰(zhàn)略的重要一部分。Internet是一個(gè)全新的廣告媒體，速度最快效果很理想，是中小企業(yè)擴(kuò)展裝大的很好途徑，對(duì)于廣泛開(kāi)展國(guó)際業(yè)務(wù)的公司更是如此。
目前網(wǎng)絡(luò)廣告的市場(chǎng)正在以驚人的速度增長(zhǎng)，網(wǎng)絡(luò)廣告發(fā)揮的效用越來(lái)越顯得重要。以致廣告界甚至認(rèn)為互聯(lián)網(wǎng)絡(luò)將超越路牌，成為傳統(tǒng)四大媒體(電視、廣播、報(bào)紙、雜志)之后的第五大媒體。因而眾多國(guó)際級(jí)的廣告公司都成立了專(zhuān)門(mén)的“網(wǎng)絡(luò)媒體分部”，以開(kāi)拓網(wǎng)絡(luò)廣告的巨大市場(chǎng)。
網(wǎng)絡(luò)廣告的優(yōu)勢(shì)
1、網(wǎng)絡(luò)廣告是多維廣告
傳統(tǒng)媒體是二維的，而網(wǎng)絡(luò)廣告則是多維的，它能將文字、圖像和聲音有機(jī)的組合在一起，傳遞多感官的信息，讓顧客如身臨其境般感受商品或服務(wù)。網(wǎng)絡(luò)廣告的載體基本上是多媒體、超文本格式文件，廣告受眾可以對(duì)其感興趣的產(chǎn)品信息進(jìn)行更詳細(xì)的了解，使消費(fèi)者能親身體驗(yàn)產(chǎn)品、服務(wù)與品牌。這種圖、文、聲、像相結(jié)合的廣告形式，將大大增強(qiáng)網(wǎng)絡(luò)廣告的實(shí)效。
2、網(wǎng)絡(luò)廣告擁有最有活力的消費(fèi)群體
互聯(lián)網(wǎng)用戶(hù)70.54%集中在經(jīng)濟(jì)較為發(fā)達(dá)地區(qū)，64%家庭人均月收入高于1000元，85.8%年齡在18歲到35歲之間，83%受過(guò)大學(xué)以上教育。因此，網(wǎng)絡(luò)廣告的目標(biāo)群體是目前社會(huì)上層次最高、收入最高、消費(fèi)能力最高的最具活力的消費(fèi)群體。這一群體的消費(fèi)總額往往大于其他消費(fèi)層次之和。
3、網(wǎng)絡(luò)廣告制作成本低，速度快，更改靈活
網(wǎng)絡(luò)廣告制作周期短，即使在較短的周期進(jìn)行投放，也可以根據(jù)客戶(hù)的需求很快完成制作，而傳統(tǒng)廣告制作成本高，投放周期固定。另外，在傳統(tǒng)媒體上做廣告后很難更改即使可以改動(dòng)往往也須付出很大的經(jīng)濟(jì)代價(jià)。而在互聯(lián)網(wǎng)上做廣告能夠按照客戶(hù)需要及時(shí)變更廣告內(nèi)容。這樣，經(jīng)營(yíng)決策的變化就能及時(shí)實(shí)施和推廣。
4、網(wǎng)絡(luò)廣告具有交互性和縱深性
交互性強(qiáng)交互性是互聯(lián)網(wǎng)絡(luò)媒體的最大的優(yōu)勢(shì)，它不同于傳統(tǒng)媒體的信息單向傳播，而是信息互動(dòng)傳播。通過(guò)鏈接，用戶(hù)只需簡(jiǎn)單地點(diǎn)擊鼠標(biāo)，就可以從廠商的相關(guān)站點(diǎn)中得到更多、更詳盡的信息。另外，用戶(hù)可以通過(guò)廣告位直接填寫(xiě)并提交在線表單信息，廠商可以隨時(shí)得到寶貴的用戶(hù)反饋信息，進(jìn)一步減少了用戶(hù)和廣告客戶(hù)之間的距離。同時(shí)，網(wǎng)絡(luò)廣告可以提供進(jìn)一步的產(chǎn)品查詢(xún)需求。
5、網(wǎng)絡(luò)廣告能進(jìn)行完善的統(tǒng)計(jì)
“無(wú)法衡量的東西就無(wú)法管理。”網(wǎng)絡(luò)廣告通過(guò)及時(shí)和精確的統(tǒng)計(jì)機(jī)制，使廣告主能夠直接對(duì)廣告的進(jìn)行在線監(jiān)控。而傳統(tǒng)的廣告形式只能通過(guò)并不精確的收視率、發(fā)行量等來(lái)統(tǒng)計(jì)投放的受眾數(shù)量。
6、網(wǎng)絡(luò)廣告可以跟蹤和衡量廣告的效果
廣告主能通過(guò)Internet即時(shí)衡量廣告的效果。通過(guò)監(jiān)視廣告的瀏覽量、點(diǎn)擊率等指標(biāo)，廣告主可以統(tǒng)計(jì)出多少人看到了廣告，其中有多少人對(duì)廣告感興趣進(jìn)而進(jìn)一步了解了廣告的詳細(xì)信息。因此，較之其他任何廣告，網(wǎng)絡(luò)廣告使廣告主能夠更好地跟蹤廣告受眾的反應(yīng)，及時(shí)了解用戶(hù)和潛在用戶(hù)的情況。
7、網(wǎng)絡(luò)廣告的投放更具有針對(duì)性
通過(guò)提供眾多的免費(fèi)服務(wù)，網(wǎng)站一般都能建立完整的用戶(hù)數(shù)據(jù)庫(kù)，包括用戶(hù)的地域分布、年齡、性別、收入、職業(yè)、婚姻狀況、愛(ài)好等。這些資料可幫助廣告主分析市場(chǎng)與受眾，根據(jù)廣告目標(biāo)受眾的特點(diǎn)，有針對(duì)性地投放廣告，并根據(jù)用戶(hù)特點(diǎn)作定點(diǎn)投放和跟蹤分析，對(duì)廣告效果作出客觀準(zhǔn)確的評(píng)價(jià)。
另外，網(wǎng)絡(luò)廣告還可以提供有針對(duì)性的內(nèi)容環(huán)境。不同的網(wǎng)站或者是同一網(wǎng)站不同的頻道所提供的服務(wù)是不同質(zhì)且具有很強(qiáng)類(lèi)的分別的，這就為密切迎合廣告目標(biāo)受眾的興趣提供了可能。
8、網(wǎng)絡(luò)廣告的受眾關(guān)注度高
據(jù)資料顯示，電視并不能集中人的注意力，電視觀眾40%的人同時(shí)在閱讀，21%的人同時(shí)在做家務(wù)，13%的人在吃喝，12%的人在玩賞它物，10%在烹飪，9%在寫(xiě)作，8%在打電話。而網(wǎng)上用戶(hù)55%在使用計(jì)算機(jī)時(shí)不做任何它事，只有6%同時(shí)在打電話，只有5%在吃喝，只有4%在寫(xiě)作。
9、網(wǎng)絡(luò)廣告縮短了媒體投放的進(jìn)程
廣告主在傳統(tǒng)媒體上進(jìn)行市場(chǎng)推廣一般要經(jīng)過(guò)三個(gè)階段：市場(chǎng)開(kāi)發(fā)期、市場(chǎng)鞏固期和市場(chǎng)維持期。在這三個(gè)階段中，廠商要首先獲取注意力，創(chuàng)立品牌知名度；在消費(fèi)者獲得品牌的初步信息后，推廣更為詳細(xì)的產(chǎn)品信息。然后是建立和消費(fèi)者之間較為牢固的聯(lián)系，以建立品牌忠誠(chéng)。而互聯(lián)網(wǎng)將這三個(gè)階段合并在一次廣告投放中實(shí)現(xiàn)：消費(fèi)者看到網(wǎng)絡(luò)廣告，點(diǎn)擊后獲得詳細(xì)信息，并填寫(xiě)用戶(hù)資料或直接參與廣告主的市場(chǎng)活動(dòng)甚至直接在網(wǎng)上實(shí)施購(gòu)買(mǎi)行為。
10、網(wǎng)絡(luò)廣告?zhèn)鞑シ秶鷱V、不受時(shí)空限制
通過(guò)國(guó)際互聯(lián)網(wǎng)絡(luò)，網(wǎng)絡(luò)廣告可以將廣告信息24小時(shí)不間斷地傳播到世界的每一個(gè)角落。只要具備上網(wǎng)條件，任何人，在任何地點(diǎn)都可以閱讀。這是傳統(tǒng)媒體無(wú)法達(dá)到的。
11、網(wǎng)絡(luò)廣告具有可重復(fù)性和可檢索性
網(wǎng)絡(luò)廣告可以將文字、聲音、畫(huà)面完美地結(jié)合之后供用戶(hù)主動(dòng)檢索，重復(fù)觀看。而與之相比電視廣告卻是讓廣告受眾被動(dòng)地接受廣告內(nèi)容。如果錯(cuò)過(guò)廣告時(shí)間，就不能再得到廣告信息。另外，顯而易見(jiàn)，較之網(wǎng)絡(luò)廣告的檢索平面廣告的檢索要費(fèi)時(shí)、費(fèi)事的多。
12、網(wǎng)絡(luò)廣告具有價(jià)格優(yōu)勢(shì)
從價(jià)格方面考慮，與報(bào)紙雜志或電視廣告相比，目前網(wǎng)絡(luò)廣告費(fèi)用還是較為低廉的。獲得同等的廣告效應(yīng)，網(wǎng)絡(luò)廣告的有效千人成本遠(yuǎn)遠(yuǎn)低于傳統(tǒng)廣告媒體。一個(gè)廣告主頁(yè)一年的費(fèi)用大致為幾千元人民幣，而且主頁(yè)內(nèi)容可以隨企業(yè)經(jīng)營(yíng)決策的變更隨時(shí)改變，這是傳統(tǒng)廣告媒體不可想像的。
1999年全球網(wǎng)絡(luò)廣告支出為28億美元。預(yù)計(jì)2004年全球網(wǎng)絡(luò)廣告支出將達(dá)到220億美元。據(jù)Jupiter通信公司日前的一份研究報(bào)告顯示，美國(guó)的互聯(lián)網(wǎng)廣告在未來(lái)的4年內(nèi)將以40%的速度增長(zhǎng)，到2003年有望達(dá)到115億美元，將超過(guò)廣告客戶(hù)花在一些傳統(tǒng)媒體上的廣告費(fèi)，接近現(xiàn)在廣播電視行業(yè)廣告費(fèi)的3/4。雖然中國(guó)的互聯(lián)網(wǎng)廣告在1997年才開(kāi)始出現(xiàn)，但是經(jīng)過(guò)三年的發(fā)展，網(wǎng)絡(luò)廣告已經(jīng)成為中國(guó)互聯(lián)網(wǎng)站的最主要收入形式。由于上述優(yōu)勢(shì)，中國(guó)互聯(lián)網(wǎng)廣告收入也以每年400%速率遞增，2000年底將達(dá)到2千6百萬(wàn)美金，網(wǎng)絡(luò)廣告將成為企業(yè)市場(chǎng)推廣必不可少的高效途徑。
本文著重分析了《網(wǎng)頁(yè)設(shè)計(jì)與制作》課程教學(xué)存在的問(wèn)題，探索了《網(wǎng)頁(yè)設(shè)計(jì)與制作》課程教學(xué)改革的策略，以提高《網(wǎng)頁(yè)設(shè)計(jì)與制作》教學(xué)質(zhì)量。
關(guān)鍵詞：
網(wǎng)頁(yè)設(shè)計(jì)與制作；課程；教學(xué)改革；策略
隨著互聯(lián)網(wǎng)的發(fā)展，互聯(lián)網(wǎng)已經(jīng)被廣泛運(yùn)用到人們的工作和生活之中，其中企業(yè)網(wǎng)站對(duì)企業(yè)的宣傳與發(fā)展有著重要作用，網(wǎng)頁(yè)設(shè)計(jì)與制作成為企業(yè)建設(shè)網(wǎng)站的重要技術(shù)支撐。因此，各企業(yè)積極引入高素質(zhì)網(wǎng)頁(yè)設(shè)計(jì)與制作人才的，強(qiáng)化企業(yè)網(wǎng)站建設(shè)。而高校作為為企業(yè)培養(yǎng)人才的基本場(chǎng)所，十分重視《網(wǎng)頁(yè)設(shè)計(jì)與制作》課程教學(xué)的開(kāi)展，并在新課改背景下積極探索《網(wǎng)頁(yè)設(shè)計(jì)與制作》教學(xué)改革的科學(xué)方法。但是，由于受傳高校教育模式的影響，《網(wǎng)頁(yè)設(shè)計(jì)與制作》課程教學(xué)在學(xué)習(xí)地位、實(shí)踐教學(xué)、師生溝通等方面都存在著一些問(wèn)題需要高校改進(jìn)。研究《網(wǎng)頁(yè)設(shè)計(jì)與制作》課程教學(xué)改革不僅能夠提高教學(xué)質(zhì)量，培養(yǎng)高素質(zhì)網(wǎng)絡(luò)設(shè)計(jì)與制作人才，而且對(duì)企業(yè)發(fā)展和互聯(lián)網(wǎng)發(fā)展有著深刻意義。
1《網(wǎng)頁(yè)設(shè)計(jì)與制作》課程教學(xué)存在的問(wèn)題
1.1學(xué)生學(xué)習(xí)被動(dòng)
長(zhǎng)期以來(lái)，我國(guó)高校《網(wǎng)頁(yè)設(shè)計(jì)與制作》教學(xué)多采用理論與實(shí)踐課程交替的教學(xué)方式，教師為學(xué)生講解基本的《網(wǎng)頁(yè)設(shè)計(jì)與制作》理論知識(shí)，并為學(xué)生進(jìn)行實(shí)踐操作師范，讓后讓學(xué)生根據(jù)課堂筆記或一級(jí)進(jìn)行模仿操作。在這種教學(xué)模式下，學(xué)生的網(wǎng)頁(yè)設(shè)計(jì)與制作處于被動(dòng)的地位，學(xué)生的積極性不高。具體來(lái)說(shuō)，有些學(xué)生不愿意聽(tīng)教師的理論知識(shí)講解，有些學(xué)生不愿意完成老師的網(wǎng)頁(yè)設(shè)計(jì)與制作作業(yè)，在課堂上出現(xiàn)睡覺(jué)、玩手機(jī)甚至是曠課現(xiàn)象，學(xué)生的專(zhuān)業(yè)基礎(chǔ)知識(shí)不扎實(shí)，無(wú)法將專(zhuān)業(yè)理論知識(shí)與網(wǎng)頁(yè)設(shè)計(jì)與制作實(shí)踐相結(jié)合。
1.2學(xué)生動(dòng)手能力較差
在教師進(jìn)行示范的時(shí)候，部分學(xué)生認(rèn)為教師致使拖動(dòng)鼠標(biāo)，具體操作內(nèi)容沒(méi)有難度，不愿意認(rèn)真觀察教師的示范，而到實(shí)踐鍛煉的時(shí)候，很多學(xué)生對(duì)具體的操作步驟不屑一顧，認(rèn)為網(wǎng)頁(yè)設(shè)計(jì)與制作操作過(guò)于簡(jiǎn)答。但是當(dāng)學(xué)生真正上手進(jìn)行網(wǎng)絡(luò)設(shè)計(jì)與制作會(huì)發(fā)現(xiàn)自己對(duì)操作步驟和操作技巧不了解，無(wú)法進(jìn)行網(wǎng)頁(yè)設(shè)計(jì)與制作。另外，還有些學(xué)生的自我意識(shí)較強(qiáng)，不愿意按照教師的講解進(jìn)行網(wǎng)頁(yè)設(shè)計(jì)與制作，而是一味按照自己的經(jīng)驗(yàn)和想法設(shè)計(jì)制作網(wǎng)頁(yè)，導(dǎo)致網(wǎng)頁(yè)設(shè)計(jì)與制作的專(zhuān)業(yè)性和科學(xué)性不強(qiáng)。
1.3缺乏溝通
首先，在《網(wǎng)頁(yè)設(shè)計(jì)與制作》教學(xué)中，教師與學(xué)生之間缺乏溝通與互動(dòng)。一方面，教師缺乏對(duì)學(xué)生的了解，無(wú)法掌握學(xué)生的學(xué)習(xí)現(xiàn)狀、學(xué)習(xí)興趣和學(xué)習(xí)需求，《網(wǎng)頁(yè)設(shè)計(jì)與制作》教學(xué)只是按照教學(xué)大綱和教材開(kāi)展，缺乏對(duì)學(xué)生學(xué)習(xí)需求的重視。并且，很多教師在課堂講解的過(guò)程中一味追求講授的知識(shí)量，沒(méi)有涉及師生互動(dòng)環(huán)節(jié)，導(dǎo)致學(xué)生的課堂參與程度較低。另一方面，學(xué)生習(xí)慣了傳統(tǒng)的教師權(quán)威的師生關(guān)系，很多學(xué)生在《網(wǎng)頁(yè)設(shè)計(jì)與制作》課程學(xué)習(xí)的過(guò)程中不敢與教師溝通交流，也不敢向教師提問(wèn)，害怕教師批評(píng)和嘲諷；其次，在《網(wǎng)頁(yè)設(shè)計(jì)與制作》教學(xué)中，學(xué)生之間缺乏溝通與互動(dòng)，很多學(xué)生都是獨(dú)自為戰(zhàn)，自行設(shè)計(jì)并制作網(wǎng)絡(luò)，但是，個(gè)人的知識(shí)和智慧是有限的，個(gè)人設(shè)計(jì)與制作網(wǎng)頁(yè)受到知識(shí)水平和專(zhuān)業(yè)技能的限制較大。
2《網(wǎng)頁(yè)設(shè)計(jì)與制作》課程教學(xué)改革的策略
2.1重新定位課程教學(xué)標(biāo)準(zhǔn)
首先，高校《網(wǎng)頁(yè)設(shè)計(jì)與制作》教學(xué)應(yīng)積極重視企業(yè)的用人標(biāo)準(zhǔn)，在《網(wǎng)頁(yè)設(shè)計(jì)與制作》教學(xué)中重點(diǎn)培養(yǎng)學(xué)生的職業(yè)素養(yǎng)、團(tuán)隊(duì)精神、審美能力、美術(shù)功底、計(jì)算機(jī)技能等基礎(chǔ)能力和素質(zhì)；其次《網(wǎng)頁(yè)設(shè)計(jì)與制作》教學(xué)應(yīng)加強(qiáng)重視課程教育目標(biāo)，根據(jù)新課改的課程教學(xué)要求強(qiáng)調(diào)學(xué)生創(chuàng)新思維和動(dòng)手操作能力的培養(yǎng)，使學(xué)生具備網(wǎng)頁(yè)正當(dāng)年規(guī)劃與構(gòu)建能力、網(wǎng)頁(yè)圖形設(shè)計(jì)能力、動(dòng)畫(huà)設(shè)計(jì)和制作能力等。
2.2優(yōu)化教學(xué)內(nèi)容
《網(wǎng)頁(yè)設(shè)計(jì)與制作》課程教學(xué)應(yīng)根據(jù)教學(xué)大綱和企業(yè)的用人要求科學(xué)設(shè)計(jì)教學(xué)內(nèi)容，將教學(xué)內(nèi)容氛圍Web基礎(chǔ)知識(shí)、Fireworks、Flash、Dreamweaver這四個(gè)模塊。具體來(lái)說(shuō)，Web基礎(chǔ)知識(shí)模塊主要包括網(wǎng)絡(luò)常用名、網(wǎng)頁(yè)瀏覽器、網(wǎng)頁(yè)設(shè)計(jì)原則等基礎(chǔ)知識(shí)。Fireworks主要包括基礎(chǔ)知識(shí)、基本操作技能和高級(jí)應(yīng)用。Flash主要包括基礎(chǔ)知識(shí)、基本動(dòng)畫(huà)制作技巧和高級(jí)技術(shù)等內(nèi)容。Dreamweaver主要包括基礎(chǔ)知識(shí)、網(wǎng)頁(yè)定位技術(shù)、動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)、網(wǎng)頁(yè)站點(diǎn)管理、數(shù)據(jù)庫(kù)連接技術(shù)等知識(shí)。
2.3更新教學(xué)模式
高校《網(wǎng)頁(yè)設(shè)計(jì)與制作》課堂教學(xué)應(yīng)積極更新教學(xué)模式，采用班級(jí)授課制、網(wǎng)絡(luò)教學(xué)、個(gè)別化教學(xué)等模式開(kāi)展課堂教學(xué)。并且，教師應(yīng)積極運(yùn)用高校的多媒體設(shè)備，讓每個(gè)學(xué)生在課堂上擁有一臺(tái)計(jì)算機(jī)，并使用多媒體技術(shù)向?qū)W生全面展示教學(xué)內(nèi)容，指導(dǎo)學(xué)生的網(wǎng)頁(yè)設(shè)計(jì)與制作，加強(qiáng)學(xué)生的動(dòng)手練習(xí)。另外，高校《網(wǎng)頁(yè)設(shè)計(jì)與制作》教學(xué)應(yīng)積極利用網(wǎng)絡(luò)中的教學(xué)資源，將網(wǎng)絡(luò)中的教學(xué)資源引入到教學(xué)活動(dòng)中，以視頻、圖片等形式向?qū)W生展示網(wǎng)頁(yè)設(shè)計(jì)與制作技巧，提高《網(wǎng)頁(yè)設(shè)計(jì)與制作》教學(xué)的吸引力。
引用：
[1]《網(wǎng)頁(yè)制作》課程實(shí)踐教學(xué)模式的探索與設(shè)計(jì)[J].薛輝.電腦與電信. 2016(Z1)
摘要:隨著互聯(lián)網(wǎng)的蓬勃發(fā)展,出現(xiàn)了許多優(yōu)秀的企業(yè)主頁(yè)
>> 淺析網(wǎng)頁(yè)設(shè)計(jì)原則與制作技巧 網(wǎng)頁(yè)設(shè)計(jì)原則及技巧 網(wǎng)頁(yè)設(shè)計(jì)的小技巧 Dreamweaver必備網(wǎng)頁(yè)設(shè)計(jì)技巧 淺談網(wǎng)頁(yè)藝術(shù)設(shè)計(jì)中的網(wǎng)頁(yè)版式設(shè)計(jì)與編排 對(duì)網(wǎng)頁(yè)設(shè)計(jì)藝術(shù)的探討與研究 藝術(shù)高職院校網(wǎng)頁(yè)設(shè)計(jì)教學(xué)的研究與實(shí)踐 網(wǎng)頁(yè)設(shè)計(jì)中藝術(shù)創(chuàng)新的研究與實(shí)現(xiàn)探討 探討網(wǎng)頁(yè)設(shè)計(jì)的藝術(shù)與處理原則 淺談網(wǎng)頁(yè)藝術(shù)設(shè)計(jì) 網(wǎng)頁(yè)藝術(shù)設(shè)計(jì)探索 網(wǎng)頁(yè)藝術(shù)設(shè)計(jì)初探 《網(wǎng)頁(yè)設(shè)計(jì)與制作》 網(wǎng)頁(yè)設(shè)計(jì)的布局和用色技巧 網(wǎng)站設(shè)計(jì)及網(wǎng)頁(yè)制作技巧 網(wǎng)頁(yè)的版式設(shè)計(jì)技巧探討 網(wǎng)頁(yè)新聞編譯的原則與技巧 網(wǎng)頁(yè)配色的方法與技巧 淺談網(wǎng)頁(yè)制作的經(jīng)驗(yàn)與技巧 板式設(shè)計(jì)課程中的網(wǎng)頁(yè)版式設(shè)計(jì)結(jié)構(gòu)與藝術(shù)性探索 常見(jiàn)問(wèn)題解答 當(dāng)前所在位置：或.html即可。這時(shí),保存的位置中會(huì)出現(xiàn)相應(yīng)的網(wǎng)頁(yè)文件了,直接打開(kāi),就可看到網(wǎng)頁(yè)的效果。但是單由記事本編輯出的網(wǎng)頁(yè)在效果上會(huì)過(guò)于簡(jiǎn)單,不美觀,或功能不是很完善,這就需要我們?cè)诤?jiǎn)單掌握html語(yǔ)言后,利用其它的,更為直觀的網(wǎng)頁(yè)制作工具來(lái)進(jìn)行網(wǎng)頁(yè)的制作了。
1.2 掌握網(wǎng)頁(yè)三劍客和簡(jiǎn)單的數(shù)據(jù)庫(kù)使用
何為網(wǎng)頁(yè)三劍客?是目前比較流行的制作網(wǎng)頁(yè)的三個(gè)工具軟件,Dreamweaver、Fireworks和Flash。其中Dreamweaver可用來(lái)制作靜態(tài)網(wǎng)頁(yè)、動(dòng)態(tài)網(wǎng)頁(yè)、創(chuàng)建和管理網(wǎng)站、制作樣式表等等,功能強(qiáng)大,應(yīng)用范圍很廣。Fireworks是圖像處理軟件,不僅具備復(fù)雜的圖像處理功能,并且能輕松地把圖形輸出到第三方的應(yīng)用程序中,它最大的特點(diǎn)是,應(yīng)用網(wǎng)頁(yè)制作方面的切片功能,使網(wǎng)頁(yè)圖片處理起來(lái)更方便,快捷了。Flas制作軟件,目前,大大小小的網(wǎng)頁(yè)中,都有flas存在著,給網(wǎng)頁(yè)增添了精彩的效果,使網(wǎng)頁(yè)更加精致,還可利用flash制作出有趣的游戲,留言板,聊天室等等,是功能強(qiáng)大的應(yīng)用軟件。
網(wǎng)頁(yè)中經(jīng)常會(huì)用到聊天室、留言板、用戶(hù)注冊(cè)、網(wǎng)上問(wèn)答等等內(nèi)容,這樣網(wǎng)頁(yè)就被分成了動(dòng)態(tài)網(wǎng)頁(yè)和靜態(tài)網(wǎng)頁(yè)二種,不使用服務(wù)器相關(guān)內(nèi)容,不使用數(shù)據(jù)庫(kù)鏈接的網(wǎng)頁(yè)被稱(chēng)為靜態(tài)網(wǎng)頁(yè),直接使用Dreamweaver來(lái)進(jìn)行編輯就可以了,它的文件名中的擴(kuò)展名為.htm或.html。而動(dòng)態(tài)網(wǎng)頁(yè)正是相對(duì)于靜態(tài)網(wǎng)頁(yè)來(lái)說(shuō)的,它的擴(kuò)展名一般為.asp或.php等等。這種網(wǎng)頁(yè)要使用相應(yīng)的服務(wù)器技術(shù),并用到數(shù)據(jù)庫(kù)和數(shù)據(jù)庫(kù)鏈接知識(shí)。常用的數(shù)據(jù)庫(kù)有Access數(shù)據(jù)庫(kù)、SQL Server數(shù)據(jù)庫(kù)等[2]。
3 網(wǎng)頁(yè)內(nèi)容的選取
網(wǎng)頁(yè)的內(nèi)容是靈魂,制作的網(wǎng)頁(yè)是否受歡迎,是否能吸引訪問(wèn)者的眼球,是否能達(dá)到預(yù)期的效果。這些都是網(wǎng)頁(yè)制作時(shí)我們必須要預(yù)先考慮的問(wèn)題。
那么如何完成內(nèi)容的定位泥?
① 在定位網(wǎng)站內(nèi)容時(shí),要做到小而精,切忌包羅萬(wàn)象。把你認(rèn)為最精彩的東西都放在上面,那么往往會(huì)事與愿違,給人以?xún)?nèi)容泛泛,大而空的感覺(jué).最好做比較專(zhuān)一的內(nèi)容。試想,如果我們將自己最擅長(zhǎng)的某種知識(shí)或技術(shù)等內(nèi)容做到網(wǎng)頁(yè)中,建立一個(gè)專(zhuān)題的站點(diǎn),那么一旦有訪問(wèn)者第一次在這里一下子就找到了他想找的內(nèi)容的話。那么如果再有這方面的需求,首先就會(huì)想到你的站點(diǎn)。
② 如果是個(gè)人網(wǎng)頁(yè),那就一定要突出自身的個(gè)性,當(dāng)今社會(huì)是提倡張揚(yáng)個(gè)性的時(shí)代,除了別人都有的內(nèi)容之外,自己還要融入一些自身的特點(diǎn),是內(nèi)容要有亮點(diǎn),配色也可不拘一格,大膽用色。從各個(gè)角度烘托出制作者的獨(dú)特性格。
③ 如果是企業(yè)的站點(diǎn),要注意的是:企業(yè)的運(yùn)營(yíng)宗旨是否能完好體現(xiàn),能否在網(wǎng)頁(yè)中最大限度體現(xiàn)企業(yè)網(wǎng)站功能和用戶(hù)最需要的內(nèi)容,用戶(hù)的操作是否簡(jiǎn)便等;要做到網(wǎng)頁(yè)內(nèi)容主次分明,結(jié)構(gòu)要清晰簡(jiǎn)潔。
④ 對(duì)于能留住訪問(wèn)者的另一個(gè)重要問(wèn)題,就是網(wǎng)頁(yè)的速度。對(duì)于一個(gè)瀏覽頁(yè)面時(shí)間超長(zhǎng)的網(wǎng)頁(yè),我想不會(huì)讓人有再次訪問(wèn)的想法。對(duì)于線路和網(wǎng)路本身的速度我們不能控制,但我們可以在網(wǎng)頁(yè)設(shè)計(jì)中避免一些影響速度的因素。好的網(wǎng)頁(yè)應(yīng)是越簡(jiǎn)單易讀越好。我們可以從以下幾個(gè)方面來(lái)考慮。首先,影響瀏覽速度的最重要因素之一是圖片容量大小,漂亮的圖片、絢麗的動(dòng)畫(huà)效果,會(huì)使你的主頁(yè)增光添彩,但圖片的容量大小卻是直接導(dǎo)致瀏覽速度慢嚴(yán)重后果。盡管你的內(nèi)容精彩絕倫,網(wǎng)頁(yè)漂亮,但打開(kāi)你的網(wǎng)頁(yè)需要等上半天,在這時(shí)間就是金錢(qián)的時(shí)代,誰(shuí)會(huì)再次的光顧呢?可利用圖片制作工具將圖片進(jìn)行加工,在不太影響效果的前提下,可利用修改存儲(chǔ)格式,降低像素,分辨率,減少動(dòng)畫(huà)應(yīng)用等途經(jīng)來(lái)達(dá)到目的。
4 網(wǎng)頁(yè)制作步驟
制作網(wǎng)頁(yè)和裝修差不多,先從整體的角度構(gòu)思出網(wǎng)頁(yè)的內(nèi)容、色彩等,然后利用相應(yīng)的軟件進(jìn)行實(shí)際操作。
① 網(wǎng)站定位
先確定所要建立的網(wǎng)站的類(lèi)型,確定網(wǎng)站風(fēng)格,網(wǎng)站色調(diào),網(wǎng)站層次,將網(wǎng)站結(jié)構(gòu)先確立出來(lái)。
② 收集素材
現(xiàn)在的互聯(lián)上的資源非常豐富,各種各樣的圖片資源、動(dòng)畫(huà)資源等多媒體資源比比皆是,就所確定的網(wǎng)站風(fēng)格等因素,收集相關(guān)素材。
③ 使用Fireworks等圖型制作軟件將網(wǎng)頁(yè)先畫(huà)出來(lái)
這一步驟很關(guān)鍵,無(wú)論使用哪種網(wǎng)頁(yè)制作軟件,在進(jìn)行編輯時(shí)經(jīng)常用到表格,用表格來(lái)定位圖片,用表格來(lái)定位文本,用表格來(lái)組合被切割的小圖片等。因?yàn)榫W(wǎng)頁(yè)時(shí)經(jīng)常會(huì)出現(xiàn)后位置更改的現(xiàn)象,使用表格來(lái)規(guī)劃網(wǎng)頁(yè),會(huì)得到事半功倍的效果。另外,小圖片的下載速度要比一整張大圖片的下載速度快的多,所以在網(wǎng)頁(yè)中多是將大的圖片切割成小部分后,利用無(wú)邊框,無(wú)間距的表格將小圖片組合成一張大圖。那么,第一步,在使用表格制作前,應(yīng)用圖片處理軟件進(jìn)行網(wǎng)頁(yè)設(shè)計(jì),將整個(gè)網(wǎng)頁(yè)的效果圖片畫(huà)出來(lái)。第二步,利用Fireworks的切片工具,將所畫(huà)出的效果圖切成適合的小圖片,以備使用。
④ 利用Flas制作軟件制作LOGO和Banner動(dòng)畫(huà)
LOGO是網(wǎng)站的標(biāo)識(shí),是一個(gè)站點(diǎn)的象征,是網(wǎng)站形象的重要體現(xiàn)。一個(gè)精美的LOGO可以很好地樹(shù)立網(wǎng)站的形像。LOGO一般放在網(wǎng)頁(yè)的左上角,大小有三種常用規(guī)格:88×31、120×60和120×90。Banner被稱(chēng)為網(wǎng)幅廣告、旗幟廣告或橫幅廣告,是網(wǎng)絡(luò)廣告的主要形式,一般使用GIF格式的圖像文件,也可以使用靜態(tài)圖形,也可用多幀圖像拼接為動(dòng)畫(huà)圖像等[2]。
⑤ 添加相應(yīng)的服務(wù)技術(shù)
網(wǎng)頁(yè)如果被制作成動(dòng)態(tài)網(wǎng)頁(yè)形式,首先要添加相應(yīng)的服務(wù)技術(shù),在我們常用的windows系統(tǒng)中,先要添加IIS網(wǎng)絡(luò)服務(wù)組件,這是windows系統(tǒng)的組件,需要到控制面板中的添加或刪除程序?qū)υ捒蛑?選擇添加刪除windows組件一項(xiàng)中進(jìn)行internet信息服務(wù)(IIS)的添加,這時(shí)需要我們?cè)诠怛?qū)中放入系統(tǒng),或者可以到網(wǎng)絡(luò)上進(jìn)行下載。
⑥ 創(chuàng)建數(shù)據(jù)庫(kù)
網(wǎng)頁(yè)中留言板、信息反饋、用戶(hù)注冊(cè)等等內(nèi)容都要通過(guò)數(shù)據(jù)庫(kù)對(duì)其內(nèi)容進(jìn)行存儲(chǔ),以備網(wǎng)頁(yè)調(diào)用[3]。一般的asp動(dòng)態(tài)網(wǎng)頁(yè)使用Access做為數(shù)據(jù)庫(kù),Access使用起來(lái)很方便,可以根據(jù)向?qū)?lái)創(chuàng)建數(shù)據(jù)庫(kù)內(nèi)容。
⑦ 使用Dreamweaver制作網(wǎng)頁(yè)
所有的準(zhǔn)備工作已經(jīng)差不多了,我們現(xiàn)在要做的是,用Dreamweaver網(wǎng)頁(yè)制作軟件將已有的圖片、文本、數(shù)據(jù)庫(kù)等等內(nèi)容組合到一起,形成我們的網(wǎng)站。首先,創(chuàng)建一個(gè)新的站點(diǎn),在站點(diǎn)內(nèi)新建網(wǎng)頁(yè),一般使用index.htm或index.asp做主頁(yè)名稱(chēng)。其次,在網(wǎng)頁(yè)中插入表格,將已經(jīng)完成的圖片、動(dòng)畫(huà)等多媒體內(nèi)容插入到網(wǎng)頁(yè)中。然后,加入相應(yīng)的圖片效果、鼠標(biāo)經(jīng)過(guò)、超級(jí)鏈接等內(nèi)容。最后添加相應(yīng)的樣式表內(nèi)容,還可以利用行為面板,給網(wǎng)頁(yè)加入一些特效,如彈出窗口、時(shí)間軸特效等。還可以從網(wǎng)站上下載插件,安裝在Dreamweaver中,以增添效果。如果動(dòng)態(tài)網(wǎng)頁(yè)內(nèi)容需要添加數(shù)據(jù)庫(kù)鏈接內(nèi)容,那我們就要在Dreamweaver中的數(shù)據(jù)庫(kù)面板中進(jìn)行操作,添加數(shù)據(jù)源、綁定數(shù)據(jù)、記錄集和服務(wù)器等內(nèi)容。使網(wǎng)頁(yè)更具有實(shí)效性。
5 結(jié)束語(yǔ)
網(wǎng)頁(yè)設(shè)計(jì)是一個(gè)注重實(shí)踐操作和設(shè)計(jì)的課程,需要我們?cè)谥谱髦胁粩嗟膶W(xué)習(xí),不斷的探索;在互聯(lián)網(wǎng)應(yīng)用如此廣泛的今天,網(wǎng)頁(yè)制作的是否精美、實(shí)用,是否有訪問(wèn)量等等是評(píng)價(jià)網(wǎng)頁(yè)優(yōu)劣的最好方法。讓我們?cè)趯?shí)踐中進(jìn)步,在實(shí)踐中走出一條屬于自己的路。
參考文獻(xiàn):
[1] 丁桂芝.ASP動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)教程[M].北京:中國(guó)鐵道出版社,2005:16-18.
關(guān)鍵詞：技工院校；網(wǎng)頁(yè)設(shè)計(jì)
案例教學(xué)在信息時(shí)代快速發(fā)展的今天，各行各業(yè)對(duì)技術(shù)型人才的要求普遍提高。技術(shù)院校捕捉到市場(chǎng)對(duì)人才的新要求，也在積極地進(jìn)行教學(xué)改革。將全新的教學(xué)方法與網(wǎng)頁(yè)設(shè)計(jì)教學(xué)結(jié)合起來(lái)，是促進(jìn)網(wǎng)頁(yè)設(shè)計(jì)教學(xué)目標(biāo)實(shí)現(xiàn)的重要手段。案例教學(xué)法與網(wǎng)頁(yè)設(shè)計(jì)課程的操作性與實(shí)踐性特點(diǎn)相符，以此來(lái)打破傳統(tǒng)教學(xué)模式對(duì)網(wǎng)頁(yè)設(shè)計(jì)教學(xué)的限制，能夠讓學(xué)生的發(fā)展需求得到滿足。
一、做好內(nèi)容選擇工作
選擇案例教學(xué)法內(nèi)容，是實(shí)施案例教學(xué)活動(dòng)的第一步。在選擇案例教學(xué)內(nèi)容時(shí)，教師要堅(jiān)持兩點(diǎn)原則。第一，教學(xué)案例要具有真實(shí)性與典型性。教師選擇教學(xué)案例時(shí)，需要查找社會(huì)生活中真實(shí)存在的網(wǎng)頁(yè)設(shè)計(jì)案例，杜絕一切不真實(shí)的案例走進(jìn)課堂。教學(xué)所用案例要具有典型性，不僅與生活密切相關(guān)，更要能夠啟發(fā)學(xué)生的網(wǎng)頁(yè)設(shè)計(jì)思維，促進(jìn)學(xué)生找到切入點(diǎn)去討論。實(shí)事求是的教學(xué)，才能促進(jìn)學(xué)生網(wǎng)頁(yè)設(shè)計(jì)能力的提升。第二，教學(xué)案例內(nèi)容要與教學(xué)內(nèi)容相關(guān)。之所以將案例教學(xué)法引入技工院校的網(wǎng)頁(yè)設(shè)計(jì)課堂中，就是為了促進(jìn)網(wǎng)頁(yè)設(shè)計(jì)教學(xué)目標(biāo)的快速實(shí)現(xiàn)，讓學(xué)生通過(guò)網(wǎng)頁(yè)設(shè)計(jì)知識(shí)的學(xué)習(xí)，提高自己的實(shí)踐能力。因此，教師需要在教學(xué)目標(biāo)的引導(dǎo)下選擇案例教學(xué)的內(nèi)容，本著提高全體學(xué)生網(wǎng)頁(yè)設(shè)計(jì)技巧的目的選擇有針對(duì)性的案例教學(xué)內(nèi)容。
二、出示任務(wù)書(shū)
出示任務(wù)書(shū)是利用案例教學(xué)法實(shí)施教學(xué)的重要環(huán)節(jié)。任務(wù)書(shū)中包括案例學(xué)習(xí)的內(nèi)容以及具體要求，教師要重視任務(wù)書(shū)的設(shè)計(jì)工作，將學(xué)生要掌握的理論知識(shí)與實(shí)踐技巧明確地整理在任務(wù)書(shū)中，讓學(xué)生以任務(wù)書(shū)為引導(dǎo)實(shí)施開(kāi)展學(xué)習(xí)。換言之，如果學(xué)生掌握了任務(wù)書(shū)中的知識(shí)點(diǎn)，達(dá)到了任務(wù)書(shū)中的目標(biāo)，就等于完成了課本相關(guān)內(nèi)容的學(xué)習(xí)。值得注意的是，教師要重視技工院校學(xué)生創(chuàng)造力的培養(yǎng)，在任務(wù)書(shū)中設(shè)置的任務(wù)要具有啟發(fā)性，設(shè)置任務(wù)的難度不宜太大，要給學(xué)生完成任務(wù)的信心。例如，在講解制作文本網(wǎng)頁(yè)知識(shí)時(shí)，教師可以設(shè)計(jì)這樣一個(gè)任務(wù)書(shū)：掌握網(wǎng)頁(yè)文本格式的設(shè)置技巧，如空格、對(duì)齊、項(xiàng)目列表、標(biāo)題、字體字號(hào)的設(shè)置等。這部分內(nèi)容學(xué)習(xí)難度不大，教師可以選擇學(xué)生所在城市的一個(gè)旅游景點(diǎn)，讓學(xué)生為這個(gè)旅游景點(diǎn)設(shè)計(jì)一個(gè)文本網(wǎng)頁(yè)。這樣讓學(xué)生參與到真實(shí)的案例中，可以鍛煉學(xué)生的網(wǎng)頁(yè)設(shè)計(jì)技巧，有利于提高專(zhuān)業(yè)技能。
三、組織學(xué)生討論
讓學(xué)生在案例學(xué)習(xí)活動(dòng)中發(fā)揮自己的主觀能動(dòng)性，是提升學(xué)生學(xué)習(xí)效果的重要手段。在案例教學(xué)中，教師要組織學(xué)生就難以解決的問(wèn)題進(jìn)行討論，讓學(xué)生在互幫互助中成長(zhǎng)起來(lái)。討論活動(dòng)的實(shí)施要有標(biāo)準(zhǔn)，教師要求小組內(nèi)的每一位成員都表達(dá)自己的看法，分析自己的網(wǎng)頁(yè)設(shè)計(jì)工作，為小組成員的學(xué)習(xí)貢獻(xiàn)自己的力量。在所有觀點(diǎn)都擺上臺(tái)面上之后，再針對(duì)關(guān)鍵問(wèn)題進(jìn)行討論。例如，在旅游景點(diǎn)文本網(wǎng)站的設(shè)計(jì)中，一些學(xué)生對(duì)旅游景點(diǎn)的特色列表持有不同見(jiàn)解，教師要鼓勵(lì)學(xué)生分析網(wǎng)頁(yè)服務(wù)對(duì)象以及受眾，討論出最佳方案，讓學(xué)生在自主探究中實(shí)現(xiàn)個(gè)人能力的提升。
四、總結(jié)點(diǎn)撥，提高案例教學(xué)成效
學(xué)生的學(xué)習(xí)能力再?gòu)?qiáng)，也需要教師的引導(dǎo)。在技工院校的網(wǎng)頁(yè)設(shè)計(jì)教學(xué)中，教師要積極發(fā)揮在課堂教學(xué)中的主導(dǎo)作用。教師通過(guò)案例教學(xué)法實(shí)施教學(xué)，給學(xué)生創(chuàng)造了更加自由與多元化的學(xué)習(xí)、探究與討論的空間，也讓教學(xué)內(nèi)容更加開(kāi)放，從而使教師的教學(xué)行為更加輕松。在學(xué)生的討論過(guò)程中，教師要巡回指導(dǎo)，避免使學(xué)生的學(xué)習(xí)走入歧途，浪費(fèi)時(shí)間。例如，在學(xué)習(xí)網(wǎng)頁(yè)設(shè)計(jì)的知識(shí)時(shí)，教師引入城市現(xiàn)代化進(jìn)程網(wǎng)頁(yè)的案例組織學(xué)生討論。討論中，一些小組在特效功能上產(chǎn)生了分歧，教師要及時(shí)指導(dǎo)，幫助學(xué)生明晰每一種特效的視覺(jué)作用與情感作用，并引導(dǎo)學(xué)生開(kāi)發(fā)特效的設(shè)計(jì)方法，保證案例學(xué)習(xí)的質(zhì)量。
五、小結(jié)
綜上所述，網(wǎng)頁(yè)設(shè)計(jì)知識(shí)的應(yīng)用性與綜合性較強(qiáng)，教師要重視專(zhuān)業(yè)理論知識(shí)的講解，也要針對(duì)企業(yè)對(duì)人才的需求、學(xué)生的個(gè)人能力等加強(qiáng)對(duì)操作方法的指導(dǎo)。選擇科學(xué)合理的案例教學(xué)內(nèi)容，突出學(xué)生在案例學(xué)習(xí)中的主體地位，讓問(wèn)題討論更加深入，鼓勵(lì)學(xué)生說(shuō)出自己的疑惑。科學(xué)應(yīng)用案例教學(xué)法，是推動(dòng)技工院校教學(xué)改革的重要環(huán)節(jié)。
參考文獻(xiàn)：
[1]王哲.項(xiàng)目教學(xué)法在技工院校《網(wǎng)頁(yè)設(shè)計(jì)與制作》課程中的探索與實(shí)踐[D].南昌:南昌大學(xué),2012.
[2]盛志燕.案例教學(xué)法在中職《網(wǎng)頁(yè)設(shè)計(jì)與制作》課程中的應(yīng)用分析[J].信息與電腦(理論版),2015(16).
>> 淺談網(wǎng)頁(yè)設(shè)計(jì)中頁(yè)面布局的教學(xué) 淺析網(wǎng)頁(yè)設(shè)計(jì)中的頁(yè)面布局 淺述網(wǎng)頁(yè)設(shè)計(jì)中的頁(yè)面布局技術(shù) 基于CSS頁(yè)面布局的網(wǎng)頁(yè)設(shè)計(jì) 淺談網(wǎng)頁(yè)設(shè)計(jì)中的布局工具 PHP網(wǎng)頁(yè)設(shè)計(jì)中SHTML頁(yè)面的應(yīng)用 《網(wǎng)頁(yè)設(shè)計(jì)與制作》教學(xué)中任務(wù)的設(shè)計(jì) 淺談《網(wǎng)頁(yè)設(shè)計(jì)與制作》課程的實(shí)訓(xùn)教學(xué) 淺談《網(wǎng)頁(yè)制作》教學(xué)中任務(wù)單的設(shè)計(jì) 淺談網(wǎng)頁(yè)制作課程教學(xué)中的引導(dǎo)頁(yè)設(shè)計(jì) 網(wǎng)頁(yè)設(shè)計(jì)中布局模式的比較 淺談網(wǎng)頁(yè)設(shè)計(jì)與制作中應(yīng)遵循的一些原則 淺談網(wǎng)頁(yè)設(shè)計(jì)與制作中應(yīng)注意的幾個(gè)問(wèn)題 淺談項(xiàng)目式教學(xué)在網(wǎng)頁(yè)設(shè)計(jì)與制作中的應(yīng)用 網(wǎng)頁(yè)設(shè)計(jì)與制作中超鏈接的運(yùn)用 《網(wǎng)頁(yè)設(shè)計(jì)與制作》 淺談“網(wǎng)頁(yè)制作”之網(wǎng)頁(yè)版面的教學(xué)設(shè)計(jì) 《網(wǎng)頁(yè)制作》教學(xué)中的“任務(wù)設(shè)計(jì)” 淺談網(wǎng)頁(yè)制作的經(jīng)驗(yàn)與技巧 淺析基于Photoshop的網(wǎng)頁(yè)頁(yè)面設(shè)計(jì)方法與流程 常見(jiàn)問(wèn)題解答 當(dāng)前所在位置：l”“l(fā)eflframe.html”“mainframe.html”及“框架示例html”。
第五，單擊菜單“窗口”中的[框架]，顯示[框架]面板，在[框架]面板中，選中“mainFrame”，在[屬性]面板中將“滾動(dòng)”設(shè)為“自動(dòng)”。
第六，在頂部的框架中插入圖像。在左側(cè)的框架中插入一個(gè)7行1列的表格，在表格中輸入文字。
第七，在左框架的表格中選中文字，分別設(shè)置文字的超鏈接。
第八，按下F12鍵，打開(kāi)瀏覽器查看網(wǎng)頁(yè)內(nèi)容。
這個(gè)例子用框架布局整個(gè)頁(yè)面，但在框架里又嵌套了表格，這就實(shí)現(xiàn)了框架和表格有機(jī)結(jié)合，讓頁(yè)面布局更加靈活。
三、表格和框架的優(yōu)缺點(diǎn)
表格是用于劃分頁(yè)面區(qū)域的。使用表格布局頁(yè)面的好處是：表格方便排列有規(guī)律、結(jié)構(gòu)均勻；使用表格會(huì)使頁(yè)面結(jié)構(gòu)清晰、布局整齊；表格可被絕大部分的瀏覽器所支持，具有很好的兼容性。表格的缺點(diǎn)是容易產(chǎn)生垃圾代碼，影響頁(yè)面下載時(shí)間，靈活性不大，難于修改。
框架則是用于分割瀏覽器窗口的，框架可以將一個(gè)頁(yè)面拓展為多個(gè)頁(yè)面，每個(gè)頁(yè)面都可以顯示不同的網(wǎng)頁(yè)。框架的優(yōu)點(diǎn)是支持滾動(dòng)條，方便導(dǎo)航。框架的缺點(diǎn)是：難以實(shí)現(xiàn)在不同框架中精確地對(duì)齊各個(gè)頁(yè)面元素；保存時(shí)不方便，應(yīng)用范圍有限；兼容性不好，并不是所有瀏覽器都提供良好的框架支持。
使用表格和框架對(duì)網(wǎng)頁(yè)進(jìn)行布局，各有利弊。初學(xué)者要根據(jù)不同網(wǎng)頁(yè)頁(yè)面的要求做出良好判斷。
四、小結(jié)
