网页布局设计基础

《网页布局设计基础》由会员上传分享，免费在线阅读，更多相关内容在工程资料-天天文库。

1、m星狮创想UJlDllJ.5ia7.CDm网页布局设计基础正如你现在所看到的一样，网页的布局设计变得越來越垂要。访问者不愿意再看到只注重内容的站点。虽然内容很重要，但只有当网页布局和网页内容成功接合时，这种网页或者说站点才是受人喜欢的。取任何一面你都无法留住太过“挑剔”的访问者。%1.网页布局的基木概念最开始，网页呈现在你面前的时侯，它就好像一张白纸，它需要你任意挥洒你的设计才思。在开始的时侯，你需要明白，虽然你能控制一切你所能控制的东西，但假如你知道什么是一种约定俗成的标准或者说人多数访问者的浏览习惯，那么你

2、可以在此基础上加上B己的东西。你当然也可以创造出白己的设计方案，但如果你是初学者，那么最好明白网页布局的基本概念。1•页面尺寸：由于页面尺寸和显示器人小及分辨率有关系，网页的局限性就在于你无法突破显示器的范围，而且因为浏览器也将占去不少空间，留下给你的页面范围变得越來越小。一般分辨率在800x600的情况下，页面的显示尺寸为：780x428个彖素；分辨率在640x480的情况下，页面的显示尺寸为:620X311个彖素；分辨率在1024X768的情况下，页面的显示尺寸为:1007x60()o从以上数据可以看出，分

3、辨率越高页而尺寸越大。浏览器的工具栏也是影响页面尺寸的原因。一•般1=1前的浏览器的工具栏都可以取消或者增加，那么当你显示全部的工具栏时，和关闭全部工具栏时，页面的尺寸是不一样的。在网页设计过程中，向下拖动页而是惟一给网页增加更多内容(尺寸)的方法。但我想捉醒大家除非你能肯定站点的内容能吸引大家拖动，否则不要让访问者拖动贝面超过三屏。如果需要在同一贝面显示超过三屏的内容，那么你最好能在上面做上页面内部连接，方便访问者浏览。2.整体造烈：什么是造型，造型就是创造出來的物体形象。这里是指页面的整体形象，这种形象应该

4、是一个整体,图形与文本的接合应该是层叠有序。虽然，显示器和浏览器都是矩形，但対于页血的造型，你可以充分运用自然界中的其它形状以及它们的组合：矩形，圆形，三角形，菱形等。对于不同的形状，它们所代表的意义是不同的。比如矩形代表着正式，规则，你注意到很多ICP和政府网页都是以矩形为整体造型；圆形带表着柔和，团结，温暖，安全等，许多时尚站点爲欢以圆形为页面整体造空；三角形代表着力量，权威，牢固，侵略等，许多大型的商业诂点为显示它的权威性常以三角形为页面整体造型；菱形代表着平衡，协调，公平，一些交友站点常运川菱形作为页面

5、整体造型。虽然不同形状带表着不同意义，但目前的网页制作多数是接合多个图形加以设计，在这其屮某种图形的构图比例可能占的多-•些。3.页头：页头又可称Z为页眉，页眉的作用是定义页而的主题。比如一个站点的名字多数都显示在页眉里。这样，访问者能很快知道这个诂点是什么内容。页头是整个页而设计的关键，它将牵涉到下而的更多设计m星狮创想UJlDllJ.5IE7.Cam和整个页面的协调性。页头常放置站点名字的图片和公司标志以及旗帜广告。2.文本：文木在页而中出现都数以行或者块（段落）出现，它们的摆放位置决定者整个页而布局的可视

6、性。在过去因为贝面制作技术的局限，文本放置的位置的灵活性非常小，而随着DHTML的兴起，文本已经可以按照白己的要求放置到页面的任何位置。3.页脚:页脚和页头相呼应。页头是放置站点主题的地方，而页脚是放置制作者或者公司信息的地方。你能看到，许多制作信息都是放置在页脚的。b图片*图片和文本是网页的两大构成元素，却一不可。如何处理好图片和文本的位置成了整个贝面布局的关键。而你的布局思维也将体现在这里。7•多媒体除了文本和图片，还有声音，动画，视频等等其它媒体。虽然它们不是经常能被利用到，但随着动态网页的兴起，它们在网

7、页布局上也将变得更重要。%1.网页布局的方法网页布局的方法有两种，第一-种为纸上布局；第二种为软件布局。下面分別加以介绍：1.纸上布局法许多网页制作者不喜欢先画出页面布局的草图，而是直接在网页设计器里边设计布局边加内容。这种不打草稿的方法不能让你设计出优秀的网贝来。所以在开始制作网页吋，耍先在纸上画出你页面的布局草图來。准备一若干张白纸和一只铅笔，你要设计一个时诣站点。*尺寸选择：日前一般800X600的分辨率为约定俗成的浏览模式。所以为了照顾人多数访问者，你页面的尺寸以800X600的分辨率为准。*造型的选择

8、：先在白纸上画出彖征浏览器窗口的矩形，这个矩形就是你布局的范围了。选择一个形状作为整个页而的主题造型，我们选择圆形，因为它代表者柔和，和时尚流行比较相称，然后在矩形框架里随意画出来,你可以试者在增加一些圆形或者其它形状。这样価下来，你会发现很乱。其实，如果你一开始就想设计出m星狮创想UJlDllJ.5ia7.CDmi个完美的布局來是比较闲难的，而你要在这看似很乱的图形小找出隐藏在其屮的