3.5首页面排版.docVIP

首页面排版 学 科：信息技术 班 级：高一（1） 课 题：首页排版技巧 授课教师：张钰 授课地点：第二机房 教学目标： 知识目标：形成首页排版的理念，分析并归纳首页排版的原则； 熟练掌握表格嵌套技术。 技能目标：能在布局原则的指导下和表格嵌套技术实现首页面排版。 情感目标：培养规划意识和创新能力。 教学重点、难点： 利用表格嵌套技术实现首页面排版。 教学过程： 教师活动 学生活动 导入 回顾上节课的内容，首页面上的基本组成元素？ 网站名称、栏目、友情链接、版权信息以及主体内容。 提问：打开学生在画图中绘制出的宽度800布局草稿，是否存在不足。 思考并回答问题 根据以往调查显示，53位同学一共浏览了32个不同网站的首页面。得到以下数据： 网站名称 栏目列表 师生共同分析首页面的布局形式及布局原则 版权信息 友情链接 分析数据，得出原则： 根据数据，大家可以总结一下，一般情况下： 1、网站的名称一般放在哪里？（上、左上）为什么？ 这是主题，重要，要突出。而这个位置是我们比较容易看到的，是很醒目的位置。 2、栏目一般放在哪里？（中间偏上或左边偏上）为什么？ 用户通过栏目访问网站里面的内容，要方便用户点击。也可以放在右边，只是不符合习惯做法。 3、友情链接一般放在哪里？（页面的靠下方的位置）为什么？ 它相对栏目显得不那么重要，不是网站里提供的主要内容。 4、版权信息一般放在哪里？（页面的最下方）为什么？ 它对于浏览者来说是最不重要的内容，但对于网站的作者来说却是不可缺少的东西。所以放在最不重要的位置。 5、其他的空白处放什么？ 你这个网站的推荐栏目及主要内容，一般不会有大篇幅的文字出现。 根据老师的问题引导，思考作答。总结排版原则。 6、是否重要的内容就可以无限突出？ 我们还要注意图片的大小合不合适，左右文字图片是否对称？视觉效果上看是否谐调…… 这就是我们原则：重点突出、平衡协调。 首页排版的技术实现 带着这样的布局原则，请大家再来看范例的布局草图，给他们提一些改进建议。 学生操作 请每一位同学打开自己的站点文件夹，在首页(index.htm)中利用表格技术实现自己设计的网页排版。注意做的过程中要把握我们提出的“重点突出、平衡谐调”的原则。 教师巡视、学生操作，对制作过程中存在的问题作个别辅导，其中可穿插适当的技术辅导。 互评作业，提出修改建议，进一步理解原则 将原则落实到实处，自己动手修改自己的页面。 作业反馈 根据完成情况作适当点评。 取长补短 拓展及总结 我们根据布局的要求来设计自己网站的背景、logo、banner等，并填入网站的主体内容。 演示内容的填入。由于技术实现的问题，布局也许还需调整。 总结：网页排版原则：重点突出、平衡协调。 网页排版实现：嵌套表格 总结复习 说课 一、学情分析 高一的学生经过一个学期的学习，对信息技术的基本软件如文字处理软件、表格处理软件、数据库软件都有了大致的了解，已经具有一定的软件自学基础。而对于本节课的网站首页排版具有一定的生活经验，但是缺乏实际设计的感受。 二、教材分析 地图版的教材在首页排版的讲解中主要是提供几个布局的范例、缺乏技术实现的讲解。 三、教学目标分析 知识目标：形成首页排版的理念，分析并归纳首页排版的原则； 熟练掌握表格嵌套技术。 技能目标：能在布局原则的指导下和表格嵌套技术实现首页面排版。 情感目标：培养规划意识和创新能力。 四、教学重点、难点分析 利用表格嵌套技术实现首页面排版。 五、教学设计分析 如果按照教材中提供的排版布局范例来讲解，容易限制学生的思维。因此教学中教师首先让学生自己根据以往浏览网页的经验绘制首页排版的草图，学生在没有任何限制的情况下更容易发挥自己的想象，创建出富有活力的作品。在本节课中教师展示学生的范例、网页元素位置调查表等数据提出排版的原则，也只是给学生提供一个较为宽松的排版限定。接着补充了教材中缺少的技术实现这一环节，提高学生在软件中实现设计的可能。 整个教学中没有设计的定势，而是为学生的设计提供各种帮助，学生的想象力得到最大程度的发挥。同时技术上也得到很大的提高。 评课 地图版的教材在首页排版的讲解中主要是提供几个布局的范例、缺乏技术实现的讲解。如果按照教材中提供的排版布局范例来讲解，容易限制学生的思维。因此教学中教师首先让学生自己根据以往浏览网页的经验绘制首页排版的草图，学生在没有任何限制的情况下更容易发挥自己的想象，创建出富有活力的作品。在本节课中教师展示学生的范例、网页元素位置调查表等数据提出排版的原则，也只是给学生提供一个较为宽松的排版限定。接着补充了教材中缺少的技术实现这一环节，提高学生在软件中实现设计的可能。 整个教学中没有