使用层布局网ppt课件.ppt

《使用层布局网ppt课件.ppt》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、使用层布局网页层的创建层的属性设置嵌套层、层的叠放次序层与表格的相互转换本章重点层的编辑操作实例演示通过本例的观察，同学们可充分体会使用层布局页面的随意性。实例分析以上网页中不论文字还是图片都是采用层来进行定位的，因此在本堂课中我们将逐步介绍2345认识层面板选择、移动和对齐层层的大小和属性设置层的显示和隐藏6层名的变更781创建层层的堆叠和删除层与表格的相互转换1.创建层创建层有两种方法：一种是利用“布局”插入栏的按钮，直接在页面中绘制层另一种是选择【插入】/【布局对象】/【层】命令进行插入层演示1.

2、创建层1.1利用按钮绘制层将插入栏切换到“布局”创建层创建的层演示1.创建层1.2使用命令按钮使用选择【插入】/【布局对象】/【层】命令进行插入层创建的层演示2.创建嵌套层层与表格相似，可进行嵌套。在某层内新创建的层称为嵌套层或子层，嵌套层外部的层称为父层。子层可浮动于文本编辑窗口的任何位置，子层的大小也可以大于父层，可根据实际需要嵌套多个层。即：子层的位置和大小不受父层的限制；但是，当移动父层的位置时，子层会一起进行移动；修改父层的可见性时，也会对子层的可见性造成影响。2.创建嵌套层嵌套层的创建方法：

3、【插入】/【布局对象】/【层】命令进行演示2.创建嵌套层以及认识“层”面板“层”面板是对层进行管理的场所，可以方便地查看层的结构。要显示或隐藏“层”面板，可选择[窗口][层]菜单命令或按【F2】键。演示3.选择、移动和对齐层选择层（选择单个层、选择多个层）移动层对齐层3.1.1选择单个层在文档编辑区中单击层边框。在层中单击鼠标左键，再单击该层的选择柄。在“层”面板中单击要选择的层的名称。按住【Ctrl+Shift】键并在层中单击即可选择层。演示3.1.2选择多个层按住【Shift】键，在需要选择的多个

4、层中单击，同时“层”面板中选择的层以反白显示。按住【Shift】键，在“层”面板中单击要选择的多个层的名称层选择演示3.2移动层在网页制作中往往需要精确定位层的位置，这就需要对创建的层进行移动。演示3.3对齐层在网页制作中常常需要将某些层按照一定的规定对齐。在进行层的对齐操作时，嵌套层中所有子层并不参与层的对齐操作，它们只随父层的移动而移动，并始终与父层保持相对的固定位置。演示4层大小和属性设置层大小的设置设置单个层的大小设置多个层的大小层属性的设置设置单个层的属性设置多个层的属性4.1.1设置单个层的

5、大小在文档编辑区选择一个层，在出现的调整柄上按住鼠标左键不放并拖动，当调整到适当的大小时释放鼠标即可。在文档编辑区选择一个层，按住【Ctrl】键的同时再按键盘上的方向键即可按一次1个像素的步幅来调整层大小。在文档编辑区选择一个层，按住【Shift+Ctrl】键的同时再按键盘上的方向键即可按一次10个像素的步幅来调整层大小。在文档编辑区选择一个层，以像素为单位在属性面板中输入宽度和高度的值。演示4.1.2设置多个层的大小在文档编辑区选择两个或多个层，选择[修改][排列顺序][设成宽度相同]菜单命令或[

6、修改][排列顺序][设成高度相同]菜单命令。首先选择的层将自动调整为最后一个选择的层相同的宽度或高度。在文档编辑区选择两个或多个层，再在属性面板中的“多个层”栏中输入宽度和高度值，这些值将应用于所有选择的层。演示4.2.1设置单个层的属性在“属性”面板中进行设置。演示4.2.2设置多个层的属性在“属性”面板中进行设置。5.层的显示和隐藏在层中可插入所有的网页元素，若想控制层内元素的显示与隐藏可通过改变层的可见性来实现。单个层的显示和隐藏多个层的显示和隐藏5.1单个层的显示和隐藏在Dreamweave

7、r8中可通过“层”面板和属性面板对层的显示或隐藏进行控制。演示5.2多个层的显示和隐藏更改多个层的可见性可在“层”面板中设置，单击该列顶部标题的“眼睛”图标，设置所有的层的显示或隐藏。要将子层设置为“继承”父层的属性则需在属性面板中设置。演示6.层名的变更层的名称并非固定不便，为了制作网页时方便工作，可以将层名更改为容易理解和记忆的名称，变更层的名称有以下两种方法。在“层”属性面板的“层编号”文本框中输入层的名称。在“层”面板中设置层的名称。演示7层的堆叠和删除层的堆叠设置用属性面板设置层的堆叠用“层”

8、面板设置层的堆叠使用菜单命令设置层的堆叠层的删除7.1.1用属性面板设置层的堆叠在“层”面板或文档编辑区中选择一个层。在“层”属性面板的“Z轴”文本框中输入一个较大的数字将该层在堆叠顺序中上移，输入一个较小的数字可将该层在堆叠顺序中下移。7.1.2用“层”面板设置层的堆叠选择[窗口][层]菜单命令或按【F2】键打开“层”面板。选择要改变堆叠顺序的层，将层向上或向下拖至所需的位置时释放鼠标即可。演示7.1.3使用菜单命令设置层的堆叠在“层”