dw表格里插入层怎么定位Word格式.docx
- 文档编号:21049638
- 上传时间:2023-01-27
- 格式:DOCX
- 页数:6
- 大小:19.91KB
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"
换成你要嵌入的网页文件名就行了,
显示页面窗口的大小你根据需要调整吧。
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- dw 表格 插入 怎么 定位