《第十二课用表格为网页布局.doc》由会员分享,可在线阅读,更多相关《第十二课用表格为网页布局.doc(3页珍藏版)》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。
1、课题第十二课 用表格为网页布局设计意图如何将文字、图像和网页各元素合理、恰当的排放在网页中,使页面易读和美观,是初学者建设网站要考虑的问题。观察一些站点,不难发现,很多网页都是使用表格来组织的。利用表格来布局页面,对于初学者来说易上手,因为它以可视化的形式呈现信息,比较直观,对页面元素定位也比较方便。学生制作的网站最终效果如何,取决于页面布局的合理性,因此,本课对于网页制作有着十分重要的作用。目标1. 通过分析不同的页面布局,理解布局在版面设计中的重要性。2. 利用表格规划网页布局,掌握表格的插入、设置等操作方法。重难点重点: 用表格布局网页。难点: 灵活掌握排列表格和设置表格属性的方法。课前
2、准备网页课时安排1课时教师活动学生活动设计意图导入1、展示2张素材相同布局不同的网页。提问:哪张比较美观?对照课本图12-1至12-4常见网站主页构成图,它属于哪种类型? :它是怎么布局的?教师分析网页中所隐含的表格结构,总结用表格为网页布局的重要性。 学生观察和比较两张网页,个别回答问题。通过提问、引导、比较等方法,培养学生辨别表格布局网页页面的好处。新授一、 分析表格布局1、提问:这张网页是用几行几列的表格布局的?教师展示表格结构。2、展示“网络世界”网站主页,让学生分析表格结构。分析网页中所隐含的表格结构,并回答。通过提问、比较、学生回答,教师示范演示等方法,提高学生如何利用表格布局网页
3、页面的能力。学生在制作过程中的合作、讨论、展示、交流、评价及归纳等方法,培养学生的思考能力、语言组织能力、语言表达能力、归纳能力和审美能力。二、 设置网页大小任务:打开自己的网站主页,设置网页大小。一起学习“日积月累”。学生读读“日积月累”,查找一下自己屏幕的分辨率。三、 插入及编辑表格并完成页面布局任务根据自己的网站主页设计,插入表格。 个别学生演示插入表格。任务对表格进行拆分,调整单元格。 教师演示,并作页面布局。学生尝试,演示。教师个别辅导。提高任务完成之前操作的学生确定标题栏目和分栏目,并在主页中插入图片和文字。部分学生完成提高任务让一部分学生体会整体网页制作的过程。课堂展示展示个别学生的成果,并分析成功和欠缺的地方。学生分析,教师总结。培养学生重视学习结果的质量,并从中让他们获得成功的体验。激发学习网页制作的兴趣。相关资源2013版初中信息技术八上第三单元教参,素材。3