|
///pc/homepage/dreamweaver/img/000.gif" width="100" height="20">
|
///pc/img/title_00.gif" width="13" height="20"> |
|
///pc/homepage/dreamweaver/img/002.gif" width="18" height="16" align="absmiddle">轻松掌握网页制作
///pc/homepage/dreamweaver/img/003.gif" width="18" height="16" align="absmiddle">深入学习和使用
///pc/homepage/dreamweaver/img/007.gif" width="30" height="16" align="absmiddle">用表格做网页
///pc/homepage/dreamweaver/img/007.gif" width="30" height="16" align="absmiddle">图形化的网页
///pc/homepage/dreamweaver/img/007.gif" width="30" height="16" align="absmiddle">灵活运用文字
///pc/homepage/dreamweaver/img/007.gif" width="30" height="16" align="absmiddle">精彩的图层世界
///pc/homepage/dreamweaver/img/007.gif" width="30" height="16" align="absmiddle">丰富的超链接
///pc/homepage/dreamweaver/img/007.gif" width="30" height="16" align="absmiddle">框架里的乾坤
///pc/homepage/dreamweaver/img/007.gif" width="30" height="16" align="absmiddle">创建各种窗体
///pc/homepage/dreamweaver/img/006.gif" width="30" height="16" align="absmiddle">本章常见问题解答
///pc/homepage/dreamweaver/img/004.gif" width="30" height="16" align="absmiddle">网页中导入已有数据
///pc/homepage/dreamweaver/img/004.gif" width="30" height="16" align="absmiddle">形式多样的表格
///pc/homepage/dreamweaver/img/004.gif" width="30" height="16" align="absmiddle">套用现成的表格格式
///pc/homepage/dreamweaver/img/004.gif" width="30" height="16" align="absmiddle">给表格数据排序
///pc/homepage/dreamweaver/img/004.gif" width="30" height="16" align="absmiddle">表格高度不起作用？
///pc/homepage/dreamweaver/img/004.gif" width="30" height="16" align="absmiddle">如何把图层转为表格
///pc/homepage/dreamweaver/img/004.gif" width="30" height="16" align="absmiddle">如何使两个表格并排
///pc/homepage/dreamweaver/img/004.gif" width="30" height="16" align="absmiddle">为何Flash不能播放
///pc/homepage/dreamweaver/img/004.gif" width="30" height="16" align="absmiddle">为啥改不了事件类型
///pc/homepage/dreamweaver/img/001.gif" width="30" height="16" align="absmiddle">更多的…
///pc/homepage/dreamweaver/img/002.gif" width="18" height="16" align="absmiddle">高级使用和理解
///pc/homepage/dreamweaver/img/002.gif" width="18" height="16" align="absmiddle">附录
///pc/homepage/dreamweaver/img/009.gif" width="30" height="16" align="absmiddle">常见问题汇总
///pc/homepage/dreamweaver/img/009.gif" width="30" height="16" align="absmiddle">快捷键分级介绍
///pc/homepage/dreamweaver/img/009.gif" width="30" height="16" align="absmiddle">一句话技巧集萃
///pc/homepage/dreamweaver/img/010.gif" width="30" height="16" align="absmiddle">功能快速索引
//www.shanghaigongsi.com.cn/pc/bin/softdown/softgsch.pl?key=dreamweaver">///pc/img/download.gif" width="90" height="45" border="0">
/pc/bin/msg.pl?file_id=k_dreamweaver target="_blank">///pc/img/message.gif" width="64" height="54" alt="请您留言" border="0">
谈谈您的看法
|
///pc/img/blank.gif" width="1" height="1">
| |
| ///pc/homepage/dreamweaver/img/logo1.gif" width="194" height="64"> |
|
|
|
|
常见问题解答
定位页面中的元素，用图层比用表格更容易些。我们可以使用图层快速设计出复杂的页面，然后将图层格式的文件转化为可在3.0版本的浏览器中浏览的表格格式文件。将文档中表格格式和图层格式间相互转化，有助于对页面进行优化设计。
/pc/homepage/dreamweaver/img/dw014.gif width=450 height=211>
图1 用图层快速设计精确定位的页面
下面我们先把这个用图层设计的网页转换为表格形式。选择“Modify->Layout Mode->Convert Layers to Table...”，弹出“Convert Layers to Table”对话框，我们可以在里面设置转换后的表格样式。
Most Accurate（最精确）：表示为每个图层生成一个表格单元，层与层之间的间隔用附加的单元格填充。
Smallest：Collapse Empty Cells（最小压缩空单元格）：用于指定将图层转化后的表格对齐。我们在后面的框中填入4，就表示如果图层之间错开的距离小于4像素时，自动将图层对齐。选择这一项，可以使生成的表格的空行、空列最少。
Use Transparent GIFs（使用透明的GIF图像）：表示使用透明的GIF图片填充表格的最后一行，以确保表格在所有浏览器中的显示相同；
Center on Page使生成的表格在页面上居中对齐。如果不选它，表格会与页面左对齐。
/pc/homepage/dreamweaver/img/dw015.gif width=378 height=226>
图2 在对话框中设定相应的值
我们不改变对话框中的选项，点“OK”，当前页面就转换为表格形式了。系统在一个新窗口中打开转化文件，所有图层都由一个表格替代，图层中的内容还保持原来的位置。
注意：重叠的图层不能转化为表格（如何防止图层重叠？）。
/pc/homepage/dreamweaver/img/dw016.gif width=450 height=201>
图3 图层转换成的表格
同样，如果要把表格转换为图层，选择“Modify->Layout Mode->Convert Tables to Layer...”命令就可以了。
上一节 下一节
/pc/bin/msg.pl?file_id=k_dreamweaver target="_blank">///pc/img/message.gif" width="64" height="54" alt="请您留言" border="0">
谈谈您的看法
|
| |