Dreamweaver绘制布局表格教程
来源：尚品中国|
类型：网站百科|
时间：2015-08-16
使用表格拼图，必须经过精密的计算，以及拆分或者合并单元格来实现。为了简化利用表格布局页面，Dreamweaver提供了一种【布局】模式。在这种模式下使用布局工具，设计者可以轻松地在页面中画出布局表格以及单元格，然后对其进行修改、移动等。
1.绘制布局表格
企业网站建设制作者在绘制布局表格之前，需要先切换到【布局】模式，如执行【查看】【表格模式】【布局模式】命令(快捷键Alt+F6) 。
在【布局】选项卡中单击【绘制布局表格】按钮口，当光标变成“十字”形状时，在文档中拖动鼠标即可创建带有绿色边框的表格，如图3-11所示。
布局表格的参数设置与表格的不同，如选择布局表格，则在【属性】面板中可以设置该表格的参数选项，如图3-12所示。
在【属性】面板中，将显示“布局表格”名称，并包含有宽、颜色、间距等一些设置参数，其详细介绍如表3-4所示。
2.绘制布局单元格
在绘制的布局表格中，是无法插入文本和图像元素的，而还需要在布局表格中插入布局单元格。例如，单击【布局】选项卡中的【绘制布局单元格】按钮目，将鼠标指针移到编辑窗口中的布局表格中，当鼠标指针会变为“十字”形状时，拖动鼠标即绘制布局单元格，如图3-13所示。
当选择布局单元格后，【属性】面板中将显示布局单元格属性的各参数选项，如图3-14所示。
在布局单元格的参数选项中，多数与布局表格相同。而不同的是比布局表格多出一些对齐设置参数。一般对齐参数值是相对布局表格为参考对象进行相关设置的，如表3-5所示。
3.嵌套布局表格
当【布局】模式中已经存在布局表格与布局单元格后，再次单击【绘制布局表格】按钮，则可在现有的布局表格空白区域绘制布局表格，称之为“嵌套布局表格”，如图3-15所示。
1.绘制布局表格
企业网站建设制作者在绘制布局表格之前，需要先切换到【布局】模式，如执行【查看】【表格模式】【布局模式】命令(快捷键Alt+F6) 。
在【布局】选项卡中单击【绘制布局表格】按钮口，当光标变成“十字”形状时，在文档中拖动鼠标即可创建带有绿色边框的表格，如图3-11所示。
布局表格的参数设置与表格的不同，如选择布局表格，则在【属性】面板中可以设置该表格的参数选项，如图3-12所示。
在【属性】面板中，将显示“布局表格”名称，并包含有宽、颜色、间距等一些设置参数，其详细介绍如表3-4所示。
2.绘制布局单元格
在绘制的布局表格中，是无法插入文本和图像元素的，而还需要在布局表格中插入布局单元格。例如，单击【布局】选项卡中的【绘制布局单元格】按钮目，将鼠标指针移到编辑窗口中的布局表格中，当鼠标指针会变为“十字”形状时，拖动鼠标即绘制布局单元格，如图3-13所示。
当选择布局单元格后，【属性】面板中将显示布局单元格属性的各参数选项，如图3-14所示。
在布局单元格的参数选项中，多数与布局表格相同。而不同的是比布局表格多出一些对齐设置参数。一般对齐参数值是相对布局表格为参考对象进行相关设置的，如表3-5所示。
3.嵌套布局表格
当【布局】模式中已经存在布局表格与布局单元格后，再次单击【绘制布局表格】按钮，则可在现有的布局表格空白区域绘制布局表格，称之为“嵌套布局表格”，如图3-15所示。
来源声明：本文章系尚品中国编辑原创或采编整理，如需转载请注明来自尚品中国。以上内容部分(包含图片、文字)来源于网络，如有侵权，请及时与本站联系（010-60259772）。
TAG标签：
推荐新闻
更多行业-
定制网站建设如何有满意的结果？要先付费吗？
很多网站设计无亮点，而且页面视觉效果非常差，如果是品牌官方网站，除了无...
2023-02-15 -
从一个新角度思考网络教学
从一个新角度思考网络教学,保证精品课程网站内容的丰富性,而有的客户就是...
2012-09-11 -
网站色彩在网站建设规划中起着重要的作用
刚开始无论是国内的门户站还是电商站，在网站策划设计的前期，策划人员都会...
2021-03-31 -
什么是数据库营销
在激烈的市场竞争中，巩固现有的消费群和争取潜在的消费者成了企业经营制胜...
2014-08-04 -
网站建设成功的三大法宝
互联网巨大的经济效益，吸引了很多的企业以及创业者，越来越多的人把精力放...
2013-08-06 -
如何检测网站SEO优化的效果
在做网站优化的过程中，除了做好内部优化和外链建设之外，其实还有一项很重...
2012-07-18
如果您的网站可以增加转化次数并提高客户满意度，该怎么办？
预约专业咨询顾问沟通！
Copyright © 2024 恒久尚品 版权所有 | 京ICP备09066521号
| 公安机关备案号:11011502003910
免责声明
诚信企业
尚品专注高端网站建设，系统平台开发，微信小程序及APP开发服务
尚品专注高端网站建设，系统平台开发，微信小程序及APP开发服务
免责声明
非常感谢您访问我们的网站。在您使用本网站之前，请您仔细阅读本声明的所有条款。
1、本站部分内容来源自网络，涉及到的部分文章和图片版权属于原作者，本站转载仅供大家学习和交流，切勿用于任何商业活动。
2、本站不承担用户因使用这些资源对自己和他人造成任何形式的损失或伤害。
3、本声明未涉及的问题参见国家有关法律法规，当本声明与国家法律法规冲突时，以国家法律法规为准。
4、如果侵害了您的合法权益，请您及时与我们,我们会在第一时间删除相关内容!
联系方式：010-60259772
电子邮件：394588593@qq.com
