粤教版选修3 网络技术应用4.3 网页的制作获奖教学设计

4.3.3 网页的制作教案（三）

一、学习目标

1、了解使用模板生成网页。

2、学会插入超链接。

二、学习重点和难点

使用模板生成网页。

三、学习时间

1课时

四、学习环境

计算机网络实验室

五、学习过程

1、了解网站制作的流程：

教师活动：在完成了主页的制作后，剩下的就是其他的子网页的制作了，那么，为了保持整个网站的风格统一性，通常网站中各网页的标题名、网站标志、导航栏、附加信息栏等网页元素的样式需要和主页保持一致，所以我们可以怎么做呢？

我们可以把相同的部分提取出来，制作成模板，供其他的子网页编辑制作的时候使用。

学生活动：学生根据教师讲解提供的资料，按照以下的操作步骤进行编辑模板文件。

（1）简历模板

①编辑页面通用部分的图文。通常在主页的基础上进行编辑修改，可删除不同的地方，留下的部分就成为了模板。

②“另存为”模板文件，取名“模板网页”，这样就完成了模板的建立。

（2）从模板文件在新建网页。

单机“文件”菜单，选择“新建网页”，从模板对话框中选择“模板网页”模板，单机“确定”。

2、插入超链接

教师活动：同学们刚刚也完成了所有子网页的编辑制作，在有了模板网页的情况下，子网页的制作的速度是不是大大提升了？最后的一步，我们就需要学会把主网页和其他的子网页按照我们前面课程中画的网页交互设计流程图来进行链接，那么用什么来进行链接呢？怎么样操作呢？下面请看老师的操作。（老师讲解超链接的作用，以及使用超链接链接网页的操作过程）

学生活动：学生根据老师的讲解与演示，按照前面课程设计的网页交互设计流程图，一步一步的将制作编辑好的网页用超链接连接起来。

3、最后，同学们分组展示各小组制作的目前较完整的一个网站，并讨论交流，到目前为止，一个比较完整的网站已经制作好了，走到这一步，同学们都用到了哪些知识，都学到了什么？互相交流并将感受写下来。

4、补充扩展知识点

1、热点是图片上的超链接，包含热点的图片称为图像映射，例如：图像映射可以是表示网站不同部分的图片，网站访问者单机图像映射的一个特定区域就可以显示相应的网页。

2、为保证网站内链接的正确性，在本地硬盘上设计网站时，建议使用相对地址，以保证网站发布与运行的正确。