《IDo婚庆网站说明书》由会员分享，可在线阅读，更多相关《IDo婚庆网站说明书（21页珍藏版）》请在金锄头文库上搜索。
1、 黄河水利职业技术学院毕业设计 I Do婚庆网站设计说明书学生姓名： 汪丹丹 学号： 2021030116 指导教师： 陈 萱 职称： 副教授 专 业： 电子商务1001 系部： 管理系 2012年12月25日I Do婚庆网站设计说明书汪丹丹黄河水利职业技术学院，河南 开封 475003摘 要：I Do婚庆网站是静态页面与动态页面相结合的全面的网站系统。通过该网站向浏览者展示公司的全部产品和效劳信息，浏览者也可以通过网站与公司在线交流沟通。网站页面设计简洁大方、内容编排得当、欣赏性与实用性并存。关键词：I Do婚庆网站 页面设计 栏目布局一、设计背景与设计意义一设计背景?中国结婚产业开展调查报
2、告?显示，我国最近5年来平均每年全国有811.36万对新人登记结婚，其中仅城镇新人在婚礼上的消费就达4183亿人民币。目前全国每年结婚新人近1000万对，仅北京市2021年就有17万对新人注册结婚。新婚人群愿意把积蓄的31%用于婚庆有关的消费。近年来，我国婚庆消费处在不断地增长之中，婚庆产业虽然开展迅速，但也存在着一定的问题。中国婚庆公司品牌成长还处在蹒跚学步阶段。市场的良莠不齐、诚信缺失，是许多新人对新婚消费充满不信任。因此，从行业规律看，婚庆市场洗牌在即，其市场有待于创新开发，要形成规模化、有序化、全方位的婚庆市场，走品牌化的道路。其次，婚庆行业作为一个新兴行业目前开展到了一个瓶颈阶段，由
3、于网络的开展，婚庆网站已经成为了婚庆市场的另一个战场，用好的网站来宣传自己的产品是非常好的销售模式。所以本次毕业设计，我所选的题目是设计网上婚庆公司。主要任务是根据相关资料及老师要求设计出一个美好的婚庆网站。(二) 设计意义俗话说：世上最美好的容颜是新娘的笑脸，人间最美好的时光是拜天地的那一刻。由此可见：“执子之手，与子偕老的承诺需要一个美好而隆重的仪式作为凭证。现在正值婚庆顶峰，几乎天天可以看到一对对的新人在这美好的季节里结成眷属。但新人们或多或少都有那么一些因工作，因时间而无法将自己的婚礼办得唯美时尚。而随着网络技术的开展，许多人们都通过网络来安排婚礼事务，所以在网上开设婚庆公司，既可以让
4、新人省时省力，又可以为他们提供多项选择。婚庆网站,就是一个可在线浏览婚庆新闻、婚庆习俗、婚庆案例、婚庆产品、留言交流等功能的网站系统；在信息化的今天,用户甚至可以足不出户就能把自己的婚礼方案得十分缜密。只要通过我们的网站，用户就能到达自己想要的结婚效果，享受到结婚带来的乐趣！二、 设计内容一设计目标1.充分利用互联网的强大优势资源把企业的产品或效劳信息247的发送给世界的各个角落，客户可以通过网站随时较全面的了解企业动态；2.从销售的角度来看，减少交易的中间环节，降低本钱，同时也起到宣传的作用；3.方便与客户互动来往，交流沟通，节省时间提高效率；4.网站建设后，再进行有效的网络营销推广，可以进
5、一步的主动抢占市场先机。二设计要求1.logo、flash及导航的设计，要求简单大方又要紧扣网站主题，表达该网站的特色。 2.网站首页要求内容编排得当、页面设计美观、欣赏性与实用性并存，能够表达网站的首页所能实现的根本功能。3.后台设计要清晰明了，方便管理员对产品展示、新闻动态等信息和效劳的及时更新和管理。三、相关技术与开发工具介绍该网站的建设主要用到了Microsfot dreamwear、Adobe photoshop和Flash等网页设计工具，另外，还用到了大量的Asp语言、Javascript语言、Access、Div+Css对网站进行优化设计。以下是主要设计工具的介绍：Microsf
6、ot dreamwear 是一款可视化的网页设计和网站管理工具，支持最新的Web技术，包含HTML检查、HTML格式控制、HTML格式化选项、可视化网页设计、图像编辑、全局查找替换、全FTP功能、处理Flash等媒体格式和动态HTML。Adobe photoshop 是由美国Adobe公司开发的图象设计及处理软件，以其强大的功能备受用户的青睐。它是一个集图像扫描、编辑修改、图像制作、广告创意、图像合成、图像输入/输出、网页制作于一体的专业图形处理软件。Flash 是一种创作工具，设计人员和开发人员可使用它来创立演示文稿、应用程序和其它允许用户交互的内容。Flash 可以包含简单的动画、视频内容
7、、复杂演示文稿和应用程序以及介于它们之间的任何内容。四、网站的需求分析一功能需求分析首页功能需求：通过主页版块设置，浏览者可以初步对网站的结构和主要内容有所了解，也使浏览者对该网站的创意设计有所肯定，让浏览者更加方便快捷的了解熟悉网站信息，将大体的网站情况一目了然的展示给浏览者。二级页面功能需求：通过二级页面将网站内容更加条理、更加详细、更加方便的展现给浏览者。二级页面中将每个版块的内容具体化、深入化、详细化，让浏览者更加深入了解网站的相关效劳和信息。二结构化需求分析1.数据流程在数据流程图中，I Do婚庆公司后台处于顶层数据流程最高级，其次是该网站的前台，前台为浏览者客提供各类婚庆信息。顶层
8、数据流图如图4-1所示:婚庆网站 网站后台浏览者 提供信息提供效劳图4-1顶层数据流图2.软件结构制作网站过程中，需要使用ASP语言设计一局部的动态页面，使用dreamweaver来制作局部html静态网页，这样可以优化系统性能。使用Photoshop来对图片进行美化修饰使其符合网站的整体色彩、风格效果。利用flash来进行局部动画制作，插入网站中。使其更加生动，更具吸引力。三用户界面需求用户界面的一致性很关键，界面的结构必须清晰且所有的术语要保持一致。遵循比照原那么，在浅色背景上使用深色文字，在深色背景上使用浅色文字。用户界面必须清晰明了，与其他模块区分开来。界面对象在视觉上、感觉上和行为上
9、应与其在现实中的表现一致。弹出菜单不应该是唯一的功能来源，要实现多功能的整合应用。界面的切换、布局很重要。用户要能够自由快速的对界面上每一项做出选择，并且所有选择都是可逆的。此外，为了让网站更具有吸引力还需插入一些简单的flash动画或制作技术含量较高的动态网站。四管理员界面需求管理员界面结构要简单清晰便于管理员管理登陆。后台管理功能包括对前台显示模块的内容管理，以及对后台管理员的添加与删除的管理等。后台设计合理可以方便管理员对网站新闻信息、产品信息等进行及时更新，使公司能够用最少的时间办最多的事情。五、 网站总体设计一网站框架及布局设计网站的整体色彩以白色和淡灰色为主，色彩的搭配符合婚庆气息
10、，给人一种清新淡雅、纯洁脱俗的感觉，更容易让不同风格的顾客接受。 主页中的各个模块的布局主要是使用CSS实现。主页布局如图5-1所示采用上中下结构，上方为logo、banner、设为首页和参加收藏等，中间是导航和flash,下方分左中右结构，左面是成功案例和联系我们，中间局部为企业简介、新闻动态和友情链接，右面是产品展示，最下方为版权信息。页面根本上每个图标，每个关键字都设有链接。网站的整体设计美观、大气，布局合理。Logo设为首页、参加收藏、联系我们首页 关于我们 新闻动态 荣誉证书 产品展示 成功案例 在线留言 人才招聘 联系我们Flash成功案例：关于我们：产品展示：联系我们：新闻动态：
11、友情链接：版权信息图5-1主页布局二网站的总体栏目设计作为一个婚庆网站，主要目的是希望能够及时的向新人传递婚礼的相关效劳和信息。这就要求我们所设计的网站的界面必须具备以下栏目：关于我们企业简介、总裁致辞、成长历程、组织机构、效劳团队、联系我们、新闻动态行业新闻、I DO资讯、婚礼讲堂、潮流风气、荣誉证书、产品展示婚纱造型、婚品定制、场地布置、摄影摄像、主持司仪、成功案例、在线留言、友情链接及后台管理登录。如图5-2、5-3所示：I DO婚庆首页关于我们新闻动态荣誉证书成功案例人才招聘产品展示联系我们在线留言行业新闻婚礼讲堂IDO资讯婚纱造型潮流风气婚品定制场地布置摄像摄影主持司仪企业简介总裁致
12、辞成长历程组织机构效劳团队联系我们图5-2网站前台栏目结构图I Do婚庆网站管理后台系统管理企业信息产品管理成功案例新闻管理留言管理荣誉管理人才管理友情链接图5-3网站后台栏目结构图三数据库设计网站中的数据库采用Access设计，数据库名为data.mdb,包括下5-4、5-5图中的30个表及其对应关系：图5-4表图5-5表之间的关系四网站特色设计1.logo的设计新颖独特，给人耳目一新的感觉，表达出I Do婚庆网站的独特之处。如图5-6所示左侧以囍字幻化的新郎新娘形象具体的表现了一对新人，红红的囍字那么散发着喜庆的气氛；右侧I Do说明这对新人的心声及信誓，被设计成婚礼钻戒的O字母更是使人眼
13、前一亮。图5-6 logo2.flash设计采用图片轮播的效果展示网站的主要产品信息，给浏览者视觉冲击力，起到宣传的作用。3.各页面在线交流功能的设计，给网站与浏览者创造了一个很好的网络条件，浏览者可以通过QQ了解企业的更多信息和效劳。六、网站详细设计一首页设计首页布局简洁，并有所创意，将所有版块工程都整齐排列，这样既可以赏心悦目，又可以让浏览者不产生视觉上的疲劳。通过主要板块的设置是浏览者初步对I Do婚庆网站结构有所了解，让浏览者更加方便快捷的熟悉I Do婚庆网站！将大体的新闻动态、产品展示、成功案例等一目了然的展现给浏览者。如图6-1所示：图6-1网站首页设计图1.栏目设计首页栏目主要包
14、括首页、关于我们、新闻动态、荣誉证书、产品展示、成功案例、在线留言、人才招聘、联系我们九大模块。还有其他一些小栏目，诸如友情链接、版权信息等。2.logo及banner设计采用灰白渐变色条状banner为背景，logo居左，右边那么是效劳热线、设为首页和参加收藏。logo的设计新颖独特，表达出I Do婚庆网站的独特之处。如图6-2所示：图6-2 logo及banner设计图3.导航设计导航设计上采用淡灰色条状为背景，黑色字体居中，分隔符都为白色，加上凹凸设计，给人以简明大方的感觉。如图6-3所示：图6-3导航设计4.风格与色彩搭配主要采用浅灰色和白色作为整个首页的基调，辅助色为绿色和红色，表达生机活力和喜庆的气氛。5.特效与代码在本网页的右上方，浏览者可以把本网站设为首页，或是参加收藏 ，以便操作。使用flash制作图片轮播的效果。当翻开该网页时导航栏下的图片将自动轮转，循环播放图片。在左下方的联系我们一栏中，添设了在线QQ联系，方便浏览者沟通交流。
