第五单元任务一.docVIP

第五单元 制作家乡山水网页 任务一 创建框架集 一、提出任务 1．任务目标 的 ⑵ 锚记的含义。 ⑶ 设置热点属性。 ⑷ 锚记的作用。 2．教学难点 ⑵ 根据不同的图形添加不同形状的热点。 ⑶ 创建锚记链接。 3. 教学方法 任务驱动学习和协作学习、探究学习相结合。 4. 课时安排 4课时 5. 教学环境 viewpoint.html “景区介绍”页面 tlimages 页面所需图像 ２．为“景区介绍”页面添加锚记 引导学生从课本中找到创建锚记的方法然后按步骤操作，记住锚记的命名规则，如何使用，在页面中的显示。思考：锚记的作用是什么？为什么在此添加锚记？ ３．为“家乡山水”页面的景区地图添加热点 在“文件”面板中双击“travel.html”文件，打开“家乡山水”页面，选中里面的地图图像，引导学生自己找出热点工具的使用方法（通过课本或使用帮助），然后引导学生使用多边形热点工具为每一个景区添加热点。这里要强调热点工具的使用方法： 移动热点：单击“属性”面板中的“指针热点工具”后，选中某个热点，可以通过拖拽移动它的位置，还可以利用键盘的方向键或Shift+方向键移动热点的位置。 调整热点的大小：用指针热点工具单击某个热点，然后将光标移到热点的顶点处，拖拽鼠标可以改变热点的形状和大小。 选中多个热点：单击“属性”面板中的“指针热点工具”后，按住Shift键的同时，可以通过单击选中多个热点；按下键盘的Ctrl+A组合可以选中所有的热点。 ４．设置热点属性添加锚记链接 给出为热点添加锚记链接的方法，由此回答前面提出的问题，让学生牢记添加锚记链接的方法。 通过本任务学习了如何添加锚记、添加热点以及如何创建锚记链接。 安排学生按步骤制作“家乡山水”网页，根据学生练习情况进行总结，再次强调知识点。使学生通过模仿达到熟练掌握添加热点和创建锚记链接的目的。 将本单元“举一反三”文件夹中的“pra5-1”文件夹拷贝到D盘根目录，利用图像文件“practice5-3.jpg”，制作一个有关荷花的简单网页“practice5-3.html”。使用多边形热点工具为图像中的荷花添加热点，熟悉使用指针热点工具对热点进行移动和修改大小的操作。添加替换文本“映日荷花別样红”，添加链接到“practice5-4.html”，热点替换如图JYFS5-2所示。 图JYFS5-2 根据所学习的添加热点和创建锚记链接的方法完成。 学生分组完成任务。 让每组学生评论本组完成情况，哪些好、哪些不好，缺点是什么，哪些知识点没有掌握。 对完成任务好的学生给予鼓励，完不成的帮助其找到原因并引导完成。并根据不同情况再次强调总结知识点。 1．创建网页“practice5-1.html”，插入本单元素材“举一反三”文件夹中的图像“practice5-1.jpg”，练习使用矩形热点工具、多边形热点工具和椭圆形热点工具绘制不同形状的热点。 2. 创建网页“practice5-2.html”，插入本单元素材“举一反三”文件夹中的图像“practice5-2.jpg”，在图像上添加圆形热点，并添加替换文本“月到中秋分外明”。效果如图JYFS5-1所示。 图JYFS5-1 首先让学生明确本任务学习的任务目标。 同时演示任务完成效果。 引导学生自己完成给出的任务，学生做好了给予鼓励，做不好时一定要给予其提示。 2