站长学院通行证
搜索引擎
学院
当前位置 → 中国站长学院 → 设计在线 → 网页设计 → Dreamweaver → 浏览正文
TAG: 网站 Dreamweaver 网页设计
所有栏目
作者:赵江 来源:中国电脑教育报 点击数: 更新时间:2007年10月04日
【字体:大 中 小】 头 【背景色 】 【收藏本文】 【打印】
图层的使用 图层是网页的一个区域,在一个网页中可以有多个图层存在,它最大的魅力在于各个图层可以重叠,并且可以决定每个图层是否可见,同时也能够自定义各图层之间的层次关系。在熟练掌握了图层技术之后,就可以给网页提供强大的页面控制能力。 创建图层 为了说明图层的功能,我们先来制作图1所示的简单的实例效果(如图1)。 图1
图层的使用
图层是网页的一个区域,在一个网页中可以有多个图层存在,它最大的魅力在于各个图层可以重叠,并且可以决定每个图层是否可见,同时也能够自定义各图层之间的层次关系。在熟练掌握了图层技术之后,就可以给网页提供强大的页面控制能力。
创建图层
为了说明图层的功能,我们先来制作图1所示的简单的实例效果(如图1)。
第一步 在Dreamweaver MX 2004中新建一个页面,运行“Insert→Layer Objects→Layer”命令,此时编辑窗口中会出现一个黑色矩形框,这就是插入的图层。当鼠标移动到矩形的框线上时,鼠标会变成十字箭头形状,此时点击鼠标则框线周围出现8个黑色实心方块,左上角还有一个空心方块,表示这个图层被选中了。
提示:用鼠标拖拽实心方块可以改变图层大小,拖拽左上角的空心方块可以改变图层的位置。
第二步 在图层中点击一下鼠标,并且在其中输入“中国电脑教育报”,然后在属性面板窗口中将文字设置为蓝色。
第三步 单击图层边框选中图层,接着运行“Edit→Copy”命令复制当前图层,然后在编辑窗口其它空白处点击一下鼠标,并且运行“Edit→Paste”命令,这样在编辑窗口中就又出现了一个图层,不过目前它们重叠在一起,需要移动图层之后才能看见这两个图层。
第四步 把其中一个图层的文字颜色更改为黑色,并且移动图层位置,使得两个图层的位置相差几个像素,这样就产生了阴影效果(如图2)。
完成上述操作之后按下“F12”按键进行预览,就可以在IE浏览器中查看到图1所示的效果了。
责任编辑:admin
注册投稿
收藏本文到 >>>
上一篇:Dreamweaver MX 2004从零开始(3)
下一篇:用Dreamweaver制作网页中常用的过渡效果
相关文章
推荐导读
热门资讯
资讯快报
论坛新贴
返回首页
关于我们 - 帮助(?) - 广告服务 - 诚征英才 - 友情链接 - 网站地图 - 站长BLOG