版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领
文档简介
网站中的页面设计页面设计与导航系统确定页面大小页面主题的设计页面结构划分页面原始结构图设计导航系统注意站点中网页风格的统一确定页面大小影响因素:显示器分辨率、浏览器版本原则:少用滚动条;不出现水平滚动条;建议:分辨率使用: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进行控制网页布局技术:表格和层(有需要
温馨提示
- 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
- 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
- 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
- 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
- 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
- 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
- 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。
最新文档
- 合同协议鱼塘承包合同
- 制造业供应链管理软件研发合同
- 公司保洁服务合同
- 企业级邮件系统开发与集成合同
- 企业级公关活动策划合同
- 出纳个人工作总结精
- 关于父母感恩演讲稿范文锦集八篇
- 关于酒店的实习报告范文集锦5篇
- 关于建筑类的实习报告范文6篇
- 2024至2030年中国高耐磨机械配件数据监测研究报告
- 融媒体直播运营
- 农业科技成果转化与推广
- 中国传统戏曲服饰元素在当代服装设计上的运用
- 2024年中国银行股份有限公司招聘笔试参考题库含答案解析
- 浙教版六年级劳动项目三-任务二《创意班规巧设计》课件
- 【单元专项】人教PEP版五年级上册英语-Unit 2 My week 阅读(含答案)
- 胶东国际机场
- 中国成人患者肠外肠内营养临床应用指南(2023版)
- 水工建筑物课程设计任务和指导书
- 蛋白的分离纯化
- 英汉互译单词练习打印纸
评论
0/150
提交评论