謝 宜

（昆明藝術職業(yè)學院 傳媒學院，云南 昆明 650228）

1 網頁制作流程

（1）制作步驟。對于網站來說，內容和圖片缺一不可，而進行網頁設計就是讓整個網站的頁面風格以及色彩、整體布局和網站內容進行全面創(chuàng)作。對于網頁設計來說，在設計時需要考慮的因素很多，如排版變化、文字安排、圖片格式等，同時還要關注網站的主體選擇，瀏覽者劃分以及對網站的促銷等等。①草稿。在進行網頁草稿設計時，可以打開思路，天馬行空。在這個階段，一切都可以按照自己的設想來進行設計，進行網頁草稿創(chuàng)造可以借助工具PHOTOSHOP來完成。②布局。完成草稿后，再把需要的功能模塊放到頁面上。此時的設計就需要按照一定的原則來進行。網站標志、導航條和廣告條的設計都是有要求和規(guī)范的，對模塊內容的安置也是要規(guī)定執(zhí)行的。③定稿。在網頁設計完成時，要把簡略化的東西細致化，這樣，才算完成了全部設計工作。網頁制作需要看設計的網頁是否表達了客戶的意思。當得到客戶同意后，再進行后面的設計。整個網頁設計完成后，需要經過客戶的首肯之后才能由程序員完成最后的程序設計。

（2）常用參數、圖片質量與下載速度。網絡傳播是因為各種限制而使得速度快慢不一，所以在進行網頁設計時，要充分考慮網速和圖片大小之間的關系，太大的網頁在低網速計算機前的速度是驚人地慢，這樣會使瀏覽者沒有觀賞的耐心。①分辨率。圖片的分辨率對文件大小和下載速度有很大的關系，目前。大多數顯示器使用的是1024×768的分辨率，因此在設計網頁時1024×768就是一道不可逾越的紅線，如果分辨率過高，不但影響網頁圖片觀賞質量，還會影響下載的速度。②位圖。位圖也就是圖像，在設計圖像時，要考慮亮度和色彩會因為分辨率的關系而出現失真，有時還會出現大面積的模糊。③矢量。矢量圖是面向對像的圖像或繪圖圖像，在描述圖像時，常用粗線段來表示，表現圖形特征簡單明了，而且在對圖形進行放大處理時不會失真。④圖片格式。電腦圖片的格式有GIF、JPEG、PNG三種格式。其中，GIF是圖形交換格式，在顏色限定上是256色，因此，在設計對顏色配置要求高的圖片來說，GIF格式就不夠用了。JPEG格式突破了顏色的限制，但其缺點是有時會存在明顯的壓縮痕跡；而選擇PNG格式的圖片則避免了GIF和JPEG的缺點。

2 網頁布局

（1）兩欄式結構。這種結構是最簡單的設計，首先在醒目的位置設計網站標識，然后再放置廣告條；再就是在下面風味左右兩欄，一邊是導航或者欄目信息，一邊是具體的欄目內容。

（2）三欄式結構。這是最普遍的設計結構，廣告條在最顯眼的頂端位置，網頁的內容兩旁也是放置廣告的地方。這樣的設計不需要過多的數據構建，是很多網站喜歡采用的。

（3）“三”型結構。這種結構基本在國外網站都很普遍，好處在于簡單清晰，導航部分在左邊，相對的就是內容顯示。這種網頁設計結構就是清晰，一目了然。而且在設計上采用Flash技術，讓人過目不忘，視覺效果明顯。

3 網頁色彩的要求

不同的色彩給人的感覺是不一樣的，所以，設計者在設計網頁時，要巧用色彩對觀賞者造成的影響，使他們對網站有興趣。一般來說，設計游戲網頁時要用紅色來刺激視覺；設計新聞網站時，適用黑色和深藍色較好；在為網購網站設計網頁時，色彩不能過于艷麗；因此，在色彩選擇上要偏重于柔和。在進行網頁色彩搭配時，要盡量避免產生單調的感覺。

4 網頁設計的細節(jié)把握

（1）顏色。在進行網頁設計時，顏色的使用是最關鍵的。一般來說，網頁都會選用一種主色調，然后圍繞著主色調再挑選配色。這樣，網頁層次就會分明，不會雜亂無序，給人以清爽和舒服的感覺。

（2）線條的運用。在進行網頁設計時，要注意巧妙使用線條進行過渡，這樣觀賞者在觀看網頁時，就會感覺自然流暢。

（3）圖標。為了讓網頁的效果更加突出，在網頁的各個標題前面最好加一些圖標進行點綴。這樣，瀏覽者在觀賞時會覺得網頁的效果非常出彩。不過也不能靠許多圖標出奇取勝，要防止圖標過多也會造成顏色混亂。

（4）文字。網站的內容是用文字來顯示的，因此文字處理第一要素是要把文字的顏色和背景區(qū)分開來，防止瀏覽網頁的人看不清楚。其次，字體的使用要統一，不要胡亂用不常用的字體。因為瀏覽者使用的計算機或許在配置上達不到要求，如果文字使用過于混亂，配置低的計算機就打不開網頁了。第三，文字與文字之間的間隔要適當，便于觀看。

（5）主題要鮮明。在進行網頁設計時，主體明確是基本要求。每個瀏覽者在瀏覽網頁是都是尋找自己最需要的內容，如果主題龐雜，瀏覽者就會選擇離開；在設計網頁時，要讓網頁一打開就能給人以強烈的印象。

5 常用工具介紹

網頁設計所需要的制圖軟件已經開發(fā)了許多，所以，在進行網頁設計時，只要善于使用制圖軟件，就會輕松許多?，F在通常使用的軟件是photoshoop和fire works。在制作效果圖時，設計者要節(jié)省時間最好使用自己最熟悉和運用最熟練的制圖軟件。

photoshoop是一款非常好用的平面設計軟件。由Adobe公司開發(fā)設計，其用戶界面簡單明了，所有功能都具備，對于設計者來說，是一個很好的幫手。所以很多網頁設計者都會選擇Photo shop來進行網頁設計。Photo shop最大的好處就是設計了很多快捷鍵，H鍵、TABLE鍵、D鍵、X鍵可都可以實現一鍵完成任務?？旖萱I地設置，簡化了設計步驟，提高了設計速度。

fire works是網頁開發(fā)圖形處理工具，需要矢量圖形的設計者可以采用，而且它簡單易學，只需要操作兩、三遍就可以輕松使用了。所以，很多網頁設計者都喜歡用它。

[1]鄧文淵.網頁制作高手[M].北京：人民郵電大學出版，2007.

[2]李憲廣.網頁制作邊學邊用[M].北京：清華大學出版社，2009.

[3]許凌云，柳勇良.網頁設計全方位學習[M].北京：清華大學出版社，2008.

[4]焦慧.網頁制作基礎與典型范例[M].北京：電子工業(yè)出版社，2008.

[5]戎馬工作室.Dreamweaver 8與asp動態(tài)網站開發(fā)[M].北京：機械工業(yè)出版社，2006.

[6]戴一波.Dreamweaver CS3網站制作炫例精講[M].北京：電子工業(yè)出版社，2008.

[7]何秀芳.網頁制作與網站建設課堂實錄[M].北京：人民郵電出版社，2009.

[8]孫連三.新編網頁制作與網站建設入門與提高[M].北京：人民郵電出版社，2008.