第十二课 用表格为网页布局 教学设计 (4)

本资料来自于资源最齐全的２１世纪教育网www.21cnjy.com 第十二课 用表格为网页布局 教学设计 1教学目标 1. 认识网页布局的重要性及网页布局风格的应用。 2. 学会并熟练掌握插入表格、编辑表格、设置表格属性的技能。 3. 学会利用表格合理布局网页页面。 4. 培养学生审美能力、组织设计能力、合理评价自己及他人作品的能力。 2学情分析 在此之前学生已确立网站主题，用Frontpage 2003建立站点，初步建立首页，了解了网站制作步骤及制作工具。这节课是真正开始制作网页的第一课，对整个网站的制作起着承前启后的作用。七年级学生对于能够亲手制作网站有一定的热情，能够较为认真主动地学习制作，但网站制作的初学者，往往不太重视网页布局，制作出来的网页无法达到美观、合理的要求。学生在课前练习中就明显的反映出这个问题，学生虽不满意自己的作品，却没有意识到问题的关键所在，需要教师引导。因此，学生发现这个问题之后，分析问题（让学生意识到布局的重要性），解决问题（如何合理的布局，如何实现布局）是本课要实施的教学内容。 3重点难点 重点：1、理解布局在网页制作中的作用，及不同网页布局的应用。 2、插入表格，对表格进行合并、拆分等方式进行调整，设置表格属性。 难点：网页布局的应用、设置表格属性。 4教学过程 以中国的首个空间实验站———天宫一号为话题，与学生一起讨论空间站的布局。指出，在空间站里，无论是功能区的划分还是搭载物的确定，都是经过精心布局的。布局是非常关键的一步。平时做事的时候应该养成事先布局的习惯。同时，布局是有其文化内涵的，特定的布局风格能传递特定的思想和情感。网页建设也是一样的，除了网页内容，网页的布局也传递着网页的文化和思想，烘托网页的主题。所以，今天我们的任务是为网页布局。 一、规划主页布局 通过几个网页实例，让学生体验不同的网页布局风格传递了什么样的思想，适用于什么类型的网站。讲解网页布局风格应用在这几种不同网站中的不同体现。再展示2个隐去了标题的不同类型的网站，请同学们根据网页布局的风格判断网站类型。21cnjy.com 指出网页要素。指出制作个人网页时，可以发挥自己的创意设计网页布局，把网页设计得个性、灵动、富有创意。强调要让访问者感觉网页布局能烘托主题、简洁、美观、操作方便。 展示教师设计的网页布局，阐明设计意图。请同学们自己选择主题为主页设计一个网页布局图。教师巡回了解学生的设计意图，加以指导。21教育网 设计完后展示学生作品，由学生阐述设计意图，加以适当的评价。 二、在FrontPage中用表格实现布局 提问学生先前在Frongtpage中输入文字插入图片过程中遇到什么困惑？我们在Word中是如何实现图文定位的？FrontPage中没有Word的图文混排功能。那么如何在FrontPage中解决文字、图片等多媒体在网页中的准确定位？实现网页的布局？21世纪教育网版权所有 展示网页的编辑视图，引导学生注意到利用表格布局可实现对网页内容方便的定位。 展示教师的布局图，讲解如何用表格实现此布局图。 回顾word中的表格制作，包括插入表格、编辑表格等操作。告诉学生在Frontpage中表格制作方法与Word中类似。鼓励学生尝试在Frontpage中制作表格。请一位学生演示并解说FrontPage中表格的插入、合并单元格、拖动表格边框等一些操作。21·cn·jy·com 请学生根据自己的网页布局绘制表格。在表格里面插入相应的内容，文字、图片等。教师巡回，个别辅导 三、表格属性设置 展示教师或学生的实例，切换至预览视图，预览效果时，同学们发现了什么问题？ 隐藏表格线可以通过设置表格属性来完成，请同学借助帮助文件自主探索，找到答案。请学生演示设置表格属性，边框线粗细为0. 四、作品展示、评价 同伴间展示自己的作品，对照评价 ... ...