电子商务实验报告——美食阁的网站规划与设计

一、网站主题... 2

二、外部环境分析... 2

1、需求分析... 2

2、竞争对手分析... 2

3、可行性分析... 2

（1）技术可行性分析... 2

（2）经济可行性分析... 3

（3）社会可行性分析... 3

三、建设网站目的及功能定位... 3

四、网站技术解决方案... 3

1、硬件配置要求... 3

2、软件要求... 4

五、网站内容及实现方式... 4

1、根据网站的目的确定网站的结构导航... 4

2、根据网站的目的及内容确定网站整合功能... 4

3、确定网站的结构导航中的每个频道的子栏目... 4

4、确定网站内容的实现方式... 4

六、网站设计... 4

七、费用预算... 6

八、网站测试... 6

九、网站发布与推广... 7

1、论坛推广... 7

2、博客推广... 7

3、电子邮件推广... 7

4、报纸推广... 7

5、传单推广... 7

十、网页设计... 8

十一、总结... 18

美食阁网站的规划与设计

一、网站主题

本网站是为了吸引更多上网的人来关注各地的美食，并且可以方便在网上订餐。网站页面打开之后显示各种美味的食物，旁边选择中国的典型的美食基地，就可以浏览到内部网页上显示的那个地方的有特点的美食。根据不同人群的需要，选择各种订餐，包括宴会、聚餐、情侣套餐、年会等等。

二、外部环境分析

1、需求分析

随着生活水平的提高，人们对于生活质量的要求也是日益增加。人们越来越要求食物质量的提升。人们有出去聚餐提前预订房间和套餐的需求，而且网站可以包括全国各地的美食基地，无论走到哪里，只要打开网站就可以知道这个地方有什么好吃的。旅游的人们或者当地的人们都可以在网上很方便的订餐，浏览美食。

2、竞争对手分析

竞争对手是以低价格战略取胜，我们争取做到低价格、宽领域、高服务、快捷便利，使顾客的满意度达到最高，超过竞争对手的市场占有额。

3、可行性分析

包括技术可行性分析、经济可行性分析、社会可行性分析。

（1）技术可行性分析

网站的建立需要经历一段时间，包括网站的策划、编辑、修改、实施、运行和维护等等。这些技术在中国现在的技术环境下都可以做到。

（2）经济可行性分析

网站上可以增加各地大餐厅的广告，利用广告可以增加一部分收入。主要收入来源于各个餐厅的收入所缴纳的资金。

（3）社会可行性分析

在现在经济发展的年代，人们要求越来越多，美食的网站也比比皆是。该网站只是为了满足人们需求的方便，并没有什么违背社会常理的地方。

三、建设网站目的及功能定位　　

1、建立本网站的目的是为了宣传自己的产品，进行电子商务，是市场开拓的延伸。让更多的顾客了解自己网站，并且可以很好的利用网站给自己带来方便。

2、整合自身自有资源及网站要达到的目的，确定网站功能。根据自身的需要和计划，确定网站的功能类型为应用型网站。网站包罗各地美食，可以供很多人参考和使用，并且还可以享受打折优惠。

四、网站技术解决方案

1、硬件配置要求：

（1）租用虚拟主机；

（2）Intel Pentium 166MHZ以上处理器；

（3）32MB以上内存；

（4）VGA或更高的显示卡；

2、软件要求：

（1）选择操作系统，用Linux操作系统。

（2）网站安全性措施，防黑、防病毒方案，安装防火墙、漏洞修复软件和杀毒软件。增强服务器操作系统的安全，对服务器进行远程管理时，使用安全协议。

（3）选择相应数据库，数据库SQL、ACCESS等。

（4）安装应用软件，如ASP和JAVA。

五、网站内容及实现方式

1、根据网站的目的确定网站的结构导航。

该网站应包括：网页简介、最新动态、客户服务、联系方式、在线留言、论坛、自己网页的英文版、操作帮助等等。

2、根据网站的目的及内容确定网站整合功能。

如会员系统、网上购物系统、在线支付、问卷调查系统、信息搜索查询系统等。　　

3、确定网站的结构导航中的每个频道的子栏目。

如网页简介中可以包括：网页的建立年限、主要的操作人和合作伙伴、本网站的功能目的等等。客户服务可以包括：服务热线、服务宗旨、服务项目等。　　

4、确定网站内容的实现方式。

如网页中心使用静态画面，营销网络是采用地图展示。

六、网站设计

包括各种系统和数据库，还有图片、音乐等等，要有动态性还要有灵活性和新鲜感，让顾客觉得很享受这种浏览网页的时光，每个标记都用图片，生动形象。而且网页上面要设置一个版面就是留言板，时刻听取顾客的反馈意见，要是觉得意见很好可以采纳还要给那个顾客奖励。

具体要求：

1、因为信息流量大，内嵌区域排版更新很快，所以信息与结构分为三栏式。

2、导航利用各种图片和文字配合，颜色要和底色搭配，浏览者看见导航就可以很方便快捷的使用。

（1）导航可以根据不同的地区划分为不同的地区。如根据中国的省市地区划分云南、广东、山东、四川、湖南、重庆等等。

（2）导航也可以根据不同的菜系划分为不同的品种。如根据各地区菜名不同划分为粤菜、鲁菜、川菜等等。

（3）导航还可以根据不同的人的口味划分不同的味道。如根据个人口味不同划分为辣味、咸味、清淡味等等。

（4）导航更可以根据不同的菜种划分不同的吃法。如根据吃法的不同划分为火锅、农家菜、小炒、自助餐、烤肉等等。

3、网页设计美术设计要求，网页美术设计一般要与网页要展现的整体形象一致。要注意网页色彩、图片的应用、文字主题的搭配以及版面策划，保持网页的整体一致性。

4、在新技术的采用上要考虑主要目标访问群体的分布地域、年龄阶层、网络速度、阅读习惯等。

5、风格和创意最好是独特一点儿，利用美食的图片做成很多形状。

七、费用预算

1、企业建站费用的初步预算，一般根据最初的设计规模和想达到的目的以及自身的资金做预算。

2、专业建站公司提供详细的功能描述及报价，自身进行性价比研究。

3、网站的价格从几千元到十几万元不等。如果排除模板式自助建站（网站无论大小，必须有排他性，如果千篇一律对自身形象的影响极大）和牟取暴利的因素，网站建设的费用一般与功能要求是成正比的。

八、网站测试

网站发布前要进行细致周密的测试，以保证正常浏览和使用。

主要测试内容：

1、网页整体形象和LOGO不要出现错误。

2、网页功能和目的达到自身的要求。

3、文字、图片是否有错误，不要出现页面显示文字和下面的图片显示不一致的情况。

4、程序及数据库测试，自身网站建设程序不能有错，数据库的数字和统计结果不能有错。

5、链接是否有错误，打开一个导航下面的链接不能出现错误。

6、测试浏览器兼容性。

7、在线留言板是否能用。

8、客户服务、联系方式等信息是否错误。

九、网站发布与推广

通过各种渠道推广，具体方法如下：

1、论坛推广

宣传人员将网站上的各种美食图片做成链接形式，并分类放好，一次贴在各个论坛上，这样既能给某些需要的人带来方便，同时又不会因为过于直白的广告而被删贴，宣传效果无疑要好得多。

2、博客推广

通过自己的宣传网页人员的博客，描写一些文字表达自己的美食的美味可口，并且附带超链接，就可以让很多朋友看到自己的美食网站。

3、电子邮件推广

我们可以利用电子邮件推广，连接很多图片的超链接。

4、报纸推广

在美食报纸上推广，介绍自己的网站，让更多的人们了解到自己的网站，并且把联系方式都留在上面，以便有人会询问很多问题。

5、传单推广

利用小传单介绍自己的网站，告诉路人这个网站是做什么的，可以引起他们的兴趣，并且传单可以给人视觉冲击，使人的印象可以更深刻。

十、网页设计

这个网页这一小部分的源代码如下：

<h1 align="left" class="STYLE1"><img src="花痴2.gif" width="104" height="111"/>美食阁

新出的菜肴   <img src="懒洋洋副本2.gif" width="224"

height="211" /></h1>

<tr>

<td><a

href="javascript:;"

target="_top"

onclick="MM_nbGroup('down','group1','taste','小孩儿.jpg',1)" onmouseover="MM_nbGroup('over','taste','樱桃.jpg','西红柿.jpg',1)" onmouseout="MM_nbGroup('out')"></a></td>

</tr>

左上角为logo，还有网站的名称，美食阁。下面是导航，根据规划报告的计划，将导航分为不同的部分，用表格做好。

按照地区不同，分为各地的美食。按照每个人的口味不同分为辣味的甜的等等。按照吃饭的方式不同分为不同的吃法，包括火锅、自助餐、烤肉等等。

框架有点乱，并没有针对具体的对象，任何人都可以网上订餐，但是有一个前提条件就是必须会上网，而且喜欢在网上订餐的人才会浏览美食的网页。

这个网站的这部分的源代码如下：

<img src="蝴蝶.gif" width="84" height="84" />反馈意见 <img src="肉串副本.gif" width="327" height="296" /> <img src="鸡柳肉串副本.gif" width="258" height="244" />  <img src="小女孩副本2.gif" width="222"

height="227"/>

右边是新鲜的菜肴，就是以前没有，现在刚出的，还有一些信息的介绍。插入几张图片，看起来很好吃的样子，吸引人们点餐的时候会考虑新出炉的菜肴。并且也有真实图片的展示，色香味俱全的一道菜，肯定会有很多人喜欢。

之后是反馈意见，我们特别希望看到浏览网页的人的反馈的信息，有助于提高我们的服务质量。下面是一周一统计的数据分析，告诉浏览网页的人，这周销量最好，上升最快的菜。

这是新增加的板块，名字叫做最新食谱。就是很多人们放在网上的好吃的菜肴是怎么做出来的，教会人们自己在家做美食，享受生活。还插入了两张图片，看起来就很好吃的样子。这个板块应该会非常活跃，对于那些非常喜欢下厨的女士来说，会经常喜欢关注这里，并且把自己的经验讲授给别人听。

以上网页的这部分的源代码如下：

<img src="吃货1副本.gif" width="128" height="146" />  <img src="吃货2副本.gif" width="145" height="172" />   <img src="吃货3副本.gif"

width="139" height="170" />    

<img src="吃货6副本.gif"

width="142" height="181" />   <img src="吃货5副本.gif"

width="157" height="189" />

<pclass="STYLE1">

<spanclass="STYLE8">

根据不同的地区划分为广东、云南、四川、陕西、山东等等，做了两个链接，一个是广东的粤菜，一般是清淡为主，很受大家欢迎。另外一个是四川的川菜，也是大街小巷随处可见的，比较适合喜欢吃辣的人。网页中插入很多图片，看起来很诱人，小孩子和小动物的可爱应该会吸引很多青春靓丽的女孩子。这个网页的排版比较简单，就是左上角是美食阁和LOGO，下面就是地区分类，网页看起来很整洁，不会有负责之感。做网页不能文字太多，要图文并茂。

不同的地区划分，上面是举例的川菜，插入了几张图片。做这张网页的目的是让别人看到四川的菜，了解四川菜肴，让人们可以吃到很多美味的东西。当然应该是喜欢吃辣的人比较喜欢。川菜一般都是辣的，不喜欢辣的人可以吃粤菜。

<body>

美食尽在其中～

</body>

粤菜口味比较清单，没有川菜那么辣。我挑了几张比较有代表性的图片，放在网页上，看起来会比较吸引人。排版和上个画面的排版相同，左边是图片。现在各地尤其是大的城市，开了很多粤式餐馆，说明人们喜欢粤菜的程度增加，设置这个网页就是为了那些口味较清淡的人来选择自己喜欢的菜。

根据不同的个人口味的划分，分成了吃辣的、吃甜的、吃咸的、吃酸的四种。每一个标题旁边放入一张图片。做这张网页是为了人们可以根据自己的口味很方便的寻找到符合自己的菜，不用大费周章。左上角是网站的名字和LOGO。

上一个网页是划分不同的口味，这个网页是香辣的口味的。图片给人的感觉，就是很辣很辣的。这个网页就是做给喜欢吃辣的人浏览的。那些人可以在这里很方便的找到符合自己口味的菜。

根据不同的吃法，分为了火锅、小炒、农家菜、自助餐、烤肉等等。上面列出了清单，并且插入了几张卡通图片。有很多人喜欢吃自助餐，他们上网订餐的时候会经常性的看自助餐怎样，所以就单独列出来。自助餐在年轻人中非常流行，因为人们喜欢自己制作自己吃，喜欢那种氛围，那种感觉，觉得好像在家里面做一样，但是都是很简单的一些操作，普通人一看就会的那种，比如火锅就是直接自己煮菜，把菜放进去就可以了，还有很多烤肉的也是这样子，自己把肉串放到烤箱里就可以了。

有些人喜欢吃火锅，单独将火锅列出来，方便很多人寻找。各种不同的火锅，不同的地方的吃的火锅，还包括各种不同的口味，有辣的有清淡的。网页排版比较简单，插入几张图片，再把每个菜的名字打上去。用PS将图片从原有的图片中刻画出来，看起来会比较好看，否则整个画面会比较难看。

这个网页展示的小炒，人们吃的最普通的菜肴，小炒。很适合那些喜欢农家小炒的人来吃。

网页的框架是根据第一个主页设置的，首页中导航分为三个，根据不同的地区、不同的口味和不同的吃法来划分。网页也是按照导航来做的。先做了不同的地区的，包括广东、四川等等。然后做了不同的口味的，包括酸甜辣咸四种口味，以吃辣的和吃酸的具体做了两个网页展示。最后做了不同的吃法，包括小炒、自助餐、火锅等等，以火锅和小炒为具体例子做了两个网页，展示了图片和文字搭配的排版。此网站就是为了吸引人们上网订餐的，并没有非常明确的针对对象和目标客户。

十一、总结

通过这学期的学习，我学到了很多知识，包括计算机网络、电子商务安全等等，并且在做实验报告过程中，我学会了PS软件的应用，虽然只是它功能中很小的一部分，但是我还是很开心。我利用自己学会的软件技术，做了几张网页，很简单的网页。我觉得动手操作能力非常重要，而且要告诉自己，你能行，要相信自己可以做到，就会很努力的去做。不要一开始在没有努力之前就告诉自己，不行，做不来，学不会。如果一直给自己泄气，永远不会做成功任何事情。

相关推荐

电子商务实验报告——美食阁的网站规划与设计

专栏推荐