资源简介

备课时间：
上课时间：
第十二课 网站规划设计——表格布局设计首页
教学内容：P97—P 102
教学目标：
（1）、知识与技能：掌握用表格布局网页基本操作；
（2）、过程与方法：通过任务让学生自主实践，使学生能够迅速掌握制作方法；
（3）、情感态度价值观：利用精心的设计和制作，使学生感受数字化的美。
教学重点与难点：
（1）、教学重点：掌握用表格布局网页的基本操作。
（2）、教学难点：掌握用表格布局网页的基本操作。
新课标教学要求：
教学课时：2课时 （第2课时，学生上机练习）
教学方法：采用案例情境、任务驱动、启发式教学法，引导学生学以所用。
教学过程
一、新课引入
怎样来规划网页从而达到美观整齐的效果呢 网页在布局设计时，表格是最重要的工具，它可以 对页面中的图像、文本、动画等元素进行准确的定位，使页面显得整齐有序、分类明确、便于浏览。
二、讲授新课
因为表格能将页面划分成任意大小的矩形区域，实现网页的精确排版和定位。所以，设计网页时往往用表格来布局。
（一）、绘制草图 。
在浏览主题网站时，打开首页印人眼帘的是体现网站主题的页眉，然后通过导航栏了解网站的结构及其内容组织，合理的布局可以引导浏览者在页面中浏览网页信息。因此，先用纸笔绘制整体风格的页面草图，作为制作首页的参考。
（二）、表格布局
1．打开首页
操作步骤：
①启动FrontPage2003。
②【文件】菜单→【打开】→【打开文件】对话框选择【E：\神游边疆\index．htm】→点击【打开】。
2．插入表格
操作步骤：
①【表格】菜单→【插入】→【表格】。
②在“插入表格”对话框中做P99页如图12—5所示的设置。
③点击【确定】按钮，网页编辑区会居中出现一个宽度指定为600像素的4行1列且无边框的表格。
3．表格的嵌套
很多时候，我们要在一张表格中插入另一张表格，利用这种做法，可以制作出相对复杂并且符合我们要求的表格来。因此，为了制作出更加美观的网页，我们可以使用表格的嵌套来实现。
4．单元格拆分
我们还可以通过插入、删除、合并、拆分表格或单元格，得到需要的新表格。
操作步骤：
①将光标定位在行要拆分的单元格中，右键菜单选择“拆分单元格”命令。
②弹出“拆分单元格”对话框，设置拆分的方式。
三、课后作业：
1、复习本课，完成P101页思考练习1、2、3题。
2、知识拓展：了解表格的宽度。
四、本课小结（回顾与思考）
板书设计：
教学反思：

展开更多......

收起↑