婚庆百货网站设计毕业设计

湖州职业技术学院电子商务专业毕业设计 题目 婚庆百货网站设计 学生姓名 学 号 1030104217 指导教师 班 级 电 商1002 【摘要】随着计算机技术和通信技术的飞速发展，信息化的浪潮席卷全球，互联网成为人们快速获取、发布和传递信息的重要渠道。各种各样的网站已经深入到日常生活的各个角落，越来越多的公司都建立了自己的网站，电子商务大行其道，个人网站也如雨后春笋般的发展起来。因特网的发展状况可以用日新月异来形容，通过电子商务来完善对商品的采购就给人们的生活带来了很多方便。它节省了物流消耗和一般商务对时间和地点的依赖。在这种形式之下，购买婚庆用品的人越来越多，也越来越广，全国各地都有购买者。这么大的一个市场，只是利用实物店铺是远远不够的，虽只能满足本地消费者的需求，但却不能面向远处的消费者需求。为了迎合市场的需求，为了开拓市场提高自身在同行中的竞争能力，建立一个婚庆用品网站也是很有必要的。本婚庆用品网站主要为爱家婚庆百货店设计一个网站，主页由首页、新人必读、关于我们，这就是爱、联系我们、友情链接、产品展示组成。学习就是为了获得更多的知识，对joomla 学习了一段时间，当然也想做个精美的网站来展示自己学习的效果了。这次的网页设计中主要运用joomla建站,会简单分析joomla的运行环境,对joomla 的安装进行简单的说明,并且会对网站的设计做详细介绍。 【关键词】joomla ,爱家百货, photoshop,wampmanager目 录引言1一、概叙1(一)网站的建设背景1(二)网站的建设意义2二、开发工具的简介2(一)网页图像设计工具photoshop2(二)网站制作工具Joomla2(三)运行环境配置Wampserver3三、Joomla的安装3(一)环境配置3(二)创建数据库3(三)下载解压4(四)joomla的正式安装4(五)Joomla的汉化5四、网站需求分析5(一)总体功能需求分析5(二)功能需求5五、网站的详细设计6(一)网站页面设计6(二)网站功能设计71.前台内容结构图72.新人必读83.关于我们84.这就是爱95.联系我们106.友情链接107.产品展示11总结12致谢13参考文献14引言Internet是目前世界上最大的计算机互联网络，它遍布全球，将世界各地各种规模的网络连接成一个整体。作为Internet上一种先进的，易于被人们所接受的信息检索手段，WorldWideWeb(简称WWW)发展十分迅速，成为目前世界上最大的信息资源宝库。据估计，目前Internet上已有上百万个Web站点，其内容范围跨越了教育科研、文化事业、金融、商业、新闻出版、娱乐、体育等各个领域，其用户群十分庞大，因此，建设一个好的Web站点对于一个机构的发展十分重要。近年来，随着网络用户要求的不断提高及计算机科学的迅速发展，特别是数据库技术在Internet中的广泛应用，Web站点向用户提供的服务将越来越丰富，越来越人性化。WWW使在全球范围内进行几乎是实时的交互性多媒体信息交流成为可能。与许多正在涌现的技术不同，WWW相当廉价，并且是迄今为止最强大的信息交流工具。对于一个企业来说，它没有理由不在Internet上展示自己。我这次建设的网站，为了符合设计需求，结合各大网站内容及形式而建，包括首页、新人必读、关于我们，这就是爱、联系我们、友情链接、产品展示7大板块。创建本站的使用工具主要为：joomla、photoshop等，部分建站素材来源于网络。一、概叙(一)网站的建设背景信息科技不断发展的现在，以计算机互联网为核心的科学技术为社会各行各业提供了前所未有的机会和发展潜力。互联网本身并不能创造价值，它是一个服务行业。 以INTERNET为基础的电子商务就是企业利用计算机技术和网络通讯技术进行商务活动的方式。它为企业与企业之间（B to B）企业与消费者之间（B to C）提供了一种新型的商务活动模式。基于INTERNET的企业网站作为企业进行电子商务的活动窗口，是企业为合作伙伴和客户提供访问企业内部各种资源的平台。通过网站企业的合作伙伴，可以很快获取企业当前及近期的各种生产及经营信息，并根据这些信息对企业的资源调配和生产调度进行合理优化；通过网站，企业的客户可以查询并了解企业所生产的各种产品的性能、价格等详细资料以及企业能给客户提供的各种服务。通过网站，企业能更好的宣传自己，提高企业知名度，进行有效的网络营销。 为了提高产品规模以及知名度，使企业形象走上一个新台阶，建立一个网站是很有必要的。 结婚是人生最重要的事情之一，随着生活水平的提高，人们也越来越看重结婚这件事，由此产生出了庞大的婚庆市场。许多传统婚礼要按风俗来办，喜娃娃、红伞、红皮箱等一个也不能少，胸花、礼花炮等也是必需品。买这么多东西，要逛多少店，有没有一个集中的地点可以采购呢?目前许多地区缺乏完整专业的婚庆百货市场，几乎找不到集中出售婚庆用品的商店。而爱家百货是一家只在线下一站式销售婚庆用品的企业，在当今信息化时代的风潮下，为了更多的营销，建立一个网站实现网上营销亦是必不可挡的趋势。(二)网站的建设意义 企业网站是一个综合性的网络营销工具,不仅与其他营销方法具有直接的关系,也构成了开展网络营销的基础网络营销逐渐成为企业的主页营销手段,企业网站作为企业信息的载体,是网络营销的基础,通过网站可以让客户找到,能吸引客户,能留住客户 单一的在下线销售已经远远不能适应当今信息化的时代,网络的销售慢慢会变成主流。二、开发工具的简介(一)网页图像设计工具photoshop在网页制作过程中，首先要使用Photoshop设计网页和整体效果图、处理网页中的图像、背景图及网页的图标、按钮等。Photoshop是平面图像处理业界霸主，Adobe公司推出的跨越PC和MAC两界首屈一指的大型图像处理软件。它功能强大,操作界面友好,得到了广大第三方开发厂家的支持,从而也赢得了众多的用户的青睐。(二)网站制作工具JoomlaJoomla!是一套自由、开放源代码的内容管理系统，以PHP撰写，用于发布内容在万维网与内部网。Joomla!的功能包含可提高性能的页面高速缓存、RSS馈送、页面的可打印版本、新闻摘要、博客、投票、网站搜索、与语言国际化。Joomla!使用GPL授权。Joomla!（Content Management System, CMS），它属于Portal（企业入口网站）类型，顾名思义，就是比较适合作为商业类型的网站程序。一般人对这类型的内容管理系统可能会有以下的别名来称呼：1. 架站程序（或软件）2. 快速架站程序（或软件）3. 整站程序目前，最流行的Joomla!版本为1.7。Joomla!最新的版本号是Joomla 2.5版（最新修正版本Joomla 2.5.6）。其运行环境:PHP+MYSQL+APACHE。(三)运行环境配置WampserverWampServer 是这样一个软件 可以将Apache+mysql+PHP 自动安装到windows上，软件中包含3个服务的最佳匹配版。好处是可以自由切换PHP，MYSQL，APACHE的版本，当我们使用joomla的过程中出现问题时，可以尝试切换PHP，MYSQL，APACHE的版本来解决。三、Joomla的安装(一)环境配置根据自己计算机的系统下载WampServer，点击安装即可。安装完成后，单击右键WampServer的任务栏，切换语言（languageChinese）。(二)创建数据库编码规则UTF8用户名：root密码：（为空）打开WampServer，点击左键，打开phpmyadmin创建数据库：数据库名:test1编码：utf8-unicode-ci点击创建，即成功创建数据库。(三)下载解压下载合适的版本，下载语言包解压包装包到目录下载成功后把安装包复制到wamp的安装目录当中，打开www的文件夹，在里面建立一个文件夹zuoye，将安装包解压到当前文件夹，即可完成解压。(四)joomla的正式安装打开WampServer，点击左键，打开localhost，上面有介绍我们把安装包放在一个叫zuoye的文件夹里，因此安装地址为http:/localhost/zuoye进入安装地址后：1. 语言选择语言：简体中文，点击下一步2. 安装预检查为了检查WampServer的一些配置是否支持joomla的运行，点击下一步3. 许可点击下一步4. 数据库数据库类型：MYSQL主机名：localhost用户名：root密码：（为空）数据库名：test1表前缀：可以为默认值输入完成后进入下一步5. FTP设置FTP暂时还不需要用，可以后在设置，点击下一步6. 配置网站名称：爱家婚庆百货网您的邮箱：393779516系统管理员用户名:titi系统管理员密码：662089确认系统管理员密码：662089然后安装示例数据点击下一步。删除安装文件夹。7. 完成完成上述步骤即完成了joomla的安装。(五)Joomla的汉化1. 输入用户名和密码进入后台。2. 点击后台导航：Extensions-Extension Manager。3. 点击选择文件-选中汉化包-Upload&Install。4. 点击后台导航：Extensions-Language Manager。5. 将中文设为默认语言（点黄色的五角星)。四、网站需求分析(一)总体功能需求分析网站功能分析就是以系统的观点，对已选定的对象与开发范围进行有目的、有步骤的实际调查和科学分析。分析的目的是为了弄清楚网站要做什么。在这个阶段，需要认真分析用户的需求，用科学的方法来表达并深入分析建站方案。网站的系统分析工作不仅使前期的系统规划方案轮廓更加清晰，而且要对诸多方案的可行性进行细致的论证，最终为后面的设计工作奠定基础。 该网站作为爱家百货店的企业网站， 实现了产品展示、企业宣传的功能，同时新人必读板块，更为新人们提供明确的购物清单，使得可以更快更好的购买到所需产品。(二)功能需求1. 新人必读列出新人所需购买的婚庆用品清单、让新人们对所需购买用品一目了然。2. 关于我们介绍了爱家百货店的一些信息、可以让顾客更好的了解店家信息。3. 这就是爱主要摘录的是一些关于爱情的文章，可以让新人们感受下爱情的意义与不同。4. 联系我们主要写了店家的联系方式，可以更方便实现顾客和商家的沟通。5. 友情链接与其他相关商家建立链接、可以跟相关行业相互推广，达到双赢。6. 产品展示简单清晰的展示商品，可以让大家更清楚的了解产品。五、网站的详细设计(一)网站页面设计 爱家婚庆百货网的主色调为粉红色，整体设计风格简洁有爱，导航栏包括了首页、新人必读、关于我们，这就是爱、联系我们、友情链接、产品展示。主页的设计能够让人一目了然的了解到各个链接页面。在主页上，我们可以看到一个滚动的图片展示，一对卡通情侣的耳语图搭配上有爱的标语，再加上爱家婚庆百货的字样，给人一种很温馨的感受。在网页下端footer栏，有店家的信息，设定好在所有的界面显示。设定了用户登入模块、进入网站的顾客都可以注册登入，可以有权限写写文章，一起给大家分享下新婚的喜悦，一起谈谈关于爱那点事，也可以结交更多的朋友。在网站的最下端有网站的版权信息。其中导航栏跟网页下端的footer栏都被设定好在各个页面展示，可以更好的宣传店家的信息，让更多人了解并记住。首页效果图展示,如图5.1：图5.1(二)网站功能设计1.前台内容结构图示意图如图5.1.1图5.1.12.新人必读新人必读是为了新人们搜索整理出来的一些婚庆用品清单，看着这些清单以后，新人才可以更好、更全的购买商品，分类列表式排版，给人一种整洁明了的视觉，也可以让新人一目了然的选择自己需要查看的婚庆用品购物清单。新人必读效果图，如图5.2：图5.23.关于我们关于我们，是对爱家婚庆百货店进行简单的介绍，让顾客更多的了解店铺信息。关于我们效果图，如图5.3:图5.34.这就是爱这是一个爱的模块，主要是在上面添加一些文章，注册的用户可以在上面发表文章，让更多的人一起分享他们的喜悦。这就是爱的效果图，如图5.4：图5.45.联系我们在联系我们这个模块里，详细的介绍了店家的信息，比如地址、电话、邮件等等。当顾客浏览此页时就能更加直观的了解到本店的详细信息，有利于客户与爱家婚庆百货店更深一步的交流。联系我们效果图，如图5.5：图5.56.友情链接在爱家婚庆百货网我们增加了一个友情链接的页面，友情链接可以在后台添加，这样更有利于本公司与相关企业的相互推广以达到双赢的目的。友情链接效果图，如图5.6：图5.67.产品展示产品展示页主要功能就是把本公司的产品更方便、直观的展示给浏览者看。产品展示效果图，如图5.7：图5.7总结在本次设计的全过程中，学习了很多东西，涉及了各方面的知识，大大的扩展了我的知识面，同时也让我学会了如何使用所学知识去解决一些实际的问题。在本次的网站设计中运用了joomla建站，这是在学校没有学习到的，是在实习时同事告诉自己的，在知识的海洋里，我们就该不断的学习和创新。在设计中我深知自己掌握的知识是远远不够的，但在不断的学习和努力下，在同事、老师的帮助下，我也把所学知识应用到了建站中，同时也明白了要懂得学以致用，多做多练才会更好的巩固所学的知识，让它在实践中得到运用，从而解决一些实际问题，这才是学习的目的和意义。通过这次的设计，我将所学知识运用在建站中，增强了自己的动手能力，学会了学习，明白了只有不断学习才能获得更多知识；学会了沟通，一个人的知识是有限的，只有不断沟通，才可以获得更多学识，才会更全面完善自己。学会了谦卑，懂得要虚心学习，人外有人，山外有山，只有虚心学习，会请教人才会懂的更多。致谢大学三年的学习生活中，在各位老师孜孜不倦地教诲下，在自己的努力和同学朋友的细心照顾中我的专业技能和社交能力各方面得到了提升。在本次毕业设计中很感谢指导老师楼老师，谢谢他在这段时间对我的辅导与帮助，对我在本次毕业设计中取得的成绩起了关键性的作用，所以在此我衷心的感谢。此外也要向对我课程设计提出珍贵意见的各位同学和朋友表示由衷的谢意。我知道我的这次设计还存在着许多缺陷和不完善的地方，但是我将会在以后的日子靠自己的努力完善自我逐步将作品做到完美。在此得到的锻炼使我在今后的人生道路上受益匪浅。所以在这里我要感谢学校的领导，感谢他们给了我们美好的校园。感谢各位和蔼可亲的老师们，正是由于他们孜孜不悔地教导，给了我们曾经希望的知识，带给我们知识的财富。还要感谢一直围绕在周围的同学与朋友，谢谢你们不弃的关心和照顾带给我需要的温暖。所以在此我由衷的对各位表示谢意。参考文献1 吴涛涛.Joomla！建站步步通.人民邮电出版社.2009年4月2 姜楠.完美网页设计与制作.中国青年出版社.2004年5月3 陈红飞.PHP内容管理系统:Joomla快速建站指南.电子工业出版社.2009年1月4 景怀宇.中文版Photoshop CS5实用教程.人民邮电出版社.2012年4月5 郭顺能.Joomla! 2.5 素人架站計畫.碁峰資訊股份有限公司.2012年9月6 神龙影像.Photoshop CS5中文版从入门到精通.人民邮电出版社.2012年8月14