资源描述
第二单元
一、单元教学目标
使用FrontPage制作简单的网页；
使用超链接实现网页信息的链接；
在网页中嵌入视频和flash动画。
二、单元知识结构
构建网页
网页之间的信息链接、网页内的信息链接、链接网站外的资源
链接信息
嵌入视频
多媒体网络信息、首页的规划和布局
网络信息的表达
嵌入视频、嵌入flash动画、引用网站外的流媒体资源
三、单元教学重点
网页中组织文字、图片、视频及flash动画的方法和技巧，以及网页之间是如何链接的。
四、单元教学难点
网页主题的体现及如何围绕主题选择恰当的每题形式。
五、学生情况分析
学生经常从网上感受或使用网页信息的表达形式，有一定的思想认识基础；经过前面的学习，学生已经有了使用word和ppt进行信息组织和信息集成的排版和技术基础；初二学生好奇心强，可以通过有趣的案例激发学生探寻网页背后秘密的欲望。
六、课时划分
构建网页 1课时；
链接信息 1课时；
嵌入视频 1课时；
综合实践 1课时。
课题名称
第1节 构建网页
主备人
周次
备课时间
组长签字
教学目标
知识与技能：
初步掌握网页的设计方法；学会用网页布局网页信息；使用工具软件设计一个简单的网页。
过程与方法：
通过欣赏网页，打开一个简单的网页，观察和分析上面的信息组成，然后引导学生用最简单的方法去仿照制作。通过问题引领，使学生的探究活动由简到繁，逐步深化，最终实现本节课的目标达成。
情感态度与价值观：
通过初步体验网页表达信息的方法和过程，激发学生探寻网页背后奥秘的热情。通过网页的规划和布局，培养学生的审美意识和综合信息表达能力。
教学重点
网页的规划和布局，及运用文字和图片更好地表达信息
教学难点
用表格规划和布局网页版面
教学方法及教具
本节是网页制作的第一课，虽然有的学生在小学已经接触过，但掌握得并不熟练。因此教师不能太放手，而要加强指导，尤其是学法指导。教师引导学生使用网页模板来创建网页后，指导学生按照网页制作的过程，完成本节课的学习任务。最后要引导学生总结使用模板快速创建网页的特点及基本步骤。
课时数
1课时
第一课时
环节
教学内容
二次备课
教学随记
教学过程
一、 导入新课
展示一些网页制作的获奖作品，引起学生的兴趣，让学生通过欣赏，想一想这是怎么制作出来的？有哪些组成部分？
二、 补缺
补充学习frontpage软件的启动方法和工作界面，找到与word相似的地方，让学生学会迁移。
1、窗口：标题栏、菜单栏、视图栏、常用工具栏、状态栏、工作区（普通、html、网页）
2、创建网页方法：文件-新建-网页-普通网页-确定
3、保存网页，扩展名.htm
三、实践导引
（一）多媒体网络信息
为了方便管理，我们在硬盘上新建一个文件夹用以存放网页文件，并在此文件夹下新建一个“images”文件夹，用以存放图片文件。下面通过一个简单的网页来熟悉一下多媒体网络信息的操作方法。
【任务一】输入文字，插入图片
1、文字的输入与修饰
2、图片的插入与调整
3、保存网页
思考：1.在编辑文字信息时，FrontPage与Word相比有什么不同？
2.在FrontPage中插入图像跟在Word中的操作方法相同吗？
4.插入到FrontPage中的图像如何调节大小？
5.你能否在FrontPage中设置文字的字体、字号和颜色
【拓展一】如果要准确的定义图像的大小（如宽*高=450*300像素），如何操作？
（二）首页的规划与布局
要将各种各样的信息放在一个页面中，除了考虑用什么媒体进行表达外，还需要对这些信息作分类整理，分栏目、分版块进行规划和布局。
【任务二】用表格布局网页
确定分类栏目：老师寄语、特长展示、奇思妙想、活动剪影
表格-插入-表格
【试一试】1.在FrontPage中插入一个3行4列的表格。
2.在表格的某一单元格中插入一幅图像，并调节该图像的大小。
3.在表格的某一单元格中输入你的座右铭。
4.在表格的某一单元格中插入一个5行2列的表格，并将该表格的边框粗细设为3。
5.在“预览”视图中观看上面的操作结果。
6.将上面设计的网页保存，记下你的网页文件名，观察网页文件的扩展名是什么？
四、巩固练习
以“我们的校园”为主题，利用所给素材，规划设计一个简单的网页
五、评价建议
(1)是否完成了一个网页?
(2)网页中的文字和图片是否与主题相关?
(3)网页是否美观?
六、总结
本节课重点学习了用表格布局网页的方法。
说明：教学过程包括预习内容与指导、展示交流、点拨升华、作业反馈等内容。
板书设计
反思与重建
课题名称
第2节 链接信息
主备人
周次
备课时间
组长签字
教学目标
知识与技能：初步了解超链接技术的实质；掌握基本的超链接方法；了解超链接的常见种类。
过程与方法：超链接是网页信息表达的重要元素，通过实际操作，亲身体验超链接的创建过程，了解网页之间和网页内部信息组织和关联方法，对于更好的理解网络信息的表达有着极大的帮助。
情感态度与价值观通过应用个，引导学生发现超链接的奇妙，感受技术给人们带来的便捷，同时教育学生在网络中不要让超链接的导引迷失了方向。
教学重点
在文字上面建立只想网页文件或书签的超链接。
教学难点
网页超链接和书签超链接的不同
教学方法及教具
Ppt中，学生有过使用超链接的经验，网页中的超链接与ppt中的超链接相比，链接源基本相同，一般都是文字或图片，知识链接目标不同。通过类比的方法，引导学生自主探究网页之间信息的链接
课时数
1课时
第一课时
环节
教学内容
二次备课
教学随记
教学过程
一、 导入新课
打开一个网页，边展示边叙述：当我们畅游在网络世界，从一个网页跳转到另一个网页，从一张图片点开另一张图片时，我们享受着互联网所带来的信息获取的便捷和网络资源的丰富，同时也在不知不觉中享受着一项伟大的发明——超链接。他看似简单，实则奇妙无穷。。。网站是由若干网页连接成的一个整体，引出如何将网页链接起来，如何设计网站的连接结构
二、 实践导引
恰当的使用超链接，可以有效的拓宽信息表达的深度和广度，让人们更加灵活的、有选择的阅读信息。
（一） 网页之间的信息链接
当网页所表达的信息很多而无法容纳到一页中时，通常将信息分成很多页面进行描述，而通过在一些文字或图片上设置超链接，实现信息间的关联。
【任务一】为文字设置超链接
学生参照学案自主探究，教师点拨
观察：1、打开的“插入超链接”窗口中有什么按钮和项目。
2、已经建立超链接的文字与一般文字有什么不同？
【试一试】为图片设置超链接
（二） 网页内的信息链接
在网页链接中，有一种连接方式可以实现在本页面内的信息关联，这种连接方式称为书签超链接。这样，我们就可以在网页的顶部建立一个目录，浏览者通过单击目录中的标题，跳转到网页内相应的信息位置，以减少翻阅网页、寻找信息带来的麻烦。
【任务二】为十二种记忆法设置书签超链接
1.将光标移动到一段文字前面，执行“插入/书签”菜单项，会弹出什么窗口?
2.建立书签后，在光标位置会出现什么标记？
3.选中一段文字后，执行“插入/书签”菜单项,会跟前面的操作有什么不同？这样建立书签后，在光标位置会出现什么标记？
4.在“插入超链接”窗口中，点击什么按钮后才会出现已建立的书签选项？
【拓展】能否在一段文字上面建立到另一个文件中某个书签位置的超链接？
【补缺】超链接的组成：链接源和链接目标。链接源一般是文字、图片或图片的一部分。链接目标可以是网页、网页中的书签，也可以是图片、声音或视频。
三、 巩固练习
完善自己的网页，并建立相关的超链接
四、 展示交流
展示部分作品，出示问题所在。
从以下几个方面评价作品：
（1）能够在文字上面创建超链接，且链接源和链接目标信息吻合；（2）能够在恰当的位置正确创建书签，并实现文字上面的书签超链接；（3）从浏览器打开网页，连接完整，并能正确的连接到目标信息；（4）在情感态度和价值观方面得到提升和发展。
五、 当堂测验
关于本节课的知识，除部分选择题，作为巩固联系的一部分。
六、 总结
本节课学习了网页超链接的制作，包括网页间的超链接和网页信息的超链接。
说明：教学过程包括预习内容与指导、展示交流、点拨升华、作业反馈等内容。
板书设计
反思与重建
课题名称
第3节 嵌入视频
主备人
周次
备课时间
组长签字
教学目标
知识与技能：掌握在网页中嵌入视频的方法；掌握在网页中嵌入flash动画的方法；了解流媒体播放技术的特点。
过程与方法：从复习和回顾图片插入的方法入手，引导学生通过自主探究或小组合作的方式探索视频和flash动画的嵌入步骤，并通过对视频或动画的观赏，体验他们在信息表达方面的优势。
情感态度与价值观：通过本节课的实际操作和视觉体验，感受视频和动画的独特魅力，提升学生在信息表达方面的应用能力。
教学重点
在网页中嵌入视频和flash动画的方法。
教学难点
调整视频和动画的大小并保持纵横比例。
教学方法及教具
学生分组进行探究、实验，在探究的基础上，让学生汇报、总结方法和结论，教师在学生的汇报过程中不时地通过问题引导学生进行更加细致的探索，以增强学生探究的深度和广度。
学案、ppt
课时数
1课时
第一课时
环节
教学内容
二次备课
教学随记
教学过程
一、 导入新课
前面学习的ppt中引入视频和动画，学生以基本了解两者带来的独特魅力。简单讲解视频和动画的特点以及在信息表达方面的独特魅力。把问题交给学生，让学生谈视频和动画所带给自己的切身感受，依次展开对二者的讨论，以增强学生对视频和动画的认识。
二、 实践导引
为了有效的利用网页空间、增强网页信息的内涵表达力和视觉表现力，我们常常在网页中加入视频或动画元素。
（一） 嵌入视频
【任务一】为网页添加视频
【想一想】1.在表达信息方面，视频有什么优势？
2.在“优酷”或“酷6”网播放一段视频，观察是否是一边下载一边播放？
视频通过对真实情景的再现，给观众以身临其境的视觉感受；
引出流媒体技术的概念，将声音或视频文件由服务器分拆成成很多小的数据包，像水流一样向用户连续、不间断的传送，用户不必等到整个文件全部下载完毕，而只需经过几秒或十几秒的启动延时即可观看。实现了边下载边观看。
学生自主探索：插入-图片-视频
【试一试】1.在哪儿可以设置视频画面的大小和播放次数？
2.如何查看视频原始画面的大小？
3.在FrontPage中，如何调节视频大小才能使得播放视频时周围没有黑边？
（二） 嵌入flash动画
Flash动画是学生已经学过并在网上常见的一种动画表现形式，由于短小精悍、表现力强、容易制作，受到广大网页设计者的青睐，被广泛应用与网页之中。
在创作flash动画时，最好是根据网页中的位置大小来设定flash动画场景的大小，这样再放缩后才能保证动画的比例不是真。
【任务二】往网页中嵌入flash动画
学生自主探索，演示
【试一试】1.在哪儿可以设置动画画面的大小和透明状态？
2.能否改变动画的播放速度？
3.能否截取动画的一部分播放？
【拓展】如何让插入到网页中的Flash动画画面放大后不失真？
三、扩展知识
网站外的公共视频资源非常丰富，我们在博客、贴吧、微博中经常看到有人共享他们喜欢的视频资源，但很少有人知道如何正确引用这些视频的地址。学生自主探究，讨论学会在网页中引用正确的视频地址。
四、自评反馈
1、能否积极参与合作学习，认真探讨问题，主动、大胆的提出自己的观点和方法；
2、能否掌握视频和动画的嵌入方法，并能在网页中独立完成嵌入过程；
3、能否恰当的调节视频和动画播放画面的大小；
4、从浏览器中打开网页时，视频和动画能否流畅播放，且画面大小适中；
5、能否从别人的作品中发现问题，并给出合适的修改建议。
五、总结
本节课学习了网页中视频和动画的嵌入，并了解了流媒体技术。
说明：教学过程包括预习内容与指导、展示交流、点拨升华、作业反馈等内容。
板书设计
反思与重建
展开阅读全文
浙ICP备2021020529号-1 | 浙B2-20240490 
