原文刊在 Run! PC 第 53 期 p171-175 頁 1998 年 6 月號。
感謝台灣 Run! PC 月刊的黃裕元先生將本文電郵給我們。


高 貴 免 費 的 DiDa 網 頁 編 輯 器


WordPAD 一 直 是 網 頁 編 輯 老 手 的 最 愛 , 但 現 在 有 了 DiDa 網 頁 編 輯 器 後 , 用 WordPAD 編 輯 網 頁 的 老 手 可 要 好 好 考 慮 一 下 , 是 否 該 換 編 輯 器 了 。


/ 黃 裕 元

eric1@ms1.showtower.com.tw

www.showtower.com.tw/~eric1

其 實 絕 大 部 份 的 網 頁 撰 寫 高 手 所 使 用 的 工 具 大 多 不 是 像 FrontPage... 等 大 型 的 網 頁 編 輯 工 具 , 其 實 他 們 都 較 鍾 情 於 小 巧 實 用 的 Windows 筆 記 本 或 是 WordPAD 等 小 巧 的 文 字 工 具 , 為 什 麼 要 用 這 些 功 能 僅 僅 只 有 文 字 處 理 功 能 的 編 輯 器 而 捨 棄 功 能 強 大 的 網 頁 專 業 編 輯 器 呢 ? 其 實 可 從 下 列 幾 點 來 探 討 :

1. 成 本


專 業 的 網 頁 編 輯 工 具 , 少 則 4 ∼ 5 千 元 不 等 , 多 則 高 達 萬 元 之 譜 , 所 以 絕 大 多 數 的 網 頁 編 輯 者 , 應 該 以 學 生 較 多 , 消 費 能 力 相 對 也 較 無 法 負 荷 , 如 果 用 相 同 的 文 字 編 輯 器 , 仍 然 可 以 做 到 編 輯 網 頁 的 需 求 。

2. 版 本 的 更 迭


專 業 網 頁 編 輯 器 雖 然 擁 有 強 大 的 編 輯 能 力 , 與 許 多 已 經 內 建 的 功 能 模 組 , 但 是 一 經 版 本 的 更 迭 , 不 僅 要 花 一 段 重 新 適 應 學 習 的 時 間 , 對 於 與 新 版 本 的 回 溯 相 容 性 也 尚 待 評 估 , 這 在 一 般 的 文 字 編 輯 器 就 沒 有 這 些 困 擾 了 。

3. 更 確 實 的 控 制 能 力

專 業 網 頁 編 輯 器 雖 用 有 許 多 可 直 接 套 用 的 功 能 模 組 讓 初 次 撰 寫 網 頁 的 使 用 者 能 夠 以 最 短 的 時 間 做 到 多 功 能 的 網 頁 。 由 於 許 多 功 能 模 組 不 是 使 用 者 所 自 行 開 發 , 如 果 使 用 上 出 了 問 題 也 很 難 進 行 除 錯 的 工 作 ! 但 這 對 於 一 切 都 無 中 生 有 的 文 字 編 輯 器 來 說 , 所 有 的 元 件 都 是 自 行 設 計 的 , 當 然 可 以 更 容 易 進 行 除 錯 的 工 作 。

4. 功 能 上 的 限 制


以 專 業 網 頁 編 輯 器 所 開 發 的 網 頁 , 往 往 只 能 針 對 某 種 瀏 覽 器 做 最 佳 化 的 呈 現 , 但 如 果 一 碰 到 其 他 的 網 頁 瀏 覽 器 那 可 能 就 沒 輒 了 ! 而 且 用 了 它 的 專 屬 功 能 模 組 , 可 能 限 制 就 更 多 了 ( 像 利 用 Frontpage 所 開 發 的 網 頁 , 絕 大 多 數 的 特 殊 功 能 要 Server 端 有 支 援 才 能 使 用 喔 ! ) 。

■ DiDa 網 頁 編 輯 器 簡 介



WordPAD 一 直 是 網 頁 編 輯 老 手 的 最 愛 , 不 但 兼 具 體 積 小 與 使 用 容 易 兩 大 優 點 , 而 且 最 重 要 的 是 它 不 須 額 外 付 費 就 可 以 取 得 , 但 那 也 只 有 老 手 才 能 駕 馭 它 , 目 前 在 網 路 上 也 能 找 到 以 網 頁 設 計 為 出 發 點 的 文 字 編 輯 器 , 而 且 絕 大 部 份 都 是 共 享 軟 體 ! 例 如 曾 經 風 靡 一 時 的 HTML ABC 就 是 一 個 典 型 的 網 頁 編 輯 文 字 處 理 器 , 但 是 此 類 的 文 字 編 輯 器 不 是 功 能 太 陽 春 ( 僅 有 HTML Tag 產 生 按 鈕 ) , 就 是 執 行 起 來 不 太 穩 定 ... 。 而 現 在 有 了 DiDa 網 頁 編 輯 器 後 , 用 WordPAD 編 輯 網 頁 的 老 手 可 要 好 好 考 慮 一 下 , 是 否 該 換 編 輯 器 了 。 DiDa 到 底 有 什 麼 優 點 呢 ? 其 實 它 不 但 是 一 套 麻 雀 雖 小 , 五 臟 俱 全 的 HTML 編 輯 器 , 並 具 備 一 般 編 輯 器 的 基 本 功 能 ( 如 選 單 選 取 式 的 格 式 化 TAG 、 圖 片 插 入 按 鈕 ... 等 ) 他 更 可 以 說 是 具 備 所 見 所 得 的 預 視 功 能 的 網 頁 編 輯 器 ( 選 擇 背 景 及 文 字 顏 色 時 , 即 可 同 步 預 視 結 果 ; 編 輯 表 格 也 可 預 視 表 格 結 果 ! ) , 最 重 要 的 是 他 不 用 花 半 毛 錢 , 只 需 花 十 分 鐘 將 它 下 載 回 來 即 可 !

DiDa 中 文 版 V1.01 的 優 點



● 佔 用 磁 碟 空 間 極 少 ( 安 裝 後 約 佔 硬 碟 空 間 僅 1MB ) 也 就 代 表 它 的 執 行 速 度 相 對 比 專 業 網 頁 編 輯 器 快 上 不 少 。

● 提 供 即 時 預 覽 功 能 ( 如 果 您 正 在 學 習 HTML , 即 時 預 覽 功 能 將 可 大 大 增 加 您 的 學 習 效 率 ) 。

● 操 作 極 為 容 易 , 無 需 看 使 用 手 冊 即 可 輕 易 上 手 。

● 常 用 的 HTML 標 簽 都 可 用 下 拉 式 選 單 或 滑 鼠 右 鍵 取 得 。

● 自 動 畫 表 工 具 , 使 繁 鎖 工 作 變 得 簡 化 不 少 。

● 具 簡 單 的 插 圖 功 能 及 背 景 顏 色 設 定 功 能 。

● 可 設 定 常 用 網 頁 格 式 , 直 接 取 出 套 用 。

● 圖 形 功 能 具 圖 形 預 覽 能 力 , 使 用 上 著 實 方 便 不 少 。

● 版 本 眾 多 , 任 君 選 擇 ( 英 文 版 、 簡 體 中 文 版 、 繁 體 中 文 版 )

DiDa 的 優 點 實 在 是 太 多 了 , 有 些 優 點 還 尚 待 您 的 發 掘 喔 !

■ 安 裝 過 程 簡 便


其 實 安 裝 DiDa 的 方 法 十 分 簡 單 , 你 只 要 在 根 目 錄 下 建 立 一 個 Dida 子 目 錄 , 並 將 DiDa 解 壓 縮 至 該 目 錄 即 完 成 安 裝 , 為 了 便 利 使 用 , 筆 者 強 烈 建 議 你 在 Windows 桌 面 建 立 DiDa 捷 徑 , 使 用 上 將 便 利 不 少 。

■ DiDa 操 作 界 面 介 紹

第 一 次 啟 動 DiDa 你 可 以 發 現 清 爽 的 的 操 作 界 面 , 與 許 多 按 鍵 所 組 合 , 你 可 以 使 用 其 按 鍵 輕 易 下 許 多 煩 瑣 的 HTML Tag , 而 DiDa 也 具 備 兩 種 預 覽 功 能 , 一 是 內 建 的 DiDa 預 覽 器 , 另 外 還 能 自 行 在 Options 內 設 定 外 掛 的 瀏 覽 程 式 ( 如 IE 或 NC ) 。

DiDa 的 主 要 操 作 界 面

DiDa 的 主 要 操 作 界 面 可 分 為 七 區 , 由 操 作 界 面 的 左 上 方 算 起 六 個 按 鈕 為 檔 案 功 能 區 ( 基 本 的 開 新 檔 案 、 開 啟 舊 檔 、 列 印 、 預 覽 、 匯 入 檔 案 等 六 個 功 能 ) ; 編 輯 工 具 區 ( 貼 上 、 複 製 、 剪 下 、 複 製 區 塊 文 字 至 檔 案 ) ; HTML Tag 按 鈕 區 ( 標 題 、 文 字 、 格 式 ... 等 八 種 HTML Tag 格 式 設 定 按 鈕 ) ; 外 掛 工 具 處 理 區 ( 外 掛 瀏 覽 器 預 覽 、 外 掛 程 式 快 速 啟 動 按 鈕 ) ; 常 用 標 準 格 式 工 具 列 ; HTML 編 輯 區 ; 等 七 大 功 能 區 。

DiDa 內 建 的 快 速 預 覽 界 面

DiDa 的 即 時 預 覽 功 能 可 利 用 其 操 作 界 面 左 下 方 的 切 換 鍵 作 最 即 時 的 預 覽 動 作 , 在 這 個 預 覽 頁 面 裡 你 可 以 大 致 看 出 所 設 計 的 網 頁 呈 現 效 果 為 何 ! 而 且 所 作 的 HypeLink 關 係 皆 仍 存 在 , 你 也 可 以 利 用 這 個 預 覽 功 能 作 最 直 接 的 瀏 覽 測 試 , 不 只 是 圖 形 、 文 字 、 超 連 結 , 所 有 你 在 瀏 覽 器 所 能 用 到 的 功 能 都 可 利 用 這 個 畫 面 作 測 試 , 如 果 對 即 時 預 覽 功 能 仍 不 滿 足 , 你 也 可 隨 時 呼 叫 外 掛 瀏 覽 器 來 確 認 您 所 設 計 的 網 頁 是 否 正 常 。

可 利 用 滑 鼠 右 建 叫 出 HTML Tag


雖 然 DiDa 提 供 按 鈕 式 的 Html Tag 設 定 方 式 , 但 在 使 用 上 仍 覺 得 有 點 麻 煩 , 而 利 用 滑 鼠 右 鍵 的 方 式 設 定 HTML Tag 完 全 解 決 這 個 不 便 , 所 有 HTML Tag 所 辦 得 到 的 格 式 設 定 , 利 用 滑 鼠 右 鍵 仍 然 能 做 到 相 同 的 效 果 , 這 也 是 筆 者 喜 歡 DiDa 的 原 因 之 一 。

可 設 定 7 個 預 設 版 形 , 隨 時 取 出 套 用


可 設 定 七 種 常 用 網 頁 版 形 , 你 可 以 將 這 些 “ 公 版 “ 隨 時 叫 出 來 使 用 , 不 需 再 從 新 再 設 計 , 而 取 用 的 方 式 也 十 分 簡 單 , 只 要 按 下 按 鈕 即 可 。

內 建 圖 形 預 覽 功 能


筆 者 在 使 用 插 入 Image 功 能 時 , 赫 然 發 現 小 巧 的 DiDa 竟 有 方 便 的 圖 形 預 覽 功 能 , 對 於 圖 形 檔 過 多 的 使 用 者 , 著 實 方 便 不 少 。


■ 方 便 好 用 的 組 合 鍵

其 實 一 套 軟 體 如 果 用 的 熟 , 大 多 會 用 一 些 組 合 鍵 來 簡 化 煩 瑣 的 滑 鼠 點 選 動 作 , 而 DiDa 的 組 合 鍵 雖 然 不 多 , 但 只 要 你 用 過 絕 對 會 讚 不 絕 口 , 其 中 尤 其 是 Shift 與 方 向 鍵 的 組 合 可 與 字 體 變 換 的 組 合 鍵 共 用 , 輕 輕 鬆 鬆 舊 能 更 改 段 落 文 字 的 屬 性 !




組 合 鍵 功 能

CTRL-T 切 換 編 輯 / 即 時 預 覽 模 式

CTRL-M 取 得 指 令 清 單

CTRL-B 、 CTRL-I 字 體 粗 體 / 斜 體

SHIFT+ 方 向 鍵 選 取 文 字 範 圍 ( 可 配 合 以 上 快 速 鍵 可 快 速 更 改 文 字 大 小 與 顏 色 等 文 字 屬 性 )

■ 結 語

終 於 , 完 成 這 篇 文 章 了 , 而 筆 者 也 將 利 用 DiDa 將 文 章 轉 換 成 HTML 格 式 , 相 信 不 消 幾 分 鐘 就 能 完 成 , 輕 輕 鬆 鬆 放 到 學 校 的 網 站 上 , 而 如 果 讀 者 對 這 套 免 費 的 HTML 編 輯 器 有 興 趣 , 都 可 到 http://www.faico.net/cdida/big5/index.html ( cdida32.zip 檔 案 大 小 約 610KB ) 下 載 , 不 用 等 多 久 就 能 下 載 完 成 喔 !

&">