ID:40338994
大小:2.11 MB
页数:35页
时间:2019-07-31
5、精确定位网页元素6.3.2设置层属性层属性面板主要有以下参数。⑴层编号:层的名称,用于识别不同的层。⑵左:层的左边界距离浏览器窗口左边界的距离。⑶上:层的上边界距离浏览器窗口上边界的距离。⑷宽:层的宽。⑸高:层的高度。⑹Z轴:层的Z轴顺序。⑺背景图像:层的背景图。⑻可见性:层的显示状态,包括default、inherit、visible和hidden4个选项。⑼背景颜色:层的背景颜色。⑽剪辑:用来指定哪一部分是可见的,输出的数值是距离层4个边界的距离。⑾溢出:如果层里面的文字太多或图像太大,层的大小
6、不足以全部显示的时候,有以下选项:visible超出的部分照样显示。hidden超出的部分隐藏。scrool不管是否超出,都显示滚动条。auto有超出时才出现滚动条。6.3利用层精确定位网页元素6.3.3层的基本操作利用层可以精确的定位网页元素,包括如何选择层,设置层的背景颜色、改变层的可见性等基本操作。6.3利用层精确定位网页元素6.3.4应用层排版虽然通过层定位网页元素比表格方便很多,但由于受到浏览器版本的限制不是所有的浏览器都支持层,只有IE4.0以上的版本才能支持,Dreamweav
7、er8.0提供了层和表格相互转换功能,可以最大程度方便网页设计,同时兼顾低版本浏览器的访问者。⒈将层转换为表格2.将表格转换为层6.3利用层精确定位网页元素给出网页的页面如下:6.3.5实践技能训练1------利用层布局页面板面制作后的效果如下:6.3.5实践技能训练1------利用层布局页面板面给出的网页如下:6.3.6实践技能训练2--------利用层制作下拉菜单制作后的效果如下:6.3.6实践技能训练2--------利用层制作下拉菜单6.4.1时间轴的概念时间轴通过在不同的时间改变层的
8、位置、大小、可见性和叠放顺序可以实现动画效果。这就是动态HTML的表达方式,也是Dreamweaver8-0强于其它网页编辑器的地方。“时间轴”只能对“层”发生作用,因此,如果要产生动画效果,首先要创建层,再将图像、文本等内容插入到层中,然后通过层来移动这些元素。在Dreamweaver8-0中为我们提供了时间轴的功能,它是将动态的DHTM功能转换为类似动画编辑的时间轴概念,可以非常方便地设定对象在页面中的运动。6.4时间轴的应用6.4.1时间轴的概念1、“时间轴”面
此文档下载收益归作者所有