網頁設計中常見的缺點
以下是我從學生作業中注意到的常見設計缺失。都不是我的作品,
所以我也不宣告版權。從這些網頁中,看不出來原作者是誰。
因為所取都是片段的例子,所以裡面的鍊結幾乎都無法真的連出去。
被我批評的同學,請你們也不要傷心。
我瞭解,你們就像剛啄破蛋殼探出頭來的小鳥,
等不及地要飛到更遠的地方去嘗試所有的新鮮事。
我自己也經歷過這段時光。
我只是要建議大家一個可能的成長方向。
- 用色不當
-
- 技術的濫用
-
- 有失著作道德
-
- 喪失一般性
-
自從 1989 年「網頁」在 CERN 誕生以來,它的最高也是最主要目的,
就是促進資訊的流通,讓更多人更方便地獲得資訊。
這必定也是它自從 1994 年以來爆炸性地發展成為網路上最優質媒體的原因。
所以,製作網頁的語法和工具,都盡可能地具有一般性。
作者不應該假設讀者使用任何特殊的電腦硬體、瀏覽器品牌或版本、
視窗大小及解析度、網路頻寬與連線方式。
網頁作者秉持「傳播資訊」之初衷,應該盡量使用標準語法與工具。
網路上本來是很和諧很自由的。
但是,好景不常。大約從 1998 年開始,兩家最大的瀏覽器設計公司開始惡鬥。
他們各自支援一些背離了「客觀標準」的語法。而越來越多的網頁製作工具,
也開始西瓜靠大邊,產生越來越不一般性的網頁。這個情況在國外的英文網站中並不普遍,
但是不幸地在國內的中文網頁中非常嚴重。
失去一般性的網頁,也就失去促進資訊流通的功能。
輕則造成閱讀的不必要障礙,重則導致瀏覽器無法執行。
- 不要使用中文檔名,不要在 URL 中寫中文
- 雖然 Microsoft IE 容許中文網頁名 (檔名或 URL),但是這終究不是標準的 URL
所容許。我明白中文檔案名對我們的方便。但是如果想要你的網頁出了台灣島還可以用,
盡量還是不要這樣做。
- 注意斜線與反斜線之分
- 在 MS Windows 環境中製作網頁,然後上傳到 UNIX 系統之網頁伺服機的作者,
經常使用 DOS 的路徑分隔符號:反斜線 \ 而不是標準的斜線符號 / 。
甚至有人在網頁中還會寫出帶著磁碟槽的 URL 例如 C:\My Documents\index.htm
這些都會造成連線的困難。
- 錯誤示範一
- 這份作品不知道使用了什麼工具,
竟然規定了每一列文字的寬度和折列位置。
這個技術是有必要存在的,但是主要用在排版程式語言,或者排版詩詞、歌詞的時候,
並不適用於一般文件。如果您調整瀏覽器的大小,
就會發現文章不會自動適應瀏覽視窗的寬度而正確排版。
您需要拉動視窗下方的捲軸,才能看到右邊的文字。
- 錯誤示範二
- 這份作品是從 Microsoft Word (7.0) 轉換成網頁 (HTML 文件) 的。
在 Microsoft Windows 環境中以 IE 5.x 來看,應該很正常。
至少目前如次,我不保證過一兩年會怎樣。
不過,如果不在上述環境內觀看這份網頁,將會有許多難以預料的怪現象,
有時候只是困擾,有時候根本看不到內容。
使用 Microsoft Word 或許可以製作具有特殊效果的網頁。
但是,大家看看上述網頁,它不過只是開課計畫表格,內容非常單純,
而且也不需要任何特殊效果。更何況 Word 產生的網頁把各種參數定得非常死板,
而且有一大堆參數只有 IE 才能解讀,其他瀏覽器看到了可能會忽略或者出錯。
讀者可以看看那張網頁的原始碼,就會知道它寫得奪麼繁複。
這麼簡單一張網頁,竟然耗用 115,126 拜 (bytes),真是不可思議。
(其實它原來更繁複,我為了隱藏一些訊息而刪除了一些文字。)
這個範例除了失去一般性以外,還
- 浪費磁碟機空間
- 浪費網路頻寬
- 延長傳輸時間,如果您撥接上網,就要多花錢
為了提供讀者一個比較,以下是我用編輯器以簡單而標準的 HTML 語言所寫的同樣網頁。
大家可以看看,在外觀上差別很小,同樣達到傳遞資訊的效果,
但是此網頁只佔用 4176 拜,只有前述網頁的 3.6%。
對照示範二的網頁
讀者或許會說,用編輯器太困難,
其實也有網頁製作工具可以造出非常簡潔且具有一般性的網頁。
我們不做廣告。