摘要：在制作網(wǎng)頁的過程中，會發(fā)現(xiàn)預(yù)想的結(jié)果和實際預(yù)覽網(wǎng)頁時的效果有很大的區(qū)別，比如說網(wǎng)頁在不同分別率預(yù)覽時發(fā)生了改變、網(wǎng)頁中的字體大小也在變化、圖片上傳后不能顯示等等。在幾年的網(wǎng)頁教學(xué)中，筆者不斷摸索，總結(jié)了一些經(jīng)驗和技巧供大家借鑒。

關(guān)鍵詞：網(wǎng)頁制作；像素；分辨率；超鏈接

中圖分類號：TP393文獻(xiàn)標(biāo)識碼：A文章編號：1009-3044(2008)28-0149-02

Brief Talking about the Experience and Skills of the Web Page Creation

DING hui1，2

(1.Jiangsu University，Zhengjiang 212013，China;2.Nanjing Forest Police College，Nanjing 210046，China)

Abstract: In the course of creating web pages，you will find there is great distinctionbetween the desired results and the actual page preview effect，for instance，pages previewed in different resolution have changed，the font size of the page also changes， picture can not be displayed after uploading and so on. In recent years of the web page teaching， the author explored continually， and had summed up some experience and skills for your reference.

Key words: web page creation; pixels; resolution; hyperlinks

隨著技術(shù)的發(fā)展網(wǎng)頁的制作顯得越來越為重要。無論是企業(yè)或是事業(yè)單位都已把網(wǎng)頁作為推銷自身的一種媒體，網(wǎng)頁已名副其實成為繼報紙、電臺、電視臺之后又一大傳媒。目前市場上網(wǎng)頁制作人才奇缺。因勢而需，各大高職院校也紛紛開設(shè)出《網(wǎng)頁制作課程》，我就幾年從事《網(wǎng)頁制作》課程的教學(xué)，總結(jié)了一些經(jīng)驗和技巧供大家借鑒。

1 經(jīng)驗

1.1 版面尺寸

一般來講，在800×600像素的屏幕顯示模式下，在IE安裝后默認(rèn)的狀態(tài)（即工具欄地址欄等沒有改變）下，IE窗口內(nèi)能看到的部分為780×435像素，而在現(xiàn)在經(jīng)常用到的1024×768像素的屏幕顯示模式下，用戶在IE窗口看到的有效區(qū)域是1002×602像素。一般來講，以這個大小為標(biāo)準(zhǔn)就行了，但是瀏覽網(wǎng)頁的最佳分辨率是800×600 像素，建議在排版時插入表格時把寬度設(shè)為780像素的合適值，如果把表格的單位設(shè)為百分比，那么網(wǎng)頁將會隨著分辨率和顯示器的大小而放大或縮小，從而使表格內(nèi)的網(wǎng)頁元素失去約束，網(wǎng)頁將會變得慘不忍睹。另外，千萬不要忘了把表格設(shè)置為居中，否則表格會默認(rèn)為靠左，影響網(wǎng)頁美觀。至于在表格內(nèi)嵌入表格，筆者個人認(rèn)為使用百分比比使用像素作單位更方便一些。[1]

1.2 多分辨率的支持

隨著硬件的發(fā)展，瀏覽者所使用的顯示器也由過去的15存的顯示器逐步過渡到了17寸，同時分辨率也由800×600像素模式轉(zhuǎn)為1024×768像素的模式。由于網(wǎng)頁版式的隨機(jī)性，給設(shè)計者帶來了一個新的問題。就是在15寸的顯示器可以正常觀看的網(wǎng)頁，在17寸的顯示器上不能正常觀看。目前，大多數(shù)網(wǎng)站通過實踐得到的辦法是：根據(jù)800×600的分辨率模式下進(jìn)行設(shè)計，然后通過居中或居左的方式固定移植到1024×768的分辨率上來，如圖1所示。這樣做的結(jié)果是在高分辨率的模式下會有一片區(qū)域的空白，我們稱之為“盲區(qū)”，如圖2中的左右區(qū)域。在這個區(qū)域中，一般不放網(wǎng)站內(nèi)容，對網(wǎng)絡(luò)廣告來說，這里成為靈活使用浮動廣告的一個好地方。

1.3 外觀的設(shè)置

1) 不要先決定網(wǎng)頁的外觀，然后強(qiáng)迫自已去適應(yīng)它，應(yīng)該從你的訪客對像，你要傳達(dá)的訊息以及你的制網(wǎng)目標(biāo)推導(dǎo)出一個最適合的網(wǎng)頁架構(gòu)。

2) 每頁排版不要太疏或用太大的字，盡量避免看你的網(wǎng)頁時需要作很大的卷動，要知道在一頁的上部分是顯眼而寶貴的地方，不要只放著幾個粗大的字或圖片。

3) 不要于每頁插入太多的廣告牌。相信誰也不喜歡瀏覽一些貼滿廣告的網(wǎng)頁吧，要考慮到該頁內(nèi)容與廣告的比例，擺放的位置亦很重要。廣告太多，只會令人煩厭。

4) 不要每頁都采用不同的背景圖片，以免每次轉(zhuǎn)頁都要花時間去下載，采用相同的底色或背景圖片還可增加網(wǎng)頁一致性，樹立風(fēng)格。

5) 底色或背景圖片必須與文字對比強(qiáng)烈，易于閱讀，這并不是要求作者永遠(yuǎn)使用鮮亮的背景配搭深色的文字，但深色背景常要求與主題配合，有較多的顧慮。若你的網(wǎng)頁是文章式或包含大量文字，不妨在底色與文字的配搭上下些工夫，力求讓訪者能舒適閱讀你的文章。

6) 不要把圖片白色當(dāng)透明，要知道別人的作業(yè)系統(tǒng)不一定把內(nèi)定底色設(shè)為白色，解決方法除了真的把該網(wǎng)頁的底色設(shè)為白色之外，最好還是以圖片編輯工具為圖片設(shè)好透明顏色。

7) 太長的一頁要使用內(nèi)部聯(lián)結(jié)。

2 常用技巧

2.1 盡量不要使用中文的文件名或目錄名

最好不要在網(wǎng)站中使用中文的文件名或目錄名，而用英文字母、數(shù)字和下劃線等符號組合成文件名或目錄名。如果在網(wǎng)站中使用了中文的文件名或目錄名，那么在微軟公司的瀏覽器中可能會看不到這些文件或這些目錄內(nèi)的文件，容易給瀏覽者文件不可用的誤解。

2.2 在每一個網(wǎng)頁中都使用標(biāo)題

每一個網(wǎng)頁都是用來表達(dá)特定內(nèi)容的，而網(wǎng)頁的標(biāo)題（指放在之間的內(nèi)容，這些內(nèi)容在瀏覽器的標(biāo)題欄中顯示）則可用來表達(dá)這些特定內(nèi)容的濃縮，雖然這樣的標(biāo)題內(nèi)容可以和網(wǎng)頁信息放在一起， 但如果該網(wǎng)頁信息比較多時，與網(wǎng)頁信息放在一起的標(biāo)題則會隨著瀏覽者往下翻閱時被隱藏起來，給瀏覽者造成了不便。

2.3 不要在一篇短文里提供太多的超鏈接

適當(dāng)、有效率地使用超鏈接，是一個優(yōu)良的導(dǎo)覽系統(tǒng)不可缺少的要件之一。但過份濫用超鏈接，造成短短的一篇文章里處處是超鏈接， 反而損害了網(wǎng)頁行文的流暢與可親性。在充斥著超鏈接的短文里，很可能其中不少是無意義、沒必要的超鏈接。

2.4 讓超鏈接的字串長短適中且走文自然

抓住能傳達(dá)主要信息的字眼當(dāng)做超鏈接的錨點，可有效地控制住超鏈接的字串長度，避免字串過長（如整行、整句都是錨點字串）或過短（如僅一個字當(dāng)做錨點），而不利于讀者的閱讀或點取。

2.5 注意超鏈接顏色與單純敘述文字的顏色呈現(xiàn)

WWW的語言—HTML允許網(wǎng)頁設(shè)計者特別標(biāo)明單純敘述文字與超鏈接的用色，以便豐富網(wǎng)頁的色彩呈現(xiàn)。如果網(wǎng)站充滿知識性的信息欲傳達(dá)給訪問者，建議將網(wǎng)頁內(nèi)的文字與超鏈接用色設(shè)計成較乾凈素雅的色調(diào)，會較有利于閱讀。純粹的敘述文字采用較暗、較深的顏色來呈現(xiàn)，如黑色、墨綠色、暗褐色。超鏈接文字則以較鮮明搶眼的色彩來強(qiáng)調(diào)如亮黃色、翠綠色、鮮橘色至于訪問過的超鏈接則采用較低于原超鏈接亮度的顏色做呈現(xiàn)。

2.6 在前后連續(xù)順序的文件里提供必要的鏈接

將篇幅過長的文件分隔成數(shù)篇較小的網(wǎng)頁，可大大地增加界面的親和性，但在導(dǎo)覽按鈕與超鏈接的配置上，網(wǎng)頁設(shè)計者則要更細(xì)心周全地安排， 使得讀者不論身處網(wǎng)站的哪一層，依然能夠快速便捷地通往其他任何一個頁面。

2.7 在較長的網(wǎng)頁內(nèi)提供目錄表與大標(biāo)題

理想的網(wǎng)頁長度以不超過三個熒幕頁面為佳。但是如果基于某些特殊理由，網(wǎng)頁一定要做得很長，那么不要忘了在此長篇的網(wǎng)頁最上頭，提供一個目錄表，網(wǎng)頁的內(nèi)容也標(biāo)上大小標(biāo)題，以利清楚閱讀。

2.8 暫時不提供超鏈接到尚未完成的網(wǎng)頁

超鏈接或?qū)в[按鈕應(yīng)該引導(dǎo)讀者到一篇真正有實際內(nèi)容的網(wǎng)頁中，如果讀者滿懷希望地點擊某個鏈接，卻根本看不到任何所期望的內(nèi)容，唯一所見的，只是一張無聊的告示牌“正在建設(shè)中…”，無疑會使讀者感到失望。因此，應(yīng)該先暫時別讓這些“正在建設(shè)中…”的網(wǎng)頁正式發(fā)布。

2.9 測試所有的超鏈接與導(dǎo)覽按鈕的真實可行性

信息網(wǎng)站基本建成后，第一件該做的事是將全部網(wǎng)頁放在模擬環(huán)境中，逐一測試每一頁的每一個超鏈接與每一個導(dǎo)覽按鈕其真實可行性。徹底檢驗有沒有失敗的超鏈接無法鏈接到該連結(jié)的網(wǎng)頁有沒有顯示不出來的圖片等。不要在網(wǎng)站信息發(fā)布后，再冒出“File Not Found”等錯誤信號出來。[2]

3 結(jié)束語

制作網(wǎng)頁不僅需要設(shè)計者具有相關(guān)的計算機(jī)知識，而且也應(yīng)具有一定的美工、平面設(shè)計能力及一定的藝術(shù)修養(yǎng)，但豐富的實踐經(jīng)驗與使用技巧更不可缺少。

參考文獻(xiàn)：

[1] 張貴明.網(wǎng)頁藝術(shù)設(shè)計與應(yīng)用[M].北京:高等教育出版社，2004:97-99.

[2] 劉喜榮.網(wǎng)頁制作中值得注意的某些問題和一些實用方法[J]，微計算機(jī)應(yīng)用，2003，24(3):58-60.