网页布局完整版本.pptVIP

网页布局基本步骤构思，画出草稿精细化，突出重点（网站标志、广告栏、菜单栏）进一步修改，选定布局网页布局的基本原则页面尺寸页面尺寸和显示器大小、分辨率有关系，一般页面尺寸可设置如下：分辨率在800×600的情况下，页面显示尺寸为780×428象素；分辨率在640×480的情况下页面显示尺寸为620×311象素；分辨率在1024×768的情况下，页面显示尺寸为1007×600。分辨率越高页面尺寸越大。在网页设计过程中，向下拖动页面大概是惟一给网页增加更多内容(尺寸)的方法。但除非你能肯定站点的内容能吸引大家拖动，否则不要让访问者拖动页面超过三屏。虽然现在很多鼠标都有滚轮设计，但是网页的设计布局是越少用到鼠标越好。整体造型“国”字型，也称“同”字型。最上面是网站的标题、横幅广告条，接下来是网站的主要内容（左右分列两小条内容，中间是主要部分），最下面是网站信息、联系方式、版权声明等。特点：结构清晰、主次分明举例：广东技术师范学院研究生学院网站:8080/yjsc/拐角型，又叫厂字型。上面是标题及广告横幅，左侧是一窄列链接，右列是很宽的正文。特点：结构具有变化性，相对显得活泼。举例：吉百利/2007/bjp/Cadbury_0227/produce.asp标题正文型。上面是标题或标志，下面是正文，绝大多数搜索引擎站点都采用这种类型。举例:百度、谷歌左右框架型：一般左面是导航链接，有时上面会有一个小的标题或标志，右面是正文。大部分论坛和一些企业网站喜欢采用这种框架结构。下下型框架。综合型框架。封面型。大部分一些精美的平面设计结合一些小动画，放上几个简单的链接。处理得好，让人赏心悦目。Flash型：页面信息丰富，视觉冲击力强，被年青人所喜爱。举例：/网页布局的几个注意事项首页很重要首页是网站的第一印象。最好第一页就有很清楚的类别选项，而且尽量符合人性化，让参观者可以很快找到需要的主题。在设计上最好秉持干净清爽的原则。若无需要，尽量不要放置大型图形文件或加上不适当的程序，那样会增加下载时间，导致访问者失去耐心；注意画面不要太过杂乱无序。分类要清晰可以按主题分类、按性质分类、按机关组织分类，或按人类思考直觉式地分类等等，一般而言，按人类的直觉式思考会比较亲切。但无论哪一种分类方法，都要让使用者可以很容易找到目标。而且分类方法最好尽量保持一致，若要混用多种分类方法也要掌握不让使用者搞混的原则。此外，在每个分类选项的旁边或下一行，最好也加上这个选项内容的简要说明。互动好网站必须与使用者有良好的互动，包括在整个设计呈现、使用界面导引等等，都应掌握互动的原则，让使用者感觉他的每一步都确实得到适当的回应，这部分需要一些设计上的技巧。事实上，好的网站设计必须加上个人技巧、经验累积以及软硬件技术的配合运用等。图形应用技巧图形带有醒目、吸引人以及传达讯息的功能，好的图形应用可以让网页设计增色不少，但不当的图形应用则会带来反效果，而其中又以大量使用无意义及大型的图形为最大败笔。建议：应尽量缩小或省略图形。根据经验与统计，使用者可以忍受的最长等待时间大约是90秒钟。在图形使用上，尽量采用一般浏览器均可支持的压缩图形格式，例如JPG与GIF等，可以节省传输时间。网页背景不少人喜欢在网页加上背景图案，认为可以增加美感，但这样会耗费传输时间，而且容易影响阅读视觉，反而给使用者不好的印象。若没有绝对必要，最好避免使用背景图案，保持干净清爽的本文。但如果真的喜欢使用背景，那么最好使用单一色系，而且要跟前景的文字可以明显区别，最忌讳使用花俏多色的背景，这样会严重混乱使用者的阅读。网页配色方案的选择黑白灰色彩的应用：黑白灰色彩是万能色，可以跟任意一种色彩搭配。当你为某种色彩的搭配苦恼的时候，不防试试用黑白灰。当你觉得两种色彩的搭配不协调，试试加入黑色，或者灰色，或许会有意想不到的效果哦。对一些明度较高的网站，配以黑色，可以适当地降低其明度。白色是网站用的最普遍的一种颜色。很多网站甚至留出大块的白色空间，作为网站的一个组成部分。这就是留白艺术。很多设计性网站较多运用留白艺术。留白，给人一个遐想的空间，恰当的留白对于协调页面的均衡起到相当大的作用。确定网站的主题色。一个网站不可能单一的运用一种颜色，让人感觉单调，乏味；但是也不可能将所有的颜色都运用到网站中，让人感觉轻浮，花哨。一个网站必须有一种或两种主题色，不至于让客户迷失方向，也不到于单调，乏味。所以确定网站的主题色也是设计者必须考虑的问题之一。一个页面尽量不要超过4种色彩。用太多的色彩让人没有方向，没有侧重。当主题色确定好以后，考虑其它配色时，一定要考虑其它配色与主题色的关