谷香康坊网站设计与制作报告
摘 要网站可以向客户展示企业的形象，为客户与企业之间提供有效的的联系，便于客户企业的沟通。企业可以在网站上展示自己的产品，对养生的五谷杂粮作重点推荐。谷香康坊网站设计与制作报告注意讲了网站的定位、功能、类型、服务对象，以及版面的规划和站点的设计等。其中详细介绍了网页的版面规划和站点设计，包括站点设计中的标志、主色调与色彩和标准字体等。
目 录
一、谷香康坊网站概述 1
（一）网站定位 1
（二）网站类型 1
（三）网站功能 1
（四）网站服务对象 1
二、谷香康坊网站规划 1
（一）首页 1
（二）子页 2
（三）页头 2
（四）页脚 2
三、谷香康坊站点设计 3
（一）标志 3
（二）主色调与色彩 3
（三）标准字体 3
（四）网站首页 3
（五）五谷专区 4
（六）杂粮专区 5
（七）推荐菜谱 5
（八）店铺地址 6
（九）留言板 7
四、网站的测试与发布 8
（一）网站测试 8
（二）网站发布 8
五、网站的维护 9
总结 10
参考文献 11
致谢 12
附录 13
引言
五谷杂粮泛指粮食作物，一般所说的五谷中有：稻谷、麦子、大豆、玉米、薯类，杂粮呢，也包括五谷中的大豆、玉米和薯类，是除了米和面粉以外的粮食。谷香康坊网站主要是介绍与销售不同品种的粮食作物及它的营养价值、烹饪方式。网站主要分为产品销售、菜谱推荐、店铺地址以及留言板，其中产品销售主要包括五谷类和杂粮类。访客可以通过从推荐菜谱中挑选自己所需的菜品，然后在本网站购买相应的食材来进行烹饪。谷香康坊网站方便了大家购买五谷杂粮，而且为顾客推荐养生菜谱。
一、谷香康坊网站概述
（一）网站定位
网站作为我们企业的形象窗口，为了拓展更多的客户。为客户提供一些五谷杂粮营养介绍、在线购买商品以及电子菜谱等服务等。
（二）网站类型 *好棒文|www.hbsrm.com +Q: ￥351916072$
谷香康坊网站属于综合型的网站，向消费者展示了谷香康坊形象，同时也可以在线购买谷香康坊的产品。
（三）网站功能
网站的功能包括谷香康坊的产品介绍以及在线购买。五谷杂粮是我们一日三餐的主食，健康的饮食要均衡的摄入五谷杂粮类粮食、肉类、蔬菜和水果等多种食物，其中粮食属于淀粉类，也就是糖类，是热量的主要来源，占热能供给的百分十六十到百分之七十之间，摄入量应该占一餐中的百分之三十左右；肉类主要是提供蛋白质的，摄入量应该占一餐中的百分之二十左右；蔬菜与水果是提供维生素和食物纤维的，摄入量大约占一餐的百分之五十。可见粮食的重要性，所以我们谷香康坊网站旨在让大家可以购买到全面、优质的五谷杂粮。
（四）网站服务对象
谷香康坊网站的服务对象大多是个人消费者，同时也支持个体经营者批发采购，若是批发采购，可以在线议价。
二、谷香康坊网站规划
（一）首页
当客户访问我们谷香康坊网站时，首先见到的页面就是首页，所以首页的设计还是比较重要的，因为客户对我们企业的第一印象受首页的影响会比较大。首页分头部、中部和尾部三部分，头部有一个我们谷香康坊企业的标志图片，还有两句宣传标语，那两句宣传标语是我用Flash软件设计的动画；中部是导航栏和主要内容；尾部包括了版权信息等。
访问我们谷香康坊网站的第一个页面就是首页，或者在其他页面点击导航栏的“首页”链接也可以进入首页， 进入后如下图（图1）：
图1 谷香康坊网站介绍；
（二）子页
在制作谷香康坊网站时，我先设计制作了首页，然后删除首页的主要内容，将其保存成为模板。子页面套用模板制作而来，模板包括标志、两个Flash动画和导航栏。
（三）页头
页头也叫页眉，其中谷香康坊网站的所有页面都是统一的。就是前面在首页中提到的标志、两个Flash动画和导航栏。
（四）页脚
页脚就是网站页面的最下面，其中包括了版权所有和制作人的信息，也就是这篇文章的作者 我。
本站页脚如下：
Copyright?19972016 WUGU FANG. All rights reserved. 谷香康坊 版权所有（页脚字体为黑体，颜色为黑色。）。
三、谷香康坊站点设计
（一）标志
标志在谷香康坊网站的每个页面都有，包括页面内容中的图片上也被我加上了谷香康坊的标志。标志的底色是白色，标志图片和文字是米黄色，标志图片中间是艺术字体的“谷”字，“谷”字的上方是谷香康坊的拼音，“谷”字下方是谷香康坊文字。如下图（图2）。
图2 网站LOGO
（二）主色调与色彩
谷香康坊网站的主色调选用的是标志图片中的米黄色，配色是灰红色。如下图（图3）。
图3 网站主色调与色彩
（三）标准字体
谷香康坊网站的字体多使用“微软雅黑”，部分字体是“华文新魏”。如下图（图4）
图4 网站导航栏
（四）网站首页
单击“首页”，就可以看到网站的介绍。 进入如下图（图5）：
图5 谷香康坊网站介绍
当客户访问我们谷香康坊网站时，首先见到的页面就是首页，所以首页的设计还是比较重要的，因为客户对我们企业的第一印象受首页的影响会比较大。首页分头部、中部和尾部三部分，头部有一个我们谷香康坊企业的标志图片，还有两句宣传标语，那两句宣传标语是我用Flash软件设计的动画；中部是导航栏和主要内容；尾部包括了版权信息等。
（五）五谷专区
移动鼠标点击“五谷专区”如下图（图6）：
图6 五谷专区
五谷专区的页面主要是各类五谷粮食，向客户介绍五谷粮食，客户可以在五谷专区查看五谷粮食的详细信息，同时也可以在这个页面进行在线购买。
（六）杂粮专区
鼠标移至“杂粮专区”，进入如下图（图7）：
目 录
一、谷香康坊网站概述 1
（一）网站定位 1
（二）网站类型 1
（三）网站功能 1
（四）网站服务对象 1
二、谷香康坊网站规划 1
（一）首页 1
（二）子页 2
（三）页头 2
（四）页脚 2
三、谷香康坊站点设计 3
（一）标志 3
（二）主色调与色彩 3
（三）标准字体 3
（四）网站首页 3
（五）五谷专区 4
（六）杂粮专区 5
（七）推荐菜谱 5
（八）店铺地址 6
（九）留言板 7
四、网站的测试与发布 8
（一）网站测试 8
（二）网站发布 8
五、网站的维护 9
总结 10
参考文献 11
致谢 12
附录 13
引言
五谷杂粮泛指粮食作物，一般所说的五谷中有：稻谷、麦子、大豆、玉米、薯类，杂粮呢，也包括五谷中的大豆、玉米和薯类，是除了米和面粉以外的粮食。谷香康坊网站主要是介绍与销售不同品种的粮食作物及它的营养价值、烹饪方式。网站主要分为产品销售、菜谱推荐、店铺地址以及留言板，其中产品销售主要包括五谷类和杂粮类。访客可以通过从推荐菜谱中挑选自己所需的菜品，然后在本网站购买相应的食材来进行烹饪。谷香康坊网站方便了大家购买五谷杂粮，而且为顾客推荐养生菜谱。
一、谷香康坊网站概述
（一）网站定位
网站作为我们企业的形象窗口，为了拓展更多的客户。为客户提供一些五谷杂粮营养介绍、在线购买商品以及电子菜谱等服务等。
（二）网站类型 *好棒文|www.hbsrm.com +Q: ￥351916072$
谷香康坊网站属于综合型的网站，向消费者展示了谷香康坊形象，同时也可以在线购买谷香康坊的产品。
（三）网站功能
网站的功能包括谷香康坊的产品介绍以及在线购买。五谷杂粮是我们一日三餐的主食，健康的饮食要均衡的摄入五谷杂粮类粮食、肉类、蔬菜和水果等多种食物，其中粮食属于淀粉类，也就是糖类，是热量的主要来源，占热能供给的百分十六十到百分之七十之间，摄入量应该占一餐中的百分之三十左右；肉类主要是提供蛋白质的，摄入量应该占一餐中的百分之二十左右；蔬菜与水果是提供维生素和食物纤维的，摄入量大约占一餐的百分之五十。可见粮食的重要性，所以我们谷香康坊网站旨在让大家可以购买到全面、优质的五谷杂粮。
（四）网站服务对象
谷香康坊网站的服务对象大多是个人消费者，同时也支持个体经营者批发采购，若是批发采购，可以在线议价。
二、谷香康坊网站规划
（一）首页
当客户访问我们谷香康坊网站时，首先见到的页面就是首页，所以首页的设计还是比较重要的，因为客户对我们企业的第一印象受首页的影响会比较大。首页分头部、中部和尾部三部分，头部有一个我们谷香康坊企业的标志图片，还有两句宣传标语，那两句宣传标语是我用Flash软件设计的动画；中部是导航栏和主要内容；尾部包括了版权信息等。
访问我们谷香康坊网站的第一个页面就是首页，或者在其他页面点击导航栏的“首页”链接也可以进入首页， 进入后如下图（图1）：
图1 谷香康坊网站介绍；
（二）子页
在制作谷香康坊网站时，我先设计制作了首页，然后删除首页的主要内容，将其保存成为模板。子页面套用模板制作而来，模板包括标志、两个Flash动画和导航栏。
（三）页头
页头也叫页眉，其中谷香康坊网站的所有页面都是统一的。就是前面在首页中提到的标志、两个Flash动画和导航栏。
（四）页脚
页脚就是网站页面的最下面，其中包括了版权所有和制作人的信息，也就是这篇文章的作者 我。
本站页脚如下：
Copyright?19972016 WUGU FANG. All rights reserved. 谷香康坊 版权所有（页脚字体为黑体，颜色为黑色。）。
三、谷香康坊站点设计
（一）标志
标志在谷香康坊网站的每个页面都有，包括页面内容中的图片上也被我加上了谷香康坊的标志。标志的底色是白色，标志图片和文字是米黄色，标志图片中间是艺术字体的“谷”字，“谷”字的上方是谷香康坊的拼音，“谷”字下方是谷香康坊文字。如下图（图2）。
图2 网站LOGO
（二）主色调与色彩
谷香康坊网站的主色调选用的是标志图片中的米黄色，配色是灰红色。如下图（图3）。
图3 网站主色调与色彩
（三）标准字体
谷香康坊网站的字体多使用“微软雅黑”，部分字体是“华文新魏”。如下图（图4）
图4 网站导航栏
（四）网站首页
单击“首页”，就可以看到网站的介绍。 进入如下图（图5）：
图5 谷香康坊网站介绍
当客户访问我们谷香康坊网站时，首先见到的页面就是首页，所以首页的设计还是比较重要的，因为客户对我们企业的第一印象受首页的影响会比较大。首页分头部、中部和尾部三部分，头部有一个我们谷香康坊企业的标志图片，还有两句宣传标语，那两句宣传标语是我用Flash软件设计的动画；中部是导航栏和主要内容；尾部包括了版权信息等。
（五）五谷专区
移动鼠标点击“五谷专区”如下图（图6）：
图6 五谷专区
五谷专区的页面主要是各类五谷粮食，向客户介绍五谷粮食，客户可以在五谷专区查看五谷粮食的详细信息，同时也可以在这个页面进行在线购买。
（六）杂粮专区
鼠标移至“杂粮专区”，进入如下图（图7）：
版权保护: 本文由 hbsrm.com编辑，转载请保留链接: www.hbsrm.com/jmgl/dzsw/337.html
