MENU 服务 案例
网站建设-网站设计-北京网站建设-高端网站制作公司-尚品中国
我们通过拥抱变化创造
360°的品牌价值__
简体
简体中文 English

尚品中国携手倍升互联,共谱网站建设新篇章

类型:尚品动态 了解更多

Dreamweaver绘制布局表格教程

来源:尚品中国| 类型:网站百科| 时间:2015-08-16
使用表格拼图,必须经过精密的计算,以及拆分或者合并单元格来实现。为了简化利用表格布局页面,Dreamweaver提供了一种【布局】模式。在这种模式下使用布局工具,设计者可以轻松地在页面中画出布局表格以及单元格,然后对其进行修改、移动等。

1.绘制布局表格

企业网站建设制作者在绘制布局表格之前,需要先切换到【布局】模式,如执行【查看】【表格模式】【布局模式】命令(快捷键Alt+F6) 。

在【布局】选项卡中单击【绘制布局表格】按钮口,当光标变成“十字”形状时,在文档中拖动鼠标即可创建带有绿色边框的表格,如图3-11所示。

绘制布局表格


布局表格的参数设置与表格的不同,如选择布局表格,则在【属性】面板中可以设置该表格的参数选项,如图3-12所示。

布局表格属性

在【属性】面板中,将显示“布局表格”名称,并包含有宽、颜色、间距等一些设置参数,其详细介绍如表3-4所示。

布局表格的参数设置

2.绘制布局单元格

在绘制的布局表格中,是无法插入文本和图像元素的,而还需要在布局表格中插入布局单元格。例如,单击【布局】选项卡中的【绘制布局单元格】按钮目,将鼠标指针移到编辑窗口中的布局表格中,当鼠标指针会变为“十字”形状时,拖动鼠标即绘制布局单元格,如图3-13所示。

当选择布局单元格后,【属性】面板中将显示布局单元格属性的各参数选项,如图3-14所示。

绘制布局单元格


在布局单元格的参数选项中,多数与布局表格相同。而不同的是比布局表格多出一些对齐设置参数。一般对齐参数值是相对布局表格为参考对象进行相关设置的,如表3-5所示。
布局单元格选项及作用

3.嵌套布局表格

当【布局】模式中已经存在布局表格与布局单元格后,再次单击【绘制布局表格】按钮,则可在现有的布局表格空白区域绘制布局表格,称之为“嵌套布局表格”,如图3-15所示。

嵌套布局表格
来源声明:本文章系尚品中国编辑原创或采编整理,如需转载请注明来自尚品中国。以上内容部分(包含图片、文字)来源于网络,如有侵权,请及时与本站联系(010-60259772)。
TAG标签:

如果您的网站可以增加转化次数并提高客户满意度,该怎么办?

预约专业咨询顾问沟通!

*尚品专业顾问将尽快与您联系

免责声明

非常感谢您访问我们的网站。在您使用本网站之前,请您仔细阅读本声明的所有条款。

1、本站部分内容来源自网络,涉及到的部分文章和图片版权属于原作者,本站转载仅供大家学习和交流,切勿用于任何商业活动。

2、本站不承担用户因使用这些资源对自己和他人造成任何形式的损失或伤害。

3、本声明未涉及的问题参见国家有关法律法规,当本声明与国家法律法规冲突时,以国家法律法规为准。

4、如果侵害了您的合法权益,请您及时与我们,我们会在第一时间删除相关内容!

联系方式:010-60259772
电子邮件:394588593@qq.com

现在就与专业咨询顾问沟通!

  • 全国服务热线

    400-700-4979

  • 北京服务热线

    010-60259772

信息保护中请放心填写
在线咨询

免责声明

非常感谢您访问我们的网站。在您使用本网站之前,请您仔细阅读本声明的所有条款。

1、本站部分内容来源自网络,涉及到的部分文章和图片版权属于原作者,本站转载仅供大家学习和交流,切勿用于任何商业活动。

2、本站不承担用户因使用这些资源对自己和他人造成任何形式的损失或伤害。

3、本声明未涉及的问题参见国家有关法律法规,当本声明与国家法律法规冲突时,以国家法律法规为准。

4、如果侵害了您的合法权益,请您及时与我们,我们会在第一时间删除相关内容!

联系方式:010-60259772
电子邮件:394588593@qq.com