完善网站教学设计

1、第十三课 进一步完善网站 教学设计教材简析本课是第三单元网站建设的第三课，重点介绍学习链接新网页、建立Http链接、插入E-mail链接、同一文件内的链接等基础知识，这些都是网站建设的基本操作，是前一课知识的升华。从教材的结构和内容来看，通过前面Word、Powerpoint、网上冲浪及前一课Frontpage基础知识的学习，学生完全具备对相应知识学习的接受能力和心理承受能力。同时进一步完善网站对培养学生信息表达的能力，加强学生的信息意识，提高信息处理的能力有着重要的作用；网页的设计也给学生提供了展示个性、自主创新的机会，促使他们主动地学、创造性地学；网页的页面布局及色彩搭配的风格等能力培养，

2、可以提高他们的艺术修养和审美情趣。教学目标1知识目标掌握超链接的种类和用途；学会创建同一文件内的超链接；学会创建不同文件间的超链接。2能力目标让学生学会超级链接、学会创建同一文件内的超链接、学会创建不同文件音的超链接。通过学生的操作和协作探讨，培养学生的自主学习、协作学习的能力；通过知识的再现培养学生的创新能力和创新意识。3情感目标通过作品展示和评价，让学生体验成功的喜悦，激发学生的创造热情；通过小组的协作，培养学生的合作精神和集体主义精神。教学重点掌握超链接的种类和用途；学会创建同一文件内的超链接；学会创建不同文件间的超链接。教学难点学会创建同一文件内的超链接；学会创建不同文件间的超链接。学

3、情分析本课面向八年级学生，网站制作是一个学生十分感兴趣的内容，学生十分盼望自己也能拥有一个漂亮的网站，同时学生以前学过Word、Powerpoint等，对超链接十分熟悉，能举一反三。因此学习的积极性也非常高，教师应该抓住学生的这种热情逐步引导学生成功地制作自己的网站。考虑到学生的基础有所差异，在网站制作教学中可以采用分层次教学法：对于学习程度好的同学要求能单独制作出自己的网站，而对于基础较差的同学只要求能简单模仿教师完成书中示例制作，让他们也能体会制作网站的乐趣。培养学生获取信息、处理信息、整合信息应用的能力，培养学生的信息素养和独立分析问题、解决问题的能力，提高学生的创新能力、自学能力、理论

4、联系实践的能力，增强学生的独立意识，培养学生的团队协作精神。教学方法情景导入法、任务驱动法。所用课时 2课时。教学环境多媒体机房。4个人为一个小组，每个小组选出一名学生出任组长。教师针对学生的能力水平进行适当调整，以达到各个小组的力量均衡。本课教学应至少一人或两人一机，投影机一台或机房配备广播系统，整个机房以宽带的形式接入因特网，网速较快。教学过程一、创设教学情景，激发学生学习兴趣师：现在我们已经建立了只有一个框架网页的站点，还需要不断地链接新的网页，丰富网站内容。今天我们就来学习如何链接新网页。（板书：链接新网页）二、讲授新课（一）链接新网页师：首先请同学们打开上节课编辑好有关可可西里生态保

5、护大事记的网页，“dsj.htm”网页，大家一起来看看怎样将它链接到框架网页的指定位置。教师演示操作过程：步骤1：启动FrontPage2002，打开“藏羚羊”站点，选择框架网页。步骤2：选中左边列表中的“重大事件”文字，单击右键。步骤3：在弹出的对话框中选择“超链接”，打开“插入超链接”对话框。步骤4：选择文件“dsj.htm”，单击确定。师：通过以上操作，“dsj.htm”网页已被链接到框架网页的“重大事件”位置，这时，按住“Ctrl”同时用鼠标左键单击“重大事件”，就可以跟踪这个超链接。（二）提供机会，学生实践探究投影广播任务：请同学们将左框中的文字“藏羚档案”链接到第二节中制作的网页“

6、chiru.htm”。教师随堂检查，并指导学生。教师展示学生优秀作品。教师总结操作过程。（三）建立http链接师：刚才同学们操作的是本机上的链接，在因特网的链接与链接到本地计算机的其他网页文件一样，也是链接到其他网页，只不过链接的目标不再是本地计算机中的网页文件，而是Internet上其他站点的网页。浏览网页时，只要单击这个链接就可以直接访问相应的网站。如我们可以在网页中加入链接，链接到“可可西里 藏羚羊环保” 、“”网站。请同学们认真观看老师操作。教师演示操作过程：步骤1：在网页中选中“相关链接”文字，单击右键。步骤2：在弹出的对话框中选择“超级链接”，打开“插入超级链接”对话框。步骤3：在

7、“插入超级链接”对话框的地址栏输入框中，地址“”。 步骤4：单击“确定”按钮，操作完成。师：是不是很简单，下面请同学们根据老师的操作，完成相关链接。（四）提供机会，学生实践探究。投影展示任务：请同学们根据老师的操作，完成相关链接（）。教师随堂检查并指导学生。教师展示学生作品。（五）插入E-mail链接师：我们制作网站时，有时为了方便相互交流，我们还可以把自己的电子信箱留在网页上，这样，当访问者想要给我们写信时，直接单击E-mail超链接就能给我们写信了。建立E-mail链接的方法很简单，方法同建立http链接差不多。下面我们看看如何插入E-mail链接。教师演示操作：步骤1：打开“插入超级链接

8、”对话框后，要单击对话框中的“电子邮件地址”，然后在对话框中输入自己的E-mail地址，再按“确定”按钮返回就可以了。步骤2：超链接设置好后，要想取消这些超链接该怎么办呢？方法很简单，只要在“插入超链接”对话框中把链接的网页名或超链接地址删除，再单击“确定”按钮就行了。下面请同学们将框架网页左框中的文字“和我联系”设置成E-mail超链接。（六）提供机会，学生实践探究。投影广播任务：请同学们将框架网页左框中的文字“和我联系”设置成E-mail超链接。教师随堂检查，并指导学生。（七）同一文件内的链接师：刚才我们学习了这么多的链接，在上网时，我们经常碰到一个网页中的内容很多，要很快查看到网页中的某

9、些内容会比较困难，这时我们就可以在主页中的某个位置设置“书签”。这里所说的书签有些像人们阅读书籍时所使用的书签，使用书签的目的是为了更快地找到所要阅读的内容。如果将某个“超链接”的链接目标设为书签，在浏览网页时，单击这个“超链接”，网页就自动转到“书签”所在的位置。创建书签超链接时，一般是在页面的顶端或者底部创建一个超链接目录，将这些目录链接到不同的书签中。最后我们来看看将下面网页中“1992年以前”这一行文字设置为书签，并在网页中创建超链接，链接到这个书签上。请同学们跟老师一起操作。教师演示操作过程：步骤1：选中“1992年以前”这一行文字。步骤2：选择“插入”菜单中的“书签”命令项，出现“

10、书签”对话框。步骤3：在“书签名称”输入框中输入书签名，单击“确定”按钮返回。步骤4：选中“1992年以前”几个文字。步骤5：选择“插入”菜单中的“超链接”命令项，出现“创建超链接”对话框。步骤6：单击“插入超链接”对话框中的“本文档中的位置”，选择“1992年以前”书签。师：这样，我们就将“1992年以前”这几个文字设置成一个超链接，链接到书签“1992年以前”。建立超链接后，“1992年以前”这几个文字不但改变了颜色，而且下面加上了下画线表示已经建立了一个链接。预览这个网页时，单击“1992年以前”这个超链接，就自动转到网页中“1992年以前”这一行。不过要注意，在网页在预览状态下，书签是看不到的。三、授课完毕，课程总结本节课主要讲了以下几个知识点：1.掌握超链接的种类和用途；2.学会创建同一文件内的超链接；3.学会创建不同文件间的超链接。四、课堂作业用同样的方法完成网页中其他书签式超链接的设置。教学反思每一个网站都会存在着多种形式不同的链接，而这些链