 |
       |
|
學 術
網 頁 設 計 貼 士
| 放 眼 電 腦 網 絡 ， 如 果 講 有 用 既 網 頁 ， 始 終 都 係 外 國 比 香 港 多 。 搵 到 屬 於 香 港 人 自 製 既 個 人 網 頁 (Personal HomePage) ， 大 部 分 都 欠 缺 一 個 明 確 既 主 題 。 主 要 係 為 自 己 宣 傳 下 ， 發 表 下 自 己 既 心 得 ， 甚 至 向 女 孩 子 示 愛 ， 總 括 而 言 ， 在 香 港 人 製 造 既 網 頁 當 中 ， 包 含 大 堆 只 有 「 頁 主 」 朋 友 先 睇 得 明 既 網 頁 。 反 而 睇 下 好 多 屬 於 外 國 人 製 作 既 ； 同 屬 個 人 網 頁 ， 但 係 主 題 清 晰 ， 內 容 大 多 係 自 已 擅 長 既 興 趣 ， 而 且 題 目 只 得 一 至 兩 種 ， 段 落 分 明 。 最 重 要 既 ， 就 係 只 會 適 當 同 適 量 咁 將 網 頁 製 作 技 術 運 用 響 內 容 方 面 ， 而 唔 會 一 味 係 咁 「 拋 書 包 」 ， 無 厘 頭 咁 將 所 有 技 術 Show 晒 落 一 個 網 頁 度 ， 衰 在 內 容 空 洞 ， 言 之 無 物 ， 真 係 連 睇 落 去 都 無 興 趣 … …
|
| ── 《 東 方 日 報 ． 電 腦 區 ． Cyber Cafe 》1-10-1996 |
看 看 香 港 網 上 大 部 分 的 個 人 網 頁 ， 水 準 參 差 不 齊 ， 而 且 大 部 分 網 頁 內 容 貧 乏 ， 圖 像 大 多 是 互 相 抄 襲 ， 試 問 在 此 情 形 下 ， 如 何 何 以 做 出 一 些 令 人 驚 喜 ， 印 象 深 刻 的 網 頁 呢 ？
勒 伊 亞 累 積 多 個 月 的 網 頁 設 計 及 瀏 覽 其 他 個 人 網 頁 的 經 驗 ， 試 圖 在 此 教 教 各 位 如 何 設 計 一 個 美 觀 ， 內 容 充 實 的 網 頁 ； 小 弟 在 此 只 是 提 供 一 些 貼 士 給 大 家 ， 並 不 是 教 大 家 寫 網 頁 ， 敬 請 留 意 。
網 頁 設 計 的 禁 忌 ：
- 最 好 不 要 用 Java LED ， 它 需 要 花 很 長 的 時 間 下 載 ， 又 不 是 你 自 己 寫 的 ， 因 此 個 個 都 是 大 同 小 異 的 。
- 不 要 用 這 麼 多 抄 回 來 的 動 畫 檔 ， 例 如 那 個 水 平 地 旋 轉 的 "Welcome" ， File Size 又 大 ， 都 不 知 道 為 甚 麼 很 多 人 都 要 加 個 。
- 網 頁 背 景 不 要 用 很 複 雜 混 亂 的 圖 案 ， 特 別 是 用 明 星 相 ， 很 容 易 和 文 字 重 疊 的 ， 使 人 閱 讀 困 難 。
- 想 用 frame 的 朋 友 ， 請 你 「 手 下 留 情 」 ， 千 萬 不 要 開 過 多 的 frame !!
- 留 意 一 下 browser 兼 容 的 問 題 ， 特 別 是 那 些 用 NN Gold / FrontPage 寫 的 中 文 網 頁 ， 中 文 字 會 變 亂 碼 的 ， 用 IE 的 人 看 不 到 的 。
- 一 版 網 頁 內 的 圖 像 檔 的 total file sizes 最 好 不 要 多 過 50Kb ， 要 不 然 下 載 過 久 就 自 然 沒 有 人 有 耐 性 看 。
- 用 Web Counter 的 人 就 請 將 個 Counter 放 在 網 頁 的 底 部 ， 如 果 不 是 的 話 ， 在 「 網 絡 塞 車 時 」 ， 用 NN 的 人 會 等 得 太 久 。
- 不 要 加 上 過 多 非 原 創 性 的 JavaScript ， 好 像 那 句 在 status bar 的 走 馬 燈 ， 好 影 響 別 人 看 你 的 網 頁 的 。
- 一 入 門 口 就 「 紅 紅 綠 綠 」 般 閃 下 閃 下 的 JavaScript 就 不 要 加 上 啦 ， 你 都 是 抄 的 ， 你 知 道 嘛 ， 閃 得 很 肉 醜 呀 !!
- 沒 有 慣 性 需 要 替 IE 和 NN 賣 廣 告 的 ﹝ 例 如 ： 加 個 icon 在 自 己 的 網 頁 中 ﹞ ， 大 家 都 知 道 大 部 分 網 頁 都 是 適 用 於 這 兩 個 browsers 去 看 的 ， 就 算 你 個 網 頁 只 是 適 用 於 其 中 一 個 browser， 人 家 會 因 為 你 的 網 頁 而 轉 換 browser 嗎 ？ ﹝ 要 是 真 的 只 適 合 某 個 browser 觀 看 的 內 容 ， 標 明 也 無 妨 。 ﹞
- IE 的 「 地 球 轉 」 的 icon 只 適 用 於 網 頁 有 ActiveX 功 能 用 ， 自 己 的 網 頁 沒 有 就 不 要 好 亂 加 了 。
- 最 好 在 每 頁 底 部 都 加 上 各 頁 的 Links ， 這 便 不 用 每 次 都 要 返 主 網 頁 才 可 以 去 另 一 版 。
- 寫 清 楚 好 上 次 更 新 的 時 間 ， 使 再 次 看 你 網 頁 的 人 知 道 。
- 留 意 一 下 版 權 問 題 ， 在 自 己 的 網 頁 中 加 上 流 行 曲 的 Real Audio 是 犯 法 的 !!
- 最 重 要 一 句 ， 整 多 少 少 原 創 的 東 西 ， 例 如 圖 呀 ， 文 章 呀 … … 等 ， 更 要 時 常 更 新 內 容 ， 才 可 以 吸 引 別 人 一 看 再 看 。
- 網 頁 最 重 要 是 要 有 內 容 ， 只 得 個 Personal Profile, WWW Links, Friend Links, My Computer Model, GuestBook … … Only ， 就 不 要 奢 望 別 人 下 次 會 再 來 觀 賞 了 。
以 下 是 網 友 奇 雲 斯 在 港 娛 上 對 網 頁 設 計 的 見 解 ：
- 好 心 你 個 網 頁 就 整 多 ｄ 料 喇 ， 我 見 過 好 多 網 頁 咩 都 無 ， 只 係 得 幾 十 個 links 去 人 地 ｄ 網 頁 到 。 大 佬 ， 俾 ｄ 誠 意 好 唔 好 ？ 至 少 都 整 番 個 Personal Profile 響 到 喇 。 咁 攪 法 你 不 如 post 個 bookmark 上 去 把 啦 。
- 好 心 你 個 網 頁 就 唔 好 整 個 Java 鐘 響 到 喇 ， 我 好 憎 ｄ 網 頁 整 個 Java 鐘 響 到 。 個 applet 又 唔 係 你 寫 ， 我 想 睇 時 間 駛 鬼 去 你 個 網 頁 咩 ， 又 唔 係 load 得 快 。
- 好 心 你 個 網 頁 就 整 好 ｄ color 同 font 喇 ， 黑 色 background 加 紫 色 字 ， 大 佬 ， 你 叫 我 點 睇 先 ？ 仲 有 唔 該 唔 好 用 咁 細 既 font ， 唔 係 個 個 人 都 好 似 你 咁 用 800x600 resolution 。
- 好 心 你 個 網 頁 就 唔 好 開 咁 多 window 喇 ， 本 來 如 果 個 link 係 去 其 他 人 個 網 頁 的 話 ， 開 個 新 window 都 ok 喇 。 但 有 ｄ 網 頁 個 個 link 都 要 開 一 個 新 window 。 小 弟 去 過 一 個 page ， 開 左 5/6 個 window 先 睇 到 我 想 睇 ｄ 料 。 你 想 玩 懸 疑 咩 ， 喂 ， 我 部 computer 唔 係 有 好 多 ram 咋 。 ﹝ 勒 伊 亞 按 ： 注 意 在 自 己 frame 的 網 頁 內 ， 不 可 以 出 現 其 他 人 的 網 頁 ， 這 是 侵 犯 版 權 的 ， 如 果 出 現 的 是 商 業 網 頁 的 話 ， 更 可 能 會 惹 上 官 非 。 ﹞
- 好 心 你 個 網 頁 就 唔 好 整 個 Java banner 響 到 喇 本 來 Java banner 整 得 好 都 無 咩 所 謂 ， 但 係 ｄ 人 唔 知 響 邊 到 抄 個 壞 鬼 applet 番 呢 ， 拖 到 個 browser 鬼 死 咁 慢 。 唔 該 下 次 抄 個 好 ｄ 既 好 唔 好 ？
我 個 人 對 寫 網 頁 之 經 驗 之 談 ：
- 小 弟 強 力 推 薦 閣 下 學 懂 HTML ， 然 後 用 NotePad 寫 網 頁 ， IE 作 Preview 。 ﹝ 小 弟 的 網 頁 正 是 用 這 個 方 式 寫 成 。 ﹞
- 請 留 意 不 同 browsers 對 HTML Tag 有 不 同 的 詮 釋 。
- IE 對 HTML Tag 的 要 求 比 NN 寬 鬆 ， 所 以 有 時 你 在 IE 中 preview 出 一 個 理 想 的 效 果 ， 在 NN 未 必 如 此 ， 可 能 會 一 塌 糊 塗 。 ﹝ 小 弟 建 議 同 時 開 著 兩 個 browsers 作 Preview 。 ﹞
- 寫 中 文 網 頁 時 ， 在 每 個 中 文 字 之 間 留 一 個 半 型 空 格 ， 這 樣 browsers 才 會 懂 得 替 中 文 字 自 動 換 行 。
- 盡 可 能 做 一 個 網 頁 在 不 同 解 像 度 的 熒 光 幕 下 都 可 以 不 用 Scroll Horizontal Bar 的 網 頁 ， 方 法 就 是 令 到 中 英 文 字 都 可 以 自 動 換 行 ， 還 有 圖 像 闊 度 最 好 不 要 超 過 640 ， 方 便 使 用 640x480 resolution 的 網 友 。
- 替 每 個 圖 像 檔 的 HTML Tag 都 注 明 闊 度 (Width) 和 高 度 (Height) ， 還 有 註 釋 (alt="XXX") ； 前 者 可 以 增 加 圖 檔 下 載 速 度 ， 更 可 在 圖 檔 不 能 下 載 時 ， 不 會 影 響 了 網 頁 版 面 的 文 字 編 排 ； 後 者 則 方 便 觀 看 你 網 頁 的 朋 友 ， 在 沒 有 下 載 該 圖 檔 的 情 況 下 ， 仍 知 道 該 圖 檔 的 大 概 內 容 。 方 法 是 ： <img src="graphic_name.gif/jpeg" width=XXX height=XXX alt="Description"> 。
- 在 網 頁 中 呼 叫 圖 檔 或 加 上 Links 時 ， 請 注 意 英 文 的 大 小 寫 ， 是 有 不 同 的 。 另 外 ， Links 的 名 字 最 好 維 持 在 8.3 之 內 。 雖 然 在 自 己 的 網 址 下 再 加 Folders ﹝ 即 是 例 如 ： http://luar.home.ml.org/luar/is/the/best/!.htm ﹞ ， 可 以 令 網 頁 更 加 分 門 別 類 ， 但 是 除 非 你 已 經 肯 定 會 永 久 用 一 個 伺 服 器 ﹝ Server ﹞ 來 存 放 網 頁 ， 否 則 亦 難 逃 搬 網 頁 的 時 候 ， 但 某 一 些 伺 服 器 只 支 援 8.3 Format 的 名 字 ， 或 者 更 不 容 許 用 者 自 建 Folders ， 那 時 更 改 每 一 版 的 Links 時 ， 是 一 件 非 常 痛 苦 的 事 ！
- 寫 Table 時 請 留 意 ， 「 開 了 門 」 ﹝ <table> or <tr> or <td> ﹞ ， 一 定 要 記 著 「 關 門 」 ﹝ </table> or </tr> or </td> ﹞ 。 ﹝ 因 為 用 NN 瀏 覽 時 ， 會 因 為 忘 記 「 關 門 」 而 看 不 見 Table 內 的 內 容 ； 而 用 IE 瀏 覽 時 ， 不 會 因 為 忘 記 「 關 門 」 而 看 不 見 Table 內 的 內 容 ， 正 是 其 對 HTML Tag 的 要 求 比 NN 寬 鬆 的 地 方 。 ﹞
- 一 版 網 頁 避 免 太 長 ， 以 免 要 其 他 人 瀏 覽 時 要 等 得 太 久 才 下 載 完 成 ， 你 們 都 清 楚 知 道 NN 要 全 個 網 頁 下 載 完 才 可 以 看 ， 因 此 最 好 將 長 的 網 頁 分 成 幾 頁 。
- 如 果 網 頁 真 的 需 要 很 長 ， 大 可 以 加 個 「 內 部 超 連 結 」 ， 先 用 <a name="name"></a> ﹝ 注 意 ： Name 可 以 任 改 ， 但 不 可 以 用 ＃ 作 第 一 字 ， 因 為 ＃ 在 此 有 特 別 的 意 思 。 ﹞ 定 義 了 一 個 地 點 ， 再 在 網 頁 的 起 首 整 幾 個 Links ﹝ 例 如 ： <a href = "HomePage Name.htm#name>XXXXX</a> ﹞ ， 連 結 要 那 些 被 定 義 的 地 點 。
- 如 果 網 頁 有 很 多 圖 供 人 下 載 ， 最 好 將 圖 整 成 File Sizes 不 多 於 10kB 的 Thumbnails ， 再 加 上 Links ， 讓 人 一 Click 就 可 以 看 到 原 來 大 的 圖 。 ﹝ 注 意 ： 有 些 白 痴 的 人 只 是 用 width=XXX 和 height=XXX 來 使 圖 面 積 縮 細 ， 但 實 際 上 File Sizes 根 本 沒 有 小 了 ， 害 得 別 人 看 你 網 頁 時 ， 就 同 時 下 載 很 很 多 多 File Sizes 巨 大 的 圖 回 來 。 ﹞
- 我 知 道 不 是 人 人 都 是 電 腦 美 術 高 手 ， 未 必 有 能 力 可 以 「 整 靚 」 你 的 網 頁 ， 但 我 相 信 每 個 人 絕 對 有 能 力 避 免 整 一 個 噁 心 醜 陋 的 網 頁 。 以 下 是 我 的 專 業 意 見 ：
- 放 棄 任 何 背 景 圖 案 ， 寧 願 用 淨 色 作 底 色 ， 避 免 背 景 太 花 ， 看 不 清 楚 文 字 。
- 統 一 網 頁 文 字 的 顏 色 ， 避 免 同 一 版 內 出 現 不 同 顏 色 的 文 字 。
- 用 <font face="Font_Name_1, Font_Name_2, Font_Name_3"> 改 變 文 字 的 字 體 ， 增 加 視 覺 效 果 。 ﹝ 注 意 ： 你 用 的 字 體 ， 別 人 的 電 腦 裡 未 必 有 ， 因 此 應 該 多 選 幾 個 後 備 ； 另 外 更 應 選 用 一 些 常 用 的 ， 例 如 ： Arial, Times New Roman … ﹞
- 如 果 要 用 Frames 作 網 頁 ， 最 好 用 Borderless Frame 。
- 刪 去 嘈 吵 無 謂 的 背 景 音 樂 。
- 刪 去 無 謂 的 圖 檔 ， 寧 願 以 一 兩 幅 圖 ， 配 上 文 字 ， 一 切 以 簡 潔 取 勝 。
- 做 Link 的 圖 像 ， 請 記 著 在 img src 加 上 border=0 的 屬 性 ， 才 可 以 免 除 一 個 方 格 圍 著 那 圖 像 ； 更 要 記 著 整 句 ： <a href="link.htm"><img src="graphic_name.gif/jpeg" width=XXX height=XXX alt="Description"> 要 一 行 過 ， 不 可 中 途 按 Enter 打 斷 那 句 HTML Tag ， 否 則 用 NN 看 ﹝ IE 不 會 的 ﹞ ， 會 有 一 個 礙 眼 的 藍 點 在 圖 像 的 右 下 角 。
- 承 上 一 點 ， 如 果 你 想 幾 個 圖 像 緊 接 著 一 起 拼 湊 成 一 個 大 圖 像 ， 那 幾 個 關 於 img src 的 HTML Tags 要 一 行 過 ， 否 則 用 NN 看 ﹝ IE 不 會 的 ﹞ ， 會 有 一 個 礙 眼 的 藍 點 在 圖 像 的 右 下 角 ， 那 些 小 圖 像 就 不 能 緊 接 著 一 起 啦 。
其 他 談 編 寫 網 頁 禁 忌 的 聯 線 ：
|
|
|
