Web Authoring Tips 之二

(續上集)

筆者找到一個很方便的 Firefox Add-on,它可以協助您快速地察看 HTML 碼的問題,且對於 iFrame 或是利用 JavaScript 輸出的 HTML 碼都同樣有效。

HTML Validator

它常駐在視窗的右下角,可以隨時提醒您正在觀看的網頁能否符合 (X)HTML 格式。 希望大家覺得有用。

網頁的用途
======

首先,網頁編寫員要問一下自己,一個網頁有甚麼用途,是給甚麼人用的?當然,有人會說這是很白痴的問題,「寫給瀏覽者」。錯。寫網頁的對象不單是瀏覽者,編寫時也要考慮負責更新的同僚 (下稱 updater)的需要。

以下為真人真事,有一個自以為技術了得的人,為組織寫了一個網頁,當時是用 Adobe Photoshop 編成的,用了一個星期時間將網頁寫好。很好,數個月後,他離開了這個組織。自此以後,組織內無人懂得如何「解碼」,表現得束手無策。(要記得:機器編寫出來的 HTML 碼不是常人能看得明白的)

他們面對了一個難題:沒有人懂怎樣去編輯這個網站,也沒有人希望將網站推倒重來,設計新網站。結果,他們用了兩個星期的時間,將整個網頁「拆散」,利用裏面的組件(如圖片、CSS等)重新建立一個網頁。

將網頁弄得美輪美奐固然是好,但是利用軟體為網頁加上很多不同的效果卻可能帶來很多麻煩。一個我的朋友很喜歡用 Flash 製作網頁,他把整個網頁都整合到一個 Flash .swf 檔案裏面。他把工作呈交了給 supervisor ,他也覺得設計得很漂亮。但是,他問了一個問題:「我往後該怎樣修改內容?加入其他頁面是否容易?」,然後,他在其中一頁上面找到一個 spelling mistake,然後叫我朋友去修改。熟悉 Flash 的他當然覺得易如反掌,可是,他該怎樣解答 supervisor 的問題呢?

在編寫網頁的過程中,我們必須要考慮更新的需要。沒有更新的網站並不可以說成是網站--網站的本質就是包含更新。編寫人員必須將網站設計得容易更新,並教負責 updater 怎樣做。理想的目標,是他可以像平常工作上經常用到的 Word 般方式把網頁更新--只要懂得如何使用 Word,就應該懂得更新網站。這是十分重要的。

Content Management System (CMS) 可以是一個不錯的選擇。顧名思義,它是管理網站內容的小工具。只需要將網站內容(如文字、圖表等)輸入到網站內,它就可以為每個頁面套用 Header 、 Footer 、 Navigation 等等的功能。同時,它避免了 updater 因為不熟悉網頁設計或格式設定而將頁面整亂。那麼,updater 的工作只是將內容輸入到網站(就像我現在在打 blog 一樣),設計、格式等等一概不用理會。有興趣的讀者可以看一下在 Wikipedia 的說明