欢迎来到天天文库
浏览记录
ID:52048732
大小:374.50 KB
页数:20页
时间:2020-03-31
《表格及页面排版.ppt》由会员上传分享,免费在线阅读,更多相关内容在应用文档-天天文库。
1、Dreamweaver课件第六讲使用表格布局网页主要内容插入表格表格操作属性设置表格装饰页面表格排版页面布局插入表格步骤:1.单击插入工具栏/常用/“插入表格”按钮Ctrl+Alt+T2.设置(1)行/列(2)单元格填充:单元格内容与边框的距离(默认1像素)(3)单元格间距:单元格之间的距离(默认2像素)(4)宽度:单位可以是百分比或像素(5)边框:表格边框粗细(注意,设置为0时,虚线显示,预览不可见,主要用于排版)代码:表格:
2、>......
3、高度使用属性面板可以非常方便地改变表格和单元格的宽度与高度,也可取消宽度与高度的设置。通过拖动表格的边框也可轻易改变表格的宽度与高度。表格操作选取表格元素(p110)1.选取整个表格:通过标签选择器
4、列插入一行:修改/表格/插入行或最后单元格按下Tab.插入一列:修改/表格/插入列插入多行(多列):修改/表格/插入行或列设置属性删除行/列选中行/列,修改/表格/删除行(删除列)Delete键单元格的拆分与合并合并:选中连续单元格,修改/表格/合并单元格属性检查器“合并单元格”按钮拆分:光标定位在单元格中,修改/表格/拆分单元格属性检查器“拆分单元格”按钮属性设置(P109)表格属性背景的设置、边框的设置在代码中,亮边框,暗边框的设置。亮边框:表格边框靠外一侧的颜色。代码:bordercolorlight=“
5、颜色“暗边框:表格边框靠内一侧的颜色。代码:bordercolordark=“颜色“属性设置单元格属性背景的设置、对齐方式、单元格宽度如果指定所有单元格宽度一致,可通过以下办法:选中所有单元格,将其宽度设为相同大小,如1*10的表格,可将其所有单元格宽度设为总宽度/10px或10%.表格的高级操作主要包括对表格的整行内容进行移动、排序表格内容和导入/导出表格数据等。表格的高级操作1.移动表格整行内容选中行并剪切将光标置于要移动位置的下一行任意单元格中粘贴表格作为一种常见的数据处理形式,免不了要对其中的数据进行排
6、序。2.排序表格内容(P117-P119)选中表格选择“命令”>“排序表格”菜单,打开“排序表格”对话框。排序后的表格在Dreamweaver中,可以将表格的内容导入或导出,在页面中添加表格时,如果预先有表格数据存储在记事本或Word等文档中,可以直接将数据导入。3.导入或导出表格内容导入的表格数据源数据选择“文件”>“导入”>“表格式数据”菜单,打开“导入表格式数据”对话框表格数据的导出因为语言原因,导出的文件只能用写字板打开才能正确显示其中的数据,在其他程序中打开会乱码。选中网页中的表格,执行“文件-导出-
7、表格”4.制作嵌套表格所谓嵌套表格,就是在一个大表格的某个单元格里插入一个新表格的情况。表格装饰(常用)细边框的设置表格做细线(与水平线的对比)插入工具栏/常用/水平线可在网页中插入水平线代码:水平线和其他对象有较大间距,且高度不能精确显示。用表格做导航栏熟练掌握表格及单元格属性设置,用表格装饰页面,美观实用。表格排版网页中的大多数元素都是由表格定位.表格排版时应注意先规划好大致布局先建立最外面的表格,然后在其内部创建较小
8、的表格.让最外面的表格居中.保证在不同分辨率下表格都居中显示.不要频繁拆分单元格,尽量通过嵌套完成元素定位,但嵌套层次要少。外部一般采取绝对计量方法(即宽度设为像素值)内部一般采取相对计量方法(即宽度设为%)要求熟悉表格标签灵活运用各项属性设置(间距、填充、背景、对齐方式等)多看、多练、细心页面布局作用:也是用表格排版,可以在页面上随意画出布局表格和布局单元格。步骤:1.插入工具栏/布
此文档下载收益归作者所有