《尚恋婚纱网站的设计与实现毕业论文.pdf》由会员分享，可在线阅读，更多相关《尚恋婚纱网站的设计与实现毕业论文.pdf（29页珍藏版）》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。
1、摘要尚恋婚纱网站是一个信息发布型网站，本设计首先分析了设计目的和网站总体结构，主 要包括活动与资讯、客照欣赏、场地风格推荐、外地贵宾通道、登录、联系我们、在线留言 等功能，然后对相关素材进行了收集和整理，并使用flash、Photoshop等工具进行了处理,再使用Dreamweaver、JavaScript等工具和语言进行了网页设计和制作，最后使用电子邮件、QQ、微博、微信等方式对网站进行了推广，符合公司网站的需求。关键词：尚恋婚纱网站；设计；实现This document is produced by trial version of Print2Flash.Visit www.print2
2、 for more information目 录第一章设计背景.11.1企业网站设计目的.11.2网站建设需求分析.11.3网站总体结构.4第二章前期准备.62.1素材收集整理.62.2 LOGO 设计.62.3 Banner 设计.92.4首页效果图.9第三章网页设计制作.123.1首页设计制作.123.2其他页面设计制作.14第四章网站运营推广.184.1电子邮件推广.184.2 IM及时通讯工具推广一QQ.184.3 SNS社区营销推广一微博、微信、论坛.19总 结.21致 谢.22参考文献.23This document is produced by trial version of
3、Print2Flash.Visit for more information引言你可以在企业网站向客户介绍自己的企业，以显示自己的实力，促进自己的产品，网页 制作是网站制作的重要组成部分。与传统平面设计相比，网页设计更具新意和表现力。本人 结合以往的经验，具体的体会，做出一个网页设计网站的建设和实施过程，包括：网页设计 和制作过程中网页的版面设计、页面的实现和框架结构的讨论。1This document is produced by trial version of Print2Flash.Visit for more information第 一章 设 计 背 景1.11.1企业网 站 设
4、计 目 的网页和网站已经成为当今互联网网络的重要基础。他为政府和政府、企业宣、电子商等 社会经济文化提供社会和财政支持。政府、部门、企业越来越重视网页的设计与制作。世界已经进入新的网络时代，网络信息已经成为人们关注的焦点之一。在全世界的快速 发展和遍及下，人类的生活发生很大的变化。互联网的发展，为网站的发展提供技术支持。网站已经成为网络营销平台，是许多企业不可缺少的，使用规模正在提升。因此有了此次的 选题。企业网站是企业不可缺少的组成，它表现在全国学习企业文化、管理概念、特色服务和 企业分布。企业网站搜索效率快、检索简便、高可靠性、大容量内存、保密性好，长寿命、低成本、方便的维护和信息的有效性
5、。这些优点会大幅提高企业的效率，实现企业的科学化、信息化化，与世界的一体化重要的条件。1.21.2网 站 建设 需 求分析网站是企业向用户和互联网提供信息的工具。它也是企业无形资产的一部分，是文化窗 口和公司形象的反映。随着独生子女人群婚姻的到来，虽然总数量在降低，但是人们在全国婚纱文化的接受，产品的质量、个性化的健康，提高婚纱的想法购买程度已逐渐植入人心。而一些国内品牌开 始从高平面看婚纱的高端婚礼文化精髓渗透到消费者的心中，婚礼是爱情的见证，一生一次,每个女人都应该拥有自己的一份。因此虽然国内行业刚起步，目前对于婚纱的需求量以及市 场成熟度并没有国外大，但是其发展潜力却是不容小觑。一.中国
6、婚纱礼服需求调查分析1.消费者目前的关注点依旧是款式。2.选择的价位以中低档为主。3.礼服的款式对于休闲型需求比重加大。二.消费模式的转变分析目前国内消费者对于婚纱礼服的消虔模式以理智型购买为主。1.关于价位This document is produced by trial version of Print2Flash.Visit for more information消费者会在购买前把整个婚礼过程中的价格清单提前支出，并确定按照比例购买婚纱，并根据每个人的购买力水平制定自己的可接受范围内的预算超支。2.关于款式现在的消费者越来越自信，随着婚纱市场产品逐渐透明，使消费者不盲目的购买产品，在
7、购买之前，他们做功课，了解他们的爱和风格，甚至有些消赛者会选择按图片选择”（互 联网找到自己最爱的风格，为购买标准）。3.关于真正消费群体虽然现在的结婚礼服消费群体越来越多地倾向于90后”“，但由于其进入社会时间，资本储备是有限的。婚纱不同于一般的服装产品，由于其特殊的意义、地位和昂贵的价格，所以当涉及到选择结婚礼服时，往往会伴随着父母或父母的陪伴，而且由父母买单。因此，在购买的过程中，往往有发言权，最终的决定是他们的父母。4.关于渠道随着互联网的普及，越来越多的消费者来自社会化的网络平台，权威的行业平台或是第 一品牌的网站访问到产品，从而导致商店或商店购买的配件。目前中国的婚纱影楼已经趋于饱
8、和，但婚礼个人消费市场刚刚起步，有着巨大的市场前 景。1.31.3网 站 总体结 构网站结构是指网站中各页面之间的层次关系，网站结构是衡量网站用户体验质量的重要 指标。好的的网站结构能够帮助用户快速获取所需信息。以下是本站的网站框架结构图：This document is produced by trial version of Print2Flash.Visit www.print2 for more information图1-1网站结构图1.网站首页栏目：是关于整个网站的婚纱介绍、结婚季准备、卖家联系方式等概述。2.“活动与资讯”栏目：介绍尚恋的举办的活动。3.“客照欣赏”栏目：尚恋给顾
9、客拍摄的婚纱照欣赏。4.“婚纱风格与场地推荐”栏目：按照风格与场地的不同分类给您提供了我们的专业指 导。5.“婚纱礼服”栏目：婚纱成品的欣赏。6.“关于尚恋”栏目：这里向大家介绍了尚恋的基本情况以及网站登录。7.“外地贵宾通道”栏目：专门为外地来的客户提供服务。4This document is produced by trial version of Print2Flash.Visit for more information第 二章 前期准备2.12.1素 材收集 整理L图片 素 材本网站的图片素材大部分都是通过一些婚庆网站以及使用百度搜索引擎获得，在此基础 上使用我们课堂上所学到的Pho
10、toshop进行PS抠图、调整图片大小，以及对图片的亮度、对比度进行调整而制作而成，最后应用于本网站中去。2.文字素 材本网站的文字素材是根据网站主题进行收集的，大部分出自于百度百科，以及对婚纱的 文字搜索。经过对文字的加工处理以及与主题进行对比归纳概括，最后应用于本网站。4.素 材的 整理网站所有内容都统一放置一个文件夹中并命名为婚纱网，在其子文件夹新建img文件 夹。素材图片进行分类命名统一放在img文件夹中。2.2 LOGO 2.2 LOGO 设 计logo代表了企业的经营理念、文化特征和价值取向。它反映了企业的特点和管理思想。它是企业精神的具体标志。本网站的log。是在photosho
11、p中设计的，抽象字母s”作为主 体，颜色采用绿色系列呼应整个网站页面，使用尚恋两字中尚”首字母s”贯穿整个图 案，下面标注“尚恋婚纱”与其英文组合制作而成。本网站Log。的主色调为一个金黄色的渐变效果，迎合着本网站的金黄色色调色，是一 种生机勃勃的力量，一种自然的和谐与美丽，金色的主题婚礼可以起象征高贵、光荣、华贵、辉煌象。Logo设计过程：第一步：新建空白图层，用矩形选框选出一个矩形，填充颜色。This document is produced by trial version of Print2Flash.Visit for more information图2T logo制作过程一第二步
12、：使用钢笔工具勾勒出“S”形状填充白色。图2-2 logo制作过程二第三步：选取矩形黄色部分，填充一个深浅深的金色渐变6This document is produced by trial version of Print2Flash.Visit www.print2 for more information图2-3 logo制作过程三旗-岫风 匿v第四步：插入文字。图2-4 logo设计制作过程四7This document is produced by trial version of Print2Flash.Visit www.print2 for more information整体效
13、果图如下:尚恋婚纱shanglianhrnle图2-5 logo整体效果2.3 Banner 2.3 Banner 设 计banner可以作为活动的标志，也可以是一个伟大的杂志和报纸的标题。Banner主要体 现在中心意思，形象鲜明体现了最主要的感情思想或宣传中心。一个好的Banner设计能影 响到一个网站的点击量与成交率，本网站首页banner采用了我们所学的Photoshop工具。简单的人物与文字搭配，看起来简单、大方，通过对图片大小的裁剪、以及对图片的亮度、对比度、曝光度的调整所成，给人一种清晰自然的感觉，从而更好的呈现出网站的特色。本网站的Banner属于静态网幅广告，通过采用艺术字的
14、效果以JPG的格式建立的图象 文件，定位在网页中用来实现网站广告宣传的效果。Banner图片使用的是人物+艺术字体而 成。具体制作过程如下：第一步：新建一个980*129的图层，插入人物图片。8This document is produced by trial version of Print2Flash.Visit www.print2 for more information图2-6 banner制作过程一第二步：插入艺术字体。图2-7 banner制作过程二第三步：插入网站标题与logo09This document is produced by trial version of Pr
15、int2Flash.Visit www.print2 for more information图2-8 banner制作过程三总体效果图如下:图2-9 banner成品图2.42.4首 页 效果图一个成功的网站，首先是其静态页面的设置，主要就是首页的设计。只要你的主页足够 大，足以容纳住，你的网站将吸引更多的访问者，即使只是简单的一瞥，你会有一个了解你 的公司和产品。本网站首页是关于整个网站的婚纱介绍、结婚季准备、卖家联系方式等，更 直接的让人们了解企业的结构。为了帮助用户方便地浏览，每个网页都设有标题导航，且网页标题清楚地表明了网页内 容。10This document is produce
16、d by trial version of Print2Flash.Visit for more information图2-10首页效果图11This document is produced by trial version of Print2Flash.Visit www.print2 for more information第 三章 网 页 设 计 制作3.13.1首 页 设 计 制作网页是网站的外观，也显示了一些相关的新闻，是企业网站设计的重要组成部分，是一 个综合性的网站平台，是整个网站的一个体现，是每个企业的一部分，使整个网站的浏览者 在第一时间品尝的企业特色。首页整体布局如下：
17、网 站banner海报轮播活动与资讯100%真实客照图片轮播结婚烫讯 团购推荐版权声明图3-1首页布局12This document is produced by trial version of Print2Flash.Visit www.print2 for more information本网站布局技术采用表格布局，利用Photoshop软件对图片进行美化。网页配色选用金 色为主色调搭配白色，来实现企业网站的简单大方。导航条是人们在浏览网站时可以迅速从 这个页面链接到另一个介绍页面的快速通道。利用导航条，客户就可以快速找到我们想要浏 览的页面，因此，导航条一定要简洁明了、直观、明确首页设
18、置了七个导航栏，使其看上去 简单明了，方便使用者了解的网站布局，网站的导航使用鼠标经过处理，使网站看起来更加丰富。1、导航条设计主要导航站点在网站的顶部。网站的主要导航通常包括主页和网站的产品列和每个页面 的导入链接。方便用户用最快最简单的方法到达不同的页面！同时，方便用户一目了然地查 找网站的主要信息，无需费力搜索！本网站导航条使用了金色的深浅渐变，然后切片输入文2、海报轮播海报轮皤可以给网站的隐形栏目做首页入口，轮播图主要是做营销活动、专题页面、新 产品及新服务引导入口，引导用户进入营销型或专题型页面本网站的轮播图片主要介绍一些主题活动。轮播图片一：介绍热门景点一一秘密花园图3-3轮播图片
19、一轮播图片二：介绍公司樱花飞扬拍摄特色13This document is produced by trial version of Print2Flash.Visit for more information图3-4轮播图片二轮皤图片三：推荐公司新款婚纱图3-5轮播图片三3、浮动广告为了更好的吸引用户的注意力，许多网站流行采用可在网页上移动的图片或文字内容作为广告的形式，本网站的浮动广告设计为活动资询，这样有利于吸引更多客户。线 上预 约 500抵 1000抢拍气质 头纱 抢泊灰姑娘 水晶鞋咨询 有礼图3-6浮动广告4、鼠标经过图像鼠标经过图像”就是当你的web页在打开状态下鼠标经过所发生的
20、变化，例如：经过14This document is produced by trial version of Print2Flash.Visit www.print2 for more information图像时会变化图像，或者有提示消息变等。下图为本网站鼠标经过图像前后对比:图3-7鼠标经过图像对比5、滚动广告为了更好的表现网站的风格和特色，具备一些更富表现力和吸引力的图片是必不可少的。同理，本网站也准备了一些与网页主题密切相关的浮动广告图片，用于做为实现图片滚动效 果的素材Si.Pah ickSi.Pah ick西BE#皇室 国际顶破,/婚纱品祈This document is pro
21、duced by trial version of Print2Flash.Visit www.print2 for more information图3-8滚动广告3.23.2其他页 面 设 计 制作1、活动与资讯主要目的是推广促销信息，促销在一定程度上有利于吸引顾客的注意，这是一种留住浏 览者的方法。16This document is produced by trial version of Print2Flash.Visit for more information图3-9活动与资讯图17This document is produced by trial version of Pri
22、nt2Flash.Visit www.print2 for more information2、客照欣赏客户可以通过样片模块来了解尚恋婚纱的拍摄水平，同时可以选择自己喜欢的风格和套 系，用唯美的婚纱照来吸引顾客。图3-10客照欣赏图18This document is produced by trial version of Print2Flash.Visit www.print2 for more information3、婚纱礼服主要介绍企业的产品，让浏览者可以看到企业真实的产品、想要更深的了解产品。如图3-3图片展示，上面部分为logo和网站banner,中间为产品图片展示和导航。新人专
23、享注册即送L晒大礼 包住方*fl BAR。图3-11婚纱礼服设计图4、给我们留言在线留言是给用户提供一个反馈用户意见的地方，有什么意见或者建议都可以在这里告 诉我们，以便及时满足更多用户的需求。如图5-7在线留言，中间部分左侧为导航，右侧 为在线留言。19This document is produced by trial version of Print2Flash.Visit for more informationH就黔眠；尚35U妙 b Iiilii iiliridv i miEExhibition.涯佐当柞.会加异关由 子柴志请 您留 言如果您对我们有任何意见，请 尽快告诉 我们，我
24、们会给 您最满意的 答 复首 员会丁我们-联 系 我们号员服务-厂含庶务-网 站 州医-意正与建议 反情销 技够然线，3322-3709737伐厘-3,如730版 权所有9骸 少莎 赏 囹站图3-12留言板页面设计图20This document is produced by trial version of Print2Flash.Visit www.print2 for more information第 四章 网 站 运 营 推广4.14.1电 子邮 件推广电子邮件以其方便、快捷、成本低等优点，成为目前应用最广泛的互联网应用，是一种 有效的推广工具。本网站实施邮件推广的具体实施方式如下：
25、1、确定邮件推广任务和目标是为了更好的传播这个网站，让更多的需要结婚的人这个熟的网站，提升站点的关注度；2、明确推广的目标客户即为准备结婚的人群与婚纱代理商；3、为了能够做到很好的宣传推广效应，经过多次筛选，将推广主题定位“等待来的爱情”。内容是向广大备婚人群推广尚恋,推广内容如图4-1所示。意 isTj海加附 件I，&趋 大附 件 回照片I，曾文橙 土载 屏 表 情.更多 AtSSlIK尚恋是一种婚纱礼服品牌。尚恋是一家多年为海外做OEM|撷企业。我们对婚纱礼服拥 有丰富的生产技术和经验，同样对婚纱也有着不同的理解，一直至今，我们只做一件事，就是为每一对新人拥有美丽精彩的婚礼而努力；由于我们
26、的专注，我们才更专业。为了适 应中国市场，符合国内的市场的需求，特别推出了大家喜欢的品牌，已形成立足于苏州，深入全国各地的格局。由于我们不断的努力，尚恋在几年的时间里已有了一定的品牌美誉 度发件人：I 其fftSS，图4-1电子邮件推广4.2 IM4.2 IM及时通 讯 工具推广一QQQQIM（即时通 讯 工具）营 销 介绍:在营销方面，IM即时通讯工具是企业实时工具（IM、QQ、MSN等）帮助企业推广产品和品牌的工具。IM营 销 的 两种 应用 方式:21This document is produced by trial version of Print2Flash.Visit for m
27、ore information第一个是在线互动，在店铺或企业网站创立中小企业正常情况下都会有在线即时沟通，让潜在客户如果产品或服务感兴趣自然会自动和在线的业务联系。二是企业的营销传播工具，通过信息发布和产品推广和信息发布，用户通过图像的一些 流行的表达，同时与企业宣传的标志。IM(即时通 讯 工具)营 销 的 特 点：(1)精确度高，针对性强。(2)操作简洁：很多人都会运用。(3)适用性强：用户群 体庞大，推广的覆盖面广。(4)低成本：几乎是不需成本。作为国内最大的IM软件市场在世界上，中国有大量的IM用户。中中国三大的IM软件是腾 讯的QQ、微软的MSN和阿里巴巴的阿里旺旺。拥有29亿个活跃
28、用户的腾讯IM账号是当之无愧 的王者，本网站采用以下方法在QQ的实施过程中推广：(1)设置群头像像信息：通常QQ头像要求富有特色、正规。为此，我将婚纱美照设置成 为头像；(2)设置QQ群名：将“尚恋婚纱”设置为群名；(3)此外，在QQ群推广方面，为了进行网站推广，有针对性的加了一些相亲交友群，里 面都是需要结婚的人群。在QQ群里为了与群友建立感情与互动，常和他们多多交流尚恋最新、动态、最近配对成功新人等，以此建立起良好的交友关系，扩大交友圈。除此之外，在QQ 群里还偶尔分享一些婚庆网站好评的链接给群友，增加曝光率。22This document is produced by trial ver
29、sion of Print2Flash.Visit www.print2 for more information尚恋婚纱 摄影（50。人整）品牌 产品M麟 天村.：钢文件 g Q 尚恕!K少礼 服有限 公司暑淄剿懿酒 跪th销 为一itffi专业公虱 主营 中高tai 礼 服，产品远 销 国内外市场。尚恋品牌 站主册，属于公司专属商标尚恋已成为享誉 全国龄 礼 服界 的 知 名品牌，成 为CCWK彩妆大赛 特 约 礼 服整助商。经 常械许 多 知 名的 婚庆或时尚杂志采 访 报道，当属国内知 名品 牌 之一.gu年度被 评 为顾 喜满秘 最高 奖。2012年度成为广东卫视（结 婚也疯 狂）节
30、 目 的 官 方礼 服授权商。A O邑 四牖 案 消剧故S()I 观 图4-2 QQ推广4.3 SNS4.3 SNS社 区营 销 推广一微博、微信、论 坛SNS是一种聚合的社会化网络现今国内人气比较旺的SNS网站有：微博、微信、论坛 今天，越来越多的用户使用，SNS网络营销已经成为一个不可忽视的力量。本网站推广的方 法：1、注册好友。注册成功后，把最活跃的用户添加为朋友提高在微博内的知名度。2、加入相关群。与QQ群一样，提交申请和相关产品推广组。列如相亲、婚庆、婚纱摄影等 群。3、每天更新日志。与朋友和团体分享以引起注意。特别是，提供一些有用的信息，我们关 注。微博内部的信息只有通过用户的认可
31、才能共享，才能达到传播的目的。23This document is produced by trial version of Print2Flash.Visit for more information图4-3微博推广24This document is produced by trial version of Print2Flash.Visit www.print2 for more information总结在网页设计过程中，由于在知识、经验等方面存在很大的不足，参考了一些其他网站,因为企业网站的整个过程不熟悉，在需求分析方面没有考虑到。一些功能尚未在系统功能中 实现。虽然在企业网站上存在
32、很多不足，但自己的想法和动手操作做到了，个人满意。随着毕业典礼的到来，大学即将结束。经过几个星期的战斗，我的毕业设计终于完成了。在没毕业设计以前，我以为毕业设计仅仅是对过去几年知识的一个归纳，可是经过此次毕业 设计，我察觉我的看法有点太片面了。毕业设计既是一种知识的检验，也是一个人的能力的 提高。通过这次毕业设计，我了解到我仍然缺乏知识。太多的事情需要我们学习。我总是觉 得一切都会，一切都很清楚。通过毕业设计，我才意识到学习是一个长期积累的过程，在未 来，生命不断的学习，努力提高自己的知识和综合素质。大学毕业设计中总结出的结论。时间是快的，也是慢，但此刻觉得时间的流逝。三年来,我的大学生涯就像
33、一眨眼就结束流星。毕业，最重要的过程，是理论的知识可以应用到实践 中的毕业设计过程中。这也是我们从一个学生走向一个社会的一个转折点。另一门人生课程 的开始。在过去的几周里，我学到了很多，也成熟了很多。25This document is produced by trial version of Print2Flash.Visit for more information致 谢经历了这个毕业设计，我已经更加意识到自己原有的知识还比较缺乏。通过毕业设计,我真的知道学习是一个漫长的积累过程，在今后的工作和生活中应该不断积累，努力提高自 己的整体素质和知识量。我从这个网站的设计中学到了很多有用的东西，
34、我通过实践学到的比我在课堂上听到的 更深刻。感谢老师的细心审阅，同时感谢您对我网站设计过程中对学生的疑惑的解答，严谨、负责、坚持、不怕困难，这个网站的设计是我最大的灵感。我对所有人的耐心表示感谢，尤其是我的指导老师刘宁老师，他仔细阅读了我的设计,并提出了许多宝贵的意见和建议。感谢他在繁忙的工作中抽出指导我的时间。使设计圆满成 功。其次，还要感谢大学三年来无私奉献的老师，毕业项目能顺利完成，你也有很大的功绩。最后，我想对所有在大学三年中帮助过我的同学和朋友说声谢谢。最后，感谢湖南现代物流职业技术学院的全体同学设计、工作和生活给了我很多帮助和 支持，让我的大学生活收获了许多，在此衷心感谢他们，衷心
35、祝愿他们永远健康快乐。26This document is produced by trial version of Print2Flash.Visit for more information参考 文献1.潘果.电子商务实务D.湖南：湖南现代物流职业技术学院，2012年2.张春明.企业网站发展现状研究(辽宁对外经贸学院辽宁大连1 1 6 0 5 2)3 .夏永琳.企业网站策划与分析中南林业科技大学计算机科学学院;湖南，长沙4.陈琳,photoshop cs3入门实战与提高M.北京：电子工业出版社，2008,115.马增友.photoshop图像处理技术.清华大学出版社.2013年1月6.张晓雷.网页设计与制作案例教程M.1版.北京：清华大学出版社，2013年7.王德永，张少龙.PHP+CMS+Dreamweaver网站设计实例教程丽.1版.北京：人民邮电出版社，2013年.8.史晓燕、苏萍编著，网页设计基础(HTML,CSS和JavaScript),清华大学出版社,北京交通大学出版社，2006年10月第一版9,DreamweaverCS5网页设计与制作一DIV+CSS版.清华大学出版社27This document is produced by trial version of Print2Flash.Visit for more information