240-网站规划与设计大作业范例研究报告.docVIP

1 网站项目规划与设计 目录 TOC \o 1-3 \h \u 7348 一、项目背景 2 2482 （1）网站需求分析 2 30089 （2）网站的目的及功能定位 2 14269 二、网站开发平台 2 17762 三、网站建设日程表 3 12132 四、站点地图 4 18816 五、线框图 4 32758 六、设计规范 5 26275 七、网页UI设计 7 2849 八、主要页面的详细设计图 8 28678 九、网站测试 9 30319 （1）测试准备 9 32602 （2）用户界面测试 9 7635 （3）功能测试 9 11693 （4）兼容性测试 9 14208 十、网站推广 9 1 一、项目背景 （1）网站需求分析 随着不同国家之间交流越来越广泛，不同国家的饮食文化也随之传播，人们逐渐开始产生了解不同国家饮食的需求。 近年来，舌尖上的中国的热播，通过对中华美食的多个侧面，来展现食物给中国人生活带来的仪式、伦理等方面的文化。由此我们深受启发，准备让大家见识多个有代表性的国家特色食材以及与食物相关、构成他们各自美食特有气质的一系列元素，从而了解世界饮食文化的精致和源远流长。 出自对事物的热爱，对自然的敬畏，同时为了让大家更多地了解世界广大的饮食文明，我们决定制作六个最具有代表性的国家的饮食介绍，相信会获得各年龄阶层曾的青睐。 （2）网站的目的及功能定位 目的及功能：展示各国各地的美食，使大众全方位了解不同地区的饮食文化；为吃货的旅行提供参考；介绍大学食堂趣闻，贴近生活，展现另类美食风采 目标人群：美食爱好者，各国文化爱好者，几乎辐射各年龄阶层 二、网站开发平台 功能模块 技术和软件平台 操作系统 Windows 8 设计稿、图形处理 Photoshop CS6 动画设计制作 Flash CS5 网页制作平台 Dreamweaver 网站开发语言 HTML, CSS, JavaScript 网站测试平台 Chrome，Firefox 三、网站建设日程表 完成整个项目所需时间为三个月，其中各项规划任务如下表所示： 时间 任务内容 3月9日-16日 拟定项目 3月17日-23日 制定初步项目计划 4月6日-19日 网站初步框架 4月20日-5月1日 网站内容具体丰富 5月2日-5月10日 总结反思，网站细节完善 5月11日-24日 计划微调，网站用户体验感测试 5月25日-6月7日 网站装饰再加工，CSS布局，JS语言 6月8日-6月15日 最终测试 四、站点地图 五、线框图 An unexpected An unexpected Delicacy Journey CHINA相关图片INDIA CHINA 相关图 片 INDIA 相关图 片 JAPAN 相关图 片 TURKEY TURKEY 相关图 片 ITALY相关图 ITALY 相关图 片 ENGLAND 相关图 片 CONTACT COUNTRIES ABOUT US SHARE CONTACT COUNTRIES ABOUT US SHARE CONTACT COUNTRIES ABOUT US SHARElogo导航面包屑 CONTACT COUNTRIES ABOUT US SHARE logo 导航 面包屑 （2）单页布局 起源 起源 内容 内容 分类 分类 内容 内容 特色 特色 内容 内容 支持平台如微博，微信的图标 支持平台如微博，微信的图标 六、设计规范 （1）视觉风格：网站整体风格将围绕“简约”、“轻快”这两个主题。 各国都别具一格，富有自己国家的特点，但仍然有相互联系，统一的整体效果。 ①颜色：首页设计以蓝紫灰为基调，运用米黄进行融合搭配，突出网站活泼清爽的格调。另外运用flash和其他形式的动态技术效果，强调网站的特色同时也更能吸引浏览者的注意。每个国家单独的一组网页的配色，我们决定采用每个国家国旗的主要颜色，如意大利为绿、白、红，中国主要为红色等等 但不会使用纯度很高的颜色，否则不适宜阅读。会使用偏灰色系的颜色，简约的现代感，营造静谧的氛围，烘托食物的鲜艳，诱人。 超链接的各个时段的颜色也会统一，目前鼠标移上去和点击时统一为白色。 ②字体：为了美化页面，提高视觉效果，使用纤细，清新的字体，且面包屑、主导航和页面上各个标题的字体都统一。目前使用的英文字体为yellow peas demo和SIMPLIFICA Typeface。 ③图像：采用贴合国家气息的背景，背景尽量少繁复 而实物图片则选择鲜艳，能够引起人们食欲的，明亮暖色调的图片。 ④分辨率：所制作的网页将自动调整分辨率以适应显示