.

介紹一些不錯的HTML編輯工具

相信不少業餘制作網頁的朋友，都會為「如何維護網頁」這個問題煩惱。就算最初是用WYSIWYG的圖形界面軟體﹝如Netscape Composer, M$ Frontpage, Macromedia Dreamweaver, NetObjects Fusion等...) 製作網頁的，也總有人會擔心當再用這些軟體去修葺網頁時，會因為這些軟體傾向製造多餘的HTML標籤和屬性而把原先的網頁碼「污染」。所以難怪今天仍有很多人採用NotePad, Vim等文字編輯器, 以至Homesite等較「專業」的HTML編輯器去維護甚至製作他/她們的網站，當然這樣做要先對HTML有一點基本的認識。

在Unix 的世界裡﹝包括 Unix-like Systems 如GNU/Linux),有一個源碼開放的好用小工具─HTML-Tidy 。 Tidy 最初是由W3C協會的Dave Raggett 所負責的計劃，目前由自由軟體社群替它維護和發展﹝註 1﹞ 。Tidy 最好用的地方是它可以把html 檔修繕至符合 W3C 標準的HTML 甚至XHTML ﹝即建基於XML技術的HTML)的檔案﹝例如為巢狀標籤補上遺漏了的結束標籤﹞，也促進「無障礙網頁」的建構﹝例如會提醒網頁設計者為圖像加上替代說明文字﹞。網頁設計者只要在指令列上打上簡單的指令﹝如 back quote) 就能吩咐Tidy同時進行大量html檔的轉換工作。

Windows的使用者

若我是Windows的用者，又希望製作中文網頁，有沒有像Tidy般好用的工具？筆者花了一個世紀的搜索，發現了有兩個不錯的共享軟體﹝但它們不是自由軟體( 註2 )﹞─ NoteTab 和 1st Page 2000這兩套HTML編輯器 或許可以值得一試。這兩個軟體有以下的特色：

• NoteTab：
  • 用戶可選擇撘配一些其他廠商/團體開發的軟體，包括前述的Tidy，目前版本 (4.86) 能輸出合乎HTML 4.01 或XHTML 1.0規格的檔案。
    
  • 容許大量個人化設定，甚至用者可自行提供用Perl 語言寫的script ﹝要先安裝Perl的解譯器﹞
    
  • ﹝竟然﹞支援字串樣板( regular expression)的觀念，可進行全磁碟檔案 search and replace text 的工作
    
  • 檔案大小只約1.5M，佔用的系統資源極小，對硬體的要求甚低，是一個很值得用來取代Notepad/Wordpad的工具
    
  • 其他介紹可參考 這裡
    
  • 免費的NoteTab Light版本可在這裡下載
    
    
• 1st Page 2000：
  • 與Tidy 整合在一起，目前版本 (2.0) 能輸出合乎HTML 4.0 或XHTML 1.0規格的檔案。
    
  • 與NoteTab 比較，界面美觀、「直覺」、易用和「就手」，但較少可供個人化的設定。
    
  • 檔案大小只5M，比Homesite 較少佔用 系統資源。
    
  • 其他介紹可參考 這裡
    
  • 免費版本可在這裡下載
    
    

這兩個程式好像不錯﹝而Notetab比較有組合力、1st Page 用家界面較友善﹞，但為什麼好像沒有人提及？除了可能是「名牌心態」外，可能是由於兩者都是英文介面，但更「慘」的是它們好像不支援中文！其實兩者的英文訊息不算特別艱深，以下將向大家透露經筆者的試驗後，設定兩者處理中文的方法：

1) Notetab：

1. 在View-->Option-->Documents-->Fonts 選細明體
2. 在能使用Tidy前，需要從這裡下載能支援亞洲文字和在Windows下運作的Tidy 版本﹝寫此文時版本應是2001年9月﹞。把這個檔案儲存在Notetab所安裝的目錄下。
3. 需要一個供Tidy 使用的設定檔。有關這個設定檔的詳細設定資料可在這裡取得。筆者自己的設定檔是：

markup: yes
wrap: 0
indent: auto
indent-spaces: 4
output-xhtml: no
doctype: loose
char-encoding: big5
clean: no
logical-emphasis: yes

讀者照抄也無妨。其中最重要是  char-encoding: big5  才能使Tidy 處理中文。把這個檔以Tidy.cfg的名稱儲存即可，同樣存在Notetab目錄下。 這樣Notetab配合Tidy 便能把閣下的網頁好好修正哩！

2) 1st Page 2000：

要1st Page 2000顯示中文網頁內容也很容易，只須在Options -->Parser-->Plain Text就可以了，但可惜這樣網頁內HTML標籤的顯示變得沒有色彩...另外，若要輸入中文，可能還是在 Options-->Editing Preferences處先選取中文字型，否則或會有亂碼。Tidy的設定則較簡單，只需按圖指示就可以了，不用下載﹝但隨1st Page 附贈的Tidy版本有點舊，還是自行更新好了...﹞，也不用寫設定檔了﹝很難嗎？﹞，但別忘記char-encoding一定要選raw 。

*** 重要：用這兩個程式去修正閣下的寶貴網頁前記得先多作試驗，特別要先作備份，其實使用任何程式前當然最好認識一下各項參數/選項/Options/Preferences，筆者可不會為閣下的資料流失負責！***

GNU/Linux 的使用者

至於用GNU/Linux的朋友，是否感到不像Windows 和 Mac 用戶般，有Homesite 或Dreamweaver等專業網頁製作軟體而煩惱？其實在GNU/Linux 底下有很多自由/源碼開放/免費的軟體可用來製作相當不錯的個人網頁。其中一個組合是這樣的：

1. 先用Vim/ AbiWord 或Netscape /Mozilla Composer等跨平台的文字/網頁編輯器去分別打好文字、做好structural markup和版面設計。最新版本的Netscape/Mozilla Composer所產生的網頁檔已頗能符合W3C HTML 4.01的標準，很好喔。因此筆者開始原諒以前時代Netscape 引入獨有的HTML標籤這個不當行為了﹝當然這條「橋」繼續被M$「發揚光大」...﹞
   
2. 配合重量級的自由軟體GIMP 處理圖像。
   
3. 用Bluefish 這套跨平台的HTML編輯器處理網頁的細部和維護網頁。
   
4. 上載前可再用Tidy ( 配合設定檔﹞掃一次。其實上述組合一開始已能做出比較合乎網頁語法標準、尊重弱勢社群的網頁，這實在要感謝自由軟體/源碼開放運動較能接納多元的文化所賜。

希望各位能多多利用類似工具，讓我們製作多些「最適宜用任意牌瀏覽器0.0.0版本或以上欣賞」的網頁罷！

註：

1. 事實上在Unix世界裡，能把一件工作做得很好，而又與其他小工具保持良好溝通管道的小工具不計其數，它們之間的自由組合有很大的威力，這是與Windows世界背後的哲學觀﹝與其他軟體溝通不良的腫脹軟體Bloatware的充斥﹞有截然不同的地方。
   
2. 雖然在Windows 世界也有很多免費軟體 (Freeware), 但程式原始碼公開的自由軟體 (Free Software) 的觀念似乎不普及﹝是否因開發公司害怕被對手﹝特別是慣於抄襲別人成果的某大企業﹞巧取豪奪、然後需花費大筆法律訴訟費用？﹞。筆者目前唯有希望Notetab 能如開發公司Fookes Software 所言, 盡快port 去GNU/Linux, 儘管不能徹底消除用戶「廠亡、求助無門」的疑慮，但起碼可減少對單一平台的依賴；幸好Notetab輸出的檔案格式是最基本的、不專屬某一廠商的純文字檔。