Nvu - 優質網頁就在彈指之間
kourge
kourge@gmail.com，http://kourge.net/
Nvu 簡介
- 免費、開放
- 由 Gecko 引擎的編輯器 (editor) 部分獨立而成的
- 以 XML 與 DOM 為基礎
- 有 <?php ?> 的支援
- 簡單好用，有網站管理器
- 有漂亮、吸引人的介面
Nvu 現況
- 最近推出 1.0
- 主要 developer：Daniel Glazman，Mozilla Composer 工程師
- 贊助商：Linspire
- 目標族群：一般使用者
Nvu：所見即所得
- Nvu 是個所見即所得 (WYSIWYG) 的網頁編輯器
- 以 Mozilla Composer 為基礎
- 使用者完全不需要懂 HTML 和 CSS 即可使用 Nvu 設計網頁
- 還附有顯示 HTML 標籤的顯示模式
基本功能
- 有分頁，能夠同時編輯多個網頁
- 可插入表單、表格、與特殊符號
- 支援拼字檢查
- 同樣有擴充套件與佈景主題
- 可控制所貼上內容的格式
- 支援範本
進階功能
- 有進階全功能的 CSS 編輯器
- 網站管理器，能夠將檔案集中管理與連結
- 可使用 FTP 自動發佈網站
- 可自動幫忙驗證 HTML
- 有「快速小元件」功能
- 能夠重整不正確的 HTML 標籤
- 利用 JavaScript 主控台便可除錯 JavsScript
Nvu demo
接下來...
Nvu demo!!
用途
- Nvu 適合用在許多學校與教育機關
- 很適合用來做個人網頁
- Nvu 目前用來製作靜態網站較為容易
教育
- 目前台灣的網頁教育缺乏「網頁標準」的教育
- 學生過分依賴軟體的 WYSIWYG 的方便性
- 過分依賴軟體導致網頁檔案又大又臃腫
- 「不是每個網頁軟體都很符合標準」
- 學生不會將內容和樣式分離
- 學生沒有學到 HTML 與 CSS 等基礎
「黑名單」第一名：Namo WebEditor
- 許多 JavaScript 特效不符合 DOM 標準
- 不會自動將樣式與內容分離
- 使用內線 (inline) CSS，而不是外部樣式表
- 沒有充分利用 CSS，而是依賴棄用 (deprecated) 的標籤屬性
- 內附範本大量使用表格進行排版
- 用來排版的 <div> 圖層的位置都是 "pixel-precise"
「黑名單 」第二名：Microsoft FrontPage
- 大量使用已棄用的 <font> 標籤
- 常會塞進莫名其妙的網頁註解 (comment)
- 許多進階功能都需要 FrontPage Server Extension
- HTML 檢視模式不會顯示所有程式碼
- 範本皆使用表格排版
- CSS 支援度差
網頁設計省思
- 將內容（語意）與樣式（排版）分離，是較好的做法
- 結構需要一致、嚴謹
- 應該盡量用 W3C 建議的元素
- 不應過分依賴軟體