备课时间:
上课时间:
第十二课 网站规划设计——表格布局设计首页
教学内容: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、知识拓展:了解表格的宽度。
四、本课小结(回顾与思考)
板书设计:
教学反思: