动画制作软件FLASH

1、本章主要内容本章主要内容掌握掌握层的概念层的概念掌握掌握层操作的基本方法层操作的基本方法9 9 层与定位层与定位层的创建层的创建层是网页设计中使用到的重要的技术，能使网页具有更加丰富强大的表现层是网页设计中使用到的重要的技术，能使网页具有更加丰富强大的表现能力。简单地说，层可以理解为重叠在一起的能够能力。简单地说，层可以理解为重叠在一起的能够“浮动浮动”的的“网页网页”，从，从而而页面就具有了三维立体结构。页面就具有了三维立体结构。用用HTMLHTML标签创建层标签创建层标签标签功能：在网页中嵌入层，这个网页元素是功能：在网页中嵌入层，这个网页元素是inline的的语法：语法： 属性：属性：i

2、d：指定层的页面内唯一标识：指定层的页面内唯一标识 style：行内样式，使用与：行内样式，使用与CSS一样的格式属性一样的格式属性 class：指定：指定CSS样式样式标签标签功能：在网页中嵌入层，这个网页元素是功能：在网页中嵌入层，这个网页元素是block的。的。语法：语法： 属性：属性：id：指定层的页面内唯一标识：指定层的页面内唯一标识 style：行内样式，使用与：行内样式，使用与CSS一样的格式属性一样的格式属性 class：指定：指定CSS样式样式 Align：规定层中网页元素的对齐方式，分为：规定层中网页元素的对齐方式，分为： left： 左对齐，这是缺省值左对齐，这是缺省值

3、right：右对齐：右对齐 center：居中对齐：居中对齐 justify ：分散对齐：分散对齐用用DreamweaverDreamweaver创建层创建层创建层的方法如下：将插入点放置在要创建层的地方，选择创建层的方法如下：将插入点放置在要创建层的地方，选择“插插入入”|“|“层层”命令。或者选择命令。或者选择“插入插入”栏中的栏中的“常用常用”选项卡，切换到选项卡，切换到常用插入栏，单击常用插入栏，单击“描绘层描绘层”按钮按钮 ，然后在文档窗口的设计视图中，然后在文档窗口的设计视图中通过拖动来绘制层。通过拖动来绘制层。创建层创建层创建嵌套层创建嵌套层1.1.新建一个网页，将光标放置在要创

4、建层的地方。新建一个网页，将光标放置在要创建层的地方。2.2.单击单击“描绘层描绘层”按钮，在文档窗口的适当位置拖动来绘制一个层。按钮，在文档窗口的适当位置拖动来绘制一个层。3.3.再次单击再次单击“描绘层描绘层”按钮，拖动鼠标在另一个位置绘制一个新的层。按钮，拖动鼠标在另一个位置绘制一个新的层。4.4.再次单击再次单击“描绘层描绘层”按钮，按住按钮，按住AltAlt键的同时，在第二个新层中拖动鼠键的同时，在第二个新层中拖动鼠标，可以形成一个嵌套层。标，可以形成一个嵌套层。1 1）选择层）选择层在对层进行编辑操作前，首先要选择层，可以按如下方法之一选择层：在对层进行编辑操作前，首先要选择层，可

5、以按如下方法之一选择层：p在在“层层”面板中的层名称位置处单击鼠标，可以选择层，被选中面板中的层名称位置处单击鼠标，可以选择层，被选中的层将以黑色边框突出显示，同时其周围出现的层将以黑色边框突出显示，同时其周围出现8 8个黑色控制点，左上个黑色控制点，左上角将出现层的选择柄。角将出现层的选择柄。p在文档窗口中，将光标指向层的边框，当光标变为黑色十字箭头在文档窗口中，将光标指向层的边框，当光标变为黑色十字箭头形状时单击鼠标，可以选择该层。形状时单击鼠标，可以选择该层。p在文档窗口中单击层代码标记也可以选择层。按住在文档窗口中单击层代码标记也可以选择层。按住ShiftShift键可以选键可以选择多

6、个层。择多个层。 层的基本操作层的基本操作当层的大小不适合时，可以调整层的大小。可以按如下方法之一来调整层当层的大小不适合时，可以调整层的大小。可以按如下方法之一来调整层的大小：的大小：p选择层，然后拖动其周围的控制点。选择层，然后拖动其周围的控制点。p选择层，按下选择层，按下Ctrl和方向键，可以沿前头方向一次增大或缩小一个像素。和方向键，可以沿前头方向一次增大或缩小一个像素。p选择层，同时按下选择层，同时按下Ctrl+Shift键，然后按下方向键，可以使层的大小每键，然后按下方向键，可以使层的大小每次改变次改变10个像素。个像素。p选择层，在层属性面板中的选择层，在层属性面板中的“高高”和

7、和“宽宽”文本框中输入层的大小数值。文本框中输入层的大小数值。在网页中移动层的位置的方法有如下几种：在网页中移动层的位置的方法有如下几种：p选择层，然后拖动其边框或拖动其选择柄。选择层，然后拖动其边框或拖动其选择柄。p选择层，然后按下方向键，可以一次移动一个像素。选择层，然后按下方向键，可以一次移动一个像素。p选择层，按下选择层，按下Shift键和方向键，可以一次移动键和方向键，可以一次移动10个像素。个像素。p选择层，在层属性面板中的选择层，在层属性面板中的“左左”和和“上上”文本框中输入层的位置数值。文本框中输入层的位置数值。移动层移动层调整层大小调整层大小网页设计，页面布局是很关键的。在

8、网页设计，页面布局是很关键的。在DreamweaverMXDreamweaverMX中，可以中，可以使用表格或者层来完成布局设计。使用表格或者层来完成布局设计。通常，使用表格来完成布局设计。不过层由于能够精确定位，从而通常，使用表格来完成布局设计。不过层由于能够精确定位，从而能很好地控制网页元素的位置，因此也被用来完成页面的布局。能很好地控制网页元素的位置，因此也被用来完成页面的布局。因此，在因此，在Dreamweaver MXDreamweaver MX中，提供了页面布局时，层与表格的中，提供了页面布局时，层与表格的相互转换功能。相互转换功能。 层与表格层与表格将层转换为表格，步骤如下：将层

9、转换为表格，步骤如下：（1 1）在页面上，建立层用来完成布局）在页面上，建立层用来完成布局（2 2）选择）选择“修改修改”“转换转换”“层到表格层到表格”菜单选项，打开菜单选项，打开“转换层为表格转换层为表格”对话框，对话框，层到表格的转换，层到表格的转换， （3 3）比较转换前后层和表格的布局，表格覆盖了整个页面，并将）比较转换前后层和表格的布局，表格覆盖了整个页面，并将层没有覆盖的地方，也转换成单元格。层没有覆盖的地方，也转换成单元格。 转换层为表格转换层为表格表格也可以被转换为层。如果在页面编辑时，发现需要重新设计布表格也可以被转换为层。如果在页面编辑时，发现需要重新设计布局，则可以将表格转换为层，进行重新定位。表格到层的转换步骤为：局，则可以将表格转换为层，进行重新定位。表格到层的转换步骤为：（1）绘制表格，并在表格中填写内容。没有内容的单元格将不会转）绘制