DW第六讲表格及页面排.pptVIP

主要内容 插入表格 表格操作 属性设置 表格排序及导入表格数据 表格装饰页面 表格排版 页面布局 插入表格(P52) 步骤: 1. 单击插入工具栏/常用/“插入表格”按钮 Ctrl+Alt+T 2.设置 (1)行/列 (2)单元格填充:单元格内容与边框的距离(默认1像素) (3)单元格间距:单元格之间的距离(默认2像素) (4)宽度:单位可以是百分比或像素 (5)边框:表格边框粗细(注意,设置为0时,虚线显示,预览不可见,主要用于排版) 代码: 表格 : table.../table 行 : tr....../tr 单元格:td....../td 表格操作 选取表格元素 1.选取整个表格 : 修改/表格/选择表格 通过标签选择器 table 光标移动到左上角,变成 时单击 光标移动到边框,变成 或 时单击 光标定位在单元格内,两次Ctrl+A 2.选取行/列 : 光标定位在行左边缘/列上边缘,单击.或通过标签选择器：tr 3.选取单元格 单个: 光标定位在单元格中,Ctrl+A或通过标签选择器 td 多个: 连续的: Shift+鼠标单击或直接用鼠标在单元格中拖动 不连续: Ctrl+鼠标单击 插入行/列 插入一行:修改/表格/插入行 或 最后单元格按下Tab. 插入一列:修改/表格/插入列 插入多行(多列): 修改/表格/插入行或列 设置属性 删除行/列 选中行/列， 修改/表格/删除行（删除列） Delete键 单元格的拆分与合并 合并：选中连续单元格， 修改/表格/合并单元格 属性检查器“合并单元格”按钮 拆分：光标定位在单元格中， 修改/表格/拆分单元格 属性检查器“拆分单元格”按钮 在表格中插入对象 表格中可以插入文本、图像等其他网页元素，也可以嵌套。 表格排序（P63） 导入表格数据 1. 在Excel中，将文件保存为：文本文件（用制表符分隔）。 2. 在DW中，单击插入工具栏/常用/“导入表格式数据”按钮。 属性设置(P56)* 表格属性 背景的设置、边框的设置 在代码中，亮边框，暗边框的设置。 亮边框：表格边框靠外一侧的颜色。代码：bordercolorlight=“颜色“ 暗边框：表格边框靠内一侧的颜色。代码：bordercolordark =“颜色“ 单元格属性 背景的设置、对齐方式、单元格宽度 如果指定所有单元格宽度一致，可通过以下办法： 选中所有单元格，将其宽度设为相同大小，如1*10的表格，可将其所有单元格宽度设为 总宽度/10 px或10 % 表格装饰（常用） 细边框的设置 表格做公告栏（小图片加单元格背景） 表格做细线（与水平线的对比） 插入工具栏/常用/水平线 可在网页中插入水平线 代码：hr color=“颜色” width=“宽” size=“高” noshade(阴影)... 水平线和其他对象有较大间距，且高度不能精确显示。 用表格做导航栏 熟练掌握表格及单元格属性设置，用表格装饰页面，美观实用，且比使用图像小。 表格排版 网页中的大多数元素都是由表格定位. 表格排版时应注意 先规划好大致布局 先建立最外面的表格,然后在其内部创建较小的表格. 让最外面的表格居中.保证在不同分辨率下表格都居中显示. 不要频繁拆分单元格，尽量通过嵌套完成元素定位，但嵌套层次要少。 外部一般采取绝对计量方法(即宽度设为像素值) 内部一般采取相对计量方法(即宽度设为%) 要求 熟悉表格标签 灵活运用各项属性设置（间距、填充、背景、对齐方式等） 多看、多练、细心 页面布局（P67） 作用：也是用表格排版，可以在页面上随意画出布局表格 和布局单元格。 步骤：