制作网站首页.doc

《制作网站首页.doc》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、课题第二章第二节制作网站首页主备人廖艳丽教学目标知识目标1、了解网页的组成元素；2、掌握运用表格进行页面布局；3、掌握在页面中添加文字、图片、动态元素及组件；4、了解网页制作的一般过程。能力目标1、学会根据网站主题和风格选取合适的素材；2、初步掌握版面布局，添加网页元素和设置超级接的基本方法。情感目标1、培养学生探究创新、展现个性创意的能力与意识；2、培养学生项目设计的能力和审美情趣。教学重点1、版面的布局规划与网页元素的协调组织；2、素材的选择和网页元素的设置；3、导航设计。课时教学难点如何合理布局网站首页？3（第1课时）教师活动学生活动个性补教一、情景导

2、入展示教学示范网站——我的班级主页，师引导学生思考：1、在一个网页中有哪些要素？2、如何安排各要素，使得页面美观和谐？3、主页一般怎样布局？任务一、看书，解决以上问题师提问个别学生结论：1、网页中包含文字、图片、按钮、动画等元素；2、通过表格对页面进行布局；3、主页一般按如下格式布局；页首页面主要内容页尾4、在表格的单元格中若需要进一步布局，可以再插入表格，形成表格的嵌套。学生观看，思考，讨论看书，思考，讨论学生回答学生听课二、讲授新课1、利用表格设计主页的布局任务二：在FRONTPAGE中设计如下的表格。提示：（1）先设计一个四行一列的表格.（2）在表格的

3、第三行嵌套一个表格，如表格中的有背景色部分所示。①②④⑤③教师讲解任务要求教师巡堂指导，解决学生在制作过程中出现的问题。教学评价让完成较好的小组展示本小组作品教师点评：小结学生完成作业情况，指出学生在练习中出现的不足。2、插入图片任务三、在设计的表格中插入图片。要求：（1）在①处以单元格背景形式插入“版头”图片。（2）在②、③处插入图片（3）在④、⑤处以单元格背景形式插入图片教师讲解任务要求注意直接插入图片与以背景形式插入图片的区别教师巡堂指导，解决学生在制作过程中出现的问题。学生听课，领会任务要求通过学习资料和书本，分组练习，尝试完成任务学生示范其制作过程

4、没完成的学生继续完成练习学生听课，领会任务要求教学评价让完成较好的小组展示本小组作品教师点评：小结学生完成作业情况，指出学生在练习中出现的不足。三、课堂小结1、页面的元素；2、利用表格进行页面布局；3、插入图片。通过学习资料和书本，分组练习，尝试完成任务学生示范其制作过程没完成的学生继续完成练习学生认真听小结教学反思（第2课时）教师活动学生活动个性补教一、复习1、利用表格进行页面布局；2、图片的插入。师：安排个别小组做示范①④②③个别小组做示范学生听课，观看示范二、讲授新课1、插入文字任务一：在首页的标题栏（上表中①的位置）加入站点的链接文字：首页，班级相册

5、，才艺展示，快乐学习，通讯联络注意：这一栏目我们也叫导航栏教师讲解任务要求教师巡堂指导，解决学生在制作过程中出现的问题。教学评价让完成较好的小组展示本小组作品教师点评：小结学生完成作业情况，指出学生在练习中出现的不足。任务二：在主要内容区（上表中②的位置）加入关于班级的简介，注意设置字体的大小颜色。教师讲解任务要求教师巡堂指导，解决学生在制作过程中出现的问题。教学评价让完成较好的小组展示本小组作品教师点评：小结学生完成作业情况，指出学生在练习中出现的不足。任务三：在主要内容区（上表中③的位置）输入入关于班级主页栏目的介绍，注意设置字体的大小颜色。教师讲解任务

6、要求教师巡堂指导，解决学生在制作过程中出现的问题。教学评价让完成较好的小组展示本小组作品教师点评：小结学生完成作业情况，指出学生在练习中出现的不足。2、插入滚动字幕学生听课，领会任务要求通过学习资料和书本，分组练习，尝试完成任务学生示范其制作过程没完成的学生继续完成练习学生听课，领会任务要求通过学习资料和书本，分组练习，尝试完成任务学生示范其制作过程没完成的学生继续完成练习学生听课，领会任务要求通过学习资料和书本，分组练习，尝试完成任务学生示范其制作过程没完成的学生继续完成练习示范一个具有滚动字幕的页面，让学生了解滚动字幕的概念.任务四、在页面表格④处插入滚

7、动字幕“你好！欢迎访问某某班主页”.教师讲解任务要求教师巡堂指导，解决学生在制作过程中出现的问题。教学评价让完成较好的小组展示本小组作品教师点评：小结学生完成作业情况，指出学生在练习中出现的不足。三、课堂小结1、文字的插入；2、滚动字幕的插入。学生听课，了解滚动字幕学生听课，领会任务要求通过学习资料和书本，分组练习，尝试完成任务学生示范其制作过程没完成的学生继续完成练习学让听小结教学反思（第3课时）教师活动学生活动个性补教一、复习1、利用表格进行页面布局；2、插入图片；3、插入文字；4、插入滚动字幕。师：安排个别小组做示范③①②二、讲授新课1、插入FLASH

8、动画任务一：在首页表格中的①位置添加FLASH动画。