东方娱乐论坛巨杉文化传媒 -- 分区版主:『创意设计』 → 网页背景色谈


  共有4824人关注过本帖树形打印复制链接

主题:网页背景色谈

帅哥哟,离线,有人找我吗?
孤寒绝影
  1楼 博客 | QQ | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信 ▄︻┻┳═一
等级:蜘蛛侠 帖子:1104 积分:29274 威望:0 精华:6 注册:2004-7-19 13:52:44
网页背景色谈  发帖心情 Post By:2004-7-23 9:47:07 [只看该作者]

网页背景是网页风格表现最重要的元素之一,如以清爽的蓝色是制作不出古典风格网站。为了让初学者在学习时少走弯路,希望本文对初学者有所帮助。   #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)。这类初学者不是很用,倒是老手们喜欢用,我也常用这种背景,但在商业网站上就要少用,商业站点不需要太多的个性化。所以这方面也请您注意一下。









 回到顶部
帅哥哟,离线,有人找我吗?
乌龟漫步
  2楼 博客 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:论坛游民 帖子:127 积分:1000 威望:0 精华:0 注册:2004-6-20 12:48:11
  发帖心情 Post By:2004-8-5 23:08:04 [只看该作者]

经典。。。。

 回到顶部
帅哥哟,离线,有人找我吗?
凌云
  3楼 博客 | QQ | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:贵宾 帖子:1145 积分:14214 威望:5 精华:1000 注册:2004-8-31 22:44:25
  发帖心情 Post By:2004-10-7 23:48:14 [只看该作者]

收益非浅~~~~~~图片点击可在新窗口打开查看


精彩的人生因你而存在,灿烂的笑容因你更耀眼。
http://www.tzew.net/plus_adv_get.asp?get=295
 回到顶部