应用模板创建网页——案例探究
一、教材分析：
本节课是清华大学出版社八年级信息技术下册教材中第三单元编辑网页第七课驾轻就熟——应用模板创建网页，创建模板是微课能够快速生成风格统一的网页，主要内容是应用模板创建网页。本课内容是对前面知识的延展和加深，培养学生的综合处理能力与创新精神。
二、学情分析：
本课是学生在已经学过制作网页模板的基础上完成应用模板创建网页,教师利用学生生活素材完成班级网站的创建，脱离教材素材又不脱离教材内容，让学生有兴趣的制作自己班级的个性网页。
针对学生情况和教材特点，主要采用提问和任务驱动，由浅入深、层层递进的方式教学。针对应用模板完成创意网站的制作，采用小组合作交流的方式，通过学生自己实践操作、展示作品，发现问题并进行总结，以提高学生的自学能力和创新意识。
三、教学目标：
【知识与技能】:
1、掌握在网页中应用模板创建网页的方法；
2、巩固表格的应用。
3、熟练应用在网页中超级链接的操作
4、文字样式的应用
5、为已现雏形的网站再加修饰,使网站更加活泼精美,有个性。
【过程与方法】:
本课利用导学案、教师演示、来让学生自主学习，完成应用模版创建网页的的方法。培养学生的自主学习的能力；培养学生分析问题解决问题和探究问题的能力。
【情感、态度与价值观】:
通过小组合作，团队互助学习，培养学生的团队合作意识
通过具体实践，培养学生综合运用知识的能力。
3、通过创作练习，让学生体会完成作品带来的成就感,体验成功与学习的乐趣。
四、教学重、难点：
重点：1.应用模板创建网页的方法
2.嵌套表格的应用
难点：网页中的超级链接，选择性粘贴、文字样式的设置
五、教学方法及策略
本课教师通过情景导入、案例分析，以知识的讲解和任务的驱动，充分调动学生的学习积极性。在实践操作中，由学生自主探究、小组合作学习、教师引导及个别辅导等教学方式完成本课的教学目标。
六、教学准备：
网络机房、电子教室软件、Macromedia Dreamweaver 8网页制作软件、教学素材图片、采集学生照片、多媒体课件、网页模板素材
七、教学过程
。
(二)创设情境,激趣导入
【教师】展示精美案例网页“班级网站”,提问：这些网页有什么相同之处?
【学生】思考讨论，并得出小结。
小结：这些精美的网页具有统一的网页风格，为了避免重复劳动我们可以利用模板来实现。
设计意图：通过生活中的案例展示引起学生浓厚的学习兴趣，同时引导学生对完成任务的作品有一个初步的认识。
（三）、任务驱动，探究实践
【教师】打开提前发送给学生的教学素材；
提问：利用Dreamweaver 软件根据已有素材想要完成“班级网站的创建”首先怎么做。
【学生】思考回答，并上机实践演示
站点的创建：
Stept1：将教师发送的素材文件夹拷贝到D:8(*)xingming ，文件夹底下；
Stept2：打开Macromedia Dreamweaver 8软件，选择站点——新建站点……
最终选择：D:8(*)xingmingbanjiwangzhan路径为站点的根目录。
注意：为了正确选择网站的根目录，需要选择二级目录文件夹。
设计意图：通过教师提问，学生回答并上机操作演示，巩固创建站点的知识，并提醒学生正确完成站点的创建。
任务一：分析任务、上机实践体验效果
根据导航栏目录完成“班级公约”网页制作。
【教师】随机抽取一名学生，并控屏幕让其演示操作。
提问：根据已有模板，你可以采取哪些方法利用模板完成创建网页？
【学生】上机实践，并演示操作：
方法一：用模板直接创建网页
步骤：执行“文件”——“新建”，弹出来的对话框“新建文档”对话框中打开“模板”标签，选择站点下的模板module，单击创建，并将网页命名为bjgy.html进行保存。
【教师】根据已发送的素材，请所有学生上机操作应用模板完成网页“班级公约”。
学生上机实践操作，完成快的学生下座位检查同组学生作品，并对其进行帮助。教师巡视并个别辅导。
【教师】展示作品。评价小结，你在完成作品出现什么问题？是怎么解决的
【学生】思考讨论，并回答问题：
方法一:打开Word文档，直接将word中的文字复制粘贴进来，利用属性面板可以设置文字的大小、颜色、格式等属性。
方法二：利用“选择性粘贴”可以将Word文档中的格式一并复制粘贴过来。
方法三:可以直接将word文档拖入编辑区,如下图
设计意图：让学生明确第一个上机任务，他们应该做什么，探索在网页中快速输入文本的技巧。
任务二：自主探究，小组合作
根据导航栏目录完成“班级成员”网页并尝试美化网页内容。
【教师】提问：除了用模板直接创建网页，同学们你们还有什么方法可以实现应用模板来创建网页吗？随机抽取学生上机演示。
【学生】上机实践演示操作
方法二：新建空白网页后在应用模板
步骤1：执行“文件”——“新建”命令，打开“新建文档”对话框，选择“常规”选项卡中的基本页，选中HTML，完成一个普通页面的创建。
步骤2：在面板的“名称”列表中，左键拖动moudle到新建立的网页中，在释放鼠标就完成模板的应用
步骤3：将该网页保存到网站根目录下，命名为：bjcy.html
【教师】利用方法二完成“班级成员”网页的创建。
【学生】上机操作，利用教师已发送素材应用模板创建并晚上网页。
【教师】提问：在完成“班级成员”网站的制作时你遇到的什么问题？是怎么解决的？
【学生】（1）直接粘贴过来的表格不能调整格式，如果想要网页中表格做的美观，需手动插入表格，并添加文字，这就需要花很多时间。
（2）插入的图片太大了需要修改，可以直接拖动图片周围的控制点来调整大小，或者选中图片在属性面板中将其调整为需要的尺寸即可。
设计意图：为下一个任务做铺垫
任务三：巩固练习，拓展提高
根据导航栏目录，综合应用所学知识完成“班级剪影”网页并尝试美化网页内容；并实现网站之间的超级链接的功能。
【教师】同学们，我们掌握了两种应用模板创建网页的方法，现在请同学们利用任意一种方法完成“班级剪影”网页的制作。
【教师】提问：首先我们先观察案例页面，如果想让图片整齐的排列在网页中，可以利用什么方法？
【学生】观察思考，小组交流讨论，并回答问题：
结论：可以利用表格来完成，注意嵌套表格一定要将单位设置成百分比，且不能超过100%
【教师】如果插入进来的每张图片大小都不一样，如何实现图片尺寸的统一？你是怎么做的？
【学生】讨论思考并回答问题
结论：可以通过属性面板来设置图片的尺寸，实现统一图片尺寸。建议尺寸：200*150；300*250，单位像素
【学生】上机实践，操作练习。
【教师】巡视观察，对于操作弱的同学给与个别辅导。
【教师】总结学生练习中遇到的问题。
【教师】提问：在完成所有网页的制作后，我们如何实现网页之间的跳转？
【学生】讨论交流，并上机演示
结论：利用超级链接能实现网页之间的跳转。方法：选中导航栏的标题部分，在属性面板中找到“链接”按钮，选择对应的网页文件。
设计意图：通过教师提问，学生作答并最终实践完成本课的教学任务，体现以学生为主体，教师引导下自主探究性学习。
八、展示作品，评价总结
【教师】：随机挑选学生作品进行展示，对于完成作品优秀的同学进行鼓励和肯定，对于作品有问题的学生，提出不足进行整改。
【教师】总结：
1、完成本课应用模板创建网页的方法：
方法一：用模板直接创建网页
方法二：新建空白网页后在应用模板
2、在网页中快速插入文本的方法：
方法一:打开Word文档，直接将word中的文字复制粘贴进来，利用属性面板可以设置文字的大小、颜色、格式等属性。
方法二：利用“选择性粘贴”可以将Word文档中的格式一并复制粘贴过来。
方法三:可以直接将word文档拖入编辑区,如下图
3、网页中插入图片的设置技巧
直接拖动控制点调整图片大小
要想统一网页所有图片的尺寸，通过图片的属性面板对其设置
4、表格设置技巧：
利用表格可以合理的排列图片的布局
注意嵌套表格的单位：百分比%
板书设计:
应用模板创建网页——案例探究
设置情境，提出学习任务
应用模板创建网页的方法
方法一：用模板直接创建网页
方法二：新建空白网页后在应用模板
案例探究，实践操作
任务一：“班级公约”bjgy.html
任务二：“班级成员”bjcy.html
任务三：“班级剪影”bjjy.html
展示作品
评价总结}
课件19张PPT。清华大学出版社 信息技术 八年级下册 第三单元第七课—重、难点 重点：1.应用模板创建网页的方法
2.嵌套表格的应用
3.网页中快速插入文本、图片的技巧
难点：综合应用所学知识完善“班级网站”、
网页中的超级链接案例展示任务一：分析任务、上机实践体验效果
根据导航栏目录完成“班级公约”网页制作。应用模板创建网页方法一：用模板直接创建网页任务一 小结方法一:打开word文档，直接将word中的文字复制粘贴进来，利用属性面板可以设置文字的大小、颜色、样式等属性。 在网页中快速插入文本的技巧：任务一 小结在网页中快速插入文本的技巧：任务二：
自主探究，小组合作
根据导航栏目录完成“班级成员”bjcy.html
网页并尝试美化网页内容。应用模板创建网页方法二：新建空白网页后在应用模板插入图片设置技巧：1.直接拖动控制点调整图片大小
2.通过图片的属性面板对其设置任务三：巩固练习，拓展提高
根据导航栏目录，综合应用所学知识完成“班级剪影”bjjy.html网页并尝试美化网页内容；并实现网站之间的超级链接的功能。表格设置技巧：利用表格可以合理的排列图片的布局
嵌套表格的单位：百分比%展示作品，评价总结作品评价标准:
1、版面布局
2、网站色彩风格搭配
3、网站内文字、图片处理的美观度
4、超级链接
5、作品创新展示作品，评价总结1、完成本课应用模板创建网页的方法：方法一：
方法二：用模板直接创建网页新建空白网页后在应用模板方法一:打开word文档，直接将word中的文字复制粘贴进来，利用属性面板可以设置文字的大小、颜色、格式等属性。展示作品，评价总结方法二：利用“选择性粘贴”可以将Word文档中的格式一并复制粘贴过来，根据自己需求进行选择。方法三:可以将站点内的word文档拖入编辑区。2.在网页中输入文本的技巧：图片设置技巧：1.直接拖动控制点调整图片大小
2. 要想统一网页所有图片的尺寸，通过图片的属性面板对其设置表格设置技巧：利用表格可以合理的排列图片的布局注意嵌套表格的单位：百分比%超级链接：利用超级链接能实现网页之间的跳转方法：选中导航栏的标题部分，在属性面板中找到“链接”按钮，选择对应的网页文件。今天我们学习了利用模板来制作网页，完成了内初班八年级8班的班级网站，网站上留下了我们在校园生活的美好瞬间。青春的时光很短暂，我们要珍惜在二中生活的每一天，用感恩、团结、友善的精神对待我们内初班的学习生活。情感升华
