设为首页
加入收藏
站点地图
首页 | 网站建设 | 杭州FPGA培训班,浙江FPGA培训班,苏州FPGA培训班,昆山FPGA培训班,常州FPGA培训班优化 | 网站推广 | 网络营销 | 网站运营 | 网站策划 | 在线讨论 | 下载中心
您当前的位置:WebSite -> 网站建设 -> 文章内容正文->设置网页的背景图像
 子栏目导航
 热门文章
 相关文章
 

设置网页的背景图像

作者:佚名  来源:转载  发布时间:2008-7-9 15:56:55  
 网页的背景色和背景图选择得好,会是页面增色不少。如果选取单一的背景色,难免显得单调,如果选择整个图片做背景,由于图片本身的文件大,造成网页的加载时间长,一般用户很难有耐性等待下去。那么带背景的网页是如何制作出来的?

  很简单,一般是采用一幅很小的图片,然后铺展开,形成很漂亮的背景。对背景图的要求当然是越漂亮越好,文件越小越好。这里我们不谈论图片的制作了。

  当你有了一幅可以自然拼接的图像后,在Dreamweaver中,我们可以设置background图片。

背景小图片

  打开源文件我们可以看到〈BODY〉标签中多了一串代码。代码的表达式如下:

  <BODY BACKGROUND="images/back001.gif" BGCOLOR="#FFFFFF" >

  这里的images/back001.gif就是BACKGROUND的值,其图像文件名为一个URL。 当然我们可以在源代码中直接加入上面的代码。

  下面是一个小例子。假如我们有了一幅适合做背景的小图,文件为back001.gif,下面就可以重新编写HTML代码了。

  <HTML>
   <HEAD>
     <TITLE>欢迎洪恩在线</TITLE>
   </HEAD>
   <BODY BACKGROUND="images/back001.gif" BGCOLOR="#FFFFFF">
     <P><FONT FACE="Arial" SIZE="5" COLOR="#0000ff">12亿中国人的网上学校</FONT><FONT FACE="5" COLOR="#0000ff">电脑乐园</FONT></P>
   </BODY>
  </HTML>

  下面是这段代码产生的显示效果:

效果图

  怎么样?如果你选择的背景图片质量很高的话,背景会更漂亮的。

 [返回上一页] [打 印] [收 藏]
百度中查看“设置网页的背景图像”相关文章

版权申明:本站网站建设资源来源网络,如有侵犯您的版权,请来Q告知 我们会在24小时内删除!

下一篇文章:如何改变字的颜色
Copyright © 2008-2010 www.mepeixun.com All Rights Reserved
服务QQ:52466268 邮箱:meipeixun@163.com
备案号:苏ICP备07200130号