3.2 · 網頁發佈

目標： 描述發佈網頁內容的方式以及關注哪些受眾考量。

發佈選項

選項	最適合	取捨
自建 web 服務器（Apache、Nginx）	完全控制	要 IT 技能 + 服務器成本
基於 web 的 CMS（WordPress、Drupal）	內容多的站	大量插件；要初始設置
靜態站點託管（GitHub Pages、Netlify）	懂技術、流量低者	要學構建流程
Wix / Squarespace / Weebly	新手	定製受限
Blogger / Medium	個人博客	品牌控制少

域名

通常你向註冊商（.hk 找 HKDNR）買域名（如 myschool.edu.hk），並把它的 DNS A/AAAA 記錄指向託管服務器 IP。

為目標受眾設計

課程指引説必須討論網頁為目標受眾的組織。關鍵考量：

• 導航 —— 清晰菜單、麪包屑、搜索。
• 閲讀順序 —— 重要資訊放在摺疊線上方。
• 多媒體放置 —— 支援資訊而非干擾。
• 配色 —— 可讀性 + 無障礙（對比）。
• 字號字體 —— 長者要大、兒童要活潑、企業要中性。
• 手機友好 —— 響應式佈局適配手機與平板。
• 無障礙 —— alt 文本、ARIA 標籤、鍵盤導航。

比較受眾適配站點

受眾	設計要點
幼稚園	大按鈕、友好配色、大字、插圖
高中生	整潔佈局、嵌入影片、搜索與下載按鈕
政府服務	正式、多語、可訪問（WCAG）、雙語（中英）
電子商務	搶眼商品圖、清晰 CTA、信任徽章

步驟示例 · 發佈學校新聞頁

1. 向註冊商買域名 mynewsite.com。
2. 選託管方案（共享、VPS、雲）。
3. 透過 FTP 或 git deploy 上載 HTML/CSS/JS。
4. 配 DNS A 記錄指向主機 IP。
5. 用 Let's Encrypt 開 HTTPS（現代主機常自動）。
6. 把 URL 提交給搜索引擎（Google Search Console）。

考試式題目

題（4 分）： 小學想為家長與兒童發佈網站。描述設計師應留意的兩個組織考量，並推薦合適的發佈選項。

參考答案：

• 受眾友好設計：大字、寬間距、明亮但可讀的色彩，適合兒童且方便忙碌家長快速瀏覽。
• 清晰導航與雙語支援：簡單菜單中英雙語，服務香港家長；為家長（公告、日曆）與兒童（功課、趣味）分清版面。

發佈選項：本地託管商上的 CMS（如 WordPress），或託管服務如 Squarespace —— 兩者都讓非技術員工易於更新內容，並提供響應式主題適配手機。

關鍵要點

• 發佈方式多種：從全棧託管到拖拽建站。
• 設計須配目標受眾。

第 3 章總結

你已掌握讀樣例頁並討論其組織所需的 HTML。更深技能 —— CSS、JavaScript、PHP —— 見選修 2B。

➡️ 下一章：4 · 威脅與安全