网页制作课件PPT.ppt

/ 157 2.4.2 表格的基本操作 1．选定整个表格 可以使用以下五种方法之一： (1)鼠标移到表格右边界外侧，按下鼠标往左拖。 (2)光标定位在表格的任一单元格，选择【修改】菜单\【表格】\【选择表格】命令。 (3)右击任一单元格，在快捷菜单中选择【表格】\【选择表格】命令。 (4)左击任一单元格，连续按两下快捷键Ctrl+A。 (5)左击任一单元格，点选对象选择器中的table。 2．表格的缩放 使用以下三种方法之一： （1）移动鼠标到表格的水平或垂直边框上，当鼠标指针变为 或 形状后，上下或左右拖动鼠标，可调整表格大小。 （2）选中整个表格，在表格边框右下方出现三个控制点，将鼠标移到控制点上，当鼠标指针变为 或 或 形状时，拖动鼠标调整表格大小。 （3）在表格“属性”面板中的“宽”、“高”文本框中输入数值，精确调整表格大小。 3. 删除行、列和整个表格 选中行、列和表格，再按Del键。 4.插入行、列 选中行、列，右击，选择“表格”\“插入行列”。 5. 合并、拆分单元格 选中单元格，右击，选择“表格”\“合并单元格”或“拆分单元格”。 6.复制表格 选中表格，CTRL+C复制，CTRL+X剪切，CTRL+V粘帖。 7.表格的嵌套 嵌套表格是Dreamweaver的一大特色，决定插入表格的位置后，创建嵌套表格的步骤跟创建表格方法一样。嵌套表格的大小受到所在单元格的影响，需要改变宽度时，可直接用鼠标拖放，也可在表格的属性调板内定义。 8.表格的排序 Dreamweaver中可实现按数字的排序和按字母的排序，具体操作如下： 单击表格中的任一单元格，执行【命令】菜单\【排序表格】，打开如下图所示的“排序表格”对话框,进行相应设置后点“确定”。 9．快速格式化表格 套用Dreamweaver 中预置的表格格式，可以更快的制定表格的格式。这和word的自动套用表格功能十分相似。选择【命令】菜单\【格式化表格】，弹出如下图所示的“格式化表格”对话框。 2.4.3 利用表格进行页面布局 网页中的表格除了具备传统表格存放和规划数据的功能外，还可以用来定位网页元素，也就是说可用于网页元素的排版。由于使用普通表格进行排版操作有些不方便，Dreamweaver为此提供了一种新的网页排版模式--布局模式，在这种模式下，用户可以通过绘制布局表格和布局单元格，从而可以像在一张白纸上用笔来规划网页的布局，并可在布局单元格中插入文本和图像，通过移动布局表格和布局单元格的位置来精确地定位网页上的文本和图像。 Dreamweaver 8为设计制作表格提供了三种模式：标准模式、扩展表格模式和布局模式。前面介绍的表格创建及编辑过程都是在标准模式下进行的。要切换到布局模式，可执行【查看】菜单\【表格模式】\【布局模式】命令，也可选择“布局”工具栏，再单击 按钮，按钮处于被按下状态，如下图所示。 上机操作: 1、例2.3.3超级链接实例 2、表格的应用 2.5 层的使用 2.5.1 层的概念 层是一种网页元素定位技术，使用层可以以像素为单位定位页面元素。层可以放置在网页文档内的任何一个位置，层好比是页面中可以容纳各种网页元素的一种容器，可以包含文本、图像、表单、插件等，甚至层内还可以包含其他的层。层可以自由移动，层与层之间还可以重叠，层体现了网页技术从二维空间向三维空间的一种延伸。用户可以把一个层叠在另一个层上方，控制哪个层显示，哪个层隐藏，或通过时间轴让层在屏幕中移动，制作出动画效果。 2.5.2 创建新层 创建层有多种方法，如插入法、拖放法、绘制法等。一旦层被创建，就可以使用“层”控制面板、“层”属性面板来对它进行编辑。 周次 4 课次 2 课时 2 备注 2.5.4 和 2.5.5 省略 课题 2.5 层的使用 目的 掌握Dreamweaver8层的使用方法 重点 2.5.2 创建新层 2.5.3 设置层格式 2.5.6 层的应用 难点 2.5.6 层的应用 1. 插入法 将光标置于要插入层的位置，再选择【插入】菜单\【布局对象】\【层】命令，在编辑窗口中光标位置处会出现一个层。 此时在网页编辑区窗口中出现一个层和一个 层的标记，如右图所示。在光标所在位置上创建 了一个默认属性的层。 2. 绘制法 在“布局”工具栏中单击“绘制层”按钮 ，到文档窗口中用鼠