DreamweaverMX2004层的应用实例

　　

　　【利用Z轴制作阴影字】

　　1、选择菜单栏选择“插入”－“布局对象”－“层” 在文档窗口插入一个层。

　　2、在层中输入文本“阴影字”然后在属性面板把字体配置为36号，红色。如图：

　　然后选中该层使用鼠标右键选择拷贝，再粘贴，这样就复制了一个跟该层大小，内容完全一致的另一个层，此时通过层标签能够看出已有了两个层，我们将这个层在属性面板层编号中改为“Layer2”。见图：

　　在“Layer2”将文字颜色改为黑色，见下图：

　　现在来看层面板，已出来现了两个层，并且是可见的：

　　按照上图所示，现在选中的是Layer2图层，用键盘的方向键移动该图层，按下左箭头两次，上箭头两次，会看到下图中的效果。

　　回到层面板，将Layer1的Z轴数值改为2，见下图左，得到下图右的效果：

　　以上这个实例说明，层是能够叠加的，并且叠加在一起的层是通过Z轴来确定位置的，z轴的值能够是正数、负数和零， 数值大的层在上面。合理的使用层和Z轴能够变换出各类效果。

　　【用层设计表格】

　　我们制作网页当然希望能支持各类浏览器，以便向更多的浏览者传递我们的信息，尽管层定位网页的元素比使用表格定位方便了很多，但并不是任何的浏览器都支持层，仅以IE浏览器而言，只有IE4.0以上的浏览器才支持层，因此有的时候我们为了兼顾各类浏览器，就只有采用表格的形式，Dreamweaver MX 2004 层转换为表格的功能挤既利用层定位网页元素的便捷性，又能兼顾更多各类浏览器，给我们提供了很大的方便。

　　【层转换为表格】

　　1、新建一个文档窗口，选中菜单的“查看”－“网络”－“显示网格”见图，网格将会显示在文档窗口内选择网格主要是为了在布局的时候有一个参照物来方便布局，而这网格并不会显示在发布的网页之中。

　　2、在文档窗口中添加7个层，同时在层面板上选中“防止重叠”

　　3、分别在每一个层内添加素材包内的图片（qh111.jpg/heng.gif）或添加文字，并参照下图将层移动到合适的位置。

　　4、选择下拉菜单中的“修改”－“转换”－“层到表格”见图：

　　弹出【转换层为表格】对话框：

　　【最精确】：

　　为每个层创建一个单元格并增添一些单元格来保持相邻的层之间的距离，精确的确保转换之后的位置。

　　【最小】：

　　当有一些层的坐标位置接近的时候去掉一些宽高小于指定象素的的空单元格，这样能减小HTML文档，但转换后页面会有一定的差别。

　　【使用透明GIF】:

　　软件自己生成一个透明的GIF格式的图像充填在表格最后一行，用于确保在任何的浏览器中都有一致 的外观，选中该项之后将不能拖动表格的列来编辑表格，假如不选择，可能导致在不同的浏览器中表格具备不同的列宽而具备不同外观。能够根据设计需要选用本功能。

　　【置于页面中央】：

　　选中后表格在页面居中对其，反之默认在左对齐。

　　【防止重叠】：

　　选中该项能够防止层的重叠，假如有重叠发生将无法转换，在层到表格的转换中该项应该选取。

　　【显示层面板】、【显示网格】、【靠齐到网格】：

　　这几项主要为了便于布局设计，根据需要决定是否选取。

　　选定并按下“确定”之后，Dreamweaver MX 2004自动打开一个新的窗口，窗口内的内容和布局和用图层制作的布局完全一致，不同的是，这是用表格布局的。见图：

【表格转换到层】：

　　在表格布局中布局受到局限的时候，能够把表格转换为层，然后通过移动层来调整布局，和层转换为表格不同的是，层转换为表格应该取消“防止重叠”的选择，使层能够根据需要相互叠加，然后通过改变Z轴位置来达到设计需要。有一点必须注意：一旦取消了“防止重叠”层叠加之后就无法再转换为表格了。

标签：

版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有