网站seo优化 聚众网络只做有价值的网站

当前位置:首页 > 文章资讯 > 网站seo优化

网站设计如何选择背景

来源:【 聚众网络 】      人气:【 0

      第一:照片背景可以随意调整

    把自己或朋友的照片作为页面的背景让大家看到,是有点令人激动的事情,但浏览器对图片的自动重复排列却使这一愿望难以实现。上海做网站是一种通信工具,人们可以通过网站来发布自己想要公开的信息,或者利用网站来提供相关的网络服务。人们可以通过网页浏览器来访问网站,获取自己需要的信息或者享受网络服务。现在许多公司都拥有自己的网站,他们利用网站来行宣传、发布产品信息、招聘等等。怎么办呢?只有想不到的,没有做不到的,这里我们用上一点简单的CSS。在网站设计文件的<head>……</head>之间加入下面的CSS语句:<style type="text/css"><!--body{background-image:url(myphoto.jpg);background-repeat:no-repeat;background-attachment:fixed;background-position:50% 50%}--></style>这样,在网页页面中,就可以看到你的照片位于页面的正中间,而且在拉动浏览器窗口的滚动条时,照片仍然位于页面的正中间而不随页面网站内容共同滚动。如果你觉得照片位于页面的正中间不满意,你也可以随意地调整它在页面中的位置,只需要调整"background-position"的值就可以了。
    第二:沙纹背景要使最后的背景看起来像一个整体
    沙纹背景其实属于图片背景的范畴,它的主要特性是整个页面的背景可以看作是局部背景的反复重排,在这类背景中以沙纹状的背景是为常见,所以我们将其统称为沙纹背景。初学主页制作者都有这样的经历,当试图把自己的照片作为页面的背景是,却发现浏览器上显示出来的不仅仅是一个照片,而是同一照片在水平和竖直方向上的反复排列。这就是浏览器处理(chǔ lǐ)图片背景时的规律方法,利用这一规律我们可以用一小块图片作为页面背景,让它自动在页面上重复排列,铺满整个页面,从而使网页的体积大大减小。沙纹背景的原理和实现方法,就是找一个小的图片,越小越好,但注意(attention)要使最后的背景看起来要像一个整体,而不是若干图片的堆砌。其实现的HTML语法如下:<body background="picture">其中的"picture"表示背景图片的URL路径。
    第三:颜色背景要与页面网站内容形成最佳视觉搭配
    颜色背景的设计是最为简单的,但同时也是最为常用和最为重要的,因为相对于图片背景来说,它有无与伦比的显示速度上的优势。做网站开始是指在因特网上根据一定的规则,使用HTML(标准通用标记语言下的一个应用)等工具制作的用于展示特定内容相关网页的集合。简单地说,网站是一种沟通工具,人们可以通过网站来发布自己想要公开的资讯,或者利用网站来提供相关的网络服务。在网站设计文件中,一般通过(tōng guò)<body>标签来指定页面的颜色背景,其HTML语法为:<body bgcolor="color">其中的"color"表示不同的颜色,可以用各种不同的颜色表示方法,比较常用的有直接用颜色的英文名称,如blu
E、yello
  W、black等等,还可以用颜色的十六进制表示方法,如#0000F
  F、#FFFF00、#000000等等,此外还可以用百分比值法和整数法,其效果都是一样的。网站建设通过一系列设计、建模、和执行的过程将电子格式的信息通过互联网传输,最终以图形用户界面(GUI)的形式被用户所浏览。简单来说,网页设计的目的就是产生网站。简单的信息如文字,图片(GIF,JPEG,PNG)和表格,都可以通过使超文件标示语言、可扩展超文本标记语言等标示语言放置到网站页面上。颜色背景虽然比较简单,但也有不少地方需要注意(attention),如要根据不同的页面网站内容设计背景颜色的冷暖状态,要根据页面的编排设计背景颜色与页面网站内容的最佳视觉搭配等等。
    第四:条状背景可以水平或竖直方向上重复排列
    条状背景与沙纹背景是比较相似的,它适用于网站设计页面背景在水平或竖直方向上看是重复排列的,而在另一方向上看则是没有规律的。网站建设通过一系列设计、建模、和执行的过程将电子格式的信息通过互联网传输,最终以图形用户界面(GUI)的形式被用户所浏览。简单来说,网页设计的目的就是产生网站。简单的信息如文字,图片(GIF,JPEG,PNG)和表格,都可以通过使超文件标示语言、可扩展超文本标记语言等标示语言放置到网站页面上。它也是利用浏览器对图片背景的自动重复排列,与沙纹背景所不同的是它只让图片在一个方向上重复排列。以在竖直方向上排列为例,首先用图像处理(chǔ lǐ)软件做一个从左到右为蓝白渐变的水平条状图片,其长度与页面的宽度相当。也通过(tōng guò)<body background="picture">将其设为页面背景,经浏览器显示后,就成为整个页面从左到右蓝白渐变的分栏颜色背景。当然,也可以用类似的方法实现条状背景在水平方向上的重复排列。

评论

发表