美食网页设计.doc

信息工程学院 《 网站设计与建设 》 课程设计报告 题 目： FoodStore美食网 专 业： 软件工程 班 级： xxx 姓 名： xxx 学 号： 指导教师： 时 间： 2013年12月2日—12月6日 摘 要 随着Internet国际互联网和经济的发展，越来越多的企业开始建造自己的网站。基于Internet的信息服务，产品服务已经成为现代企业一项不可缺少的内容。计算机已经被应用到社会的广泛领域。与此同时，互联网作为信息技术的通信桥梁连接着全球计算机，而网站作为网络信息主要的表现形式，而且还是互联网信息的主要承载者，在Internet上表现出极其重要的地位，并发挥着极其重要的作用。无论实在国内还是国外都得以迅速的发展和壮大。并被人们重视和关注，互联网已经彻底的改变了世界，互联网的世界里蕴藏着无限的可能，在这种情况下，各行各业及其个人、单位、工厂、企事业等。在网上构筑属于自己的网络信息平台。保护自己的网络资源，并在互联网上开辟自己的市场和消费群体，以及构造自己的数字化世界和加强全球范围内不同地域的人们联系交流等活动，也就显得日益重要。Internet的日益兴起和以网页为载体的网络信息的广泛传播和应用，使得网站的建设及网页制作得到发展的空间，大到大型企业的产品推销，小到个人网页的开发，形形色色，五彩缤纷，网页制作也成为计算机网络领域最热门的话题。 关键字： 网页制作 互联网 Internet 目 录 TOC \o 1-2 \h \u 4830 摘 要 I 26341 第1章 概述 1 13626 1.1 选题的意义 1 12207 第2章 系统分析 2 485 2.1 技术分析 2 12468 2.2 功能分析 2 13665 第3章 总体设计与详细设计 3 12216 3.1 总体结构设计 3 13448 3.2 网站目录结构设计 4 25547 3.3 详细设计 5 4442 第4章 系统测试 6 14674 4.1 设计和调试过程中遇到的问题 6 18283 4.2 运行通过后的结果 7 849 总结 10 29824 参考文献 11 27644 附录： 1 14177 源代码 1 第1章 概述 1.1 选题的意义 1．主题 Foodstore 美食网 2．选题的意义 随着经济的发展，生活水平的提高，电子商务的兴起，人们都习惯网上购物，美食的销售在其中占有重要的位置。Foodstore网主要销售生产糖果，果冻等食品，多个品种公司在发展的过程中，坚持不断否定自己永远追求卓越的企业精神。打造良好的购物环境，保证食品的安全性，给顾客创造良好的购物环境，吃到可口美味的食品，节省顾客的时间以及省去了逛街购物带来的麻烦和劳累，开拓了顾客的视野，色香味俱全。  第2章 系统分析 2.1 技术分析 Foodstore美食网这个网站是运用了HTML静态网页技术，和Dreamweaver软件相结合实现的。页面间通过网页链接，实现具体所要查找的食品，可以方便用户的需要做出选择，给人们带来了极大地方便。 2.2 功能分析 Foodstore美食网是给用户一个方便的购物空间，登陆Foodstore美食网界面，根据自己的需求选择浏览，其功能有以下： 用户可以通过浏览主页，了解公司的简介以及图片展示 用户通过浏览子页，可以对食品进行细致的了解 第3章 总体设计与详细设计 3.1 总体结构设计 1．系统结构图 系统主界面 系统主界面 联系我们 人才招聘 面 首页 新闻中心面 公司简介面 产品中心面 图3-1 系统总体结构图 2．系统设计草图 图3-2 系统设计草图 3.2 网站目录结构设计 在网站的首页上方能看到几个选项卡，分别是：首页、公司简介、新闻中心、产品中心、人才招聘和联系我们。当用户点击希望去的界面时，就会自动的链接到用户希望的那个网页。展现给用户相应的界面，在每个界面都会有这几个选项卡，用户可以在其中自由的切换。 3.3 详细设计 表格布局的过程：设计出框架为800*1000的布局表格，再在表格中添加适当的单元格 链接设计制作的过程：主页与五个子页进行连接 图片处理的过程：单元格设定好，图片大小和单元格同等大小然后添加 导航按钮的设置等等 第4章 系统测试 4.1 设计和调试过程中遇到的问题 1.建立静态网页时，图片与表格的宽度不统一，图片放入表格后总出现空白区，静态网页形成时，现实设