第12课_用表格为网页布局

第1页共2页第12课用表格为网页布局课题用表格为网页布局课时数1位置八年级上第十二课主备教师教学目标知识目标：用表格排版主页使其达到页面整洁有序技能目标：通过规划页面布局，初步掌握运用表格对网页上的对象进行合理排版。情感目标：用表格排版网页解决了网页版面杂乱的问题，培养学生在遇到困难时灵活运用各方法解决，促进其建站信心。重点难点教学重点：插入表格和更改表格属性教学难点：让学生灵活掌握排列表格和设置表格属性的方法课前准备准备好一些具有代表性的版面设计优美合理的网站主页面作为参考；教学过程教学环节及时间分配师生活动设计意图引入教师：编辑网页就是不断充实文字、图片、栏题、动画等信息的过程。在网页界面上如果要加多个对象，就该对它们的位置、形状等进行合理布局。在网页编辑中，一般采用表格来规划页面的布局，定位对象。引入主题，用表格为网页布局一、规划主页页面布局教师：一个成功的网站除了内容丰富、视觉冲击力强，还需要有一个安排合理的页面布局。页面如果要让别人一眼望去觉得简洁、有序且很舒服，就要在布局上下一番工夫。简单介绍常见的网站主页构成图：居中型、半包围型、主题突出型、导航栏型。学生：小组讨论各个页面布局的特点，在此基础上，根据小组的建站计划，设计出符合自己特点的网站主页构成图。组内制定主页页面布局计划，为后面的表格布局实施做好准备。二、制作主页1、插入表格教师：主页的页面布局可用表格来设计，其实就是在主页页面上绘制表格线，在表格的每一栏中输入文字或插入图片，从而对页面上的文字、图片等组件进行混合排版。提示：我们以前在word中学过使用表格，在SharePointDesingner中操作非常类似。先让学生在SharePointDesingner中尝试插入表格。学生：在SharePointDesingner中尝试插入表格。可以由教师或成功的学生演示：单击菜单栏中的“表格”——“插入表格”，在弹出的对话框中设置相应的数据，单击“确定”。2、设置表格教师：插入表格后，需要对表格做相应的设置，才能符合网页布局的要求。学生完成主页的表格布局第2页共2页①调整不规则表格②教师：演示。③方法：拆分单元格。选择“表格”——修改——“拆分单元格”——设置相应行数或列数。④学生：修改表格⑤调整表格属性⑥教师：演示⑦在表格任意位置单击右键——“表格属性”，在对话框中修改对齐方式、边框粗细、边框颜色、背景颜色等。⑧提示：如果要让表格的边框不可见，可将边框粗细设置为0。⑨学生：修改表格属性。⑩适当改变表格宽度和高度，让它布满页面。三、输入文字教师：在网页中做好布局表格后，可以在表格中输入内容。方法：单击要输入内容的单元格，输入相应的内容。学生：根据建站计划输入内容完成表格中内容的充实四、其他技巧教师：①在网页中除了文字，经常还会出现图片，同学们在输入完文字后还可以尝试插入图片，方法和word中类似。②有时因为表格布局中出现的一些特殊情况，需要用到表格嵌套的技巧。方法是在某一个单元格中再插入一个表格。这两个操作不做具体演示，可以让程度较好的学生自己尝试。分层教学五、总结本节课主要学习了利用表格为页面布局。表格布局非常灵活，布局设计也没有限定的规则。一个页面布局是不是好看，除了表格技术的使用外，更重要的布局的设计，起到了关键作用。教学总结课后反思资料素材