首页 3Dreamweaver网页制作ppt第5章 学习网页布局之层

3Dreamweaver网页制作ppt第5章 学习网页布局之层

举报
开通vip

3Dreamweaver网页制作ppt第5章 学习网页布局之层第5章学习网页布局之层5.1层的基本操作5.1.1创建层5.1.2创建嵌套层5.1.3激活和选中层5.1.4调整层的大小和位置5.1.5显示或隐藏层5.1.6更改层的重叠顺序5.1.7删除层5.1.8知识拓展5.1.1创建层层是一种网页元素定位技术,使用层可以精确定位页面元素,可以方便地进行页面布局。层就像含有文字或图片等元素的透明胶片,一张张按顺序叠放在一起,组合起来形成三维效果,使网页具有了空间感。  层是被特殊定义的区域,在层中可以输入文本或插入图像,也可以插入其他层、表格、动画等元素,如下图所示。5.1.1...

3Dreamweaver网页制作ppt第5章 学习网页布局之层
第5章学习网页布局之层5.1层的基本操作5.1.1创建层5.1.2创建嵌套层5.1.3激活和选中层5.1.4调整层的大小和位置5.1.5显示或隐藏层5.1.6更改层的重叠顺序5.1.7删除层5.1.8知识拓展5.1.1创建层层是一种网页元素定位技术,使用层可以精确定位页面元素,可以方便地进行页面布局。层就像含有文字或图片等元素的透明胶片,一张张按顺序叠放在一起,组合起来形成三维效果,使网页具有了空间感。  层是被特殊定义的区域,在层中可以输入文本或插入图像,也可以插入其他层、表格、动画等元素,如下图所示。5.1.1创建层1.插入法  先将光标放置于要插入层的位置,然后在菜单栏选择“插入”→“布局对象”→“层”命令,则在页面光标位置处出现一个层,如下图所示。对应地,此时在编辑区中出现一个层和一个层标记。5.1.1创建层5.1.1创建层 2.拖放法拖动“布局”选项卡中的“绘制层”按钮,并在需要插入层的位置释放,如下图所示。5.1.1创建层3.绘制法  单击“布局”选项卡中的“绘制层”按钮,此时光标变为“+”形状,在网页编辑区中选择插入层的位置,拖动鼠标便可绘制一个层。  若要连续绘制多个层,则需按住Ctrl键,单击“布局”选项卡中的“绘制层”按钮,然后把鼠标移到文档窗口中单击或拖动,即可连续绘制多个层。5.1.1创建层显示或隐藏层代码标记,可以选择“查看”菜单“可视化助理”“不可见元素”命令。显示或隐藏层边框,可以选择“查看”菜单“可视化助理”“层外框”命令。5.1.1创建层5.1.2创建嵌套层创建嵌套层就是在一个层内插入另外的层。嵌套层可称为子层,包含嵌套层的那个层称为父层,嵌套层的属性与上一级层的属性有一定的继承关系。   方法 快递客服问题件处理详细方法山木方法pdf计算方法pdf华与华方法下载八字理论方法下载 1:创建嵌套层首先要在文档中插入一个层,将光标移到已建好的层中,继续插入层,则在已建的层中插入一个嵌套层,如下图所示。5.1.2创建嵌套层方法2:打开“层”面板,从中选择需要嵌套的层。此时,在按住Ctrl键的同时把要作为子层的层拖动到要设定为父层的层上,直到出现如下图所示图标后,释放Ctrl键和鼠标,这样就转换为嵌套层了,父层移动时,子层也会同时移动。5.1.2创建嵌套层5.1.2创建嵌套层5.1.3激活和选中层层在被激活后,才能插入文本、图像、表格等网页元素。  1.激活层的方法2.选择层的方法5.1.4调整层的大小和位置1.调整层的大小2.移动层3.对齐层5.1.5显示或隐藏层层具有显示或隐藏的属性,该属性经常用于动画的制作过程中。(1)显示或隐藏层的相关属性可以在层面板中设定,也可以在层属性面板中设定,如下图所示。5.1.5显示或隐藏层(2)单击闭眼图标,说明选定的层被设定为隐藏,如下图所示。5.1.5显示或隐藏层(3)按F12键,打开浏览器后,可以确定图像不可见,如下图所示。5.1.5显示或隐藏层(4)返回工作界面,单击闭眼图标,图标变成睁眼图标,此时,隐藏的层重新显示。如下图所示。5.1.5显示或隐藏层5.1.6更改层的重叠顺序和表格相比,层最大的优势在于可以重叠,为了表示哪个层在上面,哪个层在下面,就要给每个层设定一个序号,这个序号就是“Z顺序”,意思就是除了屏幕的X和Y坐标之外,人为增加一个垂直于屏幕的Z轴。  创建早的层在其他层之下,最后创建的层显示在最上面。层的顺序在属性面板的Z轴文本框和层面板的Z列中显示。显示的数值越小,则越在下层。直接修改Z轴的值可以更改层的顺序。5.1.6更改层的重叠顺序5.1.7删除层选中层后,按Delete键或在菜单栏执行“编辑”→“剪切”命令,可删除该层;或者在层面板中删除层。5.1.8知识拓展1.了解层属性面板2.查看层面板5.2层与表格的转换5.2.1层转换为表格5.2.2表格转换为层5.2.3知识拓展5.2.1层转换为表格(1)在菜单栏选择“修改”→“转换”→“层到表格”命令,弹出“转换层为表格”对话框,设置各项参数,如下图所示。(2)单击“确定”按钮,则构成网页文档的所有层转换为具有同样结构的表格,如下图所示。5.2.1层转换为表格可以看到,层转换为表格后,生成很多必要的单元格,通过合并或删除单元格,可以制作出需要的形状。5.2.1层转换为表格5.2.2表格转换为层在表格布局中,当布局受到局限的时候,可以把表格转换为层,然后通过移动层来调整布局。和层转换为表格不同的是,表格转换为层应该取消“防止层重叠”的选择,使层能够根据需要相互叠加,然后通过改变Z轴位置来达到 设计 领导形象设计圆作业设计ao工艺污水处理厂设计附属工程施工组织设计清扫机器人结构设计 需要。  为了重新把表格转换为层,在菜单栏选择“修改”→“转换”→“表格到层”命令,弹出“转换表格为层”对话框,设置各项参数,如下图所示,然后单击“确定”按钮。5.2.2表格转换为层不论是由表格布局还是由层布局,在浏览器中显示的网页文档都是完全相同的。5.2.2表格转换为层通过层进行布局的页面,可以转换为表格,对话框如下图所示。5.2.3知识拓展对话框中各项内容说明如下:最精确:为每个层创建一个单元格,并增添一些单元格来保持相邻的层之间的距离,精确地保持转换之后的位置。最小:当一些层的坐标位置接近的时候去掉一些宽高小于指定像素的空单元格,这样能减小HTML文档,但转换后页面会有一定的差别。5.2.3知识拓展使用透明GIF:生成一个透明的GIF 格式 pdf格式笔记格式下载页码格式下载公文格式下载简报格式下载 的图像并填充在表格最后一行,用于确保在任何浏览器中都有一致的外观。置于页面中央:选中后表格在页面居中对齐,默认为左对齐。防止层重叠:选中该项能够防止层的重叠,假如有重叠发生将无法转换,在层到表格的转换中该复选框应该选中。5.2.3知识拓展显示层面板、显示网格、靠齐到网格:这几项主要为了便于布局设计,可根据需要决定是否选取。5.2.3知识拓展
本文档为【3Dreamweaver网页制作ppt第5章 学习网页布局之层】,请使用软件OFFICE或WPS软件打开。作品中的文字与图均可以修改和编辑, 图片更改请在作品中右键图片并更换,文字修改请直接点击文字进行修改,也可以新增和删除文档中的内容。
该文档来自用户分享,如有侵权行为请发邮件ishare@vip.sina.com联系网站客服,我们会及时删除。
[版权声明] 本站所有资料为用户分享产生,若发现您的权利被侵害,请联系客服邮件isharekefu@iask.cn,我们尽快处理。
本作品所展示的图片、画像、字体、音乐的版权可能需版权方额外授权,请谨慎使用。
网站提供的党政主题相关内容(国旗、国徽、党徽..)目的在于配合国家政策宣传,仅限个人学习分享使用,禁止用于任何广告和商用目的。
下载需要: 免费 已有0 人下载
最新资料
资料动态
专题动态
个人认证用户
希望
暂无简介~
格式:ppt
大小:1MB
软件:PowerPoint
页数:0
分类:工学
上传时间:2019-07-20
浏览量:23