欢迎来到天天文库
浏览记录
ID:13279836
大小:39.50 KB
页数:4页
时间:2018-07-21
《dreamweaver层与表格的转化》由会员上传分享,免费在线阅读,更多相关内容在行业资料-天天文库。
1、Dreamweaver/将层转化为表格防止层重叠由于表单元格不能重叠,Dreamweaver无法从重叠层创建表格。如果您要将文档中的层转换为表格,请使用“防止重叠”选项来约束层的移动和定位,使层不会重叠。在启用该选项后,可以在现有层前面创建层,在现有层上移动层或调整层大小,或者将某个层嵌套在现有层中。如果您在创建重叠层后激活此选项,请拖动每个重叠层以使其离开其他层。当您启用“防止层重叠”选项后,Dreamweaver不会自动修正页面上的现有重叠层。在启用此选项和靠齐后,如果靠齐会使两个层重叠,则层将不会靠齐到网格。相反,层将靠齐到最接近的层的边缘.这是一个新的注释表。
2、此表已附加到taTable_anchor段落标签。要创建一个表,请在参考页面中进行复制和粘贴。即使在启用“防止重叠”选项后,仍可以执行某些操作来将层重叠。如果您使用“插入”菜单插入一个层,在“属性”检查器中输入数字或者通过编辑HTML源代码来重定位层,则可以在此选项已启用时使层重叠或嵌套。如果出现重叠,请在设计视图中拖动各重叠层以使其分离。·若要防止层重叠,请执行以下操作之一:o在“层”面板(“窗口”>“层”)中,请选择“防止重叠”选项。o在“文档”窗口中,选择“修改”>“排列”>“防止层重叠”。在层和表之间转换您可以使用层创建布局,然后将层转换为表格,以使您的布局可
3、以在较早的浏览器中进行查看。在转换为表格之前,请确保层没有重叠。·若要将层转换为表格,请执行以下操作:1.选择“修改”>“转换”>“层到表格“,即可显示“转换层为表格”对话框。2.选择所需的选项,单击“确定”,层即转换为一个表格。·若要将表格转换为层,请执行以下操作:1.选择“修改”>“转换”>“表格到层”,即可显示“转换表格为层”对话框。2.选择所需的选项,单击“确定”,表格即转换为层。空单元格不会转换为层(除非它们具有背景颜色),位于表格外的页面元素也会放入层中。插入div标签进行布局可以使用div标签创建CSS布局块并在文档中对它们进行定位。如果有一个带有附加到
4、文档的定位样式的现有CSS样式表,使用该标签将非常有用。Dreamweaver使您能够快速插入div标签并对其应用现有样式。您可以将Dreamweaver设计文件用作CSS布局的起始点。从“新建文档”对话框的“页面设计(CSS)”类别中选择一个文件。·若要插入div标签,请执行以下操作:1.在“文档”窗口中,将插入点放置在要显示div标签的位置。2.执行下列操作之一:o选择“插入”>“布局对象”>“Div标签”。o在“插入”栏的“布局”类别中单击“Div标签”按钮,出现“插入Div标签”对话框。3.完成对话框,单击“确定”。div标签以一个框的形式出现文档中,并带有占
5、位符文本。将指针移到该框的边缘上时,Dreamweaver会高亮显示该框,如果已经给div标签分配了绝对位置,它就可充当一个Dreamweaver层.使用div标签进行布局插入div标签后,您可以对其进行操作或者在其中添加内容。绝对定位的div标签为Dreamweaver层。在为div标签分配了边框后,或者在选定了“CSS布局外框”后,Div标签便具有可视边框。(默认情况下,“查看”>“可视化助理”菜单中已经选定了“CSS布局外框”。)将指针移到div标签上时,Dreamweaver将高亮显示此标签。在选择div标签时,可以在“CSS样式”面板中查看和编辑它的规则。您
6、也可以向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
7、.若要在div标签中放置插入点以添加内容,请执行以下操作:o在该标签边框内的任意位置单击。5.若要更改div标签中的占位符文本,请执行以下操作:o选择该文本,然后在它上面键入内容或按Delete键,就像在页面中添加内容那样,可以将内容添加到div标签中。更改div标签的高亮颜色在“设计”视图中将指针移到div标签的边缘上时,Dreamweaver将高亮显示标签的边框。如果需要,可以启用或禁用高亮显示功能,或者在“首选参数”对话框中更改高亮颜色。·若要更改div标签的高亮显示首选参数,请执行以下操作:1.选择“编辑”>“首选参数”(Windows)或D
此文档下载收益归作者所有