网页背景是网页风格表现最重要的元素之一,如以清爽的蓝色是制作不出古典风格网站。为了让初学者在学习时少走弯路,希望本文对初学者有所帮助。
#1一、纯色背景
这是网站最常见到的,也是最为方便设置的,只需在<body bgcolor="颜色数值">,不过很多初学者用色强调突出,想用红色时就用大红,却不知“墨生十色”,红色也不例外,忘了色有浓淡深浅之分,所以初学者要注重色的变化……
对于单色背景的选色,可能根椐内容来定,例如:黄色类(根椐其浓淡深浅的不同而定)常用于表现阳光灿烂般的活泼、富贵高雅的情调、热力十足的豪情……它表现出的是热情、活力、温暖、高贵、显赫、豪华;而蓝色类(根椐其浓淡深浅的不同而定)常用于表现高深莫测的高科技、清雅的文学韵味,它可以表现出爽朗、清爽、平和、温良、冷静、深沉……在此不能逐一描述,大家可参考一些基础的美术书籍。
#1二、渐近背景
这种背景形式不是很多人用,主要是因为,这类背景在不同分辨率下产生的效果不一样(因为这类背景图最常用的方面就是图片),所以我们也就不细说了,只想向初学的朋友提个醒,除非你只想让特定分辨率的网友访问你的网站,否则意义不大。
#1三、图像背景
图像背景是网页背景中最常用的,按实现的方法可分为:一般背景、动画背景、固定图背景等。
1.一般的图像背景,可能不用我说大家也明白,就是将纯静态图片设成背景,语法:<body background="你的图片路径及名称.gif">,现在网页制作常用的背景图片一般来源于网络素材站点和素材光盘。不过,想要个性一点的话,你可以用Photoshop之类的图像工具制作,例如:制作一个以自己站点名称为题材的背景图片,在Photoshop中,先用“T”(文本工具)输入你的站名,然后设定一个字体及其颜色后,在层操作面板上将文本层的百分比降低,然后存为GIF或JPG格式。
2.动画背景是利用GIF动画图像实现的,记得很久以前我用过一张雪花动画当背景,效果十分理想,有些网页设计师还制作跳动的线条,使网页出现流动之感,别有一番情趣;可以用Flash制作,然后保存为*.gif,有些朋友想干脆用Flash的格式*.SWF当背景,你就不要费劲了,浏览器读不出SWF格式的媒体动画,背景的HTML语法还是 <body background="你的图片路径及名称.gif">,与静态图像背景一样。
3.固定图背景是采用CSS样式来实现的,它可以让图片固定不动,代码如下:
<STYLE TYPE="text/css">
<!--
BODY {background-image: URL(你的背景图像的路径与名称.gif);
background-position: center;
background-repeat: no-repeat;
background-attachment: fixed;}
-->
</STYLE>
注:在background-position: center;中的center是居中(左右为left /right)。这类初学者不是很用,倒是老手们喜欢用,我也常用这种背景,但在商业网站上就要少用,商业站点不需要太多的个性化。所以这方面也请您注意一下。
|