网站规划与设计大作业范例.doc

网站项目规划与设计 目录 一、项目背景 2 （1）网站需求分析 2 （2）网站的目的及功能定位 2 二、网站开发平台 2 三、网站建设日程表 3 四、站点地图 4 五、线框图 4 六、设计规范 5 七、网页UI设计 7 八、主要页面的详细设计图 8 九、网站测试 9 （1）测试准备 9 （2）用户界面测试 9 （3）功能测试 9 （4）兼容性测试 9 十、网站推广 9 一、项目背景 （1）网站需求分析 随着不同国家之间交流越来越广泛，不同国家的饮食文化也随之传播，人们逐渐开始产生了解不同国家饮食的需求。 近年来，舌尖上的中国的热播，通过对中华美食的多个侧面，来展现食物给中国人生活带来的仪式、伦理等方面的文化见识多个有代表性的国家特色食材以及与食物相关、构成他们各自美食特有气质的一系列元素了解世界饮食文化的精致和源远流长。 目的及功能：展示各国各地的美食，使大众全方位了解不同地区的饮食文化；为吃货的旅行提供参考；介绍大学食堂趣闻，贴近生活，展现另类美食风采 目标人群：美食爱好者，各国文化爱好者，几乎辐射各年龄阶层 二、网站开发平台 功能模块 技术和软件平台 操作系统 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月25日-6月7日 网站装饰再加工 6月8日-6月15日 最终测试 yellow peas demo和SIMPLIFICA Typeface，不管在1024还是800的分辨率下都可以达到较佳的视觉效果。空间的合理利用 ③其他附加效果：超链接下划线的显隐，目录的跳转，后期可能会加上音乐播放器功能。 七、网页UI设计 我们将坚持以用户体验为中心设计原则，界面直观、简洁，操作方便快捷，浏览者将对界面上对应的功能一目了然 保持页面内元素风格版式一致 使用一致的标记、标准缩写和颜色，显示信息含义明确 显示有意义的出错信息，而不是单纯的程序错误代码。 减持高效地使用显示器的显示空间，保持语言的一致性 我们将遵循浏览者从上而下，自左向右浏览、操作习惯，尽量多做“减法”运算，将不常用的功能区块隐藏，以保持界面的简洁 在页面显眼位置应该出现面包屑导航栏，让用户知道当前所在页面的位置，并明确导航结构并且为页面导航加以设计规划 八、主要页面的详细设计图 九、网站测试 （1）测试准备 测试前对被测系统做好以下准备：系统的全面备份，包括应用程序备份、数据备份等；记录测试前系统状态；制定应急措施，确保在测试中发生问题时系统可恢复。测试员应在测试开始前了解网页的相关情况，对测试的预期结果应进行准备和预测。测试前要做好真实数据的准备工作，并进行系统的数据初始化。 （2）用户界面测试 主要测试导航条、内容、颜色、背景、图像、返回等。 （3）功能测试 主要测试站点中的链接等。 链接测试：目的是检查各个URL所联接的页面是否正确。 表单测试：目的是检查每个表单与程序是否正确联接，能够正确地发送用户请求。 （4）兼容性测试 主要检验应用能否在不同的客户端使用。如苹果（iOS系统的）用户，经常使用chrome，Firefox等浏览器的用户是否都能正常使用。 十、网站推广 微信公众平台、朋友圈、微博、QQ空间推广 （2）论坛推广 我们可以注册几十个论坛，每个论坛注册帐号，把签名设为自己的网站。发表热门内容，自己顶自己帖子。论坛包、外网的贴吧天涯论坛豆瓣等等网民较为聚集的地方。 我们会像宜家一样让用户进行自愿注册会员，浏览者自愿留下他的邮箱地址，定期或不定期的发布一些电子刊物、会员通讯、专业服务商的电子邮件广告等。可以减少广告对用户的滋扰、增加潜在定位的准确度、增强与客户的关系、提高品牌忠诚度等。 An unexpected Delicacy Journey CHINA 相关图 片 INDIA 相关图 片 JAPAN 相关图 片 TURKEY 相关图 片 ITALY 相关图 片 ENGLAND 相关图 片 CONTACT COUNTRIES ABOUT US SHARE CONTACT COUNTRIES ABOUT US SHARE logo 导航