所見即所得的網頁編輯器是初學者的最愛

平常我寫網頁都是用 Quanta Plus 在寫，也許有人會想說 blue fish 呢? 嗯，其實因為我是用 KDE 的，Quanta Plus 就順便裝啦，所以就一直用 Quanta Plus，Quanta Plus 是原始碼編輯模式的網頁編輯器，用起來對我而言，還蠻順手的，而預覽功能我從來不用的，我都直接 alt+tab 切到 Firefox 按 F5 就好啦，有什麼排版上的問題就用 webdeveloper 來做分析，我非常喜愛這樣的發展方式，而且速度也蠻快的，因為心中所想的，可以直接用原始碼呈現出來。

講這麼多，是想說，最近接了一件案 子，是教如何用 NVU 來做標準網頁，NVU 是用所見即所得的方式編寫網頁，但是原始碼編輯模式就沒有 Dreamwaver 來得有彈性，這是讓我相當頭痛的地方，因為這讓我很不習慣，不過 NVU 是少數支援標準網頁編寫的編輯器，而 Moztw 裡頭其實一直有在關心 NVU 的發展狀況，所以啦，這次我得讓 NVU 和標準網頁和使用者能更貼近。

所以，最近一直在玩 NVU，現在則發現了一件事，NVU 是能夠讓初學者快速進入狀況的編輯器。

1.HTML tag 檢視模式

面對許多的 HTML tag 語法，初學並不容易記憶，不過 NVU 提供了 HTML tag 的檢視模式，這能讓使用者清楚看到 tag 的作用。可以藉由以下幾點簡單的述說:

2.屬性選擇對話窗

這功能也相當方便，點擊兩下就跳出來了，有那些屬性，可以讓使用者看的很清楚。

3.屬性一律使用 css style 來呈現

這是標準網頁的一個重要的要點，因為我們知道 IE 會利用一些它私有的一些 tag 語法來呈現一些排版效果，而不是利用 css，所以，也就造成了常常有的非 IE 瀏覽器顯示不正常。

4.學 NVU? 還是學網頁製作?

因 此在教學時，我想重點不在於學習 NVU 本身，而是藉由 NVU 來認識 HTML 和 CSS 本身的語法特性，及寫作技巧，這樣也才能體會出和標準網頁和非標準網頁的差異性，這也能激發有心往網頁設計之路前進的學員們，來更進一步的學習 web design language。


最後，老話一句，麻煩 NVU 多多重視原始碼編模式的功能吧，因為連 real-time code highlight 都沒有，如果要用原始碼模式來"飆"網頁寫作，實在是一大阻礙啊。