第十三课完善网站教学设计

第十三课进一步完善网站教学设计教材简析本课是第三单元《网站建设》的第三课，重点介绍学习链接新网页、建立链接、插入链接、同一文件内的链接等基础知识，这些都是网站建设的基本操作，是前一课知识的升华。从教材的结构和内容来看，通过前面、、网上冲浪与前一课基础知识的学习，学生完全具备对相应知识学习的接受能力和心理承受能力。同时《进一步完善网站》对培养学生信息表达的能力，加强学生的信息意识，提高信息处理的能力有着重要的作用；网页的设计也给学生提供了展示个性、自主创新的机会，促使他们主动地学、创造性地学；网页的页面布局与色彩搭配的风格等能力培养，可以提高他们的艺术修养和审美情趣。教学目标1．知识目标掌握超链接的种类和用途；学会创建同一文件内的超链接；学会创建不同文件间的超链接。2．能力目标让学生学会超级链接、学会创建同一文件内的超链接、学会创建不同文件音的超链接。通过学生的操作和协作探讨，培养学生的自主学习、协作学习的能力；通过知识的再现培养学生的创新能力和创新意识。3．情感目标通过作品展示和评价，让学生体验成功的喜悦，激发学生的创造热情；通过小组的协作，培养学生的合作精神和集体主义精神。教学重点掌握超链接的种类和用途；学会创建同一文件内的超链接；学会创建不同文件间的超链接。教学难点学会创建同一文件内的超链接；学会创建不同文件间的超链接。学情分析本课面向八年级学生，网站制作是一个学生十分感兴趣的内容，学生十分盼望自己也能拥有一个漂亮的网站，同时学生以前学过、等，对超链接十分熟悉，能举一反三。因此学习的积极性也非常高，教师应该抓住学生的这种热情逐步引导学生成功地制作自己的网站。考虑到学生的基础有所差异，在网站制作教学中可以采用分层次教学法：对于学习程度好的同学要求能单独制作出自己的网站，而对于基础较差的同学只要求能简单模仿教师完成书中示例制作，让他们也能体会制作网站的乐趣。培养学生获取信息、处理信息、整合信息应用的能力，培养学生的信息素养和独立分析问题、解决问题的能力，提高学生的创新能力、自学能力、理论联系实践的能力，增强学生的独立意识，培养学生的团队协作精神。教学方法情景导入法、任务驱动法。所用课时2课时。教学环境多媒体机房。4个人为一个小组，每个小组选出一名学生出任组长。教师针对学生的能力水平进行适当调整，以达到各个小组的力量均衡。本课教学应至少一人或两人一机，投影机一台或机房配备广播系统，整个机房以宽带的形式接入因特网，网速较快。教学过程一、创设教学情景，激发学生学习兴趣师：现在我们已经建立了只有一个框架网页的站点，还需要不断地链接新的网页，丰富网站内容。今天我们就来学习如何链接新网页。（板书：链接新网页）二、讲授新课（一）链接新网页师：首先请同学们打开上节课编辑好有关可可西里生态保护大事记的网页，“”网页，大家一起来看看怎样将它链接到框架网页的指定位置。教师演示操作过程：步骤1：启动2002，打开“藏羚羊”站点，选择框架网页。步骤2：选中左边列表中的“重大事件”文字，单击右键。步骤3：在弹出的对话框中选择“超链接”，打开“插入超链接”对话框。步骤4：选择文件“”，单击确定。师：通过以上操作，“”网页已被链接到框架网页的“重大事件”位置，这时，按住“”同时用鼠标左键单击“重大事件”，就可以跟踪这个超链接。（二）提供机会，学生实践探究投影广播任务：请同学们将左框中的文字“藏羚档案”链接到第二节中制作的网页“”。教师随堂检查，并指导学生。教师展示学生优秀作品。教师总结操作过程。（三）建立链接师：刚才同学们操作的是本机上的链接，在因特网的链接与链接到本地计算机的其他网页文件一样，也是链接到其他网页，只不过链接的目标不再是本地计算机中的网页文件，而是上其他站点的网页。浏览网页时，只要单击这个链接就可以直接访问相应的网站。如我们可以在网页中加入链接，链接到“可可西里藏羚羊环保”、“”网站。请同学们认真观看老师操作。教师演示操作过程：步骤1：在网页中选中“相关链接”文字，单击右键。步骤2：在弹出的对话框中选择“超级链接”，打开“插入超级链接”对话框。步骤3：在“插入超级链接”对话框的地址栏输入框中，地址“”。步骤4：单击“确定”按钮，操作完成。师：是不是很简单，下面请同学们根据老师的操作，完成相关链接。（四）提供机会，学生实践探究。投影展示任务：请同学们根据老师的操作，完成相关链接（）。教师随堂检查并指导学生。教师展示学生作品。（五）插入链接师：我们制作网站时，有时为了方便相互交流，我们还可以把自己的电子信箱留在网页上，这样，当访问者想要给我们写信时，直接单击超链接就能给我们写信了。建立链接的方法很简单，方法同建立链接差不多。下面我们看看如何插入链接。教师演示操作：步骤1：打开“插入超级链接”对话框后，要单击对话框中的“电子邮件地址”，然后在对话框中输入自己的地址，再按“确定”按钮返回就可以了。步骤2：超链接设置好后，要想取消这些超链接该怎么办呢？方法很简单，只要在“插入超链接”对话框中把链接的网页名或超链接地址删除，再单击“确定”按钮就行了。下面请同学们将框架网页左框中的文字“和我联系”设置成超链接。（六）提供机会，学生实践探究。投影广播任务：请同学们将框架网页左框中的文字“和我联系”设置成超链接。教师随堂检查，并指导学生。（七）同一文件内的链接师：刚才我们学习了这么多的链接，在上网时，我们经常碰到一个网页中的内容很多，要很快查看到网页中的某些内容会比较困难，这时我们就可以在主页中的某个位置设置“书签”。这里所说的书签有些像人们阅读书籍时所使用的书签，使用书签的目的是为了更快地找到所要阅读的内容。如果将某个“超链接”的链接目标设为书签，在浏览网页时，单击这个“超链接”，网页就自动转到“书签”所在的位置。创建书签超链接时，一般是在页面的顶端或者底部创建一个超链接目录，将这些目录链接到不同的书签中。最后我们来看看将下面网页中“1992年以前”这一行文字设置为书签，并在网页中创建超链接，链接到这个书签上。请同学们跟老师一起操作。教师演示操作过程：步骤1：选中“1992年以前”这一行文字。步骤2：选择“插入”菜单中的“书签”命令项，出现“书签”对话框。步骤3：在“书签名称”输入框中输入书签名，单击“确定”按钮返回。步骤4：选中“1992年以前”几个文字。步骤5：选择“插入”菜单中的“超链接”命令项，出现“创建超链接”对话框。步骤6：单击“插入超链接”对话框中的“本文档中的位置”，选择“1992年以前”书签。师：这样，我们就将“1992年以前”这几个文字设置成一个超链接，链接到书签“1992年以前”。建立超链接后，“1992年以前”这几个文字不但改变了颜色，而且下面加上了下画线表示已经建立了一个链接。预览这个网页时，单击“1992年以前”这个超链接，就自动转到网页中“1992年以前”这一行。不过要注意，在网页在预览状态下，书签是看不到的。三、授课完毕，课程总结本节课主要讲了以下几个知识点：1.掌握超链接的种类和用途；2.学会创建同一文件内的超链接；3.学会创建不同文件间的超链接。四、课堂作业用同样的方法完成网页中其他书签式超链接的设置。教学反思每一个网站都会存在着多种形式不同的链接，而这些链接学生在制作自己的网站时