|
|
主题: 如何在dreamweaver中实现网页阴影效果？
|
草稚
职务：普通成员
等级：1
金币：0.0
发贴：102
|
|
小笨蛋
职务：普通成员
等级：2
金币：1.0
发贴：506
|
#22001/6/27 12:33:33
我想是用CSS
劲速提升LV中…………
|
风中百合
职务：普通成员
等级：1
金币：0.0
发贴：128
|
#32001/6/27 15:06:24
应该是用CSS吧!
你有没有看过哪个网站把网页做透明的呢?把网址发给我们看看.
|
haizi333
职务：普通成员
等级：1
金币：0.0
发贴：76
|
#42001/6/27 15:08:21
什么阴影？文字？图片？……具体说说~我也想学……
|
风中百合
职务：普通成员
等级：1
金币：0.0
发贴：128
|
#52001/6/27 15:12:49
哇,楼上的,你好快呀,是呀,她没有说清楚是图片还是文字,不知道喽!
|
馨竹
职务：普通成员
等级：1
金币：0.0
发贴：107
|
#62001/6/27 16:11:05
我有这样几种方法可以实现，一种是用css， 一种是用层，这是对于页面内的表格和文字。还可以设计表格的上行线或下行线做阴影，笨办法可以做一个2象素的单元格填充为灰色。
|
5D花猫
职务：版主
等级：7
金币：14.0
发贴：5467
|
#72001/6/27 16:14:38
回复5D：1.阴影效果：对于我来说是我的原创，本打算发给电脑报的，可叹没有被发表，算了！稿费又泡汤了，由于图片不能贴上来只有这样了，如果还不能理解的话，给我发封信，我给你寄个.ZIP文件。挺好弄得。
网页中的阴影效果
用过wps2000或word2000的朋友们可能会留意到，在编辑窗口每一页文件都形象的用一张纸来表示，并且还有阴影效果（如图一）。这是程序员用语言写出来的，同样也能在网页中做出。那我们就来试试吧！
图一
相关软件：Dreamweaver 4.0 英文版（注：以下简称DW4）；相关技术：层和表格的运用。启动DW4新建一个文件，修改页面属性为#999999（注：颜色可随意，目的是模仿图一背景效果。如图二），步骤：Modify（修改）----->page properties（页面属性）----->Background（背景色）。
图二
设定好背景色后，在编辑窗口插入一个层并选定它（简称层一），设其背景颜色为#000000，并设定好它的位置和大小（如图三）。
图三
然再插入一个层（简称层二）使其与层一重叠并且将层二至于层一的上面，设置其背景颜色为#FFFFFF，并设定好它的位置和大小（注：两个层的大小相同，但位置不同以体现背景阴影部分）。如上图，层一的位置是L=190、T=110，层二就设为L=186、T=106，各差4像素（PX）也可自定。设置好后预览有阴影效果了吧！不过还是有点不太完美，层二的四个边要再装饰一下才更逼真。在层二里插入一个宽高与层二相同的表格，并选定表格设定其Cellpad为1及Cellspace为1，并设定表格的Bg Color为#000000（如图四），然后取消选定表格，在表格内点击鼠标左键，当光标在表格内闪烁时，设置此表格背景颜色为#FFFFFF，此操作是为达到细框表格效果。这样再预览有了图一的效果了吧！
图四
通过此次操作可以得出，好看的网页并不是要有多好的技术，只在于创新及各项基础技术的综合利用。哈哈，又在自吹自擂了，好了不吹了，如果对DW4有什么疑问及创新别忘了与我交流啊！我的信箱：xinlenet@163.com。
|
风中百合
职务：普通成员
等级：1
金币：0.0
发贴：128
|
#82001/6/27 21:42:18
你的网站我去看过了,你所说的阴影就如你网站所做的那种效果是吗?呵呵,说真的,我觉得不像PS里面做的阴影那么像哦,边缘应该柔和一点,这样才比较像,不过也辛苦你了,呵呵,写了那么多,嘻嘻,谢了,我现在才发现这也是一点小技巧!
|
风中百合
职务：普通成员
等级：1
金币：0.0
发贴：128
|
#92001/6/27 21:46:38
还有一个小小的问题,为何层总是没办法控制好,在DW里面看到的,与浏览里的不一样,真是烦恼呀!
|
5D花猫
职务：版主
等级：7
金币：14.0
发贴：5467
|
#102001/6/27 21:53:56
由于工作的关系，我得网站已经两个月没更新了，让你见笑了，层得定位是很麻烦!不过我正在写稿子，到时候发个大家！
|
草稚
职务：普通成员
等级：1
金币：0.0
发贴：102
|
#112001/6/27 23:48:40
谢谢!十分感谢、、、那个ZIP如方便的话发给我了、信箱是caozhijin@yeah.net
|
5D花猫
职务：版主
等级：7
金币：14.0
发贴：5467
|
#122001/6/28 4:50:32
草稚在上个贴子中说 引用:
谢谢!十分感谢、、、那个ZIP如方便的话发给我了、信箱是caozhijin@yeah.net
是wps office文件，你应该装了吧，wps 2000也行！
|
5D花猫
职务：版主
等级：7
金币：14.0
发贴：5467
|
#132001/6/28 4:57:01
我发了！如果不行给我写信！万无一失吗？xinlenet@163.com
|
5D荣誉斑竹
职务：普通成员
等级：5
金币：10.0
发贴：3292
|
#142001/6/28 11:03:58
表格嵌套可能更容易些
|
草稚
职务：普通成员
等级：1
金币：0.0
发贴：102
|
#152001/6/28 13:35:50
阿蒙在上个贴子中说 引用:
我发了！如果不行给我写信！万无一失吗？xinlenet@163.com
OK了!谢谢了!
|
