网页制作

这个单元涵盖 ICT 实操中的网页部分：用 HTML 搭建小型页面，用样式表（stylesheet）设计外观，把页面链接起来，设置图片的正确尺寸和说明文字，以及正确使用表格。试题通常给你虚构的素材文件，要求你制作或修正一个符合要求清单的页面。

它接在图片、版面与样式之后，因为图片比例和统一样式在网页上同样适用。请在 Cambridge IGCSE ICT 0417 课程大纲页面查看你所考年份的网页制作技能的具体措辞，因为不同版本的表述和预期工具可能不同。

学这个单元前要会什么？

你需要会把文件存进有名字的文件夹、重命名文件、打开纯文本文件。你还要分清文件名和文件路径（file path）。如果这部分不清楚，先复习文件管理与证据。

一个导入示例

一个虚构的学校社团 Demo Photo Club 提供了这个文件夹：

club/
  index.html
  style.css
  pages/
    events.html
  images/
    hall.jpg

任务：在 events.html 显示 hall.jpg，加一个返回首页的链接，并让两个页面的标题颜色一致。

三件事必须同时做对。从 pages/ 内部看，图片路径是 ../images/hall.jpg，回首页的链接是 ../index.html，两个页面都需要样式表链接，路径要按页面所在的文件夹调整。对 events.html 来说，这条链接是 <link rel="stylesheet" href="../style.css">。

一个页面可能通过其中一项检查，却在另一项出错，所以各课分开讲解。

课程该按什么顺序学？

1. 用语义化 HTML 搭建小型原创页面：之后每项技能都建立在正确的页面骨架上。
2. 用样式表保持外观一致：一条规则就能改变所有链接它的页面。
3. 创建有效的相对链接：路径决定了文件搬动后链接和图片能否继续工作。
4. 设置图片尺寸并写有意义的替代文字：用到上一单元的比例知识，再加上给看不到图片的读者的说明。
5. 检查所需的表格或版面功能，不依赖过时做法：以要求为准的检查，取代旧习惯。

然后做综合练习。ICT 实操任务与证据检查器能帮你确认任务中的每项要求都有对应的文件证据。

哪些陷阱最常绊倒学生？

• 因为标题看起来大小合适就选择标题级别，而不是看它在结构中的位置。
• 在每个元素里单独写样式，而不是写一条样式表规则。
• 在链接里使用 C:\Users\... 这类完整电脑路径，它只在一台机器上有效。
• 没检查原图比例就同时设置图片的宽和高。
• 替代文字写成”image”或文件名。
• 用表格来排整个页面，而不是用来显示数据的行和列。

怎样使用练习题？

先在纸上或用你自己虚构的文件作答，再打开解答。把每个失误记入错题记录与重测队列，两天后重测。整个科目的补习安排见我们的 ICT 补习页面。