Microsoft PowerPoint - ec_03.ppt



Similar documents
Microsoft Word - 第四章.doc

如何加強規管物業管理行業

Microsoft Word doc

所 3 學 分 課 程, 及 兩 門 跨 領 域 課 程 共 6 學 分 以 上 課 程 學 生 在 修 課 前, 必 須 填 寫 課 程 修 課 認 定 表, 經 班 主 任 或 指 導 教 授 簽 名 後 始 認 定 此 課 程 學 分 ) 10. 本 規 章 未 盡 事 宜, 悉 依 學 位

<30332EAAFEA5F3A440A142A447A142A454A142A57CA147BEC7A5CDB14DB77EC3D2B7D3BEC7B2DFA661B9CF2E786C73>

6-1-1極限的概念

Microsoft Word 網頁設計.doc

Microsoft Word - ch07

<4D F736F F D D313032A7DEC075BAC2BC66B56EB04FB44EC5AAA7D3C440A7C7A874B2CEBEDEA740A4E2A5552E646F63>

xls

寫 作 背 景 導 讀 [98] L Lyman Frank Baum

四 修 正 幼 兒 園 師 資 類 科 應 修 學 分 數 為 四 十 八 學 分, 並 明 定 學 分 數 抵 免 之 相 關 規 定 及 規 範 修 習 幼 兒 園 教 育 專 業 課 程 之 最 低 年 限 ( 修 正 條 文 第 五 條 ) 五 發 給 修 畢 師 資 職 前 教 育 證 明

<4D F736F F D20A4A4B0EAA4E5A4C6A46ABEC7C0B3A5CEBCC6BEC7A874BEC7B873C3D2AED1B1C2BB50BFECAA6B F F2E646F63>

目 錄 壹 題 目 1: 新 增 商 品 ( 商 品 名 稱 為 玉 井 芒 果 乾 禮 盒 )... 3 貳 題 目 2: 新 增 商 品 ( 商 品 名 稱 為 紅 磚 布 丁 精 選 禮 盒 )... 5 參 題 目 3: 新 增 商 品 ( 商 品 名 稱 為 晶 鑽 XO 醬 禮 盒 ).

第一章 緒論

目 錄 項 目 內 容 頁 數 1 手 機 要 求 3 2 登 記 程 序 3 3 登 入 程 序 4 4 輸 入 買 賣 指 示 6 5 更 改 指 示 14 6 取 消 指 示 18 7 查 詢 股 票 結 存 21 8 查 詢 買 賣 指 示 23 9 更 改 密 碼 查 詢 股

內 政 統 計 通 報

16

二 兒 歌 選 用 情 形 ( ) 2 ( ) ( )

證 券 簡 易 下 單 :2121 證 券 簡 易 下 單 1. 主 工 具 列 的 視 窗 搜 尋 器 直 接 輸 入 點 擊 主 選 單 證 券 專 區 下 單 特 殊 下 單 2121 證 券 簡 易 下 單 畫 面 說 明 1. 下 單 區 2. 個 股 行 情 資 訊 與

實德證券網上交易系統示範

(Microsoft Word - MOODLE990201\266i\266\245\244\342\245U )

<4D F736F F D20B3E6A4B830312D2D2DBCC6BD75BB50BEE3BCC6AABAA55BB4EEB942BAE22E646F6378>

101年度社會福利方案 網路線上操作手冊

NCKU elearning Manual

<4D F736F F D20B0EAA5C1A470BEC7BB50B0EAA5C1A4A4BEC7AF5AAFC5BD73A8EEA4CEB1D0C2BEADFBADFBC342BD73A8EEB1F8A4E5B9EFB7D3AAED A14B>

度 ph 度 降 量 量 phph 糖 ph 度 更 3 說 酪 不 不 什 參 度 識 不 度 1

Microsoft PowerPoint - 102教師升等說明會

貳、研究動機

Microsoft Word - Draft circular on Sub Leg Apr (chi)_Traditional

關 於 教 育 部 學 習 拍 立 得 教 育 部 於 (103) 年 度 整 合 各 縣 市 政 府 部 屬 機 構 大 學 及 民 間 的 數 位 資 源 與 服 務, 依 不 同 類 型, 分 別 匯 集 於 教 育 大 市 集 教 育 百 科 教 育 媒 體 影 音 教 育 部 學 習 拍

ART_RAE16_ticket_cn_p.1

e-Submission System Quick Reference Guide for Publication Related Matters (Chinese version)

題目:中醫師配發藥材及合成中成藥簡介會

Microsoft PowerPoint - 使用 Word 編輯與排版文件 (II).ppt

研究一:n人以『剪刀、石頭、布』猜拳法猜拳一次,決定一人勝

目 錄 頁 1. 歡 迎 使 用 網 上 預 約 面 談 訪 問 系 統 新 用 戶 新 用 戶 登 入 帳 戶 程 序 啟 動 網 上 預 約 面 談 訪 問 帳 戶 核 對 帳 戶 的 地 址 資 料

PowerPoint 簡報

目 錄 一 系 統 登 入... 2 ( 一 ) 系 統 登 入 畫 面... 2 ( 二 ) 首 次 登 入 請 先 註 冊... 3 ( 三 ) 忘 記 單 位 帳 號... 8 ( 四 ) 忘 記 密 碼 ( 五 ) 健 保 卡 更 換 ( 六 ) 重 寄 確 認 信.

Microsoft Word - ATTCH4.docx

Microsoft Word - 15-刪空白頁

前 項 第 三 款 所 定 有 機 農 產 品 及 有 機 農 產 加 工 品 驗 證 基 準, 如 附 件 一 第 七 條 驗 證 機 構 受 理 有 機 農 產 品 及 有 機 農 產 加 工 品 之 驗 證, 應 辦 理 書 面 審 查 實 地 查 驗 產 品 檢 驗 及 驗 證 決 定 之

骨 折 別 日 數 表 1. 鼻 骨 眶 骨 ( 含 顴 骨 ) 14 天 11. 骨 盤 ( 包 括 腸 骨 恥 骨 坐 骨 薦 骨 ) 40 天 2. 掌 骨 指 骨 14 天 12. 臂 骨 40 天 3. 蹠 骨 趾 骨 14 天 13. 橈 骨 與 尺 骨 40 天 4. 下 顎 ( 齒

授 課 老 師 章 節 第 一 章 教 學 教 具 間 3 分 鐘 粉 筆 CNC 銑 床 教 學 內 容 CNC 銑 床 之 基 本 操 作 教 材 來 源 數 值 控 制 機 械 實 習 Ⅰ 1. 了 解 CNC 銑 床 的 發 展 2. 了 解 CNC 銑 床 刀 具 的 選 用 3. 了 解

<4D F736F F D20B773AAA9ADBBB4E4BAF4B8F4BBC8A6E6BEDEA740A4E2A5555FABC8A4E1BADD2DADD3A448AAA95F2E646F63>

修 課 特 殊 規 定 : 一 法 律 系 學 生 最 低 畢 業 學 分 128;101 學 年 度 修 讀 法 律 系 雙 主 修 學 生 應 修 畢 法 律 專 業 目 64 學 分 ( 限 修 習 本 校 法 律 系 開 設 課 程, 不 得 以 原 學 系 或 外 校 課 程 抵 免 -

<4D F736F F D A7DEC075AB4FB065A44ABEC7BAF4B8F4ADD3A74FB3F8A657A740B77EB0D1A6D2A4E2A5552DA6D2A5CDBADD2E646F63>

校 長 遴 選 者 就 相 關 遴 選 事 項, 有 程 序 外 之 接 觸 遴 選 會 委 員 在 任 期 間 因 故 無 法 執 行 任 務 或 有 不 適 當 之 行 為 者, 由 各 該 主 管 機 關 解 聘 之 ; 其 缺 額, 依 第 一 項 至 第 五 項 規 定 聘 ( 派 ) 委

會 員 專 區 使 用 手 冊 目 錄 一 基 本 介 紹 會 員 專 區 登 入 位 置 主 畫 面 與 網 站 架 構 : 功 能 導 覽 列 說 明 :... 3 二 DOI 查 詢 與 維 護... 4 三 DOI 註 冊 期 刊 類 型...

Microsoft Word - 立法會十四題附件.doc

「家加關愛在長青」計劃完成表現及評估報告

PROSPECT EXPLORATION 壹 前 言 第 9 卷 第 2 期 中 華 民 國 100 年 2 月

sle cover 1


簽 呈

桃園市104年國民中學新進教師甄選各校複試方式及需求表

BSP 烤箱 - 封面-2

Microsoft Word - 15

前 言 民 主 黨 施 政 報 告 建 議 書 民 主 黨 立 法 會 議 員 二 零 零 九 年 九 月

投影片 1


1、目的

長跨距暨挑高建築特殊結構系統之調查分析

Layout 1

2016年中國語文科試卷三聆聽及綜合能力考核樣本試卷示例及說明

<4D F736F F D20BAF4A457B3F8A657A874B2CEA8CFA5CEABFCA4DE2D >

Microsoft PowerPoint - 資料庫正規化(ccchen).ppt

章節

教育實習問與答:

教 師 相 關 ( 升 等, 依 業 務 需 002 交 通 管 科 評 鑑, 評 量, 徵,C031, 聘, 各 項 考 試 委 C051,C054, 員, 通 訊 錄 等 ),C057, C058,C063 各 項 會 議 紀 錄 依 業 務 需 C001,, 002,130 交 通 管 科 (

五 四 五 說 ( 代 序 ) 李 澤 厚 劉 再 復 I I II IV V VII 第 一 篇 五 四 新 文 化 運 動 批 評 提 綱 附 論 一 中 國 貴 族 精 神 的 命 運 ( 提 綱 )

HSBC Holdings plc Interim Report Chinese

Microsoft Word - Press release_chi_revised09Jul.doc

2 工 礦 衛 生 技 師 證 明 文 件 者 火 災 學 消 防 法 規 警 報 系 統 消 防 安 全 設 備 專 技 人 員 專 門 職 業 及 技 術 人 員 高 等 考 試 技 師 考 試 高 考 ( 專 技 ) 專 科 三 高 等 檢 定 相 當 類 科 及 格 者 四 消 防 設 備

節 數 內 容 網 頁 設 計 (1): 利 用 Google Sites 制 作 簡 單 文 字 網 頁, 連 結 不 同 版 面 網 頁 設 計 (2): 在 文 字 網 頁 上 加 插 圖, 上 載 網 頁 影 片 設 計 (1): 利 用 Windows Movie

PhotoImpact

Microsoft Word - 附表二

CONTENTS 訓 練 內 容 設 計 法 056 淡 季 期 的 訓 練 058 旺 季 期 的 訓 練 060 針 對 爬 坡 賽 的 訓 練 內 容 062 賽 後 的 資 料 分 析 PART4/ 鏑 木 毅 先 生 的 建 言 活 用 於 越 野 路 跑 的 心 跳 訓


A2: 國 中 基 測 是 一 種 標 準 化 測 驗, 測 驗 結 果 是 以 量 尺 分 數 表 示 量 尺 分 數 是 透 過 統 計 方 法, 由 答 對 題 數 轉 換 而 來, 其 目 的 是 要 呈 現 每 一 位 考 生 的 每 一 測 驗 學 科 在 所 有 考 生 中 的 相 對

瑞興銀行

Microsoft Word - 雲林區_免試平台_國中模擬選填_操作手冊.doc

格 成 績 證 明 第 六 條 第 七 條 本 系 大 四 課 程 中 規 劃 日 本 韓 國 越 南 專 題 研 究, 學 生 需 於 大 四 時 修 習 該 課 程, 並 於 規 定 期 間 內 提 出 專 題 報 告, 取 得 合 格 成 績 證 明 本 系 規 定 學 生 畢 業 時 需 取

二零零六至零七年施政報告

文 ( 一 ) 閱 讀 理 解 英 語 數 學 社 會 自 然 及 國 文 ( 二 ) 語 文 表 達 等 各 科 此 外 嘉 義 區 則 另 外 單 獨 辦 理 測 驗 五 專 亦 有 辦 理 特 色 招 生 考 試 分 發 入 學, 與 高 中 高 職 分 開 辦 理, 但 成 績 同 樣 採

Microsoft Word - labour_comparison.doc

投影片 1

投影片 1

Microsoft Word - dsejdoc_ _03.doc

第二組掃描器規範書

立積電子股份有限公司

Microsoft Word - 銓敘部退一字第 號函

壹、組織編制 代碼:C0101意見反映

第 6. 節 不 定 積 分 的 基 本 公 式 我 們 可 以 把 已 經 知 道 反 導 函 數 之 所 有 函 數 都 視 為 不 定 積 分 的 基 本 公 式 基 本 公 式 涵 蓋 的 範 圍 愈 大, 我 們 求 解 積 分 就 愈 容 易, 但 有 記 憶 不 易 的 情 事 研 讀

中華民國 第51屆中小學科學展覽會

Microsoft PowerPoint - 104年說明會簡報-final-0923.ppt [相容模式]


作一個跑的快的橡皮動力車

包 裝 維 生 素 礦 物 質 類 之 錠 狀 膠 囊 狀 食 品 營 養 標 示 應 遵 行 事 項 一 本 規 定 依 食 品 安 全 衛 生 管 理 法 第 二 十 二 條 第 三 項 規 定 訂 定 之 二 本 規 定 所 稱 維 生 素 礦 物 質 類 之 錠 狀 膠 囊 狀 食 品, 指

<4D F736F F D2045A4C6AA41B0C8C2E0ABACBB50B3D0B7735FA4A3A650AAC0B873B5B2BA63A455AA41B0C8C4DDA9CAA76CA4DEA44FB1B4B0515F46696E616C5F325F2E646F63>

Transcription:

第 三 章 網 站 的 規 劃 與 準 備 第 三 章 網 站 的 規 劃 與 準 備 3-1 網 路 常 見 名 詞 釋 意 3-2 為 何 需 要 規 劃 網 站 3-3 網 路 規 劃 流 程 說 明 3-4 認 識 網 站 架 構 和 目 錄 1/74 2/74 3-1 網 路 常 見 名 詞 釋 意 3-1-1 Internet 相 關 名 詞 3-1-1 Internet 相 關 名 詞 3-1-2 網 頁 程 式 語 言 Internet 也 就 是 網 際 網 路, 這 個 名 詞 在 近 幾 年 來 不 論 報 章 雜 誌, 都 處 處 可 見, 那 甚 麼 是 網 路 呢? 網 路 並 不 是 一 個 實 體 的 世 界, 而 是 透 過 電 腦 和 纜 線 互 相 連 接 所 形 成 的 虛 擬 世 界 透 過 電 腦 和 線 路, 您 可 以 和 其 他 的 電 腦 互 通 訊 息 也 就 是 說 當 有 一 台 電 腦 提 供 訊 息 之 後, 各 地 的 電 腦 都 可 以 透 過 網 際 網 路 連 到 這 一 台 電 腦 來 讀 取 資 料, 而 網 站 就 是 最 常 見 的 資 訊 提 供 者 就 因 為 有 相 當 多 的 人 或 公 司 將 要 公 開 的 資 料 加 以 整 理, 再 利 用 網 頁 編 輯 程 式 語 言 製 作 為 網 站, 而 越 來 越 多 網 站 的 聚 集 就 形 成 一 個 強 大 的 媒 體 世 界 當 然 在 這 個 世 界 中 並 不 單 單 只 有 我 們 最 常 瀏 覽 的 網 站 提 供 服 務, 其 他 如 電 子 郵 件 FTP 也 是 常 見 且 好 用 的 服 務 3/74 4/74 相 關 名 詞 釋 意 W W W 全 球 資 訊 網 W W W 全 球 資 訊 網 Web Page 網 頁 Web 網 站 網 站 伺 服 器 URL 網 頁 位 址 E-mail 電 子 郵 件 FTP 檔 案 傳 輸 瀏 覽 器 軟 體 Local Site 本 地 網 站 Remote Site 遠 端 網 站 HomePage 首 頁 Hyperlink 超 連 結 WWW 是 World Wide Web 的 縮 寫, 也 就 是 全 球 資 訊 網, 可 是 說 是 Internet 眾 多 服 務 當 中, 最 受 歡 迎 的 一 種 透 過 網 頁 可 以 將 文 字 圖 形 影 像 聲 音 甚 至 動 畫 等 資 料 加 以 連 結, 讓 我 們 只 要 透 過 網 頁 就 可 以 得 到 各 種 訊 息 伺 服 端 電 腦 執 行 的 WWW Server 軟 體 就 可 以 提 供 WWW 的 服 務, 也 就 是 網 站 的 服 務 5/74 6/74 1

Web Page 網 頁 Web 網 站 告 訴 您 如 何 設 計 網 頁, 那 甚 麼 是 網 頁 呢? 在 WWW 的 世 界 中, 就 是 由 一 頁 一 頁 獨 立 頁 面 組 成 單 位, 個 別 單 位 形 成 的 虛 擬 世 界, 而 這 一 頁 一 頁 的 頁 面 也 就 是 網 頁 網 頁 必 須 以 網 頁 程 式 語 言 來 撰 寫, 才 能 讓 瀏 覽 器 軟 體 辨 識 並 加 以 顯 示 網 站, 其 實 就 是 不 同 網 頁 的 組 合, 只 要 將 這 個 網 站 上 傳 到 WWW 主 機 上 就 可 以 提 供 大 家 瀏 覽 您 可 以 將 網 站 看 成 一 本 書, 一 頁 一 頁 的 內 容 就 是 網 頁, 而 完 整 的 一 本 書 就 是 一 個 網 站 7/74 8/74 網 站 伺 服 器 網 路 上 有 許 多 免 費 空 間 可 申 請 前 面 介 紹 過 網 路 是 透 過 不 同 電 腦 相 連 結, 來 提 供 交 換 資 訊, 而 這 些 電 腦 就 被 稱 為 伺 服 器, 網 站 和 網 頁 是 透 過 網 站 伺 服 器 來 提 供 服 務 當 您 將 網 站 設 計 完 成 後, 必 須 要 將 資 料 上 傳 到 網 站 的 伺 服 器 中, 並 且 輸 入 正 確 的 位 址 才 能 讓 別 人 看 到 內 容 目 前 最 常 用 的 方 式 就 是 申 請 免 費 網 頁 空 間 也 就 是 服 務 的 網 站 會 準 備 網 站 伺 服 器, 當 您 申 請 了 免 費 網 頁 空 間 後, 透 過 帳 號 和 密 碼 就 可 以 將 資 料 傳 送 到 這 一 台 網 站 伺 服 器 中 9/74 10/74 URL 網 頁 位 址 FTP 是 上 傳 網 頁 最 常 用 的 服 務 不 論 是 公 司 網 站 或 是 個 人 網 站, 都 必 須 輸 入 正 確 的 網 址 才 能 連 上 網 站, 那 網 址 又 是 怎 麼 形 成 的 呢? 網 址 也 就 是 URL ( Universal Resource Locator ) 全 球 資 源 定 位, 如 同 檔 案 總 管 透 過 資 料 夾 檔 案 路 徑 來 顯 示 檔 案 的 位 置,URL 則 是 顯 示 網 頁 的 位 置 所 以 每 一 個 網 頁 都 有 一 個 URL 11/74 12/74 2

E-mail 電 子 郵 件 FTP 檔 案 傳 輸 電 子 郵 件 和 信 件 一 樣, 都 是 將 我 們 的 訊 息 傳 遞 給 特 定 人 士, 不 同 的 是 E-mail 是 透 過 電 腦 來 寫 信 網 路 來 送 信 電 子 郵 件 可 不 是 只 有 文 字, 它 也 可 以 包 含 聲 音 影 像 圖 片 等 的 多 媒 體 檔 案, 只 要 您 有 收 件 人 的 電 子 郵 件 位 址, 就 可 以 讓 他 收 到 這 封 才 情 兼 具 的 信 件 也 因 為 E-mail 傳 遞 訊 息 的 快 速, 目 前 許 多 公 司 或 個 人 都 透 過 E-mail 和 其 他 人 溝 通 而 電 子 郵 件 則 是 透 過 郵 件 伺 服 器 來 傳 輸, 提 供 郵 件 伺 服 器 的 廠 商 會 有 其 專 屬 的 電 子 郵 件 區 域 位 址, 再 配 合 您 個 人 所 使 用 的 帳 號, 就 會 構 成 獨 一 無 二 的 電 子 郵 件 帳 號 目 前 常 見 的 電 子 郵 件 軟 體 為 Outlook Express, 另 外 也 有 不 少 網 站 提 供 Web 介 面 的 電 子 郵 件 不 需 要 透 過 軟 體, 直 接 透 過 瀏 覽 器 就 可 以 登 入 電 子 郵 件 信 箱, 瀏 覽 信 件 內 容 13/74 FTP ( File Transfer Protocol ) 檔 案 傳 輸 協 定, 讓 使 用 者 可 以 在 網 路 上 傳 輸 檔 案, 只 要 登 入 有 提 供 FTP 服 務 的 主 機, 就 可 以 進 行 FTP 檔 案 傳 輸, 讓 您 可 以 將 自 己 電 腦 中 的 檔 案 上 傳 到 Internet 或 下 載 Internet 的 檔 案 到 您 的 電 腦, 雖 然 目 前 有 不 少 網 頁 可 以 透 過 瀏 覽 器 來 上 傳 或 下 載 檔 案, 但 是 透 過 FTP 還 是 比 較 方 便 下 載 檔 案 大 家 應 該 比 較 熟 悉, 那 為 甚 麼 需 要 上 傳 檔 案 呢? 最 常 見 的 情 形, 就 是 把 自 己 所 製 作 的 網 頁 內 容, 送 到 Internet, 讓 別 人 也 可 以 看 到 您 的 網 站 目 前 常 用 的 FTP 軟 體 不 少,CuteFTP LeapFTP 都 是 不 錯 的 工 具 14/74 LeapFPT 軟 體 畫 面 瀏 覽 器 軟 體 當 我 們 要 瀏 覽 網 頁 時, 就 得 透 過 瀏 覽 器 軟 體, 瀏 覽 器 軟 體 會 辨 識 網 頁 文 件 中 的 程 式 語 言, 並 顯 示 其 內 容, 這 樣 使 用 者 才 能 夠 透 過 螢 幕 正 確 的 看 到 網 頁 的 內 容 目 前 最 多 人 使 用 的 瀏 覽 器 軟 體 就 是 微 軟 的 Internet Explorer 目 前 常 用 的 瀏 覽 器 除 了 Internet Explorer ( 簡 稱 IE) 之 外, 還 有 Netscape Communicator Opera KKman,Firefox 等 15/74 16/74 Local Site 本 地 網 站 本 地 網 站 就 是 您 在 電 腦 中 所 設 計 完 成 的 網 站, 像 第 二 章 所 建 立 的 FrontPage Web 也 是 本 地 網 站 您 必 須 先 在 自 己 的 電 腦 中 完 成 網 站 的 內 容, 再 將 網 站 內 容 上 傳 到 網 路 伺 服 器 中 Remote Site 遠 端 網 站 遠 端 網 站 就 是 位 於 Server 端 上 的 網 站, 當 您 將 本 地 網 站 傳 到 網 路 伺 服 器 之 後, 伺 服 器 上 面 的 網 站 資 料 就 稱 為 遠 端 網 站, 這 也 就 是 網 站 觀 眾 透 過 瀏 覽 器 所 看 到 的 網 站 內 容 目 前 網 站 伺 服 器 是 一 天 24 小 時 一 年 365 天 都 在 運 作 的, 這 樣 使 用 者 才 能 在 任 何 時 間 進 入 網 站 都 能 順 利 看 到 網 頁 內 容 17/74 18/74 3

HomePage 首 頁 美 觀 的 首 頁 是 網 站 的 大 門 當 我 們 要 進 入 WWW 時, 得 先 在 網 址 列 輸 入 網 址, 這 個 網 址 就 代 表 一 個 網 站, 而 進 入 網 站 後 透 過 瀏 覽 器 所 瀏 覽 的 每 一 個 畫 面, 則 是 網 頁 而 進 入 網 站 的 第 一 個 畫 面, 也 就 是 網 站 的 大 門, 則 稱 為 首 頁 一 般 大 家 都 以 HomePage 來 稱 呼 網 站, 其 實 HomePage 是 指 首 頁, 而 非 網 站 由 於 首 頁 是 電 腦 的 大 門, 所 以 兼 具 引 導 和 說 明 的 功 能 引 導 是 讓 瀏 覽 者 清 楚 網 站 的 內 容, 可 以 快 速 找 到 自 己 有 興 趣 的 主 題, 而 說 明 則 是 網 站 的 介 紹, 讓 您 知 道 網 站 提 供 哪 些 資 訊, 以 及 更 新 內 容 正 因 為 網 站 的 首 頁 是 門 面, 所 以 製 作 首 頁 變 成 了 網 站 的 重 要 工 作, 一 來 要 呈 現 網 站 的 風 格, 二 來 希 望 可 以 吸 引 瀏 覽 者 駐 足 目 前 最 常 見 的 首 頁 常 透 過 動 畫 來 呈 現, 特 別 是 Flash 動 畫 (^_^), 希 望 讓 瀏 覽 者 願 意 進 入 網 站, 甚 至 將 網 址 加 入 我 的 最 愛 中 網 站 其 實 是 許 多 的 網 頁 根 據 其 特 性, 分 門 別 類 集 合 而 成 的, 所 以 網 站 設 計 者 在 架 設 網 站 初 期 就 必 須 先 規 劃 好 網 站 的 架 構 根 據 架 構 來 製 作 網 頁, 讓 網 頁 之 間 互 相 連 結, 並 且 具 備 相 關 性 當 您 先 架 構 出 網 站 時, 才 能 將 自 己 所 想 的 內 容, 一 一 透 過 網 頁 來 呈 現 19/74 20/74 網 站 架 構 表 Hyperlink 超 連 結 超 連 結 是 網 路 的 重 要 元 素, 如 同 一 個 媒 介 物 件, 透 過 它 將 不 同 的 網 頁 網 站 連 接 在 一 起 例 如 當 您 透 過 搜 尋 引 擎 找 到 一 堆 網 站 的 網 址 時, 只 要 按 下 網 址 的 超 連 結, 就 可 以 進 入 這 個 網 站 中 而 網 頁 上 的 圖 片 檔 案 也 是 利 用 超 連 結 的 方 式, 連 接 到 遠 端 網 站 中 的 檔 案 這 部 分 在 介 紹 超 連 結 設 定 時 會 詳 加 說 明 21/74 22/74 HTML DHTML XML CSS VRML Script Java Applet CGI ASP PHP 3-1-2 網 頁 程 式 語 言 HTML HTML (Hyper Text Markup Language) 超 文 件 標 記 語 言, 是 目 前 最 常 見 用 來 撰 寫 網 頁 的 程 式 語 言, 用 來 表 示 網 頁 文 件 檔 案 的 規 範 HTML 透 過 標 記 來 確 定 網 頁 顯 示 的 格 式 HTML 的 原 始 檔 案 為 純 文 字 檔, 所 以 利 用 記 事 本 等 單 純 的 文 書 編 輯 軟 體 就 可 以 輸 入 程 式 HTML 檔 案 中 並 不 包 括 圖 片 動 畫 音 樂 等 多 媒 體 元 件, 不 過 透 過 指 標 的 輸 入, 就 可 以 指 向 這 些 多 媒 體 檔 案, 讓 網 頁 可 以 正 確 的 顯 示 圖 片 動 畫 等 多 媒 體 效 果 雖 然 HTML 的 檔 案 格 式 為 純 文 字, 不 過 原 始 檔 案 的 附 檔 名 為.HTM 或 HTML, 這 樣 才 能 透 過 瀏 覽 器 來 開 啟 文 件 23/74 24/74 4

HTML- 目 前 最 常 用 的 網 頁 程 式 語 言 DHTML DHTML ( Dynamic HTML) 動 態 HTML,DHTML 同 樣 是 用 來 撰 寫 網 頁 的 程 式 語 言, 其 所 使 用 的 網 頁 程 式 標 籤 和 HTML 相 同, 不 過 在 功 能 上 卻 有 相 當 的 差 異 HTML 最 大 的 缺 點 就 是 當 您 更 新 網 頁 後, 瀏 覽 器 必 須 從 伺 服 器 重 新 下 載 整 個 網 頁, 而 微 軟 提 出 了 DHTML 的 技 術, 可 以 在 網 頁 下 載 完 後 插 入 刪 除 或 取 代 網 頁 中 的 HTML 程 式, 瀏 覽 器 也 會 根 據 所 根 據 的 程 式 碼 內 容 來 更 新 網 頁 內 容 同 樣 透 過 DHTML 也 可 以 製 作 出 不 同 的 網 頁 特 效, 例 如 水 中 倒 影 動 態 選 單 壁 畫 的 圖 片 等, 目 前 有 不 少 網 站 會 提 供 DHTML 程 式 碼, 您 只 要 將 其 加 入 HTML 程 式 碼 中, 就 可 以 呈 現 動 態 網 頁 特 效 25/74 26/74 XML XML ( extensible Markup Language) 可 擴 展 標 記 語 言, 用 來 傳 送 Internet 的 資 料 或 資 料 的 處 理,XML 並 不 是 用 來 取 代 HTML 的 程 式 語 言, 而 是 用 以 補 HTML 的 不 足 其 檔 案 文 件 同 樣 是 以 純 文 字 所 組 成, 其 副 檔 名 為 xml CSS CSS (Cascading Style Sheets) 階 層 樣 式 表, 用 以 定 義 網 頁 內 容 的 資 料 樣 式 如 同 Word 可 以 定 義 樣 式 來 統 一 文 件 的 格 式, 網 頁 也 可 以 透 過 樣 式 表 來 建 立 文 字 的 樣 式, 讓 網 頁 的 文 字 可 以 統 一 27/74 28/74 VRML Script VRML ( Virtual Reality Modeling Language ) 虛 擬 實 境 描 述 模 組 語 言, 用 以 呈 現 3D 物 件 的 效 果 不 論 網 頁 圖 片 都 是 平 面 效 果, 當 然 透 過 動 畫 也 可 以 呈 現 立 體 效 果 所 以 目 前 VRML 已 經 很 少 使 用 在 網 頁 上 了 Script 是 內 嵌 在 HTML 程 式 碼 中 的 小 程 式, 主 要 用 來 顯 示 動 態 和 即 時 的 資 料, 例 如 網 頁 特 效 即 時 日 期 股 市 資 訊 等, 大 多 透 過 Script 來 顯 示 目 前 常 用 的 Script 有 Netscape 公 司 所 開 發 的 JavaScript 和 Microsoft 所 開 發 的 VB Script, 二 者 都 可 以 用 來 撰 寫 瀏 覽 器 端 的 Script 而 伺 服 器 端 的 Script 目 前 常 見 的 也 有 二 種, 分 別 是 ASP 和 CGI 29/74 30/74 5

Java Applet Java Applet 可 以 製 作 出 網 頁 特 效 Java Applet 是 使 用 Java 所 撰 寫 的 程 式, 同 樣 可 以 內 嵌 在 HTML 程 式 中, 製 作 網 頁 的 Java Applet 特 效 例 如 不 少 網 站 常 見 的 計 數 器 水 波 效 果 跑 馬 燈 等, 在 本 書 的 第 十 三 章 會 介 紹 如 何 透 過 Java Applet 程 式 來 讓 網 頁 更 加 多 變 31/74 32/74 CGI ASP CGI (Common Gateway Interface) 共 同 閘 道 介 面, 也 就 是 連 結 網 路 伺 服 器 端 與 瀏 覽 器 端, 使 其 能 夠 作 檔 案 存 取 等 動 作 的 一 種 介 面, 透 過 CGI 可 以 讓 使 用 者 執 行 伺 服 器 端 的 外 部 程 式, 並 且 將 結 果 送 回 瀏 覽 器 中, 是 網 站 和 網 頁 觀 眾 互 動 的 主 要 方 法 之 一 CGI 程 式 可 以 使 用 多 種 程 式 語 言 撰 寫, 最 常 見 的 是 由 Perl 或 C 撰 寫 而 成 ASP 目 前 最 常 被 使 用 在 網 頁 互 動 資 料 庫 中, 而 CGI 也 是 互 動 程 式 介 面 例 如 留 言 版 討 論 區 等 都 是 CGI 程 式 ASP ( Active Server Pages ) 動 態 伺 服 器 網 頁 是 在 微 軟 的 IIS 或 PWS 等 Web 伺 服 器 上 執 行 的 Script, 是 微 軟 發 展 的 一 種 利 用 Active X 技 術 來 開 發 動 態 網 頁 的 環 境, 是 屬 於 Active X Server 端 的 技 術, 網 頁 設 計 者 可 以 利 用 ASP 的 技 術 將 Script 敘 述 及 程 式 碼 嵌 在 HTML 檔 案 中, 以 產 生 動 態 互 動 高 效 能 的 網 頁 33/74 34/74 PHP PHP 是 在 Linux 上 運 作 的 網 頁 程 式 語 言 PHP 是 另 一 種 伺 服 器 網 頁 的 程 式 語 言, 他 和 ASP 語 言 相 當 類 似, 同 樣 可 以 連 接 資 料 庫 並 且 製 作 動 態 資 料 網 頁 的 效 果 之 所 以 會 有 ASP PHP 的 差 異 也 是 由 於 所 使 用 的 作 業 平 台 不 同 ASP 是 用 於 微 軟 的 平 台, 而 PHP 的 用 於 Linux 平 台 35/74 36/74 6

3-2 為 何 需 要 規 劃 網 站 3-2-1 網 站 規 劃 是 做 甚 麼? 3-2-1 網 站 規 劃 是 做 甚 麼? 3-2-2 指 定 網 站 觀 眾 便 於 網 頁 資 料 的 瀏 覽 網 站 觀 眾 的 分 類 網 站 風 格 的 分 類 37/74 38/74 便 於 網 頁 資 料 的 瀏 覽 網 站 觀 眾 的 分 類 假 設 當 您 進 入 一 個 軟 體 公 司 的 網 站 時, 產 品 介 紹 放 的 一 定 是 該 公 司 所 銷 售 的 軟 體 產 品 資 料 ; 聯 絡 方 式 則 會 是 公 司 地 址 電 話 電 子 郵 件 等 資 訊 ; 客 戶 服 務 則 是 軟 體 公 司 針 對 客 戶 所 提 供 的 不 同 服 務 內 容, 例 如 軟 體 更 新 版 的 下 載 ; 軟 體 使 用 與 安 裝 的 問 與 答 內 容 等 這 種 分 類 其 實 就 是 網 站 的 規 劃, 將 網 站 要 說 明 的 內 容 加 以 區 分, 各 自 放 在 不 同 的 分 類 底 下, 這 樣 要 瀏 覽 才 方 便 您 想 若 將 公 司 的 產 品 資 料 軟 體 使 用 資 料 客 服 資 料 等 所 有 的 東 西 都 放 在 同 一 頁 網 頁 中, 這 麼 多 資 料 找 起 來 多 累 呀! 所 以 網 站 規 劃 的 主 要 工 作 之 一 就 是 建 立 網 站 的 架 構 圖, 將 網 站 的 內 容 放 在 不 同 的 大 類, 每 個 大 類 底 下 還 可 以 再 分 類, 這 樣 一 層 層 的 細 分, 不 論 瀏 覽 或 是 找 資 料 都 簡 便 許 多 例 如 入 口 網 站 所 集 結 的 網 站 搜 尋, 會 先 分 大 類 網 路 電 腦 人 文 藝 術 生 活 休 閒 等, 生 活 休 息 大 類 再 去 細 分 電 玩 遊 戲 動 漫 畫 餐 飲 購 物 等, 而 小 類 如 電 玩 遊 戲 還 可 以 繼 續 細 分 線 上 遊 戲 網 路 遊 戲 遊 戲 雜 誌 等 規 劃 時 第 二 個 需 要 的 分 類 是 網 站 觀 眾 的 分 類, 除 非 您 設 計 的 是 入 口 網 站 例 如 Yahoo PChome 等 網 站, 否 則 網 站 都 會 找 出 網 站 觀 眾, 先 依 照 自 己 希 望 鎖 定 的 網 站 觀 眾 加 以 設 計 所 謂 的 網 站 觀 眾 就 是 您 希 望 來 瀏 覽 網 站 的 人, 也 許 您 會 說 當 然 希 望 越 多 越 好, 大 家 都 來, 但 是 這 可 能 性 實 在 太 小, 畢 竟 您 的 網 站 不 可 能 囊 括 每 個 人 都 想 知 道 的 內 容, 所 以 網 站 訴 求 主 要 是 讓 哪 一 種 人 看 就 需 要 規 劃 了 公 司 網 站 會 依 據 公 司 產 品 的 主 要 市 場 來 找 出 網 頁 觀 眾, 個 人 網 站 則 依 據 網 站 的 主 題 來 設 定 網 頁 觀 眾 例 如 一 個 介 紹 線 上 遊 戲 的 網 站, 那 網 頁 觀 眾 會 以 年 輕 學 生 為 主, 而 化 妝 品 的 網 站 當 然 是 以 女 性 為 主 囉! 即 使 化 妝 品, 也 會 依 據 產 品 的 特 性 加 以 區 分, 針 對 中 年 婦 女 年 輕 女 性 職 業 白 領 或 是 貴 夫 人 一 族, 產 品 不 同 網 站 的 內 容 也 得 隨 之 切 換 才 行 39/74 40/74 網 站 內 容 要 針 對 訴 求 的 對 象 來 做 設 計 網 站 風 格 的 分 類 分 類 分 網 頁 觀 眾 就 是 為 了 設 計 網 頁 的 方 便, 因 應 不 同 的 類 別 屬 性 網 站 風 格 和 網 頁 版 面 也 得 要 分 類 一 個 專 業 的 網 站 設 計 師 在 設 計 網 站 之 前, 多 半 會 製 作 網 站 企 劃 書 就 是 為 了 詳 細 分 析 這 些 資 料, 才 能 做 出 最 符 合 的 網 站 內 容 41/74 42/74 7

3-2-2 指 定 網 站 觀 眾 網 頁 觀 眾 會 以 甚 麼 方 式 上 網 網 頁 觀 眾 會 以 甚 麼 方 式 上 網 網 頁 觀 眾 想 看 到 哪 些 內 容 網 頁 觀 眾 喜 歡 的 風 格 雖 說 目 前 寬 頻 上 網 已 經 漸 漸 成 為 趨 勢, 但 仍 有 不 少 人 使 用 數 據 機 撥 接 上 網 上 網 速 度 的 不 同, 網 頁 讀 取 的 速 度 也 有 相 當 的 差 異 若 您 的 網 站 以 家 庭 觀 眾 為 主, 那 網 頁 內 容 就 得 考 量 到 數 據 機 撥 接 的 使 用 者, 不 能 使 用 過 大 的 圖 片 過 多 的 動 畫 甚 至 多 媒 體 檔 案 即 使 寬 頻 的 時 代 真 正 來 臨, 也 不 代 表 您 在 設 計 網 頁 時 就 無 須 考 量 資 料 的 傳 輸, 因 為 這 時 網 頁 觀 眾 可 能 會 同 時 瀏 覽 多 個 網 站, 如 果 讓 他 等 太 久 都 看 不 到 內 容, 同 樣 會 降 低 下 次 再 進 入 網 站 的 機 率 43/74 44/74 看 到 首 頁 即 可 了 解 整 個 網 站 的 風 格 網 頁 觀 眾 想 看 到 哪 些 內 容 不 同 族 群 的 網 頁 觀 眾 所 需 要 的 內 容 以 及 表 達 方 式 也 有 相 當 大 的 差 異, 年 輕 群 眾 習 慣 多 媒 體 圖 像 的 世 界, 過 多 的 文 字 未 必 有 耐 心 去 閱 讀, 這 時 您 就 得 考 量 活 潑 一 點 的 內 容 而 專 業 網 站 則 要 求 資 料 的 完 備 與 齊 全 度, 資 料 越 清 楚 越 好, 瀏 覽 者 當 然 希 望 文 字 越 多 越 好, 而 非 草 草 幾 行 網 站 除 了 提 供 資 訊 之 外, 互 動 也 是 重 要 的 因 素, 如 何 適 當 的 和 網 頁 觀 眾 互 動, 針 對 他 們 的 疑 問 及 時 解 答, 針 對 有 興 趣 的 部 分 特 別 加 以 說 明, 隨 著 網 頁 觀 眾 的 互 動 不 斷 的 調 整 和 補 強, 自 然 可 以 建 立 一 群 固 定 的 網 頁 觀 眾 45/74 46/74 有 討 論 區 的 網 站 較 能 與 網 頁 觀 眾 互 動 網 頁 觀 眾 喜 歡 的 風 格 最 後 一 個 隨 著 網 頁 觀 眾 不 同 而 考 量 的 就 是 網 站 的 風 格 了 以 網 頁 設 計 教 學 為 主 的 網 站, 一 定 會 注 重 其 藝 術 性 與 設 計 感, 色 彩 視 覺 效 果 看 來 肯 定 強 烈 許 多, 而 學 術 性 質 的 文 字 通 常 不 太 美 觀, 也 不 會 放 置 圖 片, 一 頁 一 頁 的 文 字 就 是 最 常 見 的 網 站 效 果 了 47/74 48/74 8

3-3 網 路 規 劃 流 程 說 明 網 站 製 作 流 程 3-3-1 作 網 站 的 目 的 3-3-2 設 定 網 站 的 主 題 3-3-3 收 集 分 析 資 料 3-3-4 規 劃 網 站 架 構 3-3-5 網 站 的 設 計 與 製 作 3-3-6 網 站 上 傳 發 行 3-3-7 網 站 的 更 新 與 維 護 49/74 50/74 3-3-1 作 網 站 的 目 的 網 站 的 分 類 設 定 網 站 所 要 達 成 的 目 標 應 該 是 規 劃 網 站 的 最 重 要 的 第 一 件 事, 因 為 不 同 網 站 目 標 所 建 立 的 網 站 內 容 就 完 全 不 同, 例 如 一 家 介 紹 產 品 的 公 司 網 站 和 銷 售 為 主 的 購 物 網 站 不 論 外 觀 風 格 和 所 會 運 用 的 網 站 技 術 就 完 全 不 同 前 者 必 須 清 楚 的 表 達 公 司 的 產 品 資 訊, 讓 客 戶 可 以 輕 易 瀏 覽 其 內 容, 而 購 物 網 站 除 了 完 整 的 產 品 資 訊 外, 消 費 者 的 會 員 管 理 和 購 物 安 全 就 涉 及 較 為 複 雜 的 機 制 您 為 甚 麼 要 製 作 網 站? 網 站 的 目 的 是 甚 麼, 又 希 望 它 可 以 達 成 甚 麼 樣 的 目 標 呢? 這 是 網 站 設 計 人 員 得 先 想 清 楚 的 問 題 當 您 今 天 要 設 計 的 是 公 司 的 網 站, 那 公 司 是 希 望 網 站 可 以 用 來 建 立 公 司 的 形 象 銷 售 公 司 的 產 品 ; 或 是 提 供 完 整 的 客 服 制 度, 不 同 的 重 點 區 隔 為 不 同 的 網 站 商 業 公 司 網 站 網 路 商 店 媒 體 網 站 休 閒 娛 樂 網 站 個 人 網 站 51/74 52/74 商 業 公 司 網 站 以 展 示 商 品 為 主 購 物 網 站 瀏 覽 以 方 便 為 主 53/74 54/74 9

媒 體 網 站 所 謂 的 媒 體 網 站 可 不 是 單 指 大 眾 傳 播 媒 體 所 架 設 的 網 站, 而 是 透 過 網 路 提 供 各 類 資 訊 包 括 新 聞 影 片 線 上 廣 播 等, 不 論 是 即 時 或 是 非 即 時 的 資 訊, 都 能 讓 人 掌 握 社 會 的 脈 動, 從 中 獲 取 各 類 知 識 或 常 識 當 然, 既 有 的 媒 體 也 是 這 類 網 站 的 大 宗, 透 過 既 有 的 資 源 來 拓 展 不 同 的 商 機, 像 報 社 除 了 新 聞 資 訊 的 提 供, 也 提 供 電 子 報 新 聞 資 料 查 詢 等 等 收 費 服 務, 就 是 透 過 網 路 來 拓 展 自 己 的 通 路 休 閒 娛 樂 網 站 休 閑 娛 樂 網 站 當 然 就 是 專 門 用 來 告 訴 您 哪 裡 有 好 吃 的 好 玩 的 好 康 等, 不 論 美 食 旅 遊 藝 文 遊 戲, 都 有 相 當 多 專 門 提 供 這 類 資 訊 的 網 站 這 類 網 站 的 特 色 是 以 有 較 完 整 的 資 料 收 集 與 呈 現, 讓 您 可 以 在 網 站 上 找 到 符 合 自 己 需 求 的 資 訊, 當 然 搜 尋 功 能 也 不 能 少, 這 樣 根 據 每 個 人 不 同 的 要 求 迅 速 提 供 合 適 的 內 容 當 然, 也 少 不 了 相 對 應 的 商 品 介 紹 廣 告 促 銷 活 動 等, 這 樣 網 站 才 能 順 利 的 經 營 下 去, 為 您 提 供 更 多 的 服 務 55/74 56/74 個 人 網 站 3-3-2 設 定 網 站 的 主 題 您 為 甚 麼 要 作 網 站 呢? 目 前 網 路 上 有 相 當 多 的 個 人 網 站, 各 自 有 不 同 的 目 的, 有 些 是 因 為 個 人 的 興 趣 和 喜 好, 透 過 網 路 來 找 到 更 多 的 同 好, 還 有 些 人 為 了 宣 傳 自 己 打 打 廣 告, 或 是 教 學 心 得 的 分 享 等 等, 而 有 些 人 完 全 沒 有 目 的 只 是 想 要 有 一 個 自 己 的 網 站 而 隨 著 網 站 目 的 不 同, 所 花 費 的 時 間 和 心 思 也 有 相 當 的 差 異, 有 些 個 人 網 站 不 論 內 容 或 是 設 計, 都 遠 比 商 業 網 站 來 的 出 色 呢! 主 要 的 一 個 原 因 是 因 為 自 己 想 怎 麼 做 就 怎 麼 設 計, 不 像 其 他 類 別 的 網 站 要 考 慮 較 多 的 因 素, 所 以 不 論 設 計 或 是 藝 術, 都 更 有 其 創 意 與 風 格 57/74 確 定 自 己 製 作 網 站 的 目 的 之 後, 就 得 決 定 網 站 的 主 題, 看 您 是 要 作 哪 一 類 的 網 站 囉! 這 樣 也 才 能 幫 自 己 的 網 站 想 個 響 亮 的 名 字 網 路 上 各 種 網 站 都 有, 千 奇 百 怪, 想 找 一 個 別 人 沒 有 做 過 的 主 題, 是 相 當 困 難 的 事 情, 其 實 也 不 需 要 這 麼 做 網 站 之 所 以 可 以 吸 引 人 參 觀, 內 容 才 是 最 重 要 的, 所 以 挑 一 個 您 所 熟 悉 或 喜 愛 的 題 材, 才 能 不 斷 地 在 網 站 增 加 新 的 東 西, 並 且 和 網 友 之 間 產 生 互 動 當 然, 網 站 的 名 稱 也 很 重 要 當 您 和 陌 生 人 見 面 時, 第 一 件 事 往 往 是 自 我 介 紹, 名 字 好 記 或 者 自 我 介 紹 有 趣 的 人, 才 容 易 讓 人 留 下 印 象 網 站 的 名 稱 也 是 一 樣, 簡 單 好 記 或 特 別 搞 怪, 和 網 站 相 關 性 越 強, 越 容 易 讓 人 留 下 印 象 對 初 學 者 而 言, 第 一 個 製 作 網 站 不 要 一 下 就 向 高 難 度 挑 戰, 從 自 己 身 旁 事 物 找 出 有 興 趣 的 主 題, 再 慢 慢 加 以 填 補, 先 清 楚 如 何 製 作 網 站, 等 到 熟 悉 之 後 再 去 想 想 如 何 弄 個 更 專 業 的 網 站 58/74 網 站 名 稱 好 記 又 特 別 才 能 吸 引 觀 眾 WEPA 3-3-3 收 集 分 析 資 料 59/74 當 確 定 所 要 製 作 的 網 站 內 容 之 後, 下 一 步 便 是 蒐 集 相 關 資 料, 並 且 加 以 分 析 當 您 想 您 的 網 站 是 個 人 自 助 旅 遊 的 去 東 京 的 心 得 和 旅 行 情 報, 那 當 然 少 不 了 東 京 各 區 域 的 風 景 名 稱 介 紹 照 片 路 線 交 通 資 訊 等, 這 些 資 料 您 未 必 都 知 道, 當 然 就 得 透 過 網 路 到 其 他 的 網 站 找 到 相 關 的 資 料 至 於 分 析 資 料 那 更 是 不 能 少 的 工 作, 想 想 您 自 己 在 瀏 覽 網 路 時, 應 該 多 數 的 時 間 是 花 在 固 定 的 站 台 吧! 例 如 搜 尋 引 擎 有 些 人 就 喜 歡 用 番 薯 藤 有 些 人 則 對 Google 情 有 獨 鍾 不 會 輕 易 更 換, 就 是 因 為 這 個 東 西 好 用 所 以 當 您 想 開 站, 面 對 同 樣 的 主 題 要 怎 麼 吸 引 人 上 門, 當 然 要 有 獨 特 性, 別 人 有 的 基 本 資 料 不 能 少, 那 自 己 有 甚 麼 獨 特 之 處 就 得 您 自 己 去 找 出 來 囉! 多 逛 逛 同 類 的 網 站, 看 看 那 些 人 氣 直 升 的 網 站 有 甚 麼 秘 訣 可 以 吸 引 到 這 麼 多 人 上 門 除 了 內 容 豐 富 之 外, 站 長 是 否 可 以 和 瀏 覽 者 有 良 好 的 互 動 也 是 很 重 要 的, 這 都 是 好 網 站 的 必 備 條 件 當 然, 除 了 內 容, 網 站 的 呈 現 方 式 也 是 要 分 析 的, 過 多 的 圖 片 動 畫 只 會 降 低 網 站 的 瀏 覽 速 度, 其 實 有 許 多 受 歡 迎 的 網 站 並 不 見 得 非 常 炫 麗, 但 大 多 是 經 過 設 計, 所 以 在 看 網 站 內 容 的 同 時, 也 記 得 多 留 意 這 些 網 站 的 呈 現 風 格 60/74 10

3-3-4 規 劃 網 站 架 構 網 頁 架 構 圖 決 定 網 站 的 主 題 後, 就 開 始 設 計 網 站 的 架 構 了, 可 別 想 得 太 複 雜, 筆 者 只 是 要 您 先 把 自 己 想 做 的 東 西 加 以 分 類, 像 如 果 是 家 族 的 網 站, 那 少 不 了 有 照 片 日 記 或 是 自 我 介 紹, 作 個 桌 面 的 網 站, 就 可 以 分 為 桌 布 螢 幕 保 護 程 式 桌 面 玩 具 等, 底 下 再 去 細 分 桌 布 區 還 可 以 有 風 景 遊 戲 等, 當 然 各 區 底 下 還 可 以 再 細 分 為 不 同 的 層 次 這 個 分 類 的 架 構 是 網 站 設 計 不 能 少 的 工 作, 如 果 房 子 需 要 設 計 圖 來 建 立 房 間 的 分 隔, 房 間 內 的 擺 設 家 具 也 得 要 經 過 設 計, 隨 意 亂 放 不 但 不 好 看 也 無 法 充 分 利 用 空 間 網 站 也 是 一 樣, 必 須 要 繪 製 網 站 架 構 圖 一 一 區 隔 網 站 的 內 容, 把 同 類 的 網 頁 網 站 加 以 分 門 別 類 網 站 架 構 圖 除 了 協 助 您 建 置 網 站, 往 後 修 改 網 站 架 構 時 也 可 以 作 為 參 考 61/74 62/74 3-3-5 網 站 的 設 計 與 製 作 3-3-6 網 站 上 傳 發 行 把 網 站 的 大 綱 和 資 料 都 蒐 集 好 後, 當 然 就 要 開 始 動 手 施 工, 本 書 是 使 用 FrontPage 來 製 作 網 頁 當 您 製 作 網 站 架 構 之 後, 就 是 根 據 架 構 逐 一 準 備 網 站 的 資 料 例 如 網 站 共 用 的 圖 片 Logo, 每 一 個 網 頁 的 文 字, 您 還 可 以 替 網 頁 加 上 動 畫 多 媒 體 等 效 果 如 果 您 對 影 像 繪 圖 軟 體 不 太 熟 悉, 也 不 用 太 擔 心, FrontPage 內 建 有 不 少 圖 片 可 以 使 用, 網 路 上 也 有 不 少 網 站 專 門 提 供 免 費 的 動 畫 圖 庫 讓 您 使 用 不 過 您 可 別 隨 便 到 其 他 人 的 網 站 中 抓 圖 來 使 用, 因 為 網 站 內 容 也 是 受 著 作 權 保 護 的 在 網 站 設 計 好 後, 最 好 一 併 測 試 一 下 各 個 網 頁 的 連 結 是 否 正 確, 所 有 的 圖 片 文 字 等 元 件, 是 不 是 都 全 部 弄 好 了, 全 部 檢 查 一 次 才 不 會 等 到 上 傳 後, 才 發 現 網 頁 有 連 結 的 錯 誤, 還 要 花 時 間 修 正 並 且 重 新 上 傳, 反 而 麻 煩, 當 然 網 頁 製 作 軟 體 都 有 檢 查 連 結 的 工 具, 不 必 您 一 一 親 自 動 手 啦! 測 試 後 別 忘 了 看 看 全 部 網 頁 的 大 小, 再 去 申 請 免 費 的 網 頁 空 間, 替 您 的 網 頁 找 個 窩. 63/74 網 站 空 間 申 請 好 了, 網 頁 也 製 作 好 了, 恭 喜 您! 只 要 利 用 該 網 站 上 傳 功 能, 或 是 FTP ( 上 傳 軟 體 ) 將 您 辛 苦 製 作 的 網 頁 上 傳 至 所 申 請 的 網 頁 空 間 之 中, 網 站 就 開 張 了! 您 可 以 透 過 FrontPage 的 Web 發 送 精 靈 來 上 傳 檔 案, 或 是 利 用 FTP 上 傳, 不 論 哪 一 種 方 式, 要 記 得 把 所 有 的 網 頁 圖 片 等 相 關 檔 案, 一 併 傳 到 Web 伺 服 器 中 網 站 上 傳 後, 可 不 單 單 開 張 這 麼 簡 單, 好 不 容 易 有 自 己 的 網 頁, 當 然 要 公 告 眾 親 友, 也 別 忘 記 去 各 大 入 口 網 站 註 冊, 讓 大 夥 可 以 透 過 搜 尋 引 擎 找 到 您 家 甚 至 上 各 大 BBS 或 NEW 上 貼 公 告, 歡 迎 大 家 參 觀, 不 過 提 醒 您, 廣 告 可 別 做 過 頭 了, 否 則 反 而 會 引 起 別 人 的 反 感 64/74 上 傳 後 可 確 認 往 站 的 檔 案 有 無 漏 傳 3-3-7 網 站 的 更 新 與 維 護 網 站 可 不 是 開 張 就 行 了, 這 只 是 您 的 第 一 步, 往 後 還 需 要 不 斷 的 更 新 您 的 網 站 內 容, 這 樣 網 友 們 才 會 願 意 一 再 來 您 的 網 站 拜 訪 當 然 網 站 的 更 新 會 讓 您 的 網 站 越 來 越 大, 這 時 網 站 檔 案 的 管 理 就 相 當 重 要 了 如 果 您 的 檔 案 沒 有 加 以 分 類, 當 時 間 一 久 檔 案 越 來 越 多, 到 後 來 又 記 得 哪 個 檔 案 是 甚 麼 內 容 都 是 一 件 困 難 的 事, 這 就 看 您 之 前 的 管 理 工 作 有 沒 有 真 的 切 實 執 行 啦! 此 外, 網 站 通 常 會 有 留 言 板 和 討 論 區, 上 面 的 發 言 也 得 適 時 的 整 理, 將 舊 的 文 章 放 在 精 華 區 或 加 以 刪 除, 做 好 板 主 應 有 的 責 任 而 在 考 慮 網 站 更 新 更 版 時, 到 底 要 有 多 大 的 變 動, 也 是 一 個 頭 痛 的 問 題 當 一 個 網 站 成 立 一 年 以 上 若 您 很 努 力 更 新, 那 所 累 積 的 介 紹 圖 片 文 字 應 該 不 少, 若 舊 資 料 一 直 保 存 而 新 資 料 不 斷 加 入, 網 頁 所 佔 據 的 空 間 就 會 越 來 越 多 65/74 66/74 11

3-3-7 網 站 的 更 新 與 維 護 3-4 認 識 網 站 架 構 和 目 錄 公 司 網 站 自 然 問 題 較 小, 但 個 人 網 站 就 得 面 對 空 間 不 足 和 網 頁 瀏 量 增 加 的 困 擾 特 別 是 網 頁 內 容 都 是 放 置 在 免 費 網 頁 空 間 的 網 站 上 時 目 前 的 免 費 網 頁 空 間 所 提 供 的 空 間 從 3~10MB 都 有, 也 都 有 檔 案 大 小 的 限 制, 所 以 當 網 站 成 立 一 段 時 間 後, 勢 必 要 考 量 移 除 舊 資 料, 或 請 他 人 提 供 免 費 網 頁 空 間, 不 然 是 肯 定 不 夠 用 了 資 訊 的 更 新 與 瀏 覽 習 慣 : 網 站 內 容 的 更 新 是 不 可 少 的, 也 是 網 站 受 歡 迎 的 第 一 要 素 想 想 您 在 瀏 覽 網 站 時 如 果 每 次 上 去 都 看 到 舊 內 容, 幾 次 之 後 往 往 就 捨 棄 這 個 網 站 改 到 其 他 有 更 新 的 地 方 找 資 料 即 使 您 所 提 供 的 資 料 並 無 時 效 性, 但 再 完 整 的 資 料 也 只 能 吸 引 人 上 去 幾 次 而 無 法 建 立 瀏 覽 習 慣 當 然, 每 天 更 新 是 不 太 可 能 的 事 情, 畢 竟 未 必 有 這 麼 多 的 東 西 可 以 寫, 所 以 除 了 定 期 提 供 新 知 之 外, 討 論 區 或 留 言 版 讓 訪 客 發 表 意 見 會 成 為 多 數 網 站 的 必 備 網 頁, 就 是 透 過 定 期 對 談 來 建 立 使 用 者 的 瀏 覽 習 慣, 進 而 聚 集 網 站 的 人 潮 為 了 網 站 可 以 永 續 經 營, 網 站 內 容 更 新 瀏 覽 人 次 空 間 和 費 用, 是 身 為 網 頁 設 計 及 網 站 站 長 所 必 須 瞭 解 跟 掌 握 的 問 題, 才 能 讓 網 站 受 歡 迎 並 且 愉 快 的 存 活 下 去 67/74 3-4-1 透 過 樹 狀 圖 來 建 立 網 站 架 構 3-4-2 網 頁 檔 案 也 需 要 分 類 68/74 3-4-1 透 過 樹 狀 圖 來 建 立 網 站 架 構 網 站 樹 狀 地 圖 一 般 最 常 見 的 網 站 架 構 圖 是 用 樹 狀 圖 來 表 示, 一 來 它 的 格 式 和 檔 案 總 管 相 類 似, 二 來 分 層 次 相 當 清 楚, 在 FrontPage 中, 也 可 以 使 用 樹 狀 圖 來 瀏 覽 網 站 的 當 您 在 繪 製 樹 狀 圖 時 得 先 將 網 站 加 以 分 類 例 如 當 您 製 作 班 級 網 站 時, 會 根 據 班 次 學 科 來 分 類 先 將 大 類 別 拉 出, 例 如 課 程 資 訊 公 佈 欄 我 們 這 一 班, 而 在 大 類 底 下 還 有 細 項 分 類 像 我 們 這 一 班 底 下 有 學 生 的 資 料 和 老 師 的 資 料, 若 要 細 分 在 學 生 的 資 料 底 下 還 可 以 有 個 別 的 介 紹 個 人 網 站 的 連 結 等, 一 層 層 分 下 去 下 圖 就 是 樹 狀 的 網 站 地 圖, 主 頁 是 亞 卓 市 而 底 下 分 為 行 政 區 活 動 區 文 教 區 創 作 區 等 大 類, 每 個 大 類 底 下 都 繼 續 分 細 類, 例 如 行 政 區 會 繼 續 分 為 簡 介 服 務 中 心 新 聞 局 建 設 局 而 每 個 小 類 底 下 還 會 有 不 同 的 內 容 透 過 樹 狀 圖 網 站 就 可 以 清 楚 的 呈 現, 不 論 您 是 自 己 建 置 網 站 或 是 多 人 一 起 共 同 設 計 網 站, 都 不 用 擔 心 亂 了 套 像 FrontPage 的 導 覽 功 能 就 可 以 顯 示 完 整 的 網 站 架 構 圖, 讓 您 清 楚 目 前 網 站 的 規 劃 69/74 70/74 3-4-2 網 頁 檔 案 也 需 要 分 類 前 面 提 過 FrontPage Web 是 建 立 網 站 最 方 便 的 功 能, 在 使 用 FrontPage Web 時 最 好 是 先 建 立 根 目 錄, 再 將 所 有 的 檔 案 放 在 這 個 目 錄 底 下 所 謂 的 根 目 錄 就 是 資 料 夾 是 直 接 建 在 磁 碟 機 底 下, 例 如 磁 碟 機 D 底 下 建 立 一 個 專 門 放 置 網 站 的 Web 目 錄, 這 個 資 料 夾 就 是 根 目 錄 若 打 算 建 立 多 個 網 站, 那 最 好 建 立 多 個 根 目 錄, 分 別 放 置 不 同 網 站 的 資 料, 這 樣 不 同 網 站 的 資 料 才 不 會 互 相 影 響 將 網 站 的 所 有 檔 案 統 一 放 在 一 個 資 料 夾 中, 其 下 再 建 立 子 資 料 夾 來 存 放 不 同 類 型 的 檔 案 將 檔 案 放 在 同 一 個 資 料 夾 底 下 的 優 點 是 : 利 於 網 站 的 上 傳 : 將 網 站 的 檔 案 進 行 上 傳 時, 直 接 上 傳 此 資 料 夾 中 的 檔 案, 避 免 上 傳 與 更 新 錯 誤 便 於 網 頁 編 輯 軟 體 設 定 本 地 網 站 : 多 數 網 頁 編 輯 軟 體 都 得 設 定 本 地 網 站, 以 處 理 網 站 的 更 新 超 連 結 檢 查 等 工 作 簡 化 網 站 管 理 以 及 網 站 更 新 的 工 作 : 當 網 頁 要 更 新 時, 清 楚 的 檔 案 架 構 可 以 快 速 更 新 或 取 代 特 定 檔 案 71/74 3-4-2 網 頁 檔 案 也 需 要 分 類 網 站 的 根 目 錄 有 些 限 制 或 建 議, 希 望 您 注 意 的 : 嚴 禁 使 用 中 文, 或 其 他 雙 位 元 的 字 元 嚴 禁 使 用 空 白 鍵 嚴 禁 使 用 特 殊 符 號, 除 了 底 線 (_) 和 連 接 線 (-) 之 外, 最 好 都 不 要 使 用 建 議 不 要 使 用 純 數 字 命 名 的 資 料 夾 或 檔 案 建 議 不 要 使 用 英 文 大 寫 而 統 一 使 用 小 寫 來 命 名, 因 為 部 分 網 站 伺 服 器 會 區 分 英 文 大 小 寫, 這 時 INDEX.HTM 和 index.htm 就 是 完 全 不 同 的 檔 案 建 議 資 料 夾 和 檔 案 的 命 名 方 式 符 合 8.3 的 命 名 規 則 建 立 根 目 錄 之 後, 再 繼 續 建 立 其 他 的 資 料 夾, 不 論 您 的 網 站 檔 案 會 有 多 少, 建 立 都 要 使 用 子 資 料 夾 來 區 隔 不 同 的 檔 案, 而 在 檔 案 命 名 時 也 得 有 一 定 的 方 式, 否 則 當 檔 案 越 來 越 多 時 就 會 一 團 糟 了 重 要 72/74 12

檔 案 命 名 有 許 多 規 定 需 注 意 檔 案 的 分 類 73/74 檔 案 或 資 料 夾, 建 議 都 得 使 用 英 文, 而 不 要 用 中 文 檔 名, 這 樣 上 傳 到 網 站 後 容 易 發 生 錯 誤 喔! 若 您 希 望 可 以 有 組 織 的 管 理 各 式 檔 案, 這 更 是 不 可 少 的 工 作 可 不 要 隨 便 01 02 這 樣 命 名, 等 到 一 個 月 之 後 您 肯 定 會 忘 記 這 個 檔 案 的 內 容 是 甚 麼 子 資 料 夾 和 檔 案 的 命 名 限 制 和 根 目 錄 的 限 制 相 同, 底 下 建 議 您 先 建 立 這 幾 個 資 料 夾 : pic: 用 來 放 置 網 站 中 所 使 用 的 圖 片 檔 案, 這 些 圖 片 建 議 需 經 過 PhotoShop 的 ImageReady 或 Firework 進 行 圖 片 最 佳 化 的 處 理 html: 用 來 放 置 網 頁 中 所 使 用 的 html 文 件, 這 些 文 件 也 幾 乎 包 括 了 FrontPage 的 所 有 檔 案, 除 了 網 站 的 首 頁 和 使 用 Flash 所 產 生 的 html 網 頁 外 flash: 若 網 站 中 打 算 使 用 Flash 動 畫, 那 建 議 將 動 畫 檔 案 統 一 放 置 在 一 個 資 料 夾 中, 包 括 Flash 所 產 生 的 各 類 文 件 如 swf fla html 等 sound: 用 來 放 置 網 站 中 所 使 用 的 音 效 檔 案 download: 若 網 站 中 有 提 供 檔 案 供 網 站 瀏 覽 者 下 載, 則 統 一 放 在 此 資 料 夾 中 74/74 13