网站布局与色彩搭配技巧1讲解.docVIP

网页设计的基础--网页布局 正如您现在看到的，网页的布局变得越来越重要。访问者不愿意再看到只注重内容的站点。虽然内容很重要，但只有当网页布局和网页内容成功结合时，这种网页或者站点才是招人喜欢的。缺任何一面你都无法留住太过“挑剔”的访问者。 　　网页布局的基本理念 　　最开始网页呈现在你面前的时侯，它就好像一张白纸，它需要挥洒你的设计才华。假如你知道什么是一种约定俗成的标准或者说大多数访问者的浏览习惯，那么你可以在此基础上加上自己的东西。总结出来就是先锋在线网站制作人员对网页布局的设计理念： 　 　　1.页面尺寸： 　　一般分辨率在800×600的情况下，页面显示尺寸为780×428象素；分辨率在640×480的情况下页面显示尺寸为620×311象素；分辨率在1024×768的情况下，页面显示尺寸为1007×600。分辨率越高页面尺寸越大。我们经常看到有的网页上的说明：本网页适合在1024×768分辨率下浏览...不要搞成这样！永远不要让浏览者调整分辨率去适应你的网页尺寸，而是应该自动适应浏览者的分辨率尺寸，这就是使用者(浏览者)优先原则。 　　浏览器的工具栏也是影响页面尺寸的原因。一般目前的浏览器的工具栏都可以取消或者增加，那么当你显示全部的工具栏时，和关闭全部工具栏时，页面的尺寸是不一样的。 　　在网页设计过程中，向下拖动页面大概是惟一给网页增加更多内容(尺寸)的方法。但我想提醒大家除非你能肯定站点的内容能吸引大家拖动，否则不要让访问者拖动页面超过三屏。虽然现在很多鼠标都有滚轮设计，但是网页的设计布局是越少用到鼠标越好。 　　2.整体形象： 　　是图形与文本的结合应该是层叠有序的整体。虽然，显示器和浏览器都是矩形，但对于页面的造型，你可以充分运用自然界中的其它形状以及它们的组合：矩形、圆形、三角形、菱形等轮廓。 　　对于不同的形状，它们所代表的意义是不同的。比如矩形代表着正式，规则，你注意到很多ICP和政府网页都是以矩形为整体造型；圆形轮廓代表柔和，团结，温暖，安全等，许多时尚站点喜欢以圆形为页面整体造型轮廓；三角形、梯形代表着力量，权威，牢固，侵略等，许多大型的商业站点为显示它的权威性常以三角形为页面整体造型；菱形代表着平衡，协调，公平，一些交友站点常运用菱形作为页面整体造型。虽然不同形状带表着不同意义，但目前的网页制作多数是接合多个图形设计，只是其中某种图形的比例可能占的多一些。 　 3.页眉和页脚： 　　页头又称为页眉，页眉的作用是定义页面的主题。比如一个站点的名字多数都显示在页眉里。这样，访问者能很快知道这个站点是什么内容。页头是整个页面设计的关键，它将牵涉到下面的更多设计和整个页面的协调性。页头常放置站点名字的图片和公司标志以及旗帜广告。页脚和页头相呼应。页头是放置站点主题的地方，而页脚是放置公司信息或者作者信息的地方，如：本网页由某某制作维护...先锋在线制作的网页通常不在此处放置作者信息。 　　4.文本和图片： 　　文本在页面中出现多数以行或者块(段落)出现，它们的摆放位置决定整个页面布局的可视性。以前因为页面制作技术的局限，文本位置的灵活性非常小，而随着DHTML的兴起，文本已经可以按照自己的要求放置到页面的任何位置。图片和文本是网页的两大构成元素，缺一不可。如何处理好图片和文本的位置成了整个页面布局的关键。而你的布局思维也将体现在这里。 　　5.多媒体 　　除了文本和图片，还有声音，动画，视频等等其它媒体。虽然它们不是经常能被利用到，但随着动态网页的兴起，它们在网页布局上也将变得很重要，但是flash动画不利于搜索引擎的爬虫找到和识别。 网页设计的原则 一、使用者优先： 　　无论什么时候，不管是着手准备设计网页之前、正在设计之中或者已经设计完毕，有一个最高准则就是∶使用者优先。因为没有使用者去光顾或者不方便使用者浏览，任何自认再好的网页都是没有意义的。 二、考虑大多数人的连线状况 　　国内互联网还处于初级阶段，带宽不足，而且经常塞车严重，所以设计网页时必需以这种普遍状况为设计考量，不要放置一堆会加重网络拥挤或让人等得发火的东西。完成之后最好自己透过Modem拨号上网的方式来亲自测试一下。 三、考虑使用者的浏览器 　　如果要让所有的人都可以毫无障碍地观看您的网页，那就最好使用所有浏览器都可以阅读的格式，不要使用只有部份浏览器可以支持的HTML格式或程序技巧。如果既想展现自己的高超技术又不想放弃一些潜在观众，可以考虑在主页中设置几种不同的观赏模式选项（例如纯文字模式、Frame模式、Java模式等等）供浏览者自行选择。 四、内容永远第一 　 　 内容可以是任何东西，包括文字、图片、影像、声音等等，但一定要跟这个网站所要提供的讯息有关系。 一