粤教版高中信息技术选修3教案-4.3.3使用表格进行页面布局

4.3.3 使用表格进行页面布局 1．课标要求： 通过开发实践，学会规划、设计、制作、发布与管理简单网站的基本方法。 2．学习目标： 知识与技能：①使用表格进行页面布局的作用。 ②表格的基本操作方法。 过程与方法：掌握在 FORNTPAGE 中表格的插入、调整属性、结构的方法。通过观摩网页案例和制作个人主 页学习使用表格进行页面布局的过程与方法。 情感、态度与价值观：通过制作个人主页，培养学生利用表格、学以致用的情感意识，通过合理探索，发 展完成对新工具的适应，提升学生的信息素养。 3．学习重点：根据网页中的内容设计相应的表格，制作个人主页 学习难点：表格制作过程中表格属性结构的设置。 4．学习方法：观摩分析、自主探究、任务驱动 5．学法指导 导入：观摩腾讯网和百度网主页，网页内容布局合理，引入使用表格进行页面布局的必要性。 一、 任务 1：观摩观摩“虎门销烟启思录”网站的主页和“动物明星”网页，分析其版面布局。 1 观摩“虎门销烟启思录”网站的主页。分析其版面布局。 观察：从中可以看出它由四个表格构成整个版面的四个区域。有些是比较规则的表格，有些是不规则表格。 不规则表格可通过规则表格分拆、合并单元格得到。 2 观摩“动物明星”网页，分析其版面布局。 结论： 1.表格在网页制作中的作用：（ ） A.为网页布局进行定位 B.可有可无 2.表格是网页设计时生成分栏框架结构的工具，表格可以对网页中的文字、图片等不同元素进行精确 的定位。 3.几乎所有的网页都应用了表格定位技术。 二、任务 2：小组合作、自主探究，建立网页版面。（各组选做其一） 1. “虎门销烟启思录”网站的版面布局。 (1)插入表格，设置表格属性。 ①打开新建的空白网页，在网页中插入四个表格，规格分别是“１×１”、“１×８”、“３×３” 和“１×１”。 ②单击“表格”菜单、选择“表格属性”、分别设置四个表格的“指定宽度”为 90%、“对齐方 式”为居中、边框粗细为０。 (2)调整表格结构。选定需要合并的单元格，单击鼠标右键，在快捷菜单中选择“合并单元格”。 (3)设置表格与单元格的背景颜色和图片。 ①选定表格 2，单击右键选择“表格属性”，从对话框中的“背景颜色”列表中选择“褐紫红色”。 同理，把表格 4 设置为黑色背景，把表格 3 中对应位置的单元格分别设置为“褐紫红色”和“黄色”的背 景颜色。 2. 动物明星网页的制作 （1）打开新建的空白网页，在第一行输入:“动物明星”，设置字体：黑体、大小：36 磅、 颜色：红 色、居中对齐 （2） 设置网页背景颜色为：绿色 提示：在空白处右击,网页属性——格式。 （3）在第二行创建表格 3 行 4 列。 宽度 700 像素 边框粗细 1 像素 边框颜色 黑色 单元格衬距 10 像素 单元格间距 10 像素 第一行背景颜色 水绿色 第二行背景颜色 黄色 第三行背景颜色 紫色 对齐方式 居中 （4）在表格中分别插入图片 1——图片 12。 提示：插入——图片——来自文件。 （5）在表格下方输入：4ⅩⅩ班ⅩⅩⅩ制作，设置为华文楷体，6 号，颜色自定，居中。 三、思考与小结： 1.重点 （1）如何插入表格（ ）？ 如何设置表格属性（ ）？ A.表格——插入——表格 B.将光标置于表格，右击——表格属性 （2）如何合并单元格（ ）？ 如何设置单元格属性（ ）？ A.选中要合并的单元格，右击——合并单元格 B.将光标置于单元格，右击——单元格属性 2. 难点：如何将表格的边框隐藏起来？ 3. 注意区分：单元格属性和表格属性。 四、任务 3：拓展与提高：制作个人主页。（各组选做其一） 1．仔细观察网页 1、网页 2，每个小组选择其中一个网页，分析其版面布局。 2．仿照网页进行个人主页的版面布局。 五、评价与展示 1．展示与自评 2．互评 3．小结