eNet学院俱乐部


 
标题: [DW制作技巧] 半透明的网页图像
jiaojiao0520
中士
Rank: 6Rank: 6Rank: 6



UID 2343766
精华 0
积分 1076
帖子 86
威望 432
积分 10
阅读权限 60
注册 2007-6-2
状态 离线
发表于 2007-6-9 17:24  资料 短消息 
半透明的网页图像

也许大家会问,GIF图片不是能透明吗?但是GIF可以半透明吗?很显然是不能的。如果是完全变透明,那么它的意义不大,重要的是它可以令图片半透明。既然是半透明,学过PhotoShop的人都应该知道,半透明了,就可以半遮半掩地显示图片下面的元素。现在我们就通过Dreamweaver MX 2004中CSS样式的【扩展】属性来制作这样效果。
操作步骤:
     (1)打开Dreamweaver MX 2004,新建一个HTML网页文档,保存该文档。
     (2)选择菜单【修改】、【页面属性】弹出“页面属性”对话框,从该“页面属性”窗口的左侧【分类】列表中选择外观项,同时点击右侧【背景图像】文本框后的【浏览】按钮,从本书配套光盘中/第4章/Dreamweaver/sc/0018.jpg,选择为背景图像。

(3)按快捷键Shfit+F11打开【CSS样式】面板,在CSS样式窗口中,单击右下角的【新建CSS样式】按钮 新建一个CSS样式,在弹出的窗口中设置【名称】为.bantouming,【选择器类型】为类(可应用于任何标签),【定义在】为仅对该文档。

(4)单击【确定】按钮,在CSS样式定义的窗口中,选择左侧【分类】列表中的“扩展”项。在右侧的定义窗口中,设置【滤镜器】为Alpha(Opacity=40,FinishOpacity=50,Style=1,StartX=0,StartY=1,FinishX=200,FinishY=100)。

(5)选择菜单【插入】、【图像】命令,或者直接单击常用工具栏上的【插入图像】按钮,从本书配套光盘中/第4章/sc/xiongmao.gifc插入图像。在图像的【属性检查器】中【类】选择为.bantouming。

(6)至此完成半透明网页图像制作。保存页面,按F12预览。


[ 本帖最后由 老鼠爱猫猫 于 2007-6-19 15:31 编辑 ]
顶部
[广告] 注意:下载附件需要消耗积分
何首乌
列兵
Rank: 2Rank: 2



UID 2364489
精华 0
积分 267
帖子 17
威望 54
积分 0
阅读权限 20
注册 2007-6-15
状态 离线
发表于 2007-6-19 17:25  资料 短消息 
这种半透明的,我一直做不出来的.
顶部
[广告] 注意:下载附件需要消耗积分
雪域仙子
元帅
Rank: 22Rank: 22Rank: 22Rank: 22


UID 606577
精华 0
积分 550428
帖子 363
威望 14428
积分 -1
阅读权限 100
注册 2006-9-16
状态 离线
发表于 2007-6-26 13:38  资料 短消息  QQ
不错的帖子,帮你顶一下,哈哈哈




[img]
顶部
[广告] 注意:下载附件需要消耗积分
 


当前时区 GMT+8, 现在时间是 2008-11-19 13:30


Powered by Discuz! 5.0.0  © 2001-2006 Comsenz Inc.
Processed in 0.056266 second(s), 17 queries , Gzip enabled

清除 Cookies - 联系我们 - 硅谷动力网络学院 - Archiver - WAP