4.3.3使用表格排版网页 表格是能将网页元素按设计者要求的方式显示的一种排 版技术。通过单元格的拆分、合并以及在单元格中插入嵌 套表格等方法对网页元素进行更细致的控制。其操作步骤 如下 步骤1插入一个表格,按照事先考虑好的版面设计将表 格划分为几个大的单元格,设置合适的宽度,边框设置为 0,使边框不可见,需要时可在单元格中插入嵌套表格, 同样将边框设为0,使边框不可见。 步骤2向各个单元格中加入网页元素,编辑完毕后保存 文档
4.3.3使用表格排版网页 表格是能将网页元素按设计者要求的方式显示的一种排 版技术。通过单元格的拆分、合并以及在单元格中插入嵌 套表格等方法对网页元素进行更细致的控制。其操作步骤 如下: 步骤1 插入一个表格,按照事先考虑好的版面设计将表 格划分为几个大的单元格,设置合适的宽度,边框设置为 0,使边框不可见,需要时可在单元格中插入嵌套表格, 同样将边框设为0,使边框不可见。 步骤2 向各个单元格中加入网页元素,编辑完毕后保存 文档
4.3.3使用表格排版网页 使用表格构造网页布局时应遵循如下原则: 令要规划好再运行,甚至要进行无数次的实验和重复运行才 能制作出好的页面框架。 从外向内工作。先建立最大的表格,再在它內部创建嵌套 的较小表格。 在外部使用绝计像素方法,在内部使用相对百分比方法
4.3.3使用表格排版网页 使用表格构造网页布局时应遵循如下原则: ❖ 要规划好再运行,甚至要进行无数次的实验和重复运行才 能制作出好的页面框架。 ❖ 从外向内工作。先建立最大的表格,再在它内部创建嵌套 的较小表格。 ❖ 在外部使用绝计像素方法,在内部使用相对百分比方法
4.3.4在布局模式下插入表格和单元格 为了简化使用表格进行页面布局的过程,在 Dreamweaver提供了布局模式。在布局模式下,使用布 局表格作为基础结构来设计网页,在布局表格中创建布局 单元格,然后插入网页元素 在布局模式下,使用表格进行布局具有定位简单、容 易调整等优点。例如:在布局模式中可以在页面上方便地 绘制布局单元格,可将这些单元格拖动到所需的位置;还 可以方便地创建固定宽度的布局或自动伸展为整个浏览器 窗口宽度的布局
4.3.4 在布局模式下插入表格和单元格 为了简化使用表格进行页面布局的过程,在 Dreamweaver提供了布局模式。在布局模式下,使用布 局表格作为基础结构来设计网页,在布局表格中创建布局 单元格,然后插入网页元素。 在布局模式下,使用表格进行布局具有定位简单、容 易调整等优点。例如:在布局模式中可以在页面上方便地 绘制布局单元格,可将这些单元格拖动到所需的位置;还 可以方便地创建固定宽度的布局或自动伸展为整个浏览器 窗口宽度的布局
4.3.4在布局模式下插入表格和单元格 1、绘制布局表格与布局单元格 首先从标准模式切换到布局模式:单击“插入”栏 ‘布局”选项丨“布局模式″按钮。切换到布局模式后 就可以创建布局表格,并在其中添加布局单元格。要说 明的是,布局单元格不能在布局表格之外,同一个布局 表格中可放置多个布局单元格,布局表格可嵌套。操作 步骤如下: 步骤1单击“绘制表格”按钮,鼠标在页面上变为 +”形,按下鼠标左键拖动可绘制布局表格。 步骤2单击“绘制布局单元格”按钮,鼠标在页面 上变为“+”形,按下鼠标左键拖动可绘制布局单元格
4.3.4 在布局模式下插入表格和单元格 1、绘制布局表格与布局单元格 首先从标准模式切换到布局模式:单击“插入”栏| “布局”选项|“布局模式”按钮。切换到布局模式后, 就可以创建布局表格,并在其中添加布局单元格。要说 明的是,布局单元格不能在布局表格之外,同一个布局 表格中可放置多个布局单元格,布局表格可嵌套。操作 步骤如下: 步骤1 单击“绘制表格”按钮,鼠标在页面上变为 “+”形,按下鼠标左键拖动可绘制布局表格。 步骤2 单击“绘制布局单元格”按钮,鼠标在页面 上变为“+”形,按下鼠标左键拖动可绘制布局单元格