网页制作基本功
当我们要做一个吸引人的页面时,有两件事情需要考虑,一是要有一定的创意,二是
要
有好的软件工具。在创造性方面,只能靠你自己,但在好的工具方面,本文也许可以
提供一
些帮助,以下就是一些基本的技巧以及如何找到你所需要的工具。
背景与色彩
使你的页面增加一些情趣的一个最简单、也是最有效的办法就是给出一个好的页
面
背景,大多数人很少会在常见的灰色背景上制作页面,那么如何选择你的背景颜色
呢
?如果
希望以一幅图片作为背景(通常是用一幅小图片重复铺满背景),只需要在你的HTM
L
文件中
修改标记为。
如果是希望将背景设定为某种特定的颜色,则需将标记修改为 ="#RRGGBB">。
标记可以设定页面中所有常规文本的颜色。
至于文件里一些其他文本的颜色,则可以通过
ALINK="#RRGGBB">标记来设定。这几种标记都是用来设定超链接文本的颜色,其
中LINK是
没有访问过的超链接文本的颜色,而VLINK是已经访问过的超链接文本的颜色
,ALINK则是
正在选定的,即一种活动的超链接文本档哪颜色(当你的鼠标点到它时就出现的颜
色
)。当
然你可以不用它们,也可以只设定其中的一种或两种来应用。
其中RRGGBB的每两位表示两位16进制数,分别用来表示0～255的红、绿、蓝颜色值
,
因为要用名称将所有的颜色都列出来是不可能的,因此采用了这种表示方法,这样
总
共可
以表示224种颜色。在这种表示中"#FFFFFF"代表白色,"#000000"代表黑色,你可
以任意搭
配组成你所需要的颜色。
如果设定的背景颜色不能生效,你需要弄清你是否遵循了HTML规则,你的页面必需
有
下列格式,否则背景将不会生效:
有关的标题信息
< /HEAD>
页面主体
相关站点
在很多地方你都可以为页面找到很好的背景图片文件或颜色:
· Netscape公司的background
archive(http://home.netscape.com/assist/net_
sites/bg/backgrounds.html);
· Webmistress Heather Champ的Background abound有一些很好的平滑过渡
的背景
材料(http://www.whitenoise.com/champ/backgrounds/);
· Background Generator,这个主页能使你准确地调整你想要的背景颜色
(http://
east.isx.com/～dprust/Bax/index.html);
· KPT Background Archive 有一些使用Kai's工具制作的背景
(http://the-tech.
mit.edu/KPT/bgs.html);
· Julianne的Background Textures有近300种不同的背景
(http://www.sfsu.edu/
～jtolson/textures/textures.htm);
· ColorCenter是一个迷人的背景库,它使你能在游动中选择不同的原色质,找到
适
合你的背景,而且它是用JavaScript写的
(http://www.hidaho.com/colorcenter/);
· RGB Hex Triplet Colors是一个图表,对应显示了16进制颜色值及其相应的
颜色
(http://www.phoenix.net/～jacobson/rgb.html);
· 如果你还有其他有关背景的问题,可以去试试Mark Koenen 的页面The
Backgrou
nd Faq(http://www.sci.kun.nl/thalia/guide/color/faq.html);
· 最后还有Yahoo的links to background
archives(http://www.yahoo.com/Comp
uters_and_Internet/Internet/World_Wide_Web/Page_Design_and_Layou
t/Graphics/B
ackgrounds/)。
透明和交织的GIF图
透明的GIF就是有一个透明背景的图,Knowledge Adventure Online
(http://www.a
dventure.com)在他们的首页上使用了透明的GIF。如果恰当使用的话,透明的GIF
图看来
效果不错,但它们较难制作,并仅限于256色,一个好的替代办法是采用单纯背景,例
如采用
简单的白色背景以及带白色背景的图,这样既容易读又容易做。
交织的GIF是一种在下载时先整幅显示,然后随着下载图片逐渐变清晰的GIF图格式
。
可以去看看Discovery Online's(http://www.discovery.com)的网页,那里
较大的图都使
用了交织的GIF。
那么怎么做这种图呢?
做一个透明的或交织的GIF图是相当简单的,你需要一个像Paint Shop Pro.这样
的绘
图工具,如果你对透明的与交织的GIF图及相关软件的最新信息感兴趣,可以去访问
The T
ransparent/Interlaced GIF Resource
Page(http://dragon.jpl.nasa.gov/～adam/tr
ansparent.html)。
当你要使一个GIF图透明时,你选择一种背景色,然后在HTML文件中将这种背景色设
定
为页面背景色,当浏览器下载这个页面后,它会使图片中这种颜色看起来都是透明
的
。但
是,在一个透明的GIF图里,你只能使一种颜色透明,另外,阴影几乎是不可避免的,
因
此,你
应当使用那些有明显边界的图案。
--
※ 来源:．网易虚拟社区 http://club.netease.com．[FROM: 202.97.241.48]
|