北海环境监测中心网站方案.doc

北海环境监测中心网站 开发方案 青岛联科时代科技有限公司 二零一零年五月 方案索引 编写目的 本文档是[北海环境监测中心网站] 整体建设方案，用以初步明确用户需求，并为下一步针对性提出解决方案做准备；该方案主要是从大的方面来明确该网站的开发思路和开发方向，对于栏目细节没有做细致描述；同时用以明确我公司的开发质量保证和售后服务内容。 分析北海环境监测中心网站开发背景，并作为贵网站信息化建设参考；作为我司项目立项参考； 方案概述 开发背景知识介绍 北海环境监测中心网站开发方案 系统实施相关文档（项目管理+项目计划+客户服务等） 引用文件 《联科公司软件项目开发服务文档》 《联科公司商务部2008年标准文档》 项目双方 甲方：北海环境监测中心 乙方：青岛联科时代科技有限公司 资料备索 欢迎联系我们公司，索取相关资料。 北海环境监测中心网站项目负责人：初晓 电话： 053282002969 传真： 0532手机： Email： chuxiao@ 网站： www. 网站开发综述 北海环境监测中心网站是负责鸭绿江口以南、绣针河口以北我国海域海洋环境监测、调查与评价、海洋损害事件的技术鉴定等工作。 网页的整体宽度可分为三种设置形式：百分比、象素、象素+百分比。通常在网站建设中以象素形式最为常用，北海环境监测中心网站也不例外。我们在设计网页的时候必定会考虑到分辨率的问题，最常用的是1024*768的分辨率，也要考虑到客户使用17、19液晶屏情况下的显示效果。 空间的合理利用 很多的网页都具有一个特点，用一个字来形容，那就是“塞”，它将各种各样的信息如文字、图片、动画等不加考虑的塞到页面上，有多少挤多少，不加以规范，导致浏览时会遇到很多的不方便，主要就是页面主次不分，喧宾夺主，要不就是没有重点，没有很好的归类，整体就像各大杂烩。让人难以找到需要的东西。有的则是一片空白失去平衡，也可以用个“散”字来形容。 并非要把整个页面塞满了才不觉得空，也并非让整个页面空旷才不觉得满，只要合理的安排、有机的组合，使页面达到平衡，既使在一边的部分大面积留空，同样不会让人感到空，相反这样会给人留下广阔的思考空间，给人回味又达到了视觉效果。　 比如重要但形式单一的文字信息，就要在块于块之间多点留白。图片花色凌乱的部分要于其他块有明显区分。在首页上展示子栏分类信息要紧凑，以一大类作为一个整体块。相同类的信息采用相同的排榜方式。 重要的第一屏 包括页头的第一屏，应该集中了用户最常用的信息，导航，服务链接。这一屏的装饰，应该很大程度的体现了整个网站的设计风格，并且分为页头（ＬＯＧＯ　分类导航　服务导航）；首推图片广告/文字广告；热门信息/导航；必威体育精装版信息推荐；首推专题；360度实景展示。 文字编排 在网页设计中，字体的处理与颜色、版式、图形化等其他设计元素的处理一样非常关键。 文字图形化　文字图形化就是将文字用图片的形式来表现，这种形式在页面的子栏目里面最为常用，因为它具有突出，同时又美化了页面，使页面更加人性化加强了视觉效果。是文字无法达到的。对于通用性的网站弊端就是扩展性不强。 强调文字　　如果将个别文字作为页面的诉求重点，则可以通过加粗、加下划线、加大号字体、加指示性符号、倾斜字体、改变字体颜色等手段有意识地强化文字的视觉效果，使其在页面整体中显得出众而夺目。这些方法实际上都是运用了对比的法则。如果在更新频率低的情况下也可以使用文字图形化。 网站配色 用一个色系。简单的说就是用一个感觉的色彩，例如淡蓝，淡黄，淡绿；或者土黄，土灰，土蓝。也就是在同一色系里面采用不同的颜色使网页增加色彩，而又不花，色调统一。在网页配色中，尽量控制在三种色彩以内，以避免网页花、乱、没有主色的显现。背景和前文的对比尽量要大，(绝对不用花纹繁复的图案作背景)，以便突出主要文字内容、也使用户在浏览信息的时候不会觉得累。 其他 如下内容也是需要重点考虑的，要充分考虑到网络可能存在不稳定型或者速度有可能变慢的特性，如： 分解大型表格 网站导航要清晰 图片注解明确 系统按钮标准 杜绝空链接、死链接并采用页面出错提示 导航条要合理有效 广告图片摆放和设计合理等 网站需要实现的主要栏目与功能 网站主要功能模块分为企业形象展示系统、信息发布系统、信息分类展示系统、三大部分。具体功能可通过九个板块来实现：中心概括，机构设置，能力配置，业务领域，技术服务、国际合作、重点实验室。鼠标放置到大栏目上，会自动显示属于该栏目的小栏目的导航，更加醒目。 中心概括 该栏目采用静态页面，主要是向访客介绍北海环境监测中心的相关情况，如中心简介，资质证书，中心大事记，业务范围。 中心简介：介绍北海环境监测中