怎样设计网页背景-织梦企业模板-站长建站的模板站

Website Home

1.颜色背景颜色背景的设计是最为简单的,但同时也是最为常用和最为重要的,因为相对于图片背景来说,它有无与伦比的显示速度上的优势。在网页文件中,一般通过<body>标签来指定页面的颜色背景,其HTML语法为:<bodybgcolor=color>其中的color表示不难丈梢杂酶髦植煌难丈硎痉椒ǎ冉铣S玫挠兄苯佑醚丈挠⑽拿疲鏱lue、yellow、black等等,还可以用颜色的十六进制表示方法,如#0000FF、#FFFF00、#000000等等,此外还可以用百分比值法和整数法,其效果都是一样的。颜色背景虽然比较简单,但也有不少地方需要注意,如要根据不同的页面内容设计背景颜色的冷暖状态,要根据页面的编排设计背景颜色与页面内容的最佳视觉搭配等等。2.沙纹背景沙纹背景其实属于图片背景的范畴,它的主要特点是整个页面的背景可以看作是局部背景的反复重排,在这类背景中以沙纹状的背景是为常见,所以我们将其统称为沙纹背景。初学主页制作者都有这样的经历,当试图把自己的照片作为页面的背景是,却发现浏览器上显示出来的不仅仅是一个照片,而是同一照片在水平和竖直方向上的反复排列。这就是浏览器处理图片背景时的规律方法,利用这一规律我们可以用一小块图片作为页面背景,让它自动在页面上重复排列,铺满整个页面,从而使网页的体积大大减小。读者到现在恐怕都已经知道了沙纹背景的原理和实现方法,就是找一个小的图片,越小越好,但注意要使最后的背景看起来要像一个整体,而不是若干图片的堆砌。其实现的HTML语法如下:<bodybackground=picture>其中的picture表示背景图片的URL路径。3.条状背景条状背景与沙纹背景是比较相似的,它适用于页面背景在水平或竖直方向上看是重复排列的,而在另一方向上看则是没有规律的。它也是利用浏览器对图片背景的自动重复排列,与沙纹背景所不同的是它只让图片在一个方向上重复排列。以在竖直方向上排列为例,首先用图像处理软件做一个从左到右为蓝白渐变的水平条状图片,其长度与页面的宽度相当。也通过<bodybackground=picture>将其设为页面背景,经浏览器显示后,就成为整个页面从左到右蓝白渐变的分栏颜色背景。当然,也可以用类似的方法实现条状背景在水平方向上的重复排列。4.照片背景把自己或朋友的照片作为页面的背景让大家看到,是有点令人激动的事情,但浏览器对图片的自动重复排列却使这一愿望难以实现。怎么办呢?只有想不到的,没有做不到的,这里我们用上一点简单的CSS。在网页文件的<head>……</head>之间加入下面的CSS语句:<styletype=text/css><!--body{background-image:url(myphoto.jpg);background-repeat:no-repeat;background-attachment:fixed;background-position:50%50%}--></style>这样,在网页页面中,就可以看到你的照片位于页面的正中间,而且在拉动浏览器窗口的滚动条时,照片仍然位于页面的正中间而不随页面内容一起滚动。如果你觉得照片位于页面的正中间不满意,你也可以随意地调整它在页面中的位置,只需要调整background-position的值就可以了。5.复合背景如果你在练习上面的“照片背景”时“不小心”也设置了<body>标签里的颜色背景,那么你看到了什么?颜色背景还起作用吗?对,你能看到你的照片浮于你设的颜色背景之上,二者能够同时正常地显示出来。这就是复合背景的魅力,更为吸引人的是,当你所设置的图片背景因为某种不可知的因素而不能正常显示的时候,浏览器能够自动用你所设置的颜色背景取而代之。它的设计方法,就不用我再多说了吧!6.局部背景前面我们所说的背景都是整个页面的背景,能不能在页面上为某个局部的内容设置属于它自己的背景呢?回答是肯定的。最为常见的是在表格的设计当中,我们可以为表格设置一个不同于页面的背景,甚至在不同的表格单元中,我们也可以设置各个表格单元自己的背景。请看下面这个表格例子:<tableborder=1width=240height=101bgcolor=#C0C0C0><tr><tdwidth=80height=46bgcolor=#00FFFF></td><tdwidth=80height=46></td><tdwidth=80height=46bgcolor=#00FF00></td></tr><tr><tdwidth=80height=47bgcolor=#FFFF00></td><tdwidth=80height=47bgcolor=#FF0000></td><tdwidth=80height=47bgcolor=#FF00FF></td></tr></table>在浏览器中的显示效果如图所示,可以看到,不但对于表格整个来说有不同于页面的背景,就是每一个单元格也可以设置各不相同的背景。除此之外,我们还可以单独为某个文字段落设置背景,甚至为这个文字段落中的某几个文字设置自己的背景,是不是有点相当不错,这也需要用上一些CSS。请先看一下下面的这个例子:<HTML><HEAD><TITLE>不仅仅是页面的背景</TITLE><STYLETYPE=text/css><!--BODY{BACKGROUND:#FFFFDD;COLOR:red}div{BACKGROUND:red;COLOR:white}--></STYLE></HEAD><BODY><PSTYLE=BACKGROUND:blackurl(../images/bg.jpg);COLOR:black}>记得毛主席有这么一首诗:<div>坐地日行八万里,巡于遥看一千河。</div>伟人就是了不起,……几万里就出去了。</P></BODY></HTML>在浏览器中的显示效果如图所示,现在是不是有点兴奋了,啊,原来文段也可以有自己的背景。只要你愿意,你就可以为页面的任何一个部分定义自己的背景,从而把页面打扮得更加漂亮和吸引人。说到这,关于网页背景设计的问题也就说得大概也就差不多了,但新的网页制作技术也在不断涌现,说不定今天你看了这篇文章,明天就觉得它太过时了。考试大提示写这篇文章,目的是引起广大网页制作者对背景设计的注意,毕竟,背景对网页来说实在是太重要了,当然,网站还是要以内容为第一的。请检查你的图片用PHOTOSHOP重新改一下格式变成JPG或GIF如果你确定你的路径和代码没问题的话这个我以前遇到过网页得背景音乐要根据你网站得内容主题而定.并且这个随意性很强没有必要按照死理.但是有点很重要如果是商务网站教育网站最好切记不要放任何音乐.个人网站或者BLOG那么你可以根据你得页面设计或者个人爱好进行而定.建议不要放背景音乐而是在页面中放一个音乐播放器..这样访问你页面得人可以自己定制是否需要音乐.而且还不会占用页面打开得速度.Dreamweaver代码中输入“<bgsound”代码后按空格键,代码提示框会自动将bgsound标签的属性列出来供你选择使用。bgsound标签共有五个属性,其中balance是设置音乐的左右均衡,delay是进行播放延时的设置,loop是循环次数的控制,src则是我们音乐文件的路径,volume是音量设置。一般在添加背景音乐时,我们并不需要对音乐进行左右均衡以及延时等设置,所以仅需要几个主要的参数就可以了。最后的代码如下:<bgsoundsrc="music.mid"loop="-1">其中,loop="-1"表示音乐无限循环播放,如果你要设置播放次数,则改为相应的数字即可。本回答由网友推荐设置背景大小的时候为100%<div style="background:url(你的背景图片的存储路径)"></div>方法一、在之间插入例如:方法二、FrontPage的“网页属性”-->“常规”-->“背景音乐”-->“浏览”。注意的是,除了RM格式,其它的格式一般都可以支持,但是不建议采用大于500K的背景音乐,打开会很慢。一般正规的网站都不加背景音乐的。一般都加在首页的flash展示里。Midi的音乐,在网上自己搜一下,多的是。用dw打开页面文件,在菜单栏单“修改”菜单,在打开的菜单里单击“页面属性”,在打开的对话框里左侧选择“外观(css)”,这时在右侧可以设置“背景图像”。你也可以直接按ctrl+j打开页面属性对话框。