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、信任徽章 |
步骤示例 · 发布学校新闻页
- 向注册商买域名
mynewsite.com。 - 选托管方案（共享、VPS、云）。
- 透过 FTP 或 git deploy 上传 HTML/CSS/JS。
- 配 DNS A 记录指向主机 IP。
- 用 Let's Encrypt 开 HTTPS（现代主机常自动）。
- 把 URL 提交给搜索引擎（Google Search Console）。
考试式题目
题（4 分）： 小学想为家长与儿童发布网站。描述设计师应留意的两个组织考量，并推荐合适的发布选项。
参考答案：
- 受众友好设计：大字、宽间距、明亮但可读的色彩，适合儿童且方便忙碌家长快速浏览。
- 清晰导航与双语支援：简单菜单中英双语，服务香港家长；为家长（公告、日历）与儿童（功课、趣味）分清版面。
发布选项：本地托管商上的 CMS（如 WordPress），或托管服务如 Squarespace —— 两者都让非技术员工易于更新内容，并提供响应式主题适配手机。
关键要点
- 发布方式多种：从全栈托管到拖拽建站。
- 设计须配目标受众。
第 3 章总结
你已掌握读样例页并讨论其组织所需的 HTML。更深技能 —— CSS、JavaScript、PHP —— 见选修 2B。
➡️ 下一章：4 · 威胁与安全