北理工网站规划和设计大作业

《北理工网站规划和设计大作业》由会员上传分享，免费在线阅读，更多相关内容在应用文档-天天文库。

1、WORD文档可编辑《网站设计与规划》大作业要求自选主题，撰写开发某静态网站的“项目规划与设计文档”。具体要求如下：通用规则1.撰写认真:文档应具有统一性（所有内容都指向同一个清晰的主题）、一致性（所有内容的组织清晰合理，符合逻辑）和支持性（有具体的细节或案例）。没有各种文字错误。2.正确的格式化:使用标题、列表、留白等机制，让文档适宜阅读。关于项目规划&设计是否/如何回答了以下问题?l项目是什么?l项目的来源或背景?l项目的具体内容（是否有树状图或其他方式的示意图让我们清楚知道网站即将包括的内容）？l项目的技术细节，比如开发

2、平台、运行平台等？l详细的任务分解?l详细的时间表?l是否有示例图帮助我们理解?l是否符合专业文档撰写规范？l是否包括了以下内容：n站点地图（Sitemap）：即信息架构图。n线框图（wireframe）：可手绘后照照片，也可以用软件绘制。如果是手绘图，应保证内容清晰可见。n设计规范（designspecification）：至少包括颜色设计、字体设计、图像设计、布局设计等方案，需包含主要页面的详细设计图。避免抄袭现象：如果发现抄袭或雷同，成绩不及格。技术资料专业分享WORD文档可编辑网站项目规划与设计目录一、项目背景2（1

3、）网站需求分析2（2）网站的目的及功能定位2二、网站开发平台2三、网站建设日程表3四、站点地图4五、线框图4六、设计规范5七、网页UI设计7八、主要页面的详细设计图8九、网站测试9（1）测试准备9（2）用户界面测试9（3）功能测试9（4）兼容性测试9十、网站推广9技术资料专业分享WORD文档可编辑一、项目背景（1）网站需求分析随着不同国家之间交流越来越广泛，不同国家的饮食文化也随之传播，人们逐渐开始产生了解不同国家饮食的需求。近年来，舌尖上的中国的热播，通过对中华美食的多个侧面，来展现食物给中国人生活带来的仪式、伦理等方面的

4、文化。由此我们深受启发，准备让大家见识多个有代表性的国家特色食材以及与食物相关、构成他们各自美食特有气质的一系列元素，从而了解世界饮食文化的精致和源远流长。出自对事物的热爱，对自然的敬畏，同时为了让大家更多地了解世界广大的饮食文明，我们决定制作六个最具有代表性的国家的饮食介绍，相信会获得各年龄阶层曾的青睐。（2）网站的目的及功能定位目的及功能：展示各国各地的美食，使大众全方位了解不同地区的饮食文化；为吃货的旅行提供参考；介绍大学食堂趣闻，贴近生活，展现另类美食风采目标人群：美食爱好者，各国文化爱好者，几乎辐射各年龄阶层二、网

5、站开发平台功能模块技术和软件平台操作系统Windows8设计稿、图形处理PhotoshopCS6动画设计制作FlashCS5网页制作平台Dreamweaver网站开发语言HTML,CSS,JavaScript网站测试平台Chrome，Firefox技术资料专业分享WORD文档可编辑三、网站建设日程表完成整个项目所需时间为三个月，其中各项规划任务如下表所示：时间任务内容3月9日-16日拟定项目3月17日-23日制定初步项目计划4月6日-19日网站初步框架4月20日-5月1日网站内容具体丰富5月2日-5月10日总结反思，网站细节

6、完善5月11日-24日计划微调，网站用户体验感测试5月25日-6月7日网站装饰再加工，CSS布局，JS语言6月8日-6月15日最终测试技术资料专业分享WORD文档可编辑四、站点地图五、线框图AnunexpectedDelicacyJourneyCHINA相关图片INDIA相关图片JAPAN相关图片（1）首页布局TURKEY相关图片ITALY相关图片ENGLAND相关图片CONTACTCOUNTRIESABOUTUSSHARE技术资料专业分享WORD文档可编辑CONTACTCOUNTRIESABOUTUSSHARElogo导航

7、面包屑（2）单页布局起源内容分类内容特色内容支持平台如微博，微信的图标六、设计规范（1）视觉风格：网站整体风格将围绕“简约”、“轻快”这两个主题。各国都别具一格，富有自己国家的特点，但仍然有相互联系，统一的整体效果。①颜色：技术资料专业分享WORD文档可编辑首页设计以蓝紫灰为基调，运用米黄进行融合搭配，突出网站活泼清爽的格调。另外运用flash和其他形式的动态技术效果，强调网站的特色同时也更能吸引浏览者的注意。每个国家单独的一组网页的配色，我们决定采用每个国家国旗的主要颜色，如意大利为绿、白、红，中国主要为红色等等但不会使用

8、纯度很高的颜色，否则不适宜阅读。会使用偏灰色系的颜色，简约的现代感，营造静谧的氛围，烘托食物的鲜艳，诱人。超链接的各个时段的颜色也会统一，目前鼠标移上去和点击时统一为白色。②字体：为了美化页面，提高视觉效果，使用纤细，清新的字体，且面包屑、主导航和页面上各个标题的字体都统一。目前使用的英文