美食网站网站项目规划与设计.docVIP

美食网站项目规划与设计

目录

TOC\o1-3\h\z\u一、项目背景 1

1、选题的目的和意义 1

2、课题研究的主要简介 1

二、网站开发平台 1

三、网站建设日程表 2

四、站点地图 2

五、线框图 3

1、主页布局 3

2、子页布局 3

六、设计规范及网页UI设计 3

1、设计愿望 4

2、确定网站主题 5

3、确定网站形象 5

4、确定网站风格 5

5、确定网站内容 5

七、主要页面的详细设计图 6

八、网站测试 8

1、测试准备 8

2、用户界面测试 8

3、功能测试 8

4、兼容性测试 9

九、网站推广与维护 9

1.网站推广 9

2、网站维护 9

PAGE1

一、项目背景

1、选题的目的和意义

随着经济的发展，生活水平的提高，电子商务的兴起，人们都习惯网上购物，美食的销售在其中占有重要的位置。Foodstore网主要销售生产糖果，果冻等食品，多个品种公司在发展的过程中，坚持不断否定自己永远追求卓越的企业精神。打造良好的购物环境，保证食品的安全性，给顾客创造良好的购物环境，吃到可口美味的食品，节省顾客的时间以及省去了逛街购物带来的麻烦和劳累，开拓了顾客的视野，色香味俱全。

2、课题研究的主要简介

Foodstore美食网站是给用户一个方便的购物空间，登陆Foodstore美食网界面，根据自己的需求选择浏览，其功能有以下：

（1）用户可以通过浏览主页，了解公司的简介以及图片展示

（2）用户通过浏览子页，可以对食品进行细致的了解

二、网站开发平台

功能模块

技术和软件平台

操作系统

Windows8

设计稿、图形处理

PhotoshopCS6

动画设计制作

FlashCS5

网页制作平台

Dreamweaver

网站开发语言

HTML,CSS,JavaScript，asp

网站测试平台

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日

最终测试

四、站点地图

系统主界面

系统主界面

联系我们

人才招聘

面

首页

新闻中心面

公司简介面

产品中心面

五、线框图

1、主页布局

图片

图片

导航

个人详细信息介绍

个人图片

版权及其他

版权设计

2、子页布局

图片

图片

导航

主要介绍

模块介绍

版权设计

六、设计规范及网页UI设计

Foodstore美食网这个网站是运用了HTML静态网页技术，和Dreamweaver软件相结合实现的。页面间通过网页链接，实现具体所要查找的食品，可以方便用户的需要做出选择，给人们带来了极大地方便。

1、设计愿望

在网站的首页上方能看到几个选项卡，分别是：首页、公司简介、新闻中心、产品中心、人才招聘和联系我们。当用户点击希望去的界面时，就会自动的链接到用户希望的那个网页。展现给用户相应的界面，在每个界面都会有这几个选项卡，用户可以在其中自由的切换。

2、确定网站主题

建立一个网站好比写一篇文章，首先要拟好提纲，文章才能主题明确，层次清晰。如果网站结构不清晰，目录庞杂，内容东一块西一块。结果不但浏览者看得糊涂，自己扩充和维护网站也相当困难。网站的题材确定后，并且收集和组织了许多相关的资料内容，但如何组织内容才能吸引网友们来浏览网站呢？栏目的实质是一个网站的大纲索引，索引应该将网站的主体明确显示出来。因此我将美食网站分为六个栏目，分别是首页、公司简介、新闻中心、产品中心、人才招聘和联系我们。

3、确定网站形象

网站形象的设计可以从网站的LOGO、网站的色彩、网站的字体宣传语等这些方面着手。

图6.1Logo设计

网站色彩，网站给人的第一印象来自于视觉的冲击，不同的色彩搭配会产生不同的效果，并可能影响到访问者的情绪。