dw表格里插入层怎么定位Word格式.docx

dw表格里插入层怎么定位Word格式.docx

《dw表格里插入层怎么定位Word格式.docx》由会员分享，可在线阅读，更多相关《dw表格里插入层怎么定位Word格式.docx（6页珍藏版）》请在冰豆网上搜索。

变成"

之后，有时子层会看不见，可以按[f11]键点它恢复编辑。

现在光标在这个层内闪动，再通过菜单插入子层，这时子层与父层重叠，你可以随意移动它，不管怎么动，它都是相对与父层定位。

　　好了，一个相对定位的层（子层）做好了，你可以在里面随意添加内容了，也可以改变它的尺寸、位置、背景等所有属性，但是不要动left与top属性，因为它是相对于父层的左上角定位的。

　　下面给出父层与子层在dreamweaver中的属性面板：

　　父层：

　　子层：

　　五.技巧：

　　先插入一个表格,在其中一个单元格中插入父层，可以把它定得小一点，比如说20象素宽、10象素高，这样它就不会盖住下面的链接，也不影响子层的相对定位。

　　如果要用778象素宽定义表格，可以把父层插入到表格的第一行第一个单元格中，这样就可以在所有层制作完后插入父层了！

对代码熟的朋友就可以手敲父层而不必再去调整子层的位置了。

　　篇二：

dreamweaver层与表格的转化

　　dreamweaver/将层转化为表格

　　防止层重叠由于表单元格不能重叠，dreamweaver无法从重叠层创建表格。

如果您要将文档中的层转换为表格，请使用“防止重叠”选项来约束层的移动和定位，使层不会重叠。

　　在启用该选项后，可以在现有层前面创建层，在现有层上移动层或调整层大小，或者将某个层嵌套在现有层中。

如果您在创建重叠层后激活此选项，请拖动每个重叠层以使其离开其他层。

当您启用“防止层重叠”选项后，dreamweaver不会自动修正页面上的现有重叠层。

　　在启用此选项和靠齐后，如果靠齐会使两个层重叠，则层将不会靠齐到网格。

相反，层将靠齐到最接近的层的边缘.这是一个新的注释表。

此表已附加到tatable_anchor段落标签。

要创建一个表，请在参考页面中进行复制和粘贴。

即使在启用“防止重叠”选项后，仍可以执行某些操作来将层重叠。

如果您使用“插入”菜单插入一个层，在“属性”检查器中输入数字或者通过编辑html源代码来重定位层，则可以在此选项已启用时使层重叠或嵌套。

如果出现重叠，请在设计视图中拖动各重叠层以使其分离。

　　若要防止层重叠，请执行以下操作之一：

　　o在“层”面板（“窗口”>

“层”）中，

　　请选择“防止重叠”选项。

　　o在“文档”窗口中，选择“修改”>

“排

　　列”>

“防止层重叠”。

　　在层和表之间转换您可以使用层创建布局，然后将层转换为表格，以使您的布局可以在较早的浏览器中进行查看。

在转换为表格之前，请确保层没有重叠。

　　若要将层转换为表格，请执行以下操作：

　　1.选择“修改”>

“转换”>

“层到表格“，即

　　可显示“转换层为表格”对话框。

　　2.选择所需的选项，单击“确定”，层即转换

　　为一个表格。

　　若要将表格转换为层，请执行以下操作：

“表格到层”,即可

　　显示“转换表格为层”对话框。

　　2.选择所需的选项,单击“确定”,表格即转换

　　为层。

空单元格不会转换为层（除非它们具

　　有背景颜色）,位于表格外的页面元素也会

　　放入层中。

　　插入div标签进行布局可以使用div标签创建css布局块并在文档中对它们进行定位。

如果有一个带有附加到文档的定位样式的现有css样式表，使用该标签将非常有用。

dreamweaver使您能够快速插入div标签并对其应用现有样式。

您可以将dreamweaver设计文件用作css布局的起始点。

从“新建文档”对话框的“页面设计（css）”类别中选择一个文件。

　　若要插入div标签，请执行以下操作：

　　1.在“文档”窗口中，将插入点放置在要显示

　　div标签的位置。

　　2.执行下列操作之一：

　　o选择“插入”>

“布局对象”>

“div标

　　签”。

　　o在“插入”栏的“布局”类别中单击“div

　　标签”按钮,出现“插入div标签”

　　对话框。

　　3.完成对话框,单击“确定”。

　　div标签以一个框的形式出现文档中，并带有占位符文本。

将指针移到该框的边缘上时，dreamweaver会高亮显示该框,如果已经给div标签分配了绝对位置，它就可充当一个dreamweaver层.

　　使用div标签进行布局插入div标签后，您可以对其进行操作或者在其中添加内容。

绝对定位的div标签为dreamweaver层。

　　在为div标签分配了边框后，或者在选定了“css布局外框”后，div标签便具有可视边框。

（默认情况下，“查看”>

“可视化助理”菜单中已经选定了“css布局外框”。

）将指针移到div标签上时，dreamweaver将高亮显示此标签。

在选择div标签时，可以在“css样式”面板中查看和编辑它的规则。

您也可以向div标签添加内容，方法是：

将插入点放在div标签中，然后就像在页面中添加内容那样添加内容。

　　若要查看和编辑应用于div标签的规则，请

　　执行以下操作：

　　1.执行以下操作之一以选择div标签：

　　o单击div标签的边框,查找标记色彩

　　以查看边框。

　　o在div标签内单击，然后按两次

　　ctrl+a（windows）或command+a

　　（macintosh）。

　　o在div标签内单击，然后从“文档”窗

　　口底部的标签选择器中选择div标

　　签。

　　2.如果“css样式”面板尚未打开，请选择“窗

　　口”>

“css样式”以打开“css样式”面板,

　　应用于div标签的规则显示在面板中。

　　3.根据需要进行编辑。

　　4.若要在div标签中放置插入点以添加内容，

　　请执行以下操作：

　　o在该标签边框内的任意位置单击。

　　5.若要更改div标签中的占位符文本，请执行

　　以下操作：

　　o选择该文本，然后在它上面键入内容或

　　按delete键,就像在页面中添加内

　　容那样，可以将内容添加到div标签

　　中。

　　更改div标签的高亮颜色在“设计”视图中将指针移到div标签的边缘上时，dreamweaver将高亮显示标签的边框。

如果需要，可以启用或禁用高亮显示功能，或者在“首选参数”对话框中更改高亮颜色。

　　若要更改div标签的高亮显示首选参数，请

　　1.选择“编辑”>

“首选参数”（windows）或

　　dreamweaver>

“首选参数”（macintosh）,即

　　显示“首选参数”对话框。

　　2.从左侧的类别列表中选择“标记色彩”。

　　3.进行下面其中一项更改：

　　o若要更改div标签的高亮颜色，请单击

　　“鼠标滑过”颜色框并使用颜色选择

　　器来选择一种高亮颜色（或在文本框

　　中输入高亮颜色的十六进制值）。

　　o若要对div标签启用或禁用高亮显示

　　功能，请选择或取消选择“鼠标滑过”

　　的“显示”复选框。

这些选项会影响

　　当指针滑过时dreamweaver会高亮

　　显示的所有对象，例如表格。

　　4.单击“确定”。

　　设置“将层转换为表格”对话框选项

　　此对话框用于将层转换为表格，以更好地兼容较早的浏览器。

　　若要完成“转换层为表格”对话框，请执行以下操作：

　　指定以下任意选项：

　　o最精确为每个层创建一个单元格，并附加保留层之间的空间所必需的任何单元格。

　　o最小:

合并空白单元指定如果层定位在指定数目的像素内，则层的边缘应对齐,如果选择此选项，结果表将包含较少的空行和空列，但可能不与您的布局精确匹配。

　　o使用透明giF用透明的giF填充表的最后一行。

这将确保该表在所有浏览器中以相同的列宽显示。

当启用此选项后，不能通过拖动表列来编辑结果表。

当禁用此选项后，结果表将不包含透明giF，但在不同的浏览器中可能会具有不同的列宽。

o置于页面中央将结果表放置在页面的中央,如果禁用此选项，表将在页面的左边缘开始。

　　选择所需的布局工具和网格选项，然后单击

　　“确定”。

　　篇三：

巧用dreamweaver的表格功能

　　巧用dreamweaver的表格功能

　　用表格来作网页排版定位，这是从所周知的事，我在这里再向你介绍几种其它的用途。

　　一、用表格制作线条

　　在dreamweaver3中虽有插入水平线的功能，但他插入的线条无法改变颜色，对垂直线条更是无能为力了。

但我们可以用表格来实现，用表格来制作线条还有一个优点就是可方便地改变线条的粗细、长短

　　和颜色，要是用图象就麻烦多了。

下面就是用表格作出来的线条：

　　考虑到表格是以行为单位来定位的，为了能更方便的定位线条，我们把表格放到层上，这样你就可以

　　任意把线条放到任何位置了。

具体作法如下：

（1）单击功能面板上的插入层图标，在页面上画一个层，再在功能面板上点击插入表格图标，在弹出

　　的表格面板上把表格的行数和列数均设置为1；

（2）选取表格，在表格的属性面板上把“cellpad"

、“cellspace"

、“border"

均设置为“0"

，把“w"

设

　　置为“100%"

，“h"

设置为2pixels（象素），设置好表格的背景色（也就是线条的颜色）。

　　（3）在单元格中点一下，在单元格的属性面板上把“w"

设置为“100%"

，把“h"

设置为2pixels（象素）；

　　（4）在快速启动栏上点击源代码检示窗图标，在源代码编辑窗中把单元格中的“”（“空格”代码）删去。

到此，一条特定颜色的水平线已画好。

若要改变线条颜色，只要改变表格的背景色就行了；

若要改变线条高度（即线条的粗细），只要修改

（2）、（3）中的“h"

即可；

改变

（2）、（3）中的“w"

，就可改变线条的长度；

若要把水平线变为垂直线，只要把

（2）、（3）中的“w"

和“h"

的值换一下就行了，是不是方便极

　　了。

　　二、用表格实现图文绕排

　　使一行文字位于图象的两侧，通过调整图象的对齐属性可以很容易实现，但要想使图象位于多行文字

　　的中间，也就是所谓的文字环绕，只能借助于表格（或层）了。

　　制作方法：

　　1）先插入一个层，其目的是便于这段绕排的文字和图象能拖动定位，当然也可以直接操作第二步；

　　2）在层上插入一个3行3列的表格，并把第一行的三个单元格、第三行的三个单元格分别合并成一个

　　单元格，便于输入文字；

　　3）在第二行的第二个单元格中插入图片，至于放什么图片（或动画）你自己确定好了；

　　4）现在你就可以输入文字了，输入文字的一般顺序是先在表格的第一行开始，其次是第二行第一个单

　　元格-->

第二行第三个单元格-->

第三行。

　　三、用表格实现页中页（或称为画中画）

　　网页的排版大多使用表格，利用一个表格单元可以嵌入一个网页，你知道吗？

看下面的示例：

　　这样做有很多好处，比如你把经常更新的区域划分一个表格单元，然后在这个表格单元中嵌入你想要更新的内容，今后更新主页只需上传这个被嵌套的页面就可以了，没有必要对整页进行更新，是不是很方

　　便。

我写个最简单的例子代码：

　　页中页示例

　　插入嵌入页的关键代码是：

　　/iframe>

。

　　iframesy.htm是被嵌入的页面文件名，这个页可不能忘记上传，标签的作用相当于在网页的指定位置开了一个窗口，窗口的宽度就是“width"

的值，窗口的高度就是“height"

的值，一般情况下

　　应与所在单元格的大小一致。

标签还有一些可用的参数设置如下：

　　marginwidth:

网页中内容在表格右侧的预留宽度；

例如：

marginwidth="

20"

，单位是pix，下同。

　　marginheight:

网页中内容在表格顶部预留的高度；

　　hspace:

网页右上角的的横坐标；

　　vspace:

网页右上角的纵坐标；

　　frameborder:

是否显示边缘，填“1"

表示“是”，填“0"

表示“否”，默认值是“1"

；

　　scrolling:

是否出现滚动条，填“1"

　　在实际制作时，只要把代码“"

复制到与之间，然后把“iframe.htm"

换成你要嵌入的网页文件名就行了，

　　显示页面窗口的大小你根据需要调整吧。