網站建設應主要考慮的幾個問題

摘要：隨著Web標準在國內的逐漸普及以及很多業內人士的大力推行， 采用CSS+DIV對網站重構日趨被大家重視起來了，很多大型網站已經完成了重構工作。Web標準提出將網頁的內容與表現分離，同時要求HTML文檔要具有良好的結構。在Web標準下，制作網站需要一定的知識和技巧，還有一定的流程。要制作一個具有特色的網頁也是需要一定方法與技巧。本文在這里主要探討了，在Web標準下，網站建設和網頁制作應考慮的幾個問題。

關鍵詞：Web標準；CSS+DIV；重構；網站建設

中圖分類號：TP393文獻標識碼：A文章編號：1009-3044(2008)30-0754-02

The Main Consideration on the Web Site Construction

ZHAO Zhong-shu

(Liaoning University of International Business and Economics，DaLian 116052， China)

Abstract: With the wide spread of Web standard in China as well as the application by the experts in the field， CSS+DIV has attracted great attention when it is applied to the website reconstruction. And a lot of large websites have completed the work of reconstruction with it. The web standard proposes that the content of the webpage and its performance should be separated， and that the HTML document should be well constructed. Under the Web standard， it requires certain knowledge and skills as well as procedure to construct a website. And it is also true to make a webpage with special features. The article discusses the problems that should be taken into consideration in the procedure of constructing the website and making WebPages under the Web standard.

Key words: Web standard; CSS+DIV; reconstruction; Website construction

1 確定網站的標題，網站空間排序適當

一個網站很重要的就是標題，標題就像路牌一樣，讓瀏覽者在你的網站上逛來逛去，全靠它指路了。網站給人的第一印象是否能夠馬上注意到標題，標題要意義清晰、描述性強，把最吸引人的地方放在突出顯眼的位置，然后再慢慢展開。也可以把你的獨特內容包裹成一個懸念，吸引人家注意。讀者看一篇文章，前三段注意力最集中，如果這“寸土寸金”的前三段用不好，瀏覽頁面的時間會變短。

網站空間排序適當，要給人以和諧的感覺，頁面中的文字與圖形的布局要考慮到重點的突出，不能讓圖形淹沒文字，也不能圖形太少而讓人覺得單調。視覺的吸引和誘惑力是不能低估的。

2 網頁應該易懂，要控制每個模塊的信息量

網站設計最重要的原則是網頁要易讀。也就是要多花費心思來規劃文字與背景顏色的搭配方案。注意不要使背景的顏色沖淡了文字的視覺效果，不應用太多的顏色組合，讓人看你的網頁很費勁。一般來說，淺色背景下的深色文字為佳。

文字的字體不要設得太小，也不能太大。文字太小，容易讓人視覺疲勞；文字太大，或者文字視覺效果變化頻繁，像是沖著人大喊大叫，看起來不舒服。另外，最好讓文本左對齊，而不是居中。按當代中文的閱讀習慣，文本大都居左對齊。當然，標題一般應該居中，因為這符合讀者的閱讀習慣。

網站在內容上要盡量要細致，讓人家能在最短的時間內，了解你想呈現給人家什么。開門見山，直截了當。立體規劃內容，將所有部分按一定的構架各就其位、分別納入不同層次的頁面。注意先要把最重要的內容放到首頁上，其他的依次就緒。文本內容盡量別讓其一行文字的寬度，橫跨整個屏幕。段落一多，讓人看起來很費勁，而其瀏覽器不同差別更大。最好別超過屏幕寬度的一半。

3 定位好網站的形象

網站也需要整體的形象包裝和設計。有創意的形象設計，對網站的宣傳推廣有事半功倍的效果。在網站主題和名稱定下來之后，需要思考的就是網站的形象。

1) 設計好網站的標志(logo)。首先需要設計制作一個網站的標志(logo)。就如同商標一樣，logo是站點特色和內涵的集中體現，看見logo就讓大家聯想起站點。標志可以是中文，英文字母，可以是符號，圖案，可以是動物或者人物等等。標志的設計創意來自網站的名稱和內容。

2) 設計網站的標準色彩。網站給人的第一印象來自視覺沖擊，確定網站的標準色彩是相當重要的一步。不同的色彩搭配產生不同的效果，并可能影響到訪問者的情緒。“標準色彩”是指能體現網站型象和延伸內涵的色彩。例如：IBM的深藍色，肯得基的紅色條型，Windows視窗標志上的紅藍黃綠色塊，都使我們覺得很貼切，很和諧。

3) 設計網站的標準字體。和標準色彩一樣，標準字體是指用于標志，標題，主菜單的特有字體。一般我們網頁默認的字體是宋體。為了體現站點的“與眾不同”和特有風格，我門可以根據需要選擇一些特別字體。

4) 設計網站的宣傳標語。也可以說是網站的精神，網站的目標。用一句話甚至一個詞來高度概括。

以上四方面：標志，色彩，字體，標語，是一個網站樹立起形象的關鍵，確切的說是網站的表面文章，設計并完成這幾步，網站將脫胎換骨，整體形象有一個提高。

4 確定網站的欄目和版塊

建立一個網站好比寫一篇文章，首先要擬好提綱，文章才能主題明確，層次清晰；也好比造一座高樓，首先要設計好框架圖紙，才能使樓房結構合理。網站結構不清晰，目錄龐雜，內容東一塊西一塊。結果不但瀏覽者看得糊涂，自己擴充和維護網站也相當困難，網站或許就此半途而廢，所以，在動手制作網頁前，一定要考慮好以下三方面：

1) 確定欄目和版塊

2) 確定網站的目錄結構和鏈接結構

3) 確定網站的整體風格創意設計

首先來討論“確定網站的欄目和版塊”。網站的題材確定后，收集和組織了許多相關的資料內容。能否吸引學生們來瀏覽網站。內容放的位置、好東西在版面上的分布都是至關重要的。欄目的實質是一個網站的大綱索引，索引應該將網站的主體明確顯示出來。在制定欄目的時候，要仔細考慮，合理安排。一般的網站欄目安排要注意以下幾方面：

1) 一定要緊扣主題

一般的做法是：將主題按一定的方法分類并將它們作為網站的主欄目。主題欄目個數在總欄目中要占絕對優勢，這樣的網站明顯的專業，主題突出，容易給人留下深刻印象。

2) 設一個最近更新或網站指南欄目。這樣做是為了照顧常來的訪客，讓主頁更有人性化。

3) 設定一個可以雙向交流的欄目不需要很多，但一定要有。比如論壇，留言本，郵件列表等，可以讓瀏覽者留下他們的信息。

4)設一個下載或常見問題回答欄目網絡的特點是信息共享。也要設好其他的輔助內容，如關于本站，版權信息等可以不放在主欄目里，以免沖淡主題。

5 在Web標準下設計網頁的注意的問題

1) 現在的網頁設計已漸漸趨向于根據內容及結構來出發設計頁面，但大部分人還是根據設計師設計的設計稿上去實現。因此對于整個網站框架設定是等3個頁面（首頁，分類導讀頁，內容頁）設計稿出來之后才開始的，這樣能對整個網站有更全面些了解的基礎上去考慮問題。

2) 對圖片進行壓縮的過程中，對于色彩使用不多，漸變較少的圖片壓縮時，可以盡量選擇png8的方式進行導出，在使用的顏色模式上根據具體效果進行調整，文件大小會比同等效果的gif文件小的多。

3) 對于透明的gif及png圖片導出，往往會出現鋸齒，特別是文字，這個時候可以嘗試兩種方法：

a.如果導出的圖片在要使用的地方背景是單色的或者顏色不多，可以在導出的時候再雜邊處選擇和背景一樣的顏色即可。

b.如果導出后的圖片是要用在背景色變化比較大的背景圖片上面時，你可以考慮給圖片加上一像素的陰影，這樣可以防止鋸齒的出現。

4) 對于多處使用的背景圖片，最好能在同一張大圖上進行制作，然后通過background-position屬性來定位到要使用的背景位置，這樣第一可以防止鼠標滑動效果時可能因為網速問題導致的短暫空白現象，第二可以很方便的對網頁整體效果進行調整，只要對這張背景圖進行飽和度等調整即可改編整個網站的風格，減低了改版成本。

5) 對CSS樣式標記進行段落縮進。使樣式代碼更清晰方便后期維護。

6) 給類型相同的頁面的body標簽賦個ID屬性，這樣做的目的可以使某些的特殊要求的處理簡單化，列如在首頁的時候你希望導航菜單的對應按鈕標識一下，就可以根據body賦的ID屬性來判斷這是首頁，從而在樣式中對首頁的導航菜單中的“首頁”進行特別的設置，于此類推到其它欄目中的欄目菜單，這樣就省去了服務器程序的處理或者逐個的修改工作。

參考文獻：

[1] Jakob Nielsen， Hoa Loranger.網站優化---通過提高Web可用性構建用戶滿意的網站[M].2007.

[2] Jeffrey Zeldman.網站重構---應用Web標準進行設計[M].2004.

[3] 譚浩強、張翰韜.網頁設計技術與制作[M].2005.