美食园网站设计报告书.docVIP

《网页设计与网站建设》课程卷二实践考核 网页设计与网站建设 设计说明书 设计题目： 美食园网站设计与实现 姓 名： 糜丽娟 学 号： 20080530248 班 级： 08信管2 指导教师： 孙俊国 完成日期： 2010年12月15日  美食园网站的设计与实现 概述 电子商务在我国得到了快速的发展，它是数字化商业社会的核心，是未来企业发展、生存的主流方式。因此新的社会需求要求我们大学生应该具备自己设计开发网站的能力，在本学期的学习中，我已经清晰的了解了建设电子商务网站的知识结构，从电子商务网站的概念、网站的外观设计和内容编辑、Web应用程序开发等三大方面的内容全面的学习掌握了本学期商务网站的学习设计。 本网站是以与食品相关的系列产品为基准进行建立的，因此将它命名为“美食园”，这样别人一看就很清楚是个什么网站，并且便于记忆。将“脑白金”的理念贯彻到命名当中，以彻底的“俗”让更多的人记住它。 在本次的网站制作过程中，我全面运用了本学期学习的《电子商务网站建设教程》中的各项知识点，从开始的建站点、网页文件基本操作到层与表格的运用、超级链接与框架网页运用、行为与时间轴应用、表单应用再到VBScript脚本语言运用，接着就开始了动态网页的制作，其中包括了安装IIS环境和建数据库连接，实现登录、注册、改密码功能。最后建设商品信息维护系统，包括了商品信息输入、修改、查询功能，并在集成购物车系统中实现商品搜索与购物车等功能。 我这次的设计主题是开发建设一个关于介绍食品厨艺、美食文化典故、食疗药膳、营养健康、厨房餐厅、国外料理等的全面性美食网站，同时作为一个电子商务网站，其最重要的功能当然还是产品交易，在本网站中有中华各地特色食谱、美食文化和健康养生书籍、厨房餐厅图集、各种食品材料和特色菜的买卖。希望通过网站大家即可订购餐点或交流做菜心得，一圆自己的创业梦甚至一展自己的设计天份，新式售卖模式，同时亦为某些创业者提供测试市场的平台。 对于网站设计来说，不仅应了解该网站要运行什么应用程序，需要如何连接单位现有系统等，还需知道这个网站希望达到什么样的目的，即必须清楚网站的目标市场在那里。这将成为整个网站所有设计思想的基础。无论网站采用何种形式，什么样的外观，提供什么内容 ，都要以网站的最终目的为出发点来考虑。 在栏目设计中大量应用了布局技巧，通过布局、表格的精确使用，将整个网页的布局更加的明确清晰，栏目的划分中考虑了多方的因素，大标题中加入了小标题，栏目进一步的细化，还充分想到了人们对于对称的接受力，所以，我在栏目的布局中加入了对称结构，使得信息分类更加的清晰明朗。同时，内容中加入了相关的图片、文字、视频、导航条、FLAsh按钮等，将网页的可读性进一步的提高。 导航条的设计中考虑到了各方的因素，根据信息的分类要求，使导航条明确化。在功能的设计中，加入了滚动文字、图片转换、背景音乐、时间轴应用、登录注册功能、商品信息输入、修改、查询功能，并在集成购物车系统中实现商品搜索与购物车等功能。 建设数据库时使用的是Microsoft Office Access 2003，包括了数据库中用户和商品信息表的制作，各表间的关系连接，定义数据源，最后在ＡＳＰ的动态页面中建立到数据库的连接。同时还有IIS环境的配置，创建虚拟目录，建立站点，最后就是登录、注册、修改密码、信息输入、修改、查询等动态网页的制作。 项目详细设计 （一）、 前台功能设计 板式 参考大量用类网站，商业化的美食网站，都是采用中规中矩的结构，通过大小不一的方框分解整个页面。 颜色 为了提高阅读的舒适度，颜色应以柔和淡雅的色调为主，在作导航条等反差颜色采用也应以采用柔和淡雅的色调。 建立布局 在这次的网页设计中用到大量的布局，所以怎么样建立布局是关键。把所有的素材都整理好（图片，文章，相片），开始布局。中间一大片用于放正文，下面就是版权信息，联系信息这种布局方式看起来比较的整齐，简洁美观。 商品信息维护与集成购物车系统 实现商品信息输入功能：插入记录行为的进一步应用 实现商品信息修改功能：深入理解更新记录服务器行为，运用表单、请求变量、记录集、动态列表/菜单的设置动态数据 实现商品信息查询功能：重复区域服务器行为的运用和引用动态数据，插入图像占位符、绑定记录集和记录集分页、显示区域的应用 实现商品信息搜索功能：用高级方式定义复杂的记录集，在记录集定义的SELECT语句中引用表单元素值 实现购物车功能：查看购物车页面，定义购物系统的数据库连接，创建记录集，插入记录到购物车