第15课 用表格定位网页
建议课时：1课时。
本课的学习任务：通过规划页面布局，培养网页设计的综合能力。初步掌握运用表格形式对网页上的对象进行合理排版，完成网站标题和各栏目标题的布局。
一、教学目标
知识目标：用表格排版主页使其达到页面整洁有序；
技能目标：在网页中插入表格并更改表格的属性；
情感目标：用表格排版网页解决了网页版面杂乱的问题，培养学生在遇到困难时灵活运用各方法解决，促进其建站信心。
二、重点难点
教学重点：本课的教学重点，是插入表格和更改表格属性。
教学难点：本课难点是让学生灵活掌握排列表格和设置表格属性的方法。
三、环境与素材
1．教学环境：多媒体网络教室，学生计算机中安装IE5.0以上版本及Frontpage2000以上中文版，要求能上因特网。
2．教学素材：准备好一些具有代表性的版面设计优美合理的网站主页面作为参考；
本节课要完成的任务如图所示:
参考网址：
网页设计中排版与布局基础
http://www.g168.net/net/ReadNews.asp?NewsID=172&BigClassName=建站指南&SmallClassName=个人建站指南&SpecialID
表格处理技巧http://www.21sunet.net/fp2000/fp20004.htm
四、教学过程:
一、规划主页页面布局
老师出示常见网站主页的构成图： （能配合网站的内容，让访问者浏览你的网站时会感觉到舒服而又方便）（示范）让学生看一些成功网站的例子，最主要是尝试的让学生能看出网站的布局，更有利天学生进一步的学习和操作。
二、制作主页：
根据范例上的图示，“蓝色阳光”的主页页面表格制作步骤如下：
1、启动Frontpage，单击菜单栏中的“表格” “插入” “表格”，插入一个“6�3”表格，具体如图所示：
2、对插入的规则表格进行合并，并调整成不规则表格，如图所示：
表格制作小技巧：
技巧一、表格实现嵌套：
操作如下：表格嵌套在原有单元格内再插入1�1表格（或更多行列）的独立表格，使其容纳文字或图片等物体后不会影响其他行列中的物体位置。
技巧二、表格实现虚化：
操作如下：选中要虚化的表格或单元格区域，然后找到表格属性改变表格边框的粗细为“0”，隐藏表格过多的边框显示出来。
亲身体验：在下面方框中为网站主页画个布局简图并注明标题栏、分栏目的位置。然后在网站主页中用表格排版出来。
随堂练习：
本节课操作自我检查
- 相关信息
- 没有关键字相关信息!
上一篇：八(上)第十六课 充实网页[ 11-17 ]
下一篇：第15课 用表格定位网页[ 12-28 ]