美食网页设计

信息工程学院

《网站设计与建设》

课程设计报告

题目： FoodStore美食网

专业：软件工程

班级： xxx

姓名： xxx

学号：

指导教师：

时间：2013年12月2日—12月6日

摘要

随着Internet国际互联网和经济的发展，越来越多的企业开始建造自己的网站。基于Internet的信息服务，产品服务已经成为现代企业一项不可缺少的内容。计算机已经被应用到社会的广泛领域。与此同时，互联网作为信息技术的通信桥梁连接着全球计算机，而网站作为网络信息主要的表现形式，而且还是互联网信息的主要承载者，在Internet上表现出极其重要的地位，并发挥着极其重要的作用。无论实在国内还是国外都得以迅速的发展和壮大。并被人们重视和关注，互联网已经彻底的改变了世界，互联网的世界里蕴藏着无限的可能，在这种情况下，各行各业及其个人、单位、工厂、企事业等。在网上构筑属于自己的网络信息平台。保护自己的网络资源，并在互联网上开辟自己的市场和消费群体，以及构造自己的数字化世界和加强全球范围内不同地域的人们联系交流等活动，也就显得日益重要。Internet的日益兴起和以网页为载体的网络信息的广泛传播和应用，使得网站的建设及网页制作得到发展的空间，大到大型企业的产品推销，小到个人网页的开发，形形色色，五彩缤纷，网页制作也成为计算机网络领域最热门的话题。

关键字：

网页制作互联网 Internet

目录

摘要....................................................................................................................... I 第1章概述 .. (1)

1.1 选题的意义 (1)

第2章系统分析 (2)

2.1 技术分析 (2)

2.2 功能分析 (2)

第3章总体设计与详细设计 (3)

3.1 总体结构设计 (3)

3.2 网站目录结构设计 (4)

3.3 详细设计 (5)

第4章系统测试 (6)

4.1 设计和调试过程中遇到的问题 (6)

4.2 运行通过后的结果 (7)

总结 (10)

参考文献 (11)

附录： (1)

源代码 (1)

第1章概述

1.1 选题的意义

1．主题

Foodstore 美食网

2．选题的意义

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

第2章系统分析

2.1 技术分析

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

2.2 功能分析

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

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

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

第3章总体设计与详细设计3.1 总体结构设计

1．系统结构图

图3-1 系统总体结构图

2．系统设计草图

图3-2 系统设计草图

3.2 网站目录结构设计

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

3.3 详细设计

表格布局的过程：设计出框架为800*1000的布局表格，再在表格中添加适当的单元格

链接设计制作的过程：主页与五个子页进行连接

图片处理的过程：单元格设定好，图片大小和单元格同等大小然后添加

导航按钮的设置等等

第4章系统测试

4.1 设计和调试过程中遇到的问题

1.建立静态网页时，图片与表格的宽度不统一，图片放入表格后总出现空白区，静态网页形成时，现实设定的的表格的大小与原来设定的表格的大小要大一些。解决方法：在制作表格之前要先量好图片大小，依照图片大小太制作表格，就不会出现这种空白区情况。

2.静态网页形成后图片容易丢失。解决方法：把图片和网页放入到同一个文件夹中。

3. 子页链接不到主页。解决方法：将子页链接回主页

4.2 运行通过后的结果

图4-1 系统界面截图

总结

通过网站课程设计，我学习到了很多，经过自己亲自的动手操作，运用Dreamweaver软件制作出了网站，在设计过程中遇到了很多的问题，很多平时没有注意到的细节，在这一阶段都体现出来了，使自己能够对网站的设计有了更深一层的了解。

跟着老师上课讲的理论知识，自己学到的仅仅是课本上的那一点很有局限性的知识，到了自己动手操作的时候却不知道如何下手，经过这次程序设计，很大程度上锻炼了自己的动手操作能力，通过自己的亲自动手实践，在很大程度上使自己对程序有了更深刻的理解，也知道了，动手实践是很重要的，学习理论知识只是一方面，理论和实践的结合才能把网站设计学的更透彻，在网站制作过程中要不断地发现问题，而且自己要及时认真的找出问题的所在，自己亲自发现的问题，再亲自解决了，这样才能印象深刻。

在网站的设计过程中，能够更加熟悉网站制作中所需要的工具和操作，经过耐心的设计页面，不断的完善制作，才制作出了更加完美的网站，在生活中，在这个网络发达的时期，电脑的使用更加的普遍，网站也是生活中最为常见的，制作出更加完美的网页，才能充分展现出网页的魅力。

课程设计是培养学生综合运用所学知识，发现，提出，分析和解决实际问题，锻炼实践能力的重要环节，是学生实际工作能力的具体训练和考察过程，随着科术发展的日新月异，当今计算机应用在生活中可以说得是无处不在，因此对于我们大学来说掌握计算机开发技术是十分重要的。

在这次程序设计中，自己感觉到有很多不足的地方，对于网站设计的很多相关知识了解的不够，不知道从地方入手，在以后的学习过程中，自己一定要细心研的每一次制作，从每一步的设计中会得到自己没有学到的知识，能更细致的研究有关网站的知识。