1网站项目规划与设计目录一、项目背景2(1)网站需求分析.................................................................................................................2(2)网站的目的及功能定位.................................................................................................2二、网站开发平台2三、网站建设日程表3四、站点地图4五、线框图4六、设计规范5七、网页UI设计7八、主要页面的详细设计图8九、网站测试9(1)测试准备.........................................................................................................................9(2)用户界面测试.................................................................................................................9(3)功能测试.........................................................................................................................9(4)兼容性测试.....................................................................................................................9十、网站推广92一、项目背景(1)网站需求分析随着不同国家之间交流越来越广泛,不同国家的饮食文化也随之传播,人们逐渐开始产生了解不同国家饮食的需求。近年来,舌尖上的中国的热播,通过对中华美食的多个侧面,来展现食物给中国人生活带来的仪式、伦理等方面的文化。由此我们深受启发,准备让大家见识多个有代表性的国家特色食材以及与食物相关、构成他们各自美食特有气质的一系列元素,从而了解世界饮食文化的精致和源远流长。出自对事物的热爱,对自然的敬畏,同时为了让大家更多地了解世界广大的饮食文明,我们决定制作六个最具有代表性的国家的饮食介绍,相信会获得各年龄阶层曾的青睐。(2)网站的目的及功能定位目的及功能:展示各国各地的美食,使大众全方位了解不同地区的饮食文化;为吃货的旅行提供参考;介绍大学食堂趣闻,贴近生活,展现另类美食风采目标人群:美食爱好者,各国文化爱好者,几乎辐射各年龄阶层二、网站开发平台功能模块技术和软件平台操作系统Windows8设计稿、图形处理PhotoshopCS6动画设计制作FlashCS5网页制作平台Dreamweaver网站开发语言HTML,CSS,JavaScript网站测试平台Chrome,Firefox3三、网站建设日程表完成整个项目所需时间为三个月,其中各项规划任务如下表所示:时间任务内容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日最终测试4四、站点地图五、线框图(1)首页布局AnunexpectedDelicacyJourneyCONTACTCOUNTRIESABOUTUSSHARETURKEY相关图片JAPAN相关图片CHINA相关图片INDIA相关图片ENGLAND相关图片ITALY相关图片5(2)单页布局六、设计规范(1)视觉风格:网站整体风格将围绕“简约”、“轻快”这两个主题。各国都别具一格,富有自己国家的特点,但仍然有相互联系,统一的整体效果。①颜色:首页设计以蓝紫灰为基调,运用米黄进行融合搭配,突出网站活泼清爽的格调。另外运用flash和其他形式的动态技术效果,强调网站的特色同时也更能吸引浏览者的注意。每个国家单独的一组网页的配色,我们决定采用每个国家国旗的主要颜色,如意大利为绿、白、红,中国主要为红色等等但不会使用纯度很高的颜色,否则不适宜阅读。会使用偏灰色系的颜色,简约的现代感,营造静谧的氛围,烘托食物的鲜艳,诱人。超链接的各个时段的颜色也会统一,目前鼠标移上去和点击时统一为白色。②字体:为了美化页面,提高视觉效果,使用纤细,清新的字体,且面包屑、主导航和页面上各个标题的字体都统一。目前使用的英文字体为yellowpeasdemo和SIMPLIFICATypeface。起源导航面包屑logoCONTACTCOUNTRIESABOUTUSSHARE分类特色内容内容内容支持平台如微博,微信的图标6③图像:采用贴合国家气息的背景,背景尽量少繁复而实物图片则选择鲜艳...