admin 管理员组文章数量: 1087139
2024年7月4日发(作者：wordpress数据库文件在哪)
《网页制作》教案
课题
3.2表格在排版中的应用
课时
授课日期
教学目标
1、 了解一些表格常用的设计技巧
2、 了解表格的布局设计应用、熟悉有关布局表格、布局单元格的绘制操作
重点：了解表格的布局设计应用
教学
重、难点
难点：熟悉有关布局表格、布局单元格的绘制操作
教、学具
多媒体计算机、高清电视及VGA信号线
1、 表格在排版中的常用设计
预习要求
2、 运用表格布局版面
3、 布局设计
主备人 副备人
主备栏
班 级
副备栏
复习提问：
1．
引入：
Dreamweaver提供了一个全新的创造性的功能，使用它可更加轻松地完成
网页的版本设计，网页设计者可以更多的时间与精力来完成网页的设计创
意。
3.2表格在排版中的应用
明确学习内容
新授：
一、表格在排版中的常用设计
1.常用于导航条的边框表格
（1）插入一个3行3列的表格，并进行相关设置
（2）选中表格，并设置背景色为黑色
（3）鼠标移至该表格，选定全部单元格的目的
主备栏
2.改变单元格的颜色，让网页更有动感
（1）选种最左上角的单元格，电击属性面板上的“快速标签编辑器”
“onMouseOut=”oundColor=onMouseOver=oundC
olor=red”
(2)输入内容是javascript脚本
二、利用表格说明属性创建特殊表格
（1）在“插入表格”窗口设置表格
（2）点击“显示代码视图”按钮到“代码视图”
（3）将其中语句转化
三、运用表格布局版面
表格的功能在普通人的意识中是用来记载表单式的数据。用来排列文
字和图形，一方面是因为表格的信息量大，它用最简洁的形式表达了繁杂
的内容；另一方面它还可以用来控制文本和图象在页面上出现的位置，把
文字和图象规范地按照行或列对齐，是整个页面看上去紧凑而统一。
嵌套的操作步骤：
（1）将光标定位在要嵌套的单元格
（2）插入→常用→插入表格
（3）在“插入表格”中，设置嵌套表格的行列数及相关属性
（4）确定
四、布局设计
1.操作步骤：
插入→布局
副备栏
注意观察操作
步骤
观察操作步骤
在空白区域生成一个布局表格
标准视图：像常规一样插入表格、图层切换到布局视图
：绘制布局表格
：绘制布局单元格
2.利用表格对网页进行布局
（1）切换到布局视图，单击
（3）点击
（2）通过属性面板精确修改宽度、高度等相关属性
在布局表格内拖，生成布局表格的布局单元格
（4）可添加文字或图片
（5）进行相关设置并修改好网页的标题切换到标准视图
3.在布局视图上的表格有一个数字，表示是单元格的宽度单击数字，出现
主备栏
菜单：
列设置为自动伸展：表格可以按照屏幕比例自动调整宽度
添加间隔图象：增加/移去透明图片
清除单元格高度：把单元格高度清除掉
副备栏
总结：
1． 学习表格在排版中的常用设计
2． 学习运用表格布局版面
3． 怎样进行布局设计
板书设计：
三、运用表格布局版面
嵌套的操作步骤：
1.常用于导航条的边框表格
2.改变单元格的颜色，让网页更有动
四、布局设计
1.操作步骤：
感
二、利用表格说明属性创建特殊表格
2.利用表格对网页进行布局
一、表格在排版中的常用设计
作业：
1.
教后记
版权声明：本文标题：表格在排版中的应用 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://roclinux.cn/p/1720027401a741655.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。
发表评论