《网页设计与制作教程与实训》全套ppt电子课件教案-第5章 dreamweaver mx2017的网页定位技术

《《网页设计与制作教程与实训》全套ppt电子课件教案-第5章 dreamweaver mx2017的网页定位技术》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、5.4.1层的创建1.创建新层1)创建新层的方法(1)使用【插入】

2、【布局对象】

3、【层】菜单(2)用【插入】面板5.4层2)设置层的首选参数选择菜单【编辑】

4、【首选参数】，打开【首选参数】对话框，在该对话框的左侧选择【层】选项，则对话框的右侧出现层的默认设置，如下图所示。图【首选参数】对话框(1)显示：设置在默认情况下所创建的层的可见性。可选参数为default（缺省）、inherit（继承）、visible（可见）和hidden（隐藏）。当未指定可见性时，大多数浏览器都会默认为“inherit”。(2)宽：设置在默认情况下所创建的层的宽度，单位是px

5、(像素)。(3)高：设置在默认情况下所创建的层的高度，单位是px(像素)。(4)背景颜色：设置在默认情况下所创建的层的背景颜色。单击颜色框按钮，在选色板中选取合适的颜色，或者在文本框中直接输入背景颜色的十六进制数值。【首选参数】对话框介绍(5)背景图像：设置在默认情况下所创建的层的背景图像。单击【浏览】按钮，在弹出的【选择图像源文件】对话框中选取背景图像文件，或者在文本框中直接输入背景图像的文件路径。(6)嵌套：选择该复选框，可以直接在一个层中绘制另外的层来创建嵌套层；如果不选择该复选框，在层中绘制的只能是并列层。(7)Netscape4兼容性：在Ne

6、tscape浏览器中，如果重新设置浏览器大小，会导致CSS层产生错误。选择该复选框，则会在页面的头部自动添加一段JavaScript代码，以修复该错误。如果没有选择该复选框，则可以通过菜单【命令】

7、【添加/移除Netscape调整修复】，在弹出的对话框中选择添加或删除JavaScript代码。2.创建嵌套层在一个层中插入另外一个层就形成了嵌套层，嵌套通常用于将层组织在一起。将光标置于某层中，选择菜单【插入】

8、【布局对象】

9、【层】，则会在该层中插入一个新层；或者单击【插入】面板中【布局】选项卡下的【描绘层】按钮，在该层中拖出矩形区域即可。此时【设计】视图

10、如下图所示。3.层面板通过【层】面板可以管理文档中的层，使用【层】面板可防止层重叠，更改层的可见性、名称，将层嵌套或堆叠，更改层的堆叠顺序，以及选择一个或多个层。1)打开【层】面板选择菜单【窗口】

11、【层】，即可打开【层】面板。【层】面板显示为按z轴顺序排列的名称列表；首先创建的层出现在列表的底部，最新创建的层出现列表的顶部。2)防止层重叠当层重叠时，可能会限制一些操作。选择该项，在创建、移动层和调整层大小时会约束层的位置，使层不会重叠。3)更改层可见性在层的眼形图标列内单击可以更改对应层在【设计】视图中的可见性。眼睛睁开表示该层是可见的。眼睛闭合表示该

12、层是不可见的。如果没有眼形图标，该层通常会继承其父级的可见性4)更改层的名称在欲改名的层名称处双击，输入新的层名称后回车即可5)显示或隐藏嵌套层单击层名称旁边的加号(+)或减号(-)按钮，则可以控制嵌套的层显示为连接到父层的名称（折叠）或是显示嵌套层（打开）6)更改层的堆叠顺序Z轴的大小指定层的堆栈顺序。当层在页面中出现重叠，Z轴数值大的层显示在数值小的层的上面。【层】面板列表顶部的层将位于堆叠顺序的顶部，并且会出现在其他层之前。在【层】面板中更改层的堆叠顺序的方法有两种：在Z列中，单击要更改的层的编号；然后键入一个更高的编号，沿着堆叠顺序向上移动该层

13、；或者键入一个更低的编号，沿着堆叠顺序向下移动该层。将层向上或向下拖至所需的堆叠顺序，移动层时会出现一条线，它指示该层将出现的位置，当放置线出现在堆叠顺序中的所需位置时，松开鼠标按钮。7)选择层在【层】面板上单击层的名称，可以选择单个层；按住【Shift】键的同时，在【层】面板上单击层的名称，可以同时选择多个层。5.4.2层的基本操作1.向层中添加内容在层中可以添加文本、图像、表格、表单及Flash等其它媒体对象。1)添加文本向层中添加文本，可以将光标置于层中，直接输入文本；也可以使用剪贴板，将现成的文本粘贴到层中。2)添加图像将光标置于层中，选择菜单

14、【插入】

15、【图像】命令，从弹出的【选择图像源文件】对话框中选择要插入的图像.2.层的移动首先在【设计】视图中，选择一个或多个要移动的层，然后可以通过三种方式进行移动：拖动最后一个选定层（黑色突出显示）的选择柄。使用方向键一次移动一个像素。按住【Shift】键的同时使用方向键，可按当前网格靠齐增量来移动层。3.调整层的大小在【设计】视图中，选择要调整大小的层，之后可通过以下四种方式进行大小调整：拖动该层的任一大小调整柄。按住【Ctrl】键的同时使用方向键一次调整一个像素大小。按住【Shift】和【Ctrl】键的同时使用方向键按网格靠齐增量来调整大小。在【

16、属性】面板直接键入层的宽度（W）和高度（H）的值。4.层的对齐在【设计】视图中，选择多个要对齐