完善网站教学设计.doc

第十五课 进一步完善网站 教学设计
教学目标
1．知识目标
掌握超链接的种类和用途；
学会创建同一文件内的超链接；
学会创建不同文件间的超链接。
教学重点
掌握超链接的种类和用途；
学会创建同一文件内的超链接；
学会创建不同文件间的超链接。
教学难点
学会创建同一文件内的超链接；
学会创建不同文件间的超链接。
所用课时
2课时。
教学过程
一、创设教学情景，激发学生学习兴趣
师：现在我们已经建立了只有一个框架网页的站点，还需要不断地链接新的网页，丰富网站内容。今天我们就来学习如何链接新网页。（板书：链接新网页）
二、讲授新课
（一）链接新网页
师：首先请同学们打开上节课编辑好有关可可西里生态保护大事记的网页，“dsj.htm”网页，大家一起来看看怎样将它链接到框架网页的指定位置。
教师演示操作过程：
步骤1：启动FrontPage2002，打开“藏羚羊”站点，选择框架网页。
步骤2：选中左边列表中的“重大事件”文字，单击右键。
步骤3：在弹出的对话框中选择“超链接”，打开“插入超链接”对话框。
步骤4：选择文件“dsj.htm”，单击确定。
师：通过以上操作，“dsj.htm”网页已被链接到框架网页的“重大事件”位置，这时，按住“Ctrl”同时用鼠标左键单击“重大事件”，就可以跟踪这个超链接。
（二）提供机会，学生实践探究
投影广播任务：请同学们将左框中的文字“藏羚档案”链接到第二节中制作的网页“chiru.htm”。
教师随堂检查，并指导学生。
教师展示学生优秀作品。
教师总结操作过程。
（三）建立http链接
师：刚才同学们操作的是本机上的链接，在因特网的链接与链接到本地计算机的其他网页文件一样，也是链接到其他网页，只不过链接的目标不再是本地计算机中的网页文件，而是Internet上其他站点的网页。浏览网页时，只要单击这个链接就可以直接访问相应的网站。如我们可以在网页中加入链接，链接到“可可西里 藏羚羊环保” 、“”网站。请同学们认真观看老师操作。
教师演示操作过程：
步骤1：在网页中选中“相关链接”文字，单击右键。
步骤2：在弹出的对话框中选择“超级链接”，打开“插入超级链接”对话框。
步骤3：在“插入超级链接”对话框的地址栏输入框中，地址“”。
步骤4：单击“确定”按钮，操作完成。
师：是不是很简单，下面请同学们根据老师的操作，完成相关链接。
（四）提供机会，学生实践探究。
投影展示任务：请同学们根据老师的操作，完成相关链接（）。
教师随堂检查并指导学生。
教师展示学生作品。
（五）插入E-mail链接
师：我们制作网站时，有时为了方便相互交流，我们还可以把自己的电子信箱留在网页上，这样，当访问者想要给我们写信时，直接单击E-mail超链接就能给我们写信了。建立E-mail链接的方法很简单，方法同建立http链接差不多。下面我们看看如何插入E-mail链接。
教师演示操作：
步骤1：打开“插入超级链接”对话框后，要单击对话框中的“电子邮件地址”，然后在对话框中输入自己的E-mail地址，再按“确定”按钮返回就可以了。
步骤2：超链接设置好后，要想取消这些超链接该怎么办呢？方法很简单，只要在“插入超链接”对话框中把链接的网页名或超链接地址删除，再单击“确定”按钮就行了。
下面请同学们将框架网页左框中的文字“和我联系”设置成E-mail超链接。
（六）提供机会，学生实践探究。
投影广播任务：请同学们将框架网页左框中的文字“和我联系”设置成E-mail超链接。
教师随堂检查，并指导学生。
（七）同一文件内的链接
师：刚才我们学习了这么多的链接，在上网时，我们经常碰到一个网页中的内容很多，要很快查看到网页中的某些内容会比较困难，这时我们就可以在主页中的某个位置设置“书签”。这里所说的书签有些像人们阅读书籍时所使用的书签，使用书签的目的是为了更快地找到所要阅读的内容。如果将某个“超链接”的链接目标设为书签，在浏览网页时，单击这个“超链接”，网页就自动转到“书签”所在的位置。创建书签超链接时，一般是在页面的顶端或者底部创建一个超链接目录，将这些目录链接到不同的书签中。最后我们来看看将下面网页中“1992年以前”这一行文字设置为书签，并在网页中创建超链接，链接到这个书签上。请同学们跟老师一起操作。
教师演示操作过程：
步骤1：选中“1992年以前”这一行文字。
步骤2：选择“插入”菜单中的“书签”命令项，出现“书签”对话框。
步骤3：在“书签名称”输入框中输入书签名，单击“确定”按钮返回。
步骤4：选中“1992年以前”几个文字。
步骤5：选择“插入”菜单中的“超链接”命令项，出现“创建超链接”对话框。
步骤6：单击“插入超链接”对话框中的“本文档中的位置”，选择“1992年以前”书签。
师：这样，我们就将“1992年以前”这几个文字设置成一个超链接，链接到书签“1992年以前”。建立超链接后，“1992年以前”这几个文字不但改变了颜色，而且下面加上了下画线表示已经建立了一个链接。预览这个网页时，单击“1992年以前”这个超链接，就自动转到网页中“1992年以前”这一行。不过要注意，在网页在预览状态下，书签是看不到的。
三、授课完毕，课程总结
本节课主要讲了以下几个知识点：
1.掌握超链接的种类和用途；
2.学会创建同一文件内的超链接；
3.学会创建不同文件间的超链接。

四、课堂作业
用同样的方法完成网页中其他书签式超链接的设置。

教学反思
每一个网站都会存在着多种形式不同的链接，而这些链接学生在制作自己的网站时也是不可避免要用到的，由于存在不同链接方式，所以首先必须让学生理解各链接的特点，知道不同链接的区别。为了不使学生产生混淆，我采用了各个击破的方法，通过对一个的理解和操作的熟练再讲解下一个，同时也不忘将它们进行对比，采用这种分析 理解 操作
对比的方法，学生很容易地就掌握了各链接方式的特点和具体的操作方法。

第十六课
继续学习建设自己的网站
用上节课学习的的方法完成网页中其他书签式超链接的设置。