网页的排版与布局.pptVIP

网页的排版与布局 主要内容： 网页的基本构成 布局的实现方式 常见的网页布局 网页布局方法 Logo logo代表一个网站的标志。 网站需要设计出一个有鲜明特色的logo。Logo的主要作用是提供其他网站指向自己网站的链接，在某些场合代表自己的网站。 它的设计要能够充分体现该网站的核心理念。设计要求动感、简约、大气、高品位、色彩搭配合理、美观、印象深刻。 完整的Logo设计一般都应考虑至少有中英文双语的形式。 Banner Banner条是横幅广告，是互联网广告中最基本的广告形式。 一个网站需要以一些广告的形式表现网站的重要内容。这些广告可以制作成图片或动画的形式，有鲜艳的颜色与很好的创意。 格式：GIF格式，Flash动画。 Banner是体现网站重要内容的一种常用形式。 可以位于网页顶部、中部或底部任意一处，一般横向贯穿整个或者大半个页面。 导航条 网站常用的链接放置在一起，以一定方式排列，就是网站的导航条。 一般的网站都有一个或多个方便用户使用的导航条。 导航栏是浏览者浏览网页时有效的指向标志。可分为框架导航、文本导航和图片导航等。 根据放置的位置分为横排导航栏和竖排导航栏。 导航栏的使用原则 对于内容丰富的网站，可以使用框架导航，以便浏览者在任何页面上时，都可以快速切换到另一个栏目。 若利用JavaScript、DHTML等动态隐藏层技术实现导航栏，需要注意浏览器是否支持。 图片导航虽然美观，但占用空间大，会影响网页打开的速度，不应多用。 多排导航条应在导航栏目很多的情况下使用。一般导航栏目超过8个时考虑。 网页内容 网页中表现网页内容的区域，是一个网页中的重要部分。 文本是网页传递信息的主要载体，文本的传输速度快，而且设计者可以对网页文本进行大小、颜色、段落、层次等属性方面的设置，风格独特的网页文本设置会给浏览者带来赏心悦目的感觉。 相对文字来说，图像更加直观生动，可以带给人较强的视觉冲击，使用图像可以使网页更具有吸引力。网站标识、网页背景、超链接等都可以使用图像。 在网页中加入动画，可以使网页更具动感，一般有GIF格式的动画和Flash动画等。 网页链接 网页中指向本网站其他内容或其他网站内容的链接。 一个网页常常无法容纳全部内容，需要用链接指向其他相关的内容。 制作需要考虑到用户的实用性。 版权栏 属于网页页脚内容，需要标注网站内容的版权与相关信息，制作一些常用的网站帮助信息、版权说明、联系方式等连接。 2 网页的排版方法 使用表格布局页面 使用表格实现网页布局是最常用的布局实现方式。表格可以方便地实现网页区域的划分。用表格嵌套的方法，可以方便地实现网页区域的分割与组合。表格容易用边框实现很多种边框效果，操作方便。 使用层结构布局 层是另一种网页布局方式，与表格布局的主要优点是可以方便地实现网页区域的定位。 使用多个层，每个层固定一个区域。通过对层的位置设置实现网页的布局。 表格式需要以一定的方式排列的，不同的表格与表格单元格之间存在着布局上的联系。但是层的操作时相互独立的。层可以更灵活地实现网页区域的定位。不同层的位置可以互不影响地调整。需要绝对定位一个网页区域时，常常使用一个层来实现。 3 常见的网页结构类型 “国”字型布局 “国”字形也可以称为“同”字型，是一些大型网站所喜欢的类型，即最上面是网站的标题以及横幅广告条，接下来就是网站的主要内容，左右分列两小条内容，中间是主要部分，与左右一起罗列到底，最下面是网站的一些基本信息、联系方式、版权声明等。这种结构是我们在网上见到的差不多最多的一种结构类型。 “厂”字型布局 最上方是广告条，页面下方左面是菜单，右面显示页面内容，整体上类似汉字“厂”，所以我们称之为“厂”字型布局。这种布局条理清晰、主次分明，非常适合初学者学习，但略微有点呆板，如图所示。 “框架”型 这是一种左右为分别两页的框架结构，一般左面是导航链接，有时最上面会有一个小的标题或标致，右面是正文，如图1-18所示。我们见到的大部分的大型论坛都是这种结构的，有一些企业网站也喜欢采用。这种类型结构非常清晰，一目了然。但是这种结构在使用框架时有个问题，即不容易被有哪些信誉好的足球投注网站引擎找到。如果考虑到这一点，尽量少用带框架的页面。 “封面”型布局 这种布局就像我们平时见到的海报一样，中间是一幅很醒目、设计非常精美的图片，周围点缀着一些图片和文字链接。这种设计常用于一些时尚类和公司的首页，非常吸引人。但大量的运用图片导致网页下载速度很慢，而且提供的信息量较少，如图所示。 Flash型布局 Flash网页模板1 4 网页布局原则 在网页设计的众多环节中，页面布局、颜色搭配是最为重要的环节之一。常规网站中页面布局有以下几种特点，熟悉这些原则将对页面的设计有所帮助。 1、平衡性文字、图像等要