這是我自己學網頁的心得,應該是說,我修系上的網頁課加上自己找資料後的心得。
我發現台灣很多教網頁設計的老師們會教一些錯誤觀念,或是漏教一些很重要的東西,導致我的同學做出來的網頁不是沒內容就是爛到不能使用。
以下是我找出來的幾點「爛老師」可能會教你們的東西。這可能只是我的個人觀點,但是如果有老師教同學任何這些東西(而不說明它的壞處),我可以直接說他「不會教」或是「爛老師」。
1. 教你使用框架 (frames)
使用 Frontpage 的人應該知道, Frontpage 裡面可以新增一個所謂「框架頁」(frameset)的東西。我很驚訝的是我系上的老師居然還教這個,甚至要求我在期末作業上展示!
為什麼框架不該教?
乍看之下,框架頁可以讓網頁快速分割成數個欄位,設計上比較方便,可是框架頁會增加使用者很多困擾,例如
- 網址列不會動 (它會一直顯示框架頁的網址)
- 瀏覽器的「加入書籤」只能加入框架頁,而不是含有內容的頁面
- 搜尋引擎不會認框架頁
- 印表機印框架頁可能會印出奇怪的樣子
很少人可以把框架頁用得對,其中一種用對方法是針對每一個網頁內容各做一個框架頁 (解決前面兩個問題),但是比起無框架的網站,你會花多一倍的時間在維護框架上。所以除非你知道你在做什麼,不然用框架往往都是壞主意。
2012-11-11 補充:我這裡說的是框架頁,英文叫 frameset,請讀者別把 frameset 跟 framework 搞混了喔!
參考資料
- (英文) Why Are Frames Bad? (godbit.com)
- (英文) Why are frames so evil? (alt.html FAQ)
- (英文) Why Frames Suck (Most of the Time) (Jakob Nielsen)
2. (過於)注重網頁外表,而輕忽內容
我知道很多人喜歡自己的網頁漂漂亮亮,希望能吸引一些人來觀賞。老師也是一樣 (他可以拿學生做的漂亮網頁去「炫耀」一番)。但是網頁不能只是「金玉其外」,沒有內容只有外表的網頁就如同一家餐廳,裝璜漂亮但沒有菜可以點(飯也沒有),所以沒有客人。
老師常常會忽略到網頁內容的重要性,至少我小學到大學,所有教過我網頁的老師都會這樣。
我這裡並不是說網頁完全不能裝潢 (那是 Content is King 的迷思),而是網頁的版面與設計絕對不能影響到使用者閱讀網頁內容。切記:內容跟易用性比美觀還重要。
參考資料
- 金玉其表之下 -- 從行銷的角度看網頁設計 (洪朝貴)
- (英文) Appearance, Usability and Search Engine Visibility in Web Design (Christopher Heng)
- (英文) Two Common Web Design Myths (Christopher Heng)
3. 忽略搜尋引擎
大家每次開瀏覽器第一個上的網站除了 facebook 以外會是什麼?應該是 Google 或 Yahoo 吧。
我們在網路上找資料找東西的時候,第一個使用的東西就是搜尋引擎。以網頁的設計者來說,搜尋引擎就是帶來人氣的主要管道,如果你的網站不對搜尋引擎好,網站就(幾乎)沒人光臨。對搜尋引擎好這種事情就叫做 SEO (搜尋引擎最佳化)。
很可惜,老師教我網頁時幾乎不提這個,只有我自己找資料之後才發現 SEO 的重要。對於公司網站來說,做 SEO 比開臉書的粉絲頁還重要! (當然公司兩個都做最好,我這裡只是說 SEO 比較優先而已) 如果公司的網站沒辦法被 Google 搜尋到,那公司的客戶(或是網站人氣)就會變得很有限。
順便提一下, SEO 可以讓網站有免費的關鍵字廣告,即使修改網站需要經費及時間,網站的管理者卻可以不需要付Yahoo錢就有關鍵字廣告可以用,我指的是公司品牌本身就會是「關鍵字廣告」。
參考資料
- 什麼是SEO搜尋引擎優化 (高登 SEO 網站)
- 瑤瑤也要SEO (高登工作室)
- 什麼是SEO (Search Engine Optimization)?
- (英文) SEO and Usability (Jakob Nielsen)
網頁框架那個式比較簡單的基礎功能,對於沒用過的人,教這個會比較好。
回覆刪除第三點的話,你教那個教一個學期也教不完吧。
網頁框架沒用過的人...那最好不要用、永遠都不要碰比設計出一個壞網頁好。
刪除有用過網頁框架的人,我只開放一個例外: iframe (內置框架),內置框架的特性就是它設計上就不是給人放主要內容的,而是放一些 sidebar 或是跨站內容 (例如在blog上放自己的FB動態、以及廣告)。只要 iframe 遵循這種用法就不會有上述問題。