本站QQ客服在线 |
视频标签：网页的,版面设计
所属栏目：信息技术优质课视频
视频课题：高中信息技术中图版必修信息技术基础-网页的版面设计
教学设计、课堂实录及教案：高中信息技术中图版必修信息技术基础-网页的版面设计
爱家乡·爱静海
--网页的版面设计
一、教学内容
根据主题和素材的需求，选择适当的布局类型，利用表格进行版面布局。
二、学情分析
学习对象是我校高一学生，有较强的接受能力，对网页制作有着浓厚的兴趣。爱家乡爱静海的制作主题激发了学生展现家乡美的热情，促使学生主动学习，主动探索实践，提高教学效果。同时大多学生在制作网页时想添加尽量多的功能，展示尽量多的内容，容易导致页面混乱。
三、教学目标
基于以上教学内容和学情分析，依据新课标理念要求，围绕知识与技能、过程与方法、情感态度与价值观三个维度我制定教学目标如下：
1．让学生熟悉网页布局的几种常用类型和各自的特点。
2．让学生通过实践操作，熟练掌握利用表格进行版面布局的方法。 3．通过“爱家乡爱静海”的主题创作，激发学生展现家乡美的热情。 四、教学重点与难点
教学重点：网页布局类型，利用表格版面布局的方法 教学难点：表格嵌套 五、教学策略
教法：演示讲解法、任务驱动法。 学法：自主探究法、练习法 六、教学环境
计算机机房、多媒体教学广播系统、教学素材、教学课件。
七、教学过程 教学
环节
教师活动 学生活动 设计意图
情景引入 准备的素材（文本、图像、视频等）如何在一个页面上呈现，它们之间如何布局，即本课的学习目标—网页的版面设计。 思考自己的网页如何布局 开门见山，
引入学习目标，快速进
入学习状态 探究
学习
展示“爱家乡”系列网页页面 1．“三”形布局 页面简单，布局清晰，功能块少。 2.“T”形布局 页面结构清晰，主次分明，功能块比“三”形布局增多，容易上手。 欣赏并分析“爱家乡”系类页面 熟悉网页展现方法 总结网页版面布局的几种类型和各自的特点。 他山之石，可以攻玉。 通过分析他
人的作品，
直观的展现让学生更容易理解各种布局的类
3.“口”形布局
充分利用版面，信息量大，功能块多。
型，体会不同类型的特点 规律总结 提出问题：哪种类型是最佳类型呢？ 总结：各种布局类型都有各自的特点，
应用于不同的需求，在设计网页版面时，要考虑主题和素材，以及浏览者
的需求。
初步总结规律
实践
应用
布置任务： 请以“爱家乡爱静海”为网页主题制作网页（标题可自拟），要求内容充实，布局合理。完成后保存在f:\网页作品文件夹中。 必有的功能块：网页主题 网页一级目录 网页主体内容（文本、图像）
选用的功能块：网页版权 广告条 网页二级目录，计时器，广告栏，友情链接等。
巡视教室，解决学生个别问题。
理论应用于实践按要求完成本组任务，并将结果按要求保存。
向同学或教师寻求帮助解决学习困
难。
巩固应用本节知识。
交流评价 展示学生作品，肯定学生成绩，
教师引导学生做总结点评，指出学生作品的闪光点。
分析他人作品，吸收他人长处。
相互交流共同提高。
修改完善 对学生问题提出改进意见 预计问题：文本和图像各占一
行，页面不合理。
鼓励学生继续完善作品。
掌握利用表格嵌套处理文本和图像混排的问题。
修改自己的作品并保存
由学生问题引出表格嵌套，解决本课难点问题。 课堂拓展 提出：咱们自己做的作品都是横平竖直的表格线，不如课程
开始时展示的实例美观，视觉效果好。
展示利用网页模板直接生成网页的方法
了解利用网页模板直接生成网页的方法
根据自己的技术能力和作品需求制作网页
引导学生知道技术为需求服务，即根据表达需求选择方法。
课堂小结
梳理本节各知识点。 课后任务
继续完善作品
八、板书设计
一、网页布居 1.“三”形布局 2.“T”形布局 3.“口”形布局
二、方法 1.表格
2.利用网页模板
视频来源：优质课网 www.youzhik.com
