《4.3.3使用表格进行页面布局.ppt》由会员分享，可在线阅读，更多相关《4.3.3使用表格进行页面布局.ppt（19页珍藏版）》请在三一文库上搜索。
1、使用表格进行页面布局,信息技术科组 戚惠芹,一、说教材,1、教材分析2、学情分析3、教学目标分析 知识与技能（1）能叙述表格在网页设计中的作用。（2）能使用布局表格工具编制网页结构。 过程与方法 使用网页制作工具布局页面，完成“虎门销烟启示录”首页的表格布局。,一、说教材,情感态度与价值观 让学生体验制作网页时的布局构思、填充内容、细化的一般过程。4、教学重难点分析教学重点（1）设计“虎门销烟启示录网站”表格布局。（2）掌握布局表格的使用方法。教学难点 表格结构的调整（增加或删除行或列数、合并或拆分单元格）,二、说教学环境,1、计算机教室，多媒体广播系统，frontpage2003 软件2、教
2、学展示材料：范例作品、教学课件等。3、学习帮助材料：详细的学案、素材图片等。,三、说教法,1、“任务驱动”教学法2、媒体演示讲解法3、对比式教学法,四、说学法,1、合作探究学习法2、自主学习法3、模仿学习法,五、说教学过程,导入： 对比两张内容相同的网页作品，其中一张网页布局杂乱无章；另一张布局整齐有条理，引发学生思考：版面布局整齐是怎么做到的？,作品一,作品二,五、说教学过程,用frontpage打开“虎门销烟启示录”网站的主页，把其中表格内的文字、图片、动画等所有内容删除，让学生观察其版面布局。,GO,五、说教学过程,新课讲解： 教学过程以制作“虎门销烟启示录”案例的首页布局为主线，让学生
3、体验用布局表格制作网页的一般过程第一步：表格的插入 方法：表格菜单插入表格 演示插入表格的方法,五、说教学过程,任务一 参照课本图413的表格，在网页中插入四个表格，规格分别是“11”、“18”、“33”、“11”，指定宽度为760像素、边框粗细设为0。 思考： 为什么要将表格的宽度定为760像素？边框粗细若不为0会有什么效果？除了通过表格菜单下的插入-表格方法插入表格外，还有没有其它的方法插入表格？,五、说教学过程,总结插入表格的基本方法：1、表格菜单插入表格2、使用常用工具栏的表格插入按钮 3、表格菜单布局表格以及单元格绘制布局表格或单元格,五、说教学过程,第二步：调整表格结构 （1）选择
4、表格的方法 （2）增加行或列 （3）合并与拆分单元格 演示调整表格的操作：增加列、行；合并；拆分；删除等,任务二： 利用拆分与合并单元格方法，将第三个表格调整如图4-13所示 利用增加、删除、合并、拆分等方法调整表格结构可以实现版面布局,五、说教学过程,五、说教学过程,第三步：修改表格属性 （1）设置表格与单元格的背景颜色和图片（2）表格其它属性说明（表格宽度使用像素是为能在不同浏览器上预览时保持表格的宽度不变；表格粗细设为0是为了隐藏表格边框线）,五、说教学过程,任务三： 参照图4-13调整各表格或单元格的背景颜色或图案 利用调整表格结构及改变表格属性的办法，可以灵活对网页版面进行基本的布局
5、。,效果图,五、说教学过程,拓展 网页作为传递信息的一种方式，我们希望做出来的网页，能最大限度地吸引人们的眼球；要想达到这个目的，就需要使用表格规划好网页布局。如果说表格的使用是一种技术，那么网页布局则是一种思想，希望大家在后面的网站制作中能合理的利用表格对网页进行布局。,五、说教学过程,作业： 以自己班级为主题，设计一个班级的宣传网站，利用表格对网站的主页进行页面布局。,六、说教学反思,本节课用两张内容相同，版面布局不同的网页引发学生思考，通过对比分析，让学生理解表格的作用，接着又以制作“虎门销烟启示录”案例的首页布局为任务，让学生体验用布局表格制作网页的一般过程，整节课以“教师主导、学生主体”为指导思想，以“任务驱动”为主线，“自主探究、协作交流”等学习活动贯穿整个课堂始终。 这节课不足之处是：由于时间太紧，对学生任务评价力度不够，如果能及时对每一位学生的任务进行评价修改，就能收到更好的教学效果。,谢谢指导！,