荔园在线

荔园之美,在春之萌芽,在夏之绽放,在秋之收获,在冬之沉淀

[回到开始] [上一篇][下一篇]


发信人: Wdyslnt (relife), 信区: Homepage
标  题: 网页制作精典问答
发信站: 荔园晨风BBS站 (Sat May 12 14:45:45 2001), 站内信件


  1、网页中背景条纹是如何实现的?
解答: 这是最近在网页设计板块中经常有人提到的问题。
其实是很简单实现的。
最常用的办法是:
第一、在Photoshop新建一个文件,图像大小设置为
5*5像素。
第二、用放大镜将图纸放到最大,用矩形选取工具,画一个5*1大小的框,然后填充上你
喜爱的色彩。另存为.gif文件。
第三、设置这个.gif为透明效果。然后在Dreamweaver中将它设置为背景图像,现在可以
看到效果了吧?:)
至于条纹的密度和色彩,你可以灵活定义的。
2、图层也可以设置透明?
解答: 细心的闪客会发现
闪客帝国页面的菜单:在线教程|原始代码|这一行图层是透明的,可以隐约地看到极具
亲和力的闪客帝国的环形底图色块。
很酷吧?实现这种效果并不难,来吧...
画一个正方形[400*400]图层layer1,设置背景图片,例如帝国的环形色块。
在layer1的上方再画一个图层[750*30]layer2,为图层填充任意色彩。并选择此图层。

选择windows----Css styles------
新建一个New styles,设置Extensions的Alpha度
大概设置为:Alpha(Opacity=30, FinishOpacity=50, Style=40, StartX=30, StartY=
50, Finish=50, FinishY=50)
保存文件:::可以预览效果了。
3、在Dreamweaver中,怎么使水平线的size更细?
解答: 上一课讲到使水平线变色,马上就有闪客问我。
水平线的颜色解决了,但是dreamweaver中水平线太粗了,可以把size变得更细吗?好吧
,跟着我做,很容易的。
步骤一、只需在水平线属性框中单击右上角的铅笔小图片,打开水平线源代码。
步骤二、把源代码改为<hr color="#365585" size="0.2">
 即可, 是不是很easy!呢?
效果地址http://www.4vic.com/4vic/design3.htm
4、在我的收藏夹的“闪客帝国”前,有一个雷电的图标请问谁知怎样做在网页上啊?
解答: 阿文:做一个16*16的图片,转换成icon格式,文件名为favicon.ico,然后传到
网站的根目录下。
vitrum:有些站点,访问时会在地址栏地址前显出小图标,添加到收藏夹后也在收藏栏中
显示图标,这样很好的与其它站点有了区别。要达到这个效果,先需做出这个图标文件
,图像为16*16像素,不要超过16色。文件格式为ico,然后上传至你的网站。然后,在
需要的页面中,加上以下html语句到文件的和之间(
假设以上ico文件的地址为
http://www.somewhere.com/icon.ico)。
阿文:放在根目下,根本不用改html
还有,只有5.0版本以上的浏览器才支持
5、CSS的简单和巧妙运用
解答: http://www.cnshu.com/test.html
《style type="text/css"》
《!--
.unnamed1 { border: #993300 outset; border-width: 250px 100px}
--》
《/style》
防止被解析,所有<>均由《》代替

--
?

※ 来源:·荔园晨风BBS站 bbs.szu.edu.cn·[FROM: 192.168.47.65]


[回到开始] [上一篇][下一篇]

荔园在线首页 友情链接:深圳大学 深大招生 荔园晨风BBS S-Term软件 网络书店