马上就加载好了...

网站整体制作经验之谈

by on Apr 22 , 2007 , under 创作 , 1,660 views , 1 Comment

以前就想写这个东西,就是没有时间静下心来写,今天,难得有这兴致,我就来谈谈吧。以下是本人的经验之谈,转载请注明出处!~

一。整体风格
网站的整体风格一定要统一,否则给人的感觉就很乱,即使是出自不同人之手,风格也一定要统一,否则效果很不好,如果是团队工作的话建议在开工前开个小会,确定一下网站整体风格的走向。时下最流行的莫过于Div+Css定义页面风格了,我本人也很赞同大家使用Css定义全局风格,效果真的很不错。整体风格包括页面大小、图片颜色、字体大小、字体颜色、排版布局等,一个专业的网站必定是整体风格统一的。

二。考虑客户端
这也是我今天重要要讲的,很多网页设计和制作人员没有考虑客户端,带来的麻烦是很大的,下面让我从几个方面来讲讲:

1、考虑客户端字体
客户端机器上一般只拥有普通字体(如宋体、黑体、楷书等),因为一般人不会去乱装字体。所以,千万不要在网页中插入自己机器上的特殊字体,按照当前浏览器的规则,一切不能显示出来的字体全部被默认为宋体,效果真的是很差很差,如果你一定要用特殊字体的话,建议用图形软件制作图片后插入网页中,这是目前最好也是最可行的办法。另外,如果你的网站是面向全世界的话,建议全部使用图片布局,因为外国人的机器上没有中文字体,这会直接导致客户端出现乱码,或者你可以全部用英文页面。另外,提一点,一般官方的网站或者是专业的网站,网页上所用的字体只有宋体和黑体,因此这两种字体也常被人们称为“经典字体”。

2、考虑客户端浏览器
虽然现在大多数中国人用的浏览器都是windows自带的Internet Explorer或是绿色浏览器GreenBrowser,但现在很多人都开始用开源的浏览器,如firefox、opera等,这就无形地加大了网页布局的严格度,很多在IE下可以浏览的网页却在其他浏览器中无法正常显示,绝大多数问题都是网页原本布局被打乱。专业的网站就不会出现这样的问题,为什么?因为他们在完成网页制作后在各种环境下测试过,其次,他们对网页HTML语言运用的要求是非常高的,不能出一点点差错。所以,在制作网页的时候一定要对HTML再三检查,一个参数错了都不行,最好在制作完成后在各种环境下测试。

3、考虑客户端分辨率
目前的主流分辨率是1024*768,但仍有三分之一的人正在使用着其他的分辨率,而在各种分辨率下网页的浏览效果大有不同,这该怎么办呢?首先要控制网页的宽度,现在的网页主体宽度一般都不大于1024,为了防止浏览器底端出现拉曳带来的不便。其次要控制网页的长度,现在的网页主体长度一般都不小于600,为了防止浏览器下方出现大块白色或背景色。最后要注意网页的比例,一般网页的宽和长之比控制在1:2,这是网页的“黄金比例”,有兴趣的话可以尝试一下,当然,引导页和其他特殊页面不要使用这样的比例,这个问题还要具体问题具体分析。

4、考虑客户端配置
很多人为了把自己的网页打扮得非常漂亮,于是在网页中加入了大量图片、视频和FLASH,我想说的是,这是非常不明智的,是在显示自己的机器有多么多么地好吗?其实则不然,这样的网站一般人来过一次都不会再来了,因为他们觉得上这个网站很“卡”。所以,在制作多媒体网页的时候要充分考虑客户端机器的配置,相信这点大家都懂,但还真有那么多人会在制作网页时忘了这一点。

5、考虑客户端设备
随着科技的迅速发展,现在越来越多的人选择用手机GPRS直接访问Web网页,也有很多人用Wap代理软件(如Ucweb)等访问Web网站,那么,我们是否应该也考虑网页在手机上的显示效果呢?虽然手机端的软件会自动处理网页的布局等问题,但几张被切割过的图片是无法重新整和的。所以在制作网页时,如果不是非常大的图片的话,尽量不要切割。如果真的是很大的图片要切割的话,本人建议加入java脚本程序,使该图片无法在手机上显示,我想这是现在最好的办法了吧。

三、页面布局
页面布局应该是网页制作的精髓了,很多网站好看,是因为它的布局好。布局可以简洁,也可以复杂,这两种布局方式各有各的好处。门户网站和政府网站一般都选择复杂的网页布局,但这种布局虽然复杂但很有条理,所谓杂乱有章。工作室的网站或娱乐性的网站一般都选择简洁的网页布局,给人的感觉就是很清新。在网页制作之前要充分考虑网页布局问题,切不可麻木乱做,这将直接影响网页的最终效果。另外,还要事先给网站定位,只有在定位之后才可决定用什么样的布局方案比较适合。

四、色彩搭配
这与网页的整体风格有一定的联系,如果人家一眼就能看出你的网页是什么色调的话,那么,你已经成功了一半。色彩搭配主要包括:网页中插入的图片的主体色调和、网页背景或背景图片的主体色调、网页字体的颜色(建议用Css定义)。当然,网页线条等也可以使用Css定义。色彩搭配的主体颜色并非随机选择,而是根据你的网站定位。比如一个娱乐性网站,一般选择橙色(#FF4000)、黄色(#FFFF00)、绿色(#00FF00)等比较鲜艳的颜色。简单讲一下视觉心理:紫色(#9600E1),神秘的颜色。.蓝色(#11CFFF),种情感化的颜色。红色(#FF0000),激情四溢的颜色,喜庆网站所用。白色(#FFFFFF),一般是比较正规的网站都用白色。黑色(#000000),个性感比较强烈的网站所用。

五、网页框架
框架结构非常适合网站整体制作,为什么这么说呢,框架结构相当于ASP语言中的“程序调用”,只要定义一个header,然后在各各网页中调用此文件,就可以使每张网页都含有header了,是不是很方面?这个模式相当于定义一个Css文件,然后再调用一样。时下很流行框架结构的网页,随便找几个网站就不难发现这一点,所以希望大家在做大型网站的时候充分考虑这一点,这会给你带来很大的便利。

累了,今天就谈到这吧,下次继续。。。

 

沙发没了,但板凳还在!

  1. 哈哈

    非常顶,顶!

赶快说点什么吧! ^_^