单元四 · 校园活动线上展
第20课 组建网站跟我做
一、学习目标
- 熟悉超链接的用法，能将分散的页面组织起来。
- 知道评测网站需要关注的因素。
- 能选择适当方式展示网站。
二、情境导入
科技节的网页做好了，如何把多个页面关联成完整网站？
浏览网站时页面间的跳转，正是靠超链接组织起来的。
三、核心讲解
本课学习路径：
1用超链接组织网站中的网页
2展示网站
1．用超链接组织网站中的网页
完整网站通常包括主页和与之相连的若干页面。用超链接把分散页面组织起来，浏览者才能在站内跳转。
超链接：用 <a href="地址">…</a> 指向目标；文字或图像都可成为链接对象。
- 文本超链接：<a href="链接地址">显示文字</a>
- 图像超链接：在 <a> 中放入 <img>。
- 发布前检查链接是否有效、结构是否清晰、内容是否符合规范。
想一想：评测网站时，除了好看，还应关注哪些因素（可用性、内容规范、链接正确等）？
2．展示网站
- 1选择一台计算机担当服务器。
- 2把网页与图像等汇总到 Web 文件夹。
- 3按本课实验环境中的服务器软件要求放置并运行，记录 IP 与端口。
- 4组内成员访问浏览，发现问题及时修正。
想一想：为什么展示前要先在组内走查一遍所有超链接？
弄清以上要点后，再进入下方动手体验，用简易 H5 工具组建小站。
四、动手体验 · 简易 H5 建站
编辑主页与子页，生成预览并用超链接跳转，完成发布前检查。
五、课堂总结
- 使用超链接可以将不同页面组织起来。
- 超链接可以用于文本、图像等对象。
- 发布网站之前，应检查自己的网站是否符合相关规范。
六、拓展提升
- 有条件时，可将单板计算机等设备接入局域网作为万维网服务器展示作品（在课堂/实验室环境中完成）。
测评
对照本课学习目标作答（客观题练习）；选出后点「检查」。答错会显示简短说明。
把多个网页组成网站，关键做法是？
展示网站前更应做的是？
判断：超链接既可以作用于文字，也可以作用于图像。
本节小结
回顾本课要点，完成动手体验与测评。记住：组建网站跟我做。