基于html的静态娃娃礼品网站设计与实现毕业设计论文.doc

毕 业 设 计

毕业设计题
基于html的静态娃娃礼品网站设计与实现
毕业设计类型
þ 产品设计 □工艺设计 □方案设计
姓名

班级

所属系部
物流信息系
专业
物流信息技术
指导教师

职称

完成时间

摘 要
本文主要针对基于html的静态礼品购物网站管理系统进行分析和设计。以娃娃礼品命名的礼品购物网站为例首先对购物网站进行前景分析以及业务需求分析，以及就目前本人所掌握的开发工具、编程语言等的网站开发必备条件进行可开发平台的确定，和相关应用软件的简介。接着则对本网站的基本框架层次以及各个功能模块图进行图形的描述体现。第三章和第四章主要介绍在网站设计中的数据库的设计、实现以及各个功能模块的具体实现和具体的介绍。最后对本系统进行客观的评价，指出该系统的现实意义与缺点。

关键词：礼品网站 Dreamweaver html 网站功能模块

目 录
第1章 网站开发需求分析 - 3 -
1.1 网站分析 - 3 -
1.2 开发工具需求 - 3 -
第2章 网站总体设计 - 6 -
2.1 设计思想 - 6 -
2.2 项目规划 - 7 -
2.3 系统功能模块 - 8 -
第3章 系统主要界面与主要功能的实现 - 9 -
3.1 网站首页 - 9 -
3.2 产品展示 - 10 -
3.3 新品推广页面设计 - 11 -
3.4 礼品文化页面设计 - 11 -
3.5 公司简介页面设计 - 12 -
3.6 联系我们 - 12 -
总 结 - 13 -
致 谢 - 14 -
参考文献 - 15 -

引 言
网络化作为知识经济时代的重要特征，其发展势头已使人们看出，商品生产者和经营者这一市场主体在网络中发布商品信息、广告，商品消费者则在网络中有选择地看广告，了解商品市场、信息，网络的普及，使网上销售和购买成为现实。无形的网络市场正毫不留情地切入有形的商品市场争夺消费者，网络市场的巨大潜力一旦得以发挥，原有的商品营销方式将会有较大的变化。如何在这场席卷全球的网络革命中求得生存和发展，已经成为商品生产者和经营者需要考虑的问题了。
随着Internet的广为普及，其便捷的信息交流特性已使得商家将其利用为获取和传播信息的最大众化的媒介。经济、方便、快捷性的驱使下越来越多的商家将销售市场搬至网络。网络营销，不仅仅是企业、商家需要的新型的营销渠道，也是顾客、潜在用户在意的便捷的新兴虚拟市场。
网上购物在2010年已经成为了继实体交易市场、电话营销、电视购物等交易方式后的后起新生力量。类似于淘宝、易趣、当当网、太平洋电脑等等购物网站层出不穷，宅男宅女既是网络购物迅猛发展前提下新的生活方式人群，也一定程度上的大力推进了网络购物的发展、成熟。
商品的琳琅满目，商家不断的最大限度的缩短产品的销售周期加快推陈出新的脚步。市场的瞬息万变，能在最短的时间内作出正确的响应及时更新销售信息者无疑是占尽市场优势。与传统的交易市场相比购物网站虚拟交易平台的优势显而易见。对顾客而言，最快最新的产品信息发布，足不出户购物的轻而易举，货比三家而不受外界任何因素影响。对商家而言，能够最大限度的缩短产品的更新周期及时响应市场，同时还
目前国内的绝大部分购物网站都是采用asp、php或者单纯html静态网页的形式。HTML格式的网页通常被称为“静态网页”，早期的网站一般都是由静态网页制作的。静态网页每个网页都有一个固定的URL，且网页URL以.htm、.html、.shtml等常见形式为后缀，静态网页是实实在在保存在服务器上的文件，每个网页都是一个独立的文件等，设计是基于html的静态礼品网站。
第1章 网站开发需求分析
1.1 网站分析
本购物网站以销售礼品为例，为顾客提供购物平台，顾客可以尽情的浏览商家公布的产品信息，实现轻松购物。
1.1.1 客户系统功能：
（1）用户可以浏览商家发布的产品信息。
（2）用户可以浏览商家给客户提供的购物须知说明。
（3） 用户可以从“关于我们“中了解商家的基本信息。

1.2 开发工具需求
1.2.1 开发工具选择
本系统使用HTML静态编程技术进行系统的前端页面设计。以下为开发工具的选择：
（1）Web服务器平台：选用Windows XP
（2）开发工具选择：选用Dreamweaver
（3）系统平台：选用Windows XP
1.2.2 编程技术需求分析
HTML静态页面编程技术。 纯网页HTML语言可以直接被搜索引擎所识别，但是asp语言需要经过解释，搜索引擎可能会在中途放弃收录，转到下一站点。所以HTML是建设网站的基本，每一次显示都是直接访问这个文件，这个页面是与数据库没有任何关系，同时要想修改网站，那必须修改网站模板，那么纯HTML网页的优点是什么呢?
（1）如果是生成了HTML，更容易被搜索引擎收录和排名靠前，这是优点一，这也是大家使用HTML的主要目的。
（2）如果是使用HTML的网页，那么就不调用数据库了，所以对服务器的压力更小，因为每一次显示都是一个直接的网页。
（3）如果是使用了HTML网页，网站不需要经过数据库就可以打开，所以运行速度更快。
（4）静态网页和动态网页的区别在于动态网页可以给于浏览者权限，而搜索引擎抓取的时候是以游客身份进入的，所以不容易被抓取和收录，而静态网页由于不存在页面权限问题，所以更容易被收录。
HTML格式的网页通常被称为“静态网页”，早期的网站一般都是由静态网页制作的。静态网页每个网页都有一个固定的URL，且网页URL以.htm、.html、.shtml等常见形式为后缀，而不含有；静态网页是实实在在保存在服务器上的文件，每个网页都是一个独立的文件等。
HTML的定义：（ Hyper Text Markup Language）即：超文件标记语言。它是一种专门的编程语言，用于创建存储在WWW服务器上的文件，并能由Mosaic、Netscape、Microsoft Explore等浏览器进行解释浏览。可以用它来建立Home Page。它是使用Internet的基础,是HTTP(Hypertext Transfer Protocol超文本传输协议)的一个部分。html文件是简单的纯文本文件(全ASCII文件),在MIME(Multipurpose Internet Mail tensions多用途交互网络邮件扩展标准)机制中使用.html(或.htm)扩展名。其主要特征是在文本中有html标注符。html语言的优点是标注简单明了,功能强大。可以定义文件的显示格式、标题、字型、表格、窗口等;与www上任一资料进行超级连接;使用辅助应用程序,连入图像、视频、声频等多媒体资料。
第2章 网站总体设计
2.1 设计思想
网络化作为知识经济时代的重要特征，其发展势头已使人们看出，商品生产者和经营者这一市场主体在网络中发布商品信息、广告，商品消费者则在网络中有选择地看广告，了解商品市场、信息网络的普及，使网上销售和购买成为现实。无形的网络市场正毫不留情地切入有形的商品市场争夺消费者，网络市场的巨大潜力一旦得以发挥，原有的商品营销方式将会有较大的变化。如何在这场席卷全球的网络革命中求得生存和发展，已经成为商品生产者和经营者需要考虑的问题了。
通过前期的商务网站规划，我们知道中国礼品市场一方面是巨大的需求，另一方面是上述种种原因造成的行业真空，对投资者则是一次难得的商机，也为规范运营的企业留下了巨大的发展空间。娃娃礼品店主要是应对中国的礼品市场而建立。
网站风格是指站点的整体形象给浏览者的综合感受。这个“整体形象”包括站点的CI（标志、色彩、字体、标语）、版面布局、浏览方式、交互性、文字、语气、内容价值、存在意义、站点荣誉等等诸多因素。娃娃礼品网站主要是时尚,平淡，简洁，没有用过多的广告图片，其主要应对的消费群体主要是女性、青年等。所以网站主色调主要采用玫瑰红两色，能够在视觉上给人温馨而美好的现代质感冲击。网页布局及版面设计上，主要采用的是“、“T”结构布局。所谓“T”结构。就是指页面顶部为横条网站标志+广告条+导航条，下方左面为主菜单，右面显示内容的布局，因为菜单条背景较深，整体效果类似英文字母“T”,所以我们称之为“T”形布局。这是网页设计中用的最广泛的一种布局方式。这种布局的优点是页面结构清晰，主次分明。是最容易上手的布局方法。将要表述的内容重点的进行了突显。从版面设计上来将，一个有特色的主页，主要包含有三个要素：图象、排列方法、主色凋，这三者相辅相成、缺一不可。栏目主要有：首页、公司简介 产品展示 新品推广 礼品文化 联系我们等。

2.2 项目规划
中国礼品市场一方面是巨大的需求，另一方面是上述种种原因造成的行业真空，对投资者则是一次难得的商机，也为企业带来了了巨大的发展空间。
2.2.1 本网站的经营理念、产品或服务特色
本公司坚持诚信为本，顾客利益至上的经营宗旨。我们会时刻关注顾客需求，以公司网站为平台，留意客户反馈信息，为客户提供各种咨询服务。并以市场为导向，加快产品更新速度，从而保证我们的家居饰品的优质与时尚，满足人们追求个性、简洁、潮流的欲望。靠薄利多销，走经营流水，凭品质和设计，赚客户认可度，这就是我们的经营之道。相信依靠公司同仁的努力，我们的产品会赢得良好的信誉，在获得丰厚利润的同时，也帮顾客创造出温馨舒适的家居气氛。实现公司与客户的双赢，这便是我们的目标！服务规划：商品的零售、批发、预定。
2.2.2 信息服务与销售的关系
对使用过我们公司产品的客户，我们将留底备案，并向他们进行跟踪服务，征求他们的意见和建议，以达到改进我们的服务，丰富产品的种类的目的。真正将我们的服务理念贯彻落实到我们的工作和服务中，与客户保持经常的联系。将我们公司的详细联系方式制作成网络名片，在练习中分发给顾客，并安排产品服务人员专门进行客户联系工作。
2.2.3 最大限度地满足顾客需求
包装服务：发货人以根据所售物品体积选择宅急艺饰品类网站，集中精力介绍产品类型，规格及价目，为顾客提供多种优美手工艺饰品，对公司进行适当的宣传介绍，突出公司的服务理念。网站内容规划：整体风格与栏目规划：玫瑰色界面，体现家居的高雅而又不失亲切的风格，栏目主要有：首页、公司简介 产品展示 新品推广 礼品文化 联系我们等。

2.3 系统功能模块
企业网站主要功能模块如图所示：

2.1 系统功能模块图
第3章 系统主要界面与主要功能的实现
3.1 网站首页
网站首页是一个网站的门面，因此在设计的时候不但要考虑它的视觉整体美观还要考虑它的便捷性。它主要包括以下几个模块：如图4-1
（1）头部：头部显示一个购物网站名称，网站的标志以及网站的导航条。这样在整个网站中起一个美观作用。
（2）导航条：主要功能是导航，以方便用户访问网站的各个部分，了解网站结构。包括：首页、公司简介、产品展示、新品推广、礼品文化、联系我们。由于头部在后面的几乎每个网页中都会用到，因此后面将省略重阐述。
（3）主体部分：主体部分则主要是现实当前可供选购的商品部分信息以及网站整体的简要概况。

3.1 网站首页设计

3.2 网站首页设计

3.2 产品展示
此页面包含固定不变的娃娃礼品网站首部以及起导航作用的左边部分，导航主要是产品的分类，正文部分则是产品展示：能够在网上提供在线产品目录，展示所有产品。详细的产品介绍：提供全面的产品描述，客户可以充分了解所有的产品，灵活的进行选择，并可以在反馈表或网上调查中提出对产品的看法。如图所示：

3.3 产品展示页面设计
3.3 新品推广页面设计
此页面仍然包含网站首部以及左边导航，正文部分为娃娃礼品的新品的图片、价格、名称。如图所示：

3.4 新品推广页面设计

3.4 礼品文化页面设计
页面包含娃娃礼品网站首部已经左导航，正文部分为礼品文化的介绍，更全面的向客户展现礼品文化的历程。如图所示：

3.5 礼品文化页面设计
35 公司简介页面设计
页面包含娃娃礼品网站首部已经左导航，正文部分为公司的介绍，以便于客户更好的认识娃娃礼品店。如图所示：

3.6 公司简介页面设计
3.6 联系我们
商家联系信息，以便于客户与商家的交流。能够更快的了解客户需求，更好的应对市场需求。如图所示：

3.7 联系我们页面设计

总 结
本网站是一个典型的浏览器/服务器（B /C架构）的网站，能实现基本的商家的介绍、商品信息以及礼品的相关文化的介绍。这些功能的实现基本满足了系统的操作功能需求，但由于是第一次进行系统的设计开发，且不熟悉网站的后台设计所以在某些购网网站详细具体的功能上还不是很完善，存在一些不足，有待以后进行优化改进。

致 谢
在这里我首先感谢湖南现代物流职业技术学院的全体领导和老师们，感谢他们在三年大专生活、学习中对我的教育、指导和关心，使我能顺利的完成的学业。
在整个毕业设计过程中，我得到了老师的悉心指导和大力支持，使我的专业知识有了很大的提高。老师以其严谨求实的治学态度、高度的敬业精神、兢兢业业、孜孜以求的工作作风和大胆创新的进取精神对我产生重要影响。他渊博的知识、开阔的视野和敏锐的思维给了我深深的启迪。还有同学的帮助。
在论文的写作过程中，也得到了许多同学的宝贵建议，在此一并致以诚挚的谢意。

参考文献
1. 张淑清：《网页制作实用教程》，

- 16 -