网页制作图片背景.doc

网页制作图片背景 网页制作背景图片代码计算机 2010-03-24 12:29:33 阅读449 评论0 字号：大中小 . 网页制作背景图片代码 网页设计 2010-03-24 10:32:23 阅读7 评论0 字号：大中小 方法一： 文章编辑的时候点击创建表格后在弹出的窗口中把边框设置为0,然后填上背景图片的链接地址就好了 也可以用代码： TABLE height=600 width=600 background=你的背景图片地址 border=0 TBODY TR TD你的主体内容/TD/TR/TBODY/TABLE 方法二： body background=你的背景图片地址 方法三： STYLE type=text/css!--body {background-image:url(你的背景图片地址);background-repeat:no-repeat;background-attachment:fixed;background-position:50% 50%}-- /STYLE 方法四： 背景图是在HTML模式下把以下代码加到已有代码最前面： body background=图片地址 注：图片地址必须是网络上已有的图片，不是本地机的，如果要链接本地机的，必先在相册或者其他文章上传之后才可以调用。 方法五： STYLE TYPE=text/css !-- BODY {background-image: URL(图片名称.gif); background-position: center; background-repeat: no-repeat; background-attachment: fixed;} -- /STYLE 方法六： 使图片始终位于页面的中间，而且在拉动浏览器窗口的滚动条时，照片仍然位于页面的正中间而不随页面的内容一起滚动。如果你觉得照片位于页面的正中间不满意，只需要调整以下代码中的“background-position的值就可以了。代码如下： STYLE type=text/css!--body {background-image:url(你的背景图片地址);background-repeat:no-repeat;background-attachment:fixed;background-position:50% 50%}-- /STYLE 还可先用可视化编辑，把文字先编辑好大小、颜色、字体，再切换到html状态下，如果需要文字移动，就把这段文字代码粘贴到移动文字特效代码中。然后把移动文字的代码粘贴到图片背景特效代码中的显示文字中。一个带有移动文字的图片就做好了. **************************************************** *网叶背景图片的添加方法 网页中的背景设计是相当重要的，尤其是对于个人主页来说，一个主页的背景就相当于一个房间里的墙壁地板一样，好的背景不但能影响访问者对网页内容的接受程度，还能影响访问者对整个网站的印象。如果你经常注意别人的网站，你应该会发现在不同的网站上，甚至同一个网站的不同页面上，都会有各式各样的不同的背景设计。究竟都有哪些不同样式的背景，还有它们的设计方法都是怎样的呢，现在就由我来为大家作一个比较完整的总结。 　　1.颜色背景 　　颜色背景的设计是最为简单的，但同时也是最为常用和最为重要的，因为相对于图片背景来说，它有无与伦比的显示速度上的优势。在网页文件中，一般通过body标签来指定页面的颜色背景，其HTML语法为： 　　body bgcolor=color 　　其中的color表示不同的颜色，可以用各种不同的颜色表示方法，比较常用的有直接用颜色的英文名称，如blue、yellow、black等等，还可以用颜色的十六进制表示方法，如#0000FF、#FFFF00、#000000等等，此外还可以用百分比值法和整数法，其效果都是一样的。 　　颜色背景虽然比较简单，但也有不少地方需要注意，如要根据不同的页面内容设计背景颜色的冷暖状态，要根据页面的编排设计背景颜色与页面内容的最佳视觉搭配等等。 　　2.沙纹背景 　　沙纹背景其实属于图片背景的范畴，它的主要特点是整个页面的背景可以看作是局部背景的反复重排，在这类背景中以沙纹状的背景是为常见，所以我们将其统称为沙纹背景。 　　初学主页制作者都有这样的经历，当试图把自己的照片作为页面的背景是，却发现浏览器上显示出来的不仅仅是一个照片，而是同一照片在水平和竖直方向上的反复排列。这就是浏览器处理图片背景时的规律方法，利用这一规律我们可以用一小块图片作为页面背景，让它自动在页面上重复排列，铺满整个页面，从而使网页的体积大大减小。 　　读者到现在恐