Dreamweaver CS6如何应用:[10]使用表格

2025-10-10 15:41:06

1、新建一个HTML空白页

2、点击‘插入’---‘表格’

Dreamweaver CS6如何应用:[10]使用表格

3、会弹出一个‘表格’对话框,填入你想设计的几行几列的表格,和宽度,高度之类的参数,点击确定即可

Dreamweaver CS6如何应用:[10]使用表格

4、其实做法跟WORD文档是一样的,效果如下

Dreamweaver CS6如何应用:[10]使用表格

5、选中表格,在‘属性’面板中会有各种参数,背景颜色啊之类的,选择就可以了,很简单

Dreamweaver CS6如何应用:[10]使用表格

1、设计页面时,可以给页面中的表格加上标题。

表格的标题功能是由标记<CAPTION>实现的,其语法格式如下所示。

<CAPTION align=值 valign=值 >标题</CAPTION>

CAPTION的参数值见下表:

Dreamweaver CS6如何应用:[10]使用表格

2、具体操作,重复前面一节,在第三步弹出‘表格’对话框的时候,在‘标题’和‘摘要’分别输入需要的文本

Dreamweaver CS6如何应用:[10]使用表格

3、效果如下:

Dreamweaver CS6如何应用:[10]使用表格

1、如果你会使用WORD,就会使用表格的跨行和跨列处理

2、具体操作:

创建一个新表格,选中你要处理的表格,右击,选择‘表格’,会出现一溜的表格处理菜单

Dreamweaver CS6如何应用:[10]使用表格

3、选择你所需要的‘合并单元格’或者其他什么

1、设置表格背景图像在我用的Dreamweaver CS6这个版本的表格’属性‘面板中已经找不到了,但这不是说就没办法为表格设置背景图像了,因为还可以通过代码来设置。

2、打开’拆分‘视图,我们看到表格的代码是这样的

Dreamweaver CS6如何应用:[10]使用表格

3、在<table width="400" border="1" cellpadding="0" cellspacing="0" >这个语句中加入background就能自动跳出’浏览‘,点击便能选择图片了,效果如下:

Dreamweaver CS6如何应用:[10]使用表格

4、最终效果,在表格上的

Dreamweaver CS6如何应用:[10]使用表格

1、大表格的对齐方式。

选中整个大表格,在’属性‘面板中选择对齐方式。效果如下:

Dreamweaver CS6如何应用:[10]使用表格

2、单元格的对齐方式

选中某单元格,在’属性‘面板中的’水平‘或’垂直‘设置

Dreamweaver CS6如何应用:[10]使用表格

1、选择要设置的单元格,在’属性‘面板中的’宽‘,’高‘设定数值

Dreamweaver CS6如何应用:[10]使用表格

声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢