您当前的位置:首页>>工作范围>>网站建站系列>网页背景设计四种技巧分享

网页背景设计四种技巧分享

发布时间:2012/9/25 10:16:09  来源:trueland珍岛  作者:trueland珍岛

使用简单,快速和有效的网页背景设计工具能让你的网站看起来与众不同。不管是网络设计师还是企业公司都想获得拥有一个吸引用户设计过程和代码有相对简单的方式,哪里寻找,本篇文章中为大家介绍相关内容。

1、网页背景可以在声明

<body bgcolor="#rrggbb" background="image.gif">文档的其余部分放在这里</ BODY>

文档的其余部分放在这里

BGCOLOR属性设置为文档的背景颜色。“#RRGGBB”是一个十六进制(基数为16),用于指定背景颜色的红,绿,蓝三线。背景属性将被平铺在浏览器窗口中,设置图像文件的文档提供了一个背景。浏览器允许使用GIF,JPG,PNG图片作为网页背景。

2、浏览器瓷砖是必要

浏览器瓷砖是必要的,以填补屏幕的背景图像多次。这将平铺在水平和垂直方向。如果瓷砖是不一样宽的屏幕,浏览器将图像重复,一遍又一遍,到右边,然后在底部。

如果你想有一个重复的和向下翻页模式,然后像下面这样创建一个更小的瓷砖,将做到这一点。但是,请记住,良好的Web页面背景应该有非常小的对比,否则只会让文字难以阅读。

如果你有一个广泛的背景瓷砖是一样宽的(或宽)的屏幕,但不是很高,它只会平铺下来的页面,而不是侧身。这是一种方法来创建那些流行的彩色条沿左侧或右侧的屏幕。当然,你应该让你的背景砖宽比目前高端的标准,以避免平铺跨越。由于浏览器缓存图形(将它们存储在你的硬盘,使他们不必重复下载他们),使用一个或两个Web页面上所有的网页背景将帮助您的网站加载速度更快

3、固定的背景设计技巧

微软的Internet Explorer有水印HTML文件的能力,通过固定的背景,所以它不会滚动。要做到这一点,添加bgproperties =固定 的身体元素。

<body background="image.gif" bgproperties=fixed>

4、使用CSS效果

将这个代码插入到您的文档的HEAD中就可以实现这个CSS效果了。

<style type="text/css">
<!- BODY {背景:网址(Image.gif的)不重复#FFFFFF}- >
</STYLE>

您也可以中心的背景,但它会为中心作为整个文档的背景,而不是集中在屏幕上:

<style type="text/css">
<!-BODY {BACKGROUND:#FFFFFF URL(Image.gif的)不重复中心}->
</STYLE>

css层叠样式是目前web网站设计中使用最多的一种方式,一方面是因为它的布局比表格布局好看,另外在修改样式的时候也非常简单,从seo优化角度分析,它的代码控制更加简单,所以这是一个非常有效的内容。

拥有一个好的网页背景能给网站带来不少的吸引力,在设计过程中不妨尝试上面的四种技巧,或许会让你有心的突破。


标签:网页背景设计 web网页设计 固定网页背景
相关新闻
 
如果您是遭受“互联网服务陷阱”侵害的客户
如果您正为自己的网站形象而犯愁
如果您还没有建立自己的网站
如果您的网站无人问津
请及时联系我们
我们将为您出谋划策,帮助您树立起网络品牌形象,为后期的
网络品牌推广以及产品推广做好扎实的网络品牌基础

上海 虹口区 水电路682号 天虹商务大厦6、7、16、17F

TEL:021-51093065

FAX:021-6008 2847

Copyright©:www.021com.com All Rights Reserved.

版权所有©:上海珍岛信息技术有限公司 网站地图
备案号:沪ICP备09078302号-114

沪公网安备 31010902001242号