網 制 園 地 是 關 于 一 些 網 頁 制 作 的 技 術 心 得. 目 的 是 作 為 与 其 他 擁 有 自 己 網 頁 的， 或 想 做 網 頁 的 各 方 朋 友 一 種 交 流. 不 過 說 來 慚 愧， 本 網 主 對 網 頁 技 術 其 實 認 識 有 限， 只 做 了 一 兩 個 三 腳 貓 的 網 頁， 更 不 是 甚 麼 網 頁 大 師，又 有 何 德 何 能 扮 代 表 發 表 網 制 技 術 呢？ 所 以 如 有 任 何 不 當 之 處， 還 請 各 方 高 手 指 點 見 諒， (或 者 說 的 不 好 之 處 就 當 是 反 面 教 材 啦）

網 制 園 地 基 本 上 是 關 于 一 些 特 別 技 巧， 看 的 朋 友 需 要 懂 基 本 html. 如 閣 下 還 沒 學 html, 那 麼 建 議 先 到 阿俊的HTML教學網 看 看。 那 里 有 詳 細 的 基 本 網 頁 教 學， 從 零 開 始 一 步 一 步， 包 你 很 快 學 會. （本 來 網 主 曾 經 想 過 自 己 寫 類 似 的 基 本 教 學， 但 發 覺 會 很 花 時 間，再 加 上 看 了 阿 俊 的 教 學 網 頁， 也 只 有 嘆 為 關 止)

• 如 何 制 做 網 頁 中 的 空 格 在 網 頁 上， 無 論 是 Netscape 或 IE 都 會 對 在 襠 案 上 的 連 續 空 格 視 作 為 一 個 空 格. 如 你 打 "我 要 五 個 空 格 在 后 面           空 格 完." 那 網 頁 上 會 出 現 "我 要 五 個 空 格 在 后 面 空 格 完." 原 先 五 個 打 好 的 空 格 全 化 成 一 個 空 格. 那 麼 怎 樣 才 能 解 決 這 個 問 題 呢？
  
  
• Image Map 的 制 作 是 在 圖 片 上 設 計 的 部 份 上 有 連 結。 Image Map 其 實 相 信 不 少 人 都 會 了， 但 在 很 多 教 學 網 中 沒 提 到， 就 不 如 在 這 里 補 充 一 下 吧.
  
  
• 網 頁 顏 色 碼 不 知 是 哪 位 高 人 花 了 不 少 時 間 做 出 一 張 "524 色 RGB 值 一 覽 表". 真 是 令 人 敬 佩.

空 格 技 術

• 方 法 一 : 用 <spacer> 這 是 一 個 指 令 特 別 為 了 空 格 而 做 的。 如 你 打 "網 頁 <spacer size=100> 技 術"， 就 會 出 現 "網 頁 技 術". 但 可 惜 的 是 <spacer> 是 專 屬 Netscape 指 令， 如 看 你 網 頁 的 人 是 用 IE, 那 麼 就 看 不 到 你 寫 的 空 位. 注 意.
  
  
• 方 法 二： 用 <pre> </pre>. 但 <pre> 是 一 個 不 太 安 全 的 指 令。 可 能 你 用 了 它 以 后 在 你 的 電 腦 看 上 去 O.K, 但 有 可 能 在 別 人 的 screen 上 看 就 不 一 樣， 甚 至 有 很 奇 怪 的 效 果.
  
  
• 方 法 三： 網 主 覺 得 最 好 最 安 全 的 方 法 是 用 Latin-1 Character Table 中 的 空 格 數 字. 就 是 &#160 啦. 如 我 打 "五 個 空 格 在 后 面 &#160 &#160 &#160 &#160 &#160 空 格 完" 就 會 出 現 "五 個 空 格 在 后 面           空 格 完". 是 不 是 很 好 用 呢？ （仍 然 要 注 意 的 一 點 是 有 少 數 的 電 腦 是 可 能 顯 示 不 出 某 些 Latin-1 Character 的。 不 過 應 該 &#160 還 是 會 支 持 的。 )

Image Map

• 首 先 要 在 顯 示 要 做 Image Map 圖 片 上 的 指 令 上 加 一 個 名 字， 還 有 說 明 是 可 以 用 來 做 Image Map。 如 我 要 做 的 圖 片 是 map.jpg. 那 麼 就 在 指 令 上 加 上 <img src="map.jpg" usemap="#map1"> Usemap 是 用 來 告 訴 browser 這 是 一 張 有 連 結 部 份 的 圖 片. 至 于 map1 就 是 你 給 它 起 一 個 名 字， 到 后 面 做 連 結 的 時 侯 禳 你 的 broswer 知 道 你 是 說 哪 一 張 圖 片. (記 得 名 字 前 要 加 # 噢）
  
  
• 跟 著 要 做 的 是 寫 指 令 <map name=map1> <area shape=" " coords=" " href=" "> </area> </map> .下 面 有 指 令 解 釋
  
  
  • <map> </map> 是 Image Map 的 指 令 開 始 和 結 束. Name 就 是 你 那 圖 片 Image Map 的 名 字. 上 面 我 用 了 usemap="#map1", 所 以 這 里 的 name 就 是 map1 啦.
    
    
  • <area> </area> 是 開 始 決 定 圖 片 哪 里 為 連 結 的 指 令.
    
    
  • shape 就 是 連 結 部 份 的 形 狀. 分 別 有 Rect（四 方 形）, Circle （圓 形） 和 Polygon （多 邊 形）
    
    
  • coords 就 是 當 你 說 明 是 甚 麼 形 狀 后，指 明 那 形 狀 的 x y 所 在 處. 各 種 形 狀 的 要 點 如 下
    
    
    • shape="Rect" coords="x1,y1,x2,y2" 注： x1 和 y1 就 是 四 方 形 左 上 角 的 方 位, 而 x2 和 y2 就 是 右 下 角 的 方 位.
      
      
    • shape="Circle" coords="x,y,r" 注： x 和 y 就 是 圓 圈 中 心 的 方 位. r 是 半 徑 的 長 度.
      
      
    • shape="Polygon" coords="x1,y1,x2,y2,x3,y3,......" 每 一 對 x 和 y 是 多 邊 形 的 邊 角 方 位.
    
    
    
  • href="" 當 然 就 是 指 明 應 該 連 結 到 哪 去 啦.
    
    
  • 備 注： 還 可 以 加 target=" " 如 你 要 連 結 到 新 的 畫 面. 也 可 能 是 你 用 了 分 割 畫 面.
    
    
• 例 子： 語 言 如 下
  <img src="character/map.jpg" usemap="#map1" border=0>
  <map name=map1>
  <area shape="Rect" coords="73,11,208,87" href="copyright.htm"> </area>
  <area shape="Circle" coords="149,148,41" href="copyright.htm"> </area>
  <area shape="Polygon" coords="2,117,36,115,48,83,66,114,95,116,56,167" href="copyright.htm"> </area>
  </map>
  
  
• 要 保 充 的 一 點 是 那 些 點 數 方 位 要 用 圖 片 軟 件 找 出。

---

如 大 家 想 看 更 多 的 網 頁 技 巧， 可 以 到 真 實 人 生 那 里 去。 真 實 人 生 是 網 主 看 過 最 專 業 最 佩 服 的 教 學 網 頁.

---

---

This page hosted by