网站中的页面设计

网站中的页面设计页面设计与导航系统确定页面大小页面主题的设计页面结构划分页面原始结构图设计导航系统注意站点中网页风格的统一确定页面大小影响因素：显示器分辨率、浏览器版本原则：少用滚动条；不出现水平滚动条；建议：分辨率使用：800*600象素点水平大小：800*600分辨率情况下为772px

1024*768分辨率情况下为996px垂直方向：1-3页页面主题页面主题

指能够反映页面风格的一种设计，主要是通过使用统一风格的图标、按钮、分隔线、题材图等。作用它是一种约束，是同一网站中各个页面于五彩缤纷中体现出统一风格的约束；它也是一种力量，是将各个设计者的作品有机的结合起来的力量。页面主题页面主题确立：在实用的内容上确定网站风格确定你的网站想给浏览者什么印象确定目标页面主题确定目标突出标准色彩（文字的链接色彩，图片的主色彩，背景色，边框等色彩尽量与标准色彩一致。）突出字体（关键的标题，菜单，图片里使用的统一的标准字体。）网站特有的标志有自己设计的花边、线条、点统一的图片效果页面主题视觉平衡色彩组合醒目，但一般不超过3种

图片、动画等多媒体素材的合理使用，不要过度。页面结构划分应用框架、表格、线条和色块来划分页面区域，否则会给人整个页面粘成一团的感觉。常见的页面结构页面结构划分两栏式三栏式页面结构划分横两栏纵两栏横两栏纵三栏页面结构划分横3栏纵2栏横3栏纵3栏页面结构划分页面结构的划分不局限于上述的几种方式，可以把他们结合在一起应用页面布局无定式，“简单即美”是设计者最求的最高境界/success.htm页面结构划分一般一个网站通常包括：

1．通用顶部：网站的首页及每个栏目页面顶部都会显示该内容

2．主要内容：不同于其他页面的特殊内容

3．通用底部：网站的首页及每个栏目页面底部都会显示改内容

页面原始结构图设计先在纸上画出页面的结构草图，最终得到满意的布局设计。例：

综合性站点的原始结构图例

企业网站的原始结构框图例标志区广告区导航区新闻区广告区导航区广告区版权区栏目区专题区网站新动态专家咨询活动特区综合性网站首页结构图示企业标志图站点主导航区页面标题图服务栏目子导航区子栏目及相关栏目区包括服务、产品及解决方案站点新闻及新闻栏目的链接专题活动（如有奖参与等）企业网站服务栏目首页结构图示页面导航导航的作用 使用导航系统，可以帮助人们简单快速地得大目标页面网站导航系统方式 主要有：菜单导航、站点目录、站内搜索、网站地图、你的位置等页面导航菜单导航菜单导航系统的设计并没有具体的规则，这部分设计应该满足网站的层次需要，而且容易让浏览者理解你的网站结构页面导航站点目录的建立较为庞大的网站，会有目录页面，方便浏览者来回翻看，寻找相关信息，就同察看一本书的目录一样。

页面导航站点目录的建立(1)把站点内容分划为各个栏目，用标题表示(2)在各栏目下面建立子栏目(3)在各子栏目下面，加入子栏目的全部页面的标题(4)通过字体大小、粗细和缩进格式使栏目，子栏目和页面标题区分开来(5)栏目名称应链接到该栏目首页，子栏目名称应同该子栏目首页相链接(6)使用分隔线分隔目录中的各个栏目(主区段)(7)在站点首页和其他各页面插入通向目录页面的链接页面导航站点地图网站地图并没有规范的制作要求，只要能够正确反映网站的结构就可以了。页面导航站内搜索搜索引擎在界面中一般放在站点的首页及其他所有页面的显眼位置，以便浏览者能够随时使用它。它的使用方法很简单，用户只要将需找的内容中的关键词输入搜索表单，程序会自动为用户找出合适的页面。制作方法

在web上免费的引擎程序或自己开发新的搜索引擎。页面导航你的位置显示用户当前在网站中的位置页面导航在制作导航系统中还应注意以下几个事项：可根据网站结构图中页面之间关系进行设计导航帮助要清楚；给用户直接的向导；页面不要死循环；简洁和一致性；链接的稳定性；设计与技术总结站点内多个网页若布局结构一样，局部内容不同时，可选用模板技术或框架技术（显式框架和隐式框架）站点内多个网页或同一网页某些元素风格相同时可选用CSS进行控制网页布局技术：表格和层（有需要