2.3制作网站首页-粤高教版（B版）九年级信息技术上册教案

粤教版信息技术九年级上第三节制作网站首页教学设计 课题 第三节 制作网站首页 单元 第二单元 学科 信息技术 年级 九年级 学习 目标 知识目标：了解用表格进行版面布局及网页中的元素。 技能目标：理解添加网页元素的方法；掌握为网页设置超链接。 情感目标：善于上网查询资料，增强学习能力。 重点 理解添加网页元素的方法； 难点 掌握为网页设置超链接。 教学过程 教学环节 教师活动 学生活动 设计意图 导入新课 网站需要什么样式，才能吸引更多的人浏览，要先做什么后做什么才能提高工作效率呢?观看图中网站首页，你有哪些启发？今天我们来解决这个问题。 思考 激发学生学习兴趣并快速进入学习状态 讲授新课 问题： (1)网页中一般有哪些元素? (2)首页要没置什么内容? (3)制作网页的一般步骤是什么? 首页是网站的“脸面”，能不能吸引访问者的注意，它显得尤为重要。因而，在设计制作首页时需要特别花心思。 任务 在 Frontpage中打开“班级网站”范例的首页，如图所示，仔细揣摩该网页，并制作好班级网站首页。 网页中其版面可划分为标题区、主要内容区、页尾区三大区域。 标题区突出网站的主题和导航条; 主要内容区放置各种网页元素，可根据内容的设计划分不同的板块; 页尾区一般提供网站的版权信息和制作团体的联系方式。 一、用表格进行版面布局 网页制作中使用表格划分版面，确定各种网页元素的版面位置。如图所示。再把不同层的表格框线设置为不同的颜色，得到如图所示的表格布局结构。不难看出，我们可以通过多层嵌套的表格进行版面划分。 构建方法如下： (1) ) 在网页编辑区插入最外层的4行1列表格，单击鼠标右键，打开“表格属性”窗口(如图所示)，设定表格宽度为760像素。 (2)从外到内分割版面，插入各层表格，再根据需要设定表格的高度和宽度。 实践： 查看班级网站首页的各层表格、单元格属性，说说指定表格宽度时定义像素与百分比有何不同，如何对表格的大小进行精确的定义。 设置表格的宽度有两种单位：百分比是相对宽度,像素是绝对宽度。网页中对表格大小精确定义用像素。 二、添加网页元素 版面区域划分好以后，就可以在相应区域填充内容，如添加文字图片、动画等网页元素 1.插入文字 可以采用输入，或复制、粘贴从已有素材中提取文字的方法，来完成输入文字。字体设