下载此文档

第7章表 格.ppt


文档分类:资格/认证考试 | 页数:约48页 举报非法文档有奖
1/48
下载提示
  • 1.该资料是网友上传的,本站提供全文预览,预览什么样,下载就什么样。
  • 2.下载该文档所得收入归上传者、原创者。
  • 3.下载的文档,不会出现我们的网址水印。
1/48 下载此文档
文档列表 文档介绍
第7章表格
《网页设计与制作案例教程》(第2版)
本章学****内容
案例1 设计学生成绩单
学****任务:表格标签
案例2 使用表格布局“图书资源网”
案例3 设计“旅游信息网”
实训
《网页设计与制作案例教程》(第2版)
案例1 设计学生成绩单
学****目标:通过案例学****能够熟练掌握创建表格、设置表格的属性、编辑表格等操作,为熟练地使用表格布局网页打下基础。
知识要点:创建表格;表格的属性设置;选择表格或表格单元格;插入、删除行和列;表格的拆分和合并等。案例效果如图7-1所示。
《网页设计与制作案例教程》(第2版)
案例1 设计学生成绩单
图7-1 学生成绩单
《网页设计与制作案例教程》(第2版)
案例1 设计学生成绩单
创建表格
表格是由若干行和列组成的。表格横向叫行,纵向叫列,行列交叉的区域是单元格,如图7-2所示。
图7-2 表格的基本组成
《网页设计与制作案例教程》(第2版)
案例1 设计学生成绩单
一般以单元格为单位来插入网页元素,以行
和列为单位来修改性质相同的单元格。单元格
中的内容和单元格边框的距离叫边距,单元格
和单元格之间的距离叫间距,整个表格边缘叫
边框。
请在Dreamweaver中演示创建表格的具体方法。
《网页设计与制作案例教程》(第2版)
案例1 设计学生成绩单
创建表格时,打开的“表格”对话框如图7-3所
示。
图7-3 “表格”对话框
《网页设计与制作案例教程》(第2版)
案例1 设计学生成绩单
“表格”对话框中各项含义:
行数:设置表格的行数。
列数:设置表格的列数。
表格宽度:以像素为单位或按占浏览器窗口宽度的百分比指定表格的宽度。
边框粗细:设置表格边框的宽度(以像素为单位)。若希望浏览器不显示边框,可将其值设置为0像素。
单元格边距:用于设置单元格内容与单元格边框之间的像素数。
《网页设计与制作案例教程》(第2版)
案例1 设计学生成绩单
单元格间距:用于设置相邻的表格单元格之间的像素数。
“标题”栏:用于设置表格标题的样式。“无”对表格不启用列或行标题;“左”将表格的第一列作为标题列;“顶部”将表格的第一行作为标题行;“两者”能够在表格中输入列标题和行标题。
“辅导功能”栏:其中的“标题”用于设置显示在表格外的表格标题;“摘要”给出对表格的内容摘要,屏幕阅读器可以读取摘要文本,但是该文本不会显示在用户的浏览器中。
《网页设计与制作案例教程》(第2版)
案例1 设计学生成绩单
设置表格属性
表格“属性”面板如图7-5所示。
图7-5 表格“属性”面板
表格“属性”面板中主要参数含义:
“表格”下拉列表框:用于输入表格的ID标识,以方便脚本引用该表格。
行、列:用于显示并设置表格中行数、列数。
《网页设计与制作案例教程》(第2版)

第7章表 格 来自淘豆网www.taodocs.com转载请标明出处.

相关文档 更多>>
非法内容举报中心
文档信息
  • 页数48
  • 收藏数0 收藏
  • 顶次数0
  • 上传人brnpnu31
  • 文件大小437 KB
  • 时间2018-06-13