通过DreamweaverCS3学习HTML+DIV+CSS教学PPT第7章 表格与层.ppt_第1页
通过DreamweaverCS3学习HTML+DIV+CSS教学PPT第7章 表格与层.ppt_第2页
通过DreamweaverCS3学习HTML+DIV+CSS教学PPT第7章 表格与层.ppt_第3页
通过DreamweaverCS3学习HTML+DIV+CSS教学PPT第7章 表格与层.ppt_第4页
通过DreamweaverCS3学习HTML+DIV+CSS教学PPT第7章 表格与层.ppt_第5页
已阅读5页,还剩26页未读 继续免费阅读

下载本文档

版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领

文档简介

1、第7章表和层,表可以包含网页中重要的集装箱元素、文本和图像。表格使网页结构紧凑整齐,使网页内容的显示一目了然。表格中使用的方法很灵活,但有点复杂。使用Dreamweaver不仅可以轻松快捷地创建表格,还可以轻松修改表格。层也是网页中重要的集装箱元素之一。在网页过程中有动态效果时,经常使用层元素。另外,在目前流行的标准中,层元素是不可缺少的渡边杏。7.1基本操作,前面介绍的形式的作用是使网页整理和清晰。牙齿部分说明如何在网页中添加表,以及如何设置表的属性以满足网页设计需要。插入7.1.1表,了解表的用途,然后学习如何在网页中插入表。具体步骤包括、如何曹征:选择表格效果曹征表格效果、7.1.4表格

2、对齐,如上图所示,表格默认对齐是左对齐,修改对齐、置中对齐效果、7.2表格剪辑、先前表格的基本作业、某些范例包括合并或分割表格储存格、加入或移除表格列或栏、列高或栏宽曹征,以及设定表格标题。7.2.1表格标题,通常表格具有描述表格内容项目的标题列。例如,有说明相应成绩科目的标题的学生成绩单。在表格中设置标题的具体步骤包括、无表格标题效果表格标题效果、7.2.2表格列宽和行高;如果单元内容很多,则需要调整表格单元的宽度和高度。Dreamweaver可视化操作要求您添加、更改原始效果宽度高度效果、添加7.2.3行或列,如果在网页设计过程中表格的行或列不足,还需要添加行或列。添加行或列的具体步骤如下

3、:原始表效果“插入行或列”对话框,添加7.2.3行或列,单击“确定”按钮,完成行插入,选择“选定的上一个”单选按钮,单击,以下步骤遵循上一节中的示例,保留行和列插入效果。通过选择要删除的行,可以同时选择多个行。选择在上一节中插入的行。将光标放在选定行上,然后单击鼠标右键以弹出快捷菜单。单击执行“表”|“删除行”命令以完成行删除。7.2.5合并单元格。在表格使用过程中,某些内容必须占用多个单元。此时,必须将多个单元格合并为一个单元格。可以是合并相同行的单元格,也可以是合并相同列的单元格。具体步骤包括、原始表格效果合并单元格效果,7.2.6拆分单元格,上一节介绍如何合并单元格。有合并,当然也有分割

4、。分割单元格的具体步骤如下:“拆分单元格”对话框、7.3表格外观、表格边框的粗细和颜色、单元格之间的距离(间距)、表格内容的颜色和对齐、表格的背景颜色和背景图像,以及单元格的背景颜色和背景图像。设置7.3.1边框厚度可以增加网页的趣味性。插入表格时,默认边框为1像素。如何修改边框粗细:无边框效果图像边框预览效果、设置7.3.1边框粗细、在“边框”文本框中输入5,然后按Enter键。显示在预览图右侧,如图左侧所示。7.3.2(、和边框5的效果加上边框预览效果)设置边框颜色。在上一节中,边框的默认颜色为灰色。总是灰显时单调。以下说明了设置边框颜色的步骤:边框颜色效果单元格边框颜色效果、7.3.3表

5、格间距设置、插入表格后,您会发现表格边框之间存在间隙。这是表格间距。默认间距为2像素。如何设定表格的间距?具体步骤如下:表格间距效果,7.3.4表格填充,表格填充是单元格内容和单元格边框之间的距离。如何设置?具体步骤如下:表格填充效果,设置7.3.5单元格对齐,以前设置页面上的表格对齐,以及如何设置表格内容对齐?具体步骤包括:水平居中效果底部对齐效果、7.3.6表格背景颜色和图像设置、网页背景颜色和图像,以及实际上为表格设置背景颜色和图像,使表格外观更加丰富多彩。步骤如下:表格背景颜色效果表格背景图像效果的具体步骤如下:单元格背景色效果单元格背景图像效果、7.4 div层次结构、图层在网页过程

6、中启用重要的动态元素和网页移动。网页中不可或缺的重要元素,后面介绍的web标准中更是不可缺少的。牙齿部分仅介绍层的基本用法。相关内容中详细介绍了一些高级用法。7.4.1层基本操作,层标签如此重要,如何将层放入网页内部?具体步骤如下:插入图层效果可以更改图层大小效果,设置图层背景颜色效果图层位置效果,使用7.4.2图层属性,除了图层大小和背景外,还可以设置其他相关属性(如图层编号、Z轴、溢出方法等)的Z轴值,以更改图层的前后顺序。设置、z轴前预览效果设置z轴后预览效果、7.4.3“图层”面板、修改图层的属性可以通过图层的属性面板进行,还可以在“图层”面板中修改某些属性。例如,图层的可见属性、z轴顺序和图层编号。具体步骤如下:单击“图层”面板、7.4.3“图层”面板和“眼睛”按钮以显示或隐藏图层。牙齿列的内容为空表示继承自父层。单击第1层前面的“眼睛”按钮,关闭眼睛图像,如图左侧所示。预览效果现在显示在插图的右侧。和闭眼睛效果可用于预览隐藏层效果、转换7.4.4层和表,以及在网页布局中使用前面介绍的表和层。此外,将图层效果转换为表格效果、7.5专家摘

温馨提示

  • 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

评论

0/150

提交评论