DW第六讲表格及页面排版.ppt

《DW第六讲表格及页面排版.ppt》由会员分享，可在线阅读，更多相关《DW第六讲表格及页面排版.ppt（11页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、主要内容插入表格表格操作属性设置表格排序及导入表格数据表格装饰页面表格排版页面布局第六讲 表格及页面排版插入表格(P52)步骤步骤:1.单击插入工具栏/常用/“插入表格”按钮 Ctrl+Alt+T 2.设置(1)行/列(2)单元格填充:单元格内容与边框的距离(默认1像素)(3)单元格间距:单元格之间的距离(默认2像素)(4)宽度:单位可以是百分比或像素(5)边框:表格边框粗细(注意,设置为0时,虚线显示,预览不可见,主要用于排版)代码代码:表格:.行:.单元格:.表格操作选取表格元素选取表格元素 1.选取整个表格:修改/表格/选择表格 通过标签选择器 光标移动到左上角,变成 时单击 光标移动到

2、边框,变成 或 时单击 光标定位在单元格内,两次Ctrl+A 2.选取行/列:光标定位在行左边缘/列上边缘,单击.或通过标签选择器：3.选取单元格 单个:光标定位在单元格中,Ctrl+A或通过标签选择器 多个:连续的:Shift+鼠标单击或直接用鼠标在单元格中拖动 不连续:Ctrl+鼠标单击插入行插入行/列列插入一行:修改/表格/插入行 或 最后单元格按下Tab.插入一列:修改/表格/插入列插入多行(多列):修改/表格/插入行或列 设置属性删除行删除行/列列选中行/列，修改/表格/删除行（删除列）Delete键单元格的拆分与合并单元格的拆分与合并合并：选中连续单元格，修改/表格/合并单元格 属

3、性检查器“合并单元格”按钮拆分：光标定位在单元格中，修改/表格/拆分单元格 属性检查器“拆分单元格”按钮在表格中插入对象在表格中插入对象 表格中可以插入文本、图像等其他网页元素，也可以嵌套。表格排序（表格排序（P63）导入表格数据导入表格数据 1.在Excel中，将文件保存为：文本文件（用制表符分隔）。2.在DW中，单击插入工具栏/常用/“导入表格式数据”按钮。属性设置(P56)*表格属性背景的设置、边框的设置在代码中，亮边框，暗边框的设置。亮边框：表格边框靠外一侧的颜色。代码：bordercolorlight=“颜色“暗边框：表格边框靠内一侧的颜色。代码：bordercolordark=“颜

4、色“单元格属性背景的设置、对齐方式、单元格宽度如果指定所有单元格宽度一致，可通过以下办法：选中所有单元格，将其宽度设为相同大小，如1*10的表格，可将其所有单元格宽度设为 总宽度总宽度/10 px或10%表格装饰（常用）细边框的设置表格做公告栏（小图片加单元格背景）表格做细线（与水平线的对比）插入工具栏插入工具栏/常用常用/水平线水平线 可在网页中插入水平线代码：水平线和其他对象有较大间距，且高度不能精确显示。用表格做导航栏熟练掌握表格及单元格属性设置，用表格装饰页面，美观实用，且比使用图像小。表格排版网页中的大多数元素都是由表格定位.表格排版时应注意先规划好大致布局先建立最外面的表格,然后在

5、其内部创建较小的表格.让最外面的表格居中.保证在不同分辨率下表格都居中显示.不要频繁拆分单元格，尽量通过嵌套完成元素定位，但嵌套层次要少。外部一般采取绝对计量方法(即宽度设为像素值)内部一般采取相对计量方法(即宽度设为%)要求熟悉表格标签灵活运用各项属性设置（间距、填充、背景、对齐方式等）多看、多练、细心页面布局（P67）作用作用：也是用表格排版，可以在页面上随意画出布局表格 和布局单元格。步骤：步骤：1.插入工具栏/布局/布局视图 2.新建布局表格 3.新建布局单元格只有在布局单元格中才能插入对象按住Ctrl键可连续绘制布局单元格按住Alt键绘制可取消单元格自动吸附（当单元格与另一个单元格 或表格边框距离小于8像素时，会自动吸附）布局单元格不能脱离布局表格而存在设置属性（P76）宽：固定或自动伸展间隔图像：为防止没有内容的列被挤压，可创建间隔图像（透明）四个按钮优点：可以灵活精确设置表格高度。清除行高使单元格宽度一致清除嵌套清除所有分隔符图象第六讲总结表格的使用（插入、操作、属性、应用）熟练掌握表格排版熟悉页面布局的使用