绿色家居行业领导者品牌网站项目规划与设计

一、项目背景（1）网站需求分析随着计算机科学的迅速发展及网络用户要求的不断提高，特别是数据库技术在Internet中的广泛应用，Web站点向网络用户提供的服务将越来越丰富，越来越人性化，信息化管理被人们所重视。电子商务（ElectronicCommerce，简称E-commerce）随即诞生，成为当前产物，以满足人们足不出户即可搜集信息、实时购物等要求。时代的发展把我们推向网络化和信息化的巨潮，这给我们带来了无限的机遇，也带来了巨大的挑战。如何更好地利用网络化和信息化，成为我们在未来的竞争中占据有利地位的关键问题。在这种情况下，绿色家居行业领导者品牌网站网站需要结合公司自己的实际情况，设计开发一个具有以宣传与购物为主的多功能网站平台，它则是一个典型的Web电商系统，由网络服务器和网页实现。电子商务是通过采用数字科技与Internet作为最基本的沟通手段，将企业价值进行持续不断的优化配置的过程。本网站功能包括网站首页，关于我们，产品展示，新闻中心，案例展示，荣誉资质，客户见证，人才招聘，客户留言，联系我们。（2）网站的目的及功能定位绿色家居行业领导者品牌网站是给用户一个方便的家居展示体系，登陆公司网界面，根据自己的需求选择浏览，其功能有以下：（1）用户可以通过浏览主页，了解公司的简介以及图片展示；（2）用户通过浏览子页，可以对公司详细内容进行细致的了解；二、网站开发平台功能模块技术和软件平台操作系统Windows8设计稿、图形处理PhotoshopCS6动画设计制作FlashCS5网页制作平台Dreamweaver网站开发语言HTML,CSS,JavaScript网站测试平台Chrome，Firefox三、网站建设日程表完成整个项目所需时间为三个月，其中各项规划任务如下表所示：时间任务内容2月9日-16日拟定项目2月17日-23日制定初步项目计划3月6日-19日网站初步框架3月20日-4月1日网站内容具体丰富4月2日-4月10日总结反思，网站细节完善4月11日-24日计划微调，网站用户体验感测试4月25日-5月7日网站装饰再加工，CSS布局，JS语言5月8日-5月10日最终测试四、站点地图绿色家居行业领导者品牌网站新闻中心案例展示荣誉资质客户见证关于我们人才招聘网站首页产品展示联系我们客户留言绿色家居行业领导者品牌网站新闻中心案例展示荣誉资质客户见证关于我们人才招聘网站首页产品展示联系我们客户留言线框图网站首页：Logo图片搜索栏电话导航栏banner动画产品展示关于我们Logo图片搜索栏电话导航栏banner动画产品展示关于我们案例展示展示模块底部版权所有及其它子页面：Logo图片搜索栏电话导航栏Logo图片搜索栏电话导航栏banner图片子页面主介绍底部版权所有及其它六、设计规范（1）视觉风格：网站整体风格将围绕“简约”、“轻快”这两个主题。各国都别具一格，富有自己国家的特点，但仍然有相互联系，统一的整体效果。①颜色：首页设计以白色为基调，运用绿色进行融合搭配，突出网站活泼清爽的格调。另外运用flash和其他形式的动态技术效果，强调网站的特色同时也更能吸引浏览者的注意。但不会使用纯度很高的颜色，否则不适宜阅读。会使用偏灰色系的颜色，简约的现代感，营造静谧的氛围，烘托食物的鲜艳，诱人。超链接的各个时段的颜色也会统一，目前鼠标移上去和点击时统一为白色。②字体：为了美化页面，提高视觉效果，使用纤细，清新的字体，且面包屑、主导航和页面上各个标题的字体都统一。目前使用的英文字体为yellowpeasdemo和SIMPLIFICATypeface。③图像：采用贴合企业气息的背景，背景采用白色系，能够快速吸引客户浏览。Logo设计符合企业特色，用文字设计。Logo设计④分辨率：所制作的网页将自动调整分辨率以适应显示器分辨率，不管在1024还是800的分辨率下都可以配合用户达到较佳的视觉效果。（2）布局设计①空间的合理利用：在网页的上端显示检索栏等信息，图片都先以小图标形式展现，鼠标挪动致图片位置将展现细节图，划过处可进一步放大，即节约了空间，同时营造出一种简洁现代的感觉。②动态效果：会在图片和一些特色小机关上赋予动态效果，如跳动，闪烁，放大缩小等。③其他附加效果：超链接下划线的显隐，目录的跳转，后期可能会加上音乐播放器功能。七、网页UI设计我们将坚持以用户体验为中心设计原则，界面直观、简洁，操作方便快捷，浏览者将对界面上对应的功能一目了然。保持页面内元素风格，版式一致。使用一致的标记、标准缩写和颜色，显示信息含义明确。显示有意义的出错信息，而不是单纯的程序错误代码。减持高效地使用显示器的显示空间，保持语言的一致性与可选择性。我们将遵循浏览者从上而下，自左向右浏览、操作习惯，尽量多做“减法”运算，将不常用的功能区块隐藏，以保持界面的简洁。在页面显眼位置应该出现面包屑导航栏，让用户知道当前所在页面的位置，并明确导航结构。并且为页面导航加以设计规划。主要页面的详细设计图九、网站测试（1）测试准备测试前对被测系统做好以下准备：系统的全面备份，包括应用程序备份、数据备份等；记录测试前系统状态；制定应急措施，确保在测试中发生问题时系统可恢复。测试员应在测试开始前了解网页的相关情况，对测试的预期结果应进行准备和预测。测试前要做好真实数据的准备工作，并进行系统的数据初始化。（2）用户界面测试主要测试导航条、内容、颜色、背景、图像、返回等。（3）功能测试主要测试站点中的链接等。链接测试：目的是检查各个URL所联接的页面是否正确。表单测试：目的是检查每个表单与程序是否正确联接，能够正确地发送用户请求。（4）兼容性测试主要检验应用能否在不同的客户端使用。如苹果（iOS系统的）用户，经常使用chrome，Firefox等浏览器的用户是否都能正常使用。十、网站推广微信公众平台、朋友圈、微博、QQ空间推广（2）论坛推广我们可以注册几十个论坛，每个论坛注册若干个帐号，把签名设为自己的网站及团队图标。发表热门内容，自己顶自己的帖子。目前我们应用的论坛包括校内的