站长学院通行证

 

返回“站长学院”网站首页

 当前位置 → 中国站长学院设计在线网页设计Dreamweaver → 浏览正文


TAG:  网站 Dreamweaver 网页设计

Dreamweaver MX 2004从零开始(4)


作者:赵江     来源:中国电脑教育报     点击数:     更新时间:2007年10月04日

【字体: 】           【背景色 杏仁黄 秋叶褐 胭脂红 芥末绿 天蓝 雪青 灰 银河白(默认色) 】    【收藏本文】   【打印


  图层的使用



  图层是网页的一个区域,在一个网页中可以有多个图层存在,它最大的魅力在于各个图层可以重叠,并且可以决定每个图层是否可见,同时也能够自定义各图层之间的层次关系。在熟练掌握了图层技术之后,就可以给网页提供强大的页面控制能力。




  创建图层




  为了说明图层的功能,我们先来制作图1所示的简单的实例效果(如图1)。

 

图1

 


  第一步 在Dreamweaver MX 2004中新建一个页面,运行“Insert→Layer Objects→Layer”命令,此时编辑窗口中会出现一个黑色矩形框,这就是插入的图层。当鼠标移动到矩形的框线上时,鼠标会变成十字箭头形状,此时点击鼠标则框线周围出现8个黑色实心方块,左上角还有一个空心方块,表示这个图层被选中了。



  提示:用鼠标拖拽实心方块可以改变图层大小,拖拽左上角的空心方块可以改变图层的位置。




  第二步 在图层中点击一下鼠标,并且在其中输入“中国电脑教育报”,然后在属性面板窗口中将文字设置为蓝色。



  第三步 单击图层边框选中图层,接着运行“Edit→Copy”命令复制当前图层,然后在编辑窗口其它空白处点击一下鼠标,并且运行“Edit→Paste”命令,这样在编辑窗口中就又出现了一个图层,不过目前它们重叠在一起,需要移动图层之后才能看见这两个图层。



  第四步 把其中一个图层的文字颜色更改为黑色,并且移动图层位置,使得两个图层的位置相差几个像素,这样就产生了阴影效果(如图2)。

 

图2


  完成上述操作之后按下“F12”按键进行预览,就可以在IE浏览器中查看到图1所示的效果了。

下一页
本文共 3 页,第  [1]  [2]  [3]  页


责任编辑:admin

注册投稿

收藏本文到  >>>

相关文章

Dreamweaver序列号06/01 
电影站坚持就是胜利 推广赚钱要时机!05/28 
"正在统计"免费网站流量统计系统05/22 
网站自发组织公益广告 投入地震灾区捐05/15 
站长关注:大量网站遭SQL注入式攻击05/01 
记住网站只是一个信息平台,让我们走到04/24 
论坛推广就这么几招(很黄很暴力)04/22 
网站细分化要取之有道 运营者应摆正态04/22 
聚合网站面临盈利压力在黑暗中求生04/15 
社交网站逐渐流行 邮件营销末日到来?04/15 
网站在百度排名下降的主要原因分析04/13 
网站被黑的10大原因,来看看你的网站04/13 
王通:暴利行业的暴利小网站04/13 
门户类站之新栏目盈利方法:站长信贷模04/13 
站长们别只顾自己网站而忘记的自己的身04/13 
个人网站将不可避免的走向庸俗04/04 

推荐导读

热门资讯

资讯快报

论坛新贴

返回首页

关于我们 - 帮助(?) - 广告服务 - 诚征英才 - 友情链接 - 网站地图 - 站长BLOG

返回网站顶部

Copyright © 2007 中国站长学院(CNZZXY.COM). All Rights Reserved
站长学院服务资咨热线:0755-84289786    业务合作:(0)13554938953  (0)13423986856    网络宽带及主机提供:深圳傲网科技
粤ICP备08006968号   站长:忧郁的秋天(向管理员发邮件)   站长交流QQ群①:1815595   站长交流QQ群②:32960074