《爱莱美网站的设计与实现毕业设计.doc》由会员分享，可在线阅读，更多相关《爱莱美网站的设计与实现毕业设计.doc（22页珍藏版）》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。
1、毕 业 设 计毕业设计题 爱莱美网站的设计与实现 毕业设计类型产品设计 工艺设计 方案设计 姓名 班级 所属系部 物流信息系 专业 电子商务 指导教师 职称 完成时间 22摘 要随着信息技术的发展，各行业都将信息化更深入地融合和渗透到其产业中。同时也有越来越多的企业已起首从互联网的认知阶段进入到认可和行径阶段。于是，许多企业都开始创建了属于自身的企业网站，企业网站同样成为了繁多企业交易谋划和形象宣扬的一个簇新平台。企业与互联网的完美结合，借助互联网展现企业形象，发表产品信息，做好客户服务已经成为业界的共鸣，成为现代企业发展中必不可少的环节。关键词：网站 企业网站 彩妆网站目 录第一章 网站设计
2、背景-5 1.1企业网站设计目的- -5 1.2 网站建设需求分析-6 1.3 网站整体结构-6第二章 前期准备-82.1素材收集整理- -82.2 LOGO设计-82.3 Banner设计-92.4 首页效果图-10第三章 网站设计制作-113.1 首页设计制作-113.2 其他页面设计制作-14第四章 爱莱美网站推广-17 4.1 电子邮件推广-174.2 微博推广-184.3 论坛推广-194.3 微信推广-20总结-21致谢-22参考文献-23第一章 网站设计背景1.1企业网站设计目的伴随着信息技术的发扬和企业网站建立在全世界范围内的快速遍及和应用，许多企业纷繁创建了属于自身的企业网站
3、。现代企业已开始重视网络媒介的及时性、多效性、互动性、全球性等优势，并普遍利用网络资源与网络渠道进行企业推广，从而加强宣传企业产品，塑造企业形象，提升企业经营管理水平。随着企业网站，迅速渗透到生产和生活的各个领域的迅速发展和遍及，互联网上的宣传已经成为一种流行的宣传方式，成为人们获得信息的重要途径。网络技术的发展和使用已转变了人们对讯息的分配和接受方式，改变了消费群体与企业协作和交流的环境。互联网充分融合了各类媒体传播手段，因此，企业网站的建立也使企业形象和产品销售的传播获得了一个新的平台。按照企业网站的侧重点差别，当前企业网站分为三种：基本信息型、在线业务型、综合门户型。每种类型都有着不一样
4、的特点。企业网站之所以这样普及在于企业网站不单可以提升企业品牌形象，也能够让客户加倍详明的明了企业和企业的产品，同时即时获得客户的反馈讯息，以便更加深入的了解客户的需求。本网站是一个美容信息发布的网站，爱莱美网站针对的客户群是广大女性，网站推介产品是女性面部、眼部、唇部、甲部的护肤品。从网站内容来看，本网站包括彩妆产品的展示、最新彩妆的教程、以及有关彩妆方面的知识等。1.2 网站建设需求分析企业网站的创建使企业形象的传播和产品的销售获得了一个崭新的平台。首先，网络媒介的全球性是促成企业投放广告的理想通道；其次，网络媒介的即时性和互动性使企业网站在企业公共关系活动中扮演着不可缺少的角色；网络媒介
5、的海量性则为企业的信息发布提供了充裕的空间；企业与潜在观众或投资者之间的直接通信也依靠网络互动实现的特点。综上所述，企业网站无疑成为了企业形象传播的重要平台。推广企业形象，建立企业网站宣传企业产品，这种方式已经被众多的企业所采用，企业网站的重要性也日益凸显。爱莱美作为一个信息发布型的网站，主要是为了提升爱莱美网站的知名度，同时为广大女性提供一个了解爱莱美彩妆产品的平台，在宣传彩妆产品的同时为广大女性提供最热门彩妆教程、普及彩妆知识等。1.3 网站整体结构网站结构是指一个网站中每个页面间的层次关系。搜索引擎的友好性和用户体验是网站结构是否清晰的关键。衡量一个网站的结构在于用户体验的好坏之分。清晰
6、的网站结构可以帮助用户快速获取所需信息。以下是本站的网站框架结构图：图1-1网站框架结构图 第二章 前期准备2.1 素材收集整理本网站的素材包括有图片、文字等。图片素材主要通过网络进行收集，依据本网站主题需要进行筛选后，借助Photoshop工具软件做了不同的处理及修改。图片素材从以下网站中收集： 等。文字类素材则是直接通过百度搜索获取相关资料，并进行了必要的处理。其中的行业新闻是在相关媒体和相关的彩妆网站上所收集，其内容均是彩妆行业中真实的即时新闻。2.2 LOGO设计logo，是一个企业的标志象征，而网站的logo就相当于网站的标志图案，logo以其简单、明了的造型语言，作为一种传递信息和
7、识别的视觉图形，体现着品牌的特点和企业的形象。而Logo的作用便是表达网站的建设理念、以及便于人们的识别，普遍用于站点的链接、宣传等。Logo标志的设计关键在于以简单、明了的视觉艺术形象，使网站的形象和理念让用户铭记在心。本网站首页的左上角就是网站的LOGO，为了更好的体现网站主题，在LOGO中则直接以产品图案做以代表，而为了突出女性特点此LOGO的主要色彩选择为粉红色，因为粉红色代表女性的天性美，代表女性的优雅和高贵的风度，所以如下图所示，其标志简单明了，突出主题。 图2-1 LOGO图 2.3 Banner设计页面的整体是否美观在于Banner的设计，一个网页中与主题相关、色彩鲜艳的Ban
8、ner图片，往往是吸引访问者眼球的关键，因此Banner的设计在一个页面中起着举足轻重的作用。本网站首页的Banner为突出网站的主题，采用的是有关彩妆产品宣传的图片，首先使用photoshop软件进行图片中的文字排版以及美工，然后使用Dreamweaver软件制作出鼠标经过图像的特效形式，并且在网页中显示。其效果图如下：图2-2 鼠标未经过前 图2-3 鼠标经过后 2.4 首页效果图图2-4 首页效果图 第三章 网页设计制作3.1 首页设计制作网站的首页是吸引访问者进一步访问网站的重要页面，在此页面中展示网站的主要信息块。网站首页的内容主要围绕本网站的主题和部分重要内容而设计，其中包括产品展
9、示、推荐产品以及今日话题等内容，其中产品展示放置在此页面的主信息区域，让访问者在进入网页的第一时间了解本网站的主题所在。本网站的首页布局为拐角型，布局图如下：图3-1 网站首页布局图 首页包括的主要信息板块有：导航栏、banner图片、今日话题、推荐产品、产品展示、版权信息。其中导航条中由首页、产品中心、彩妆宝典、彩妆知识、行业新闻、以及联系我们六大栏目组成。网页左侧为窄列链接，其中包括今日话题和产品推荐。最下方为公司的地址、电话、传真等版权信息。主信息区为产品展示，用于推介展示品牌最新产品、热门产品信息。整体来说，本网站首页排版符合用户的阅读习惯，页面主次分明，结构明朗。在色彩选择方面，因为
10、本网站是一个服务于女性的一个信息发布型企业网站，所以依据女性特点采用嫣红色和粉红色为主题色，其余色彩则是经过对嫣红色和粉红色的饱和度、透明度以及渐变效果进行适当调整后而生成的辅助色，如此不仅可以凸显出网站的层次感而且也能使得网页色彩看起来更加协调统一。首页所用的图像、文字、区分线等都以浅色为主，这样可以使首页更具清晰、简单、美观大方。本网站在导航栏主要设计了以下几个栏目，如图3-2所示。图3-2 网站首页栏目图 导航栏的设计首先是对图片做以适当的处理，然后添加上文字信息，使用css样式为六大栏目在鼠标点击时让字体改变颜色、出现下划线的效果，最后针对各个栏目链接好相对应的网页。首先产品栏目，产品
11、栏目的主要目的就是为了介绍爱莱美彩妆的各种彩妆产品推荐企业热销产品，引导消费者购买；彩妆宝典栏目，是为了向用户推出让人眼前一亮的彩妆教程；彩妆知识栏目，提供原创性、独创性的内容，保证所提供的信息是对客户有帮助、有用的，以此得到浏览者的重视和认可，同时树立企业的形象；行业新闻栏目，及时提供全面地覆盖所在行业的相关信息，以及及时发布公司最新动态；联系我们栏目，全面的介绍企业的的性质、地址、网址、各种联络方式，另外提供公司所在位置的地图。在网站首页的设计当中，为了使网页更加生动，因此使用了JS特效制作浮动信息，如图3-3图3-3浮动特效图 图3-4 js浮动特效代码 3.2 其他页面设计制作3.2.
12、1产品中心网页图3-5产品中心图片 产品中心页面主要是采用模板进行设计制作，首先使用potoshop软件对使用的图片将其美化、裁剪，通过Dreamweaver软件结合CSS样式进行合理的排版和布局，之后设置产品页面链接。为了提高页面的整体画面感，本网页使用了JS代码制作出浮动信息的特效，如图3-6图3-6 浮动信息特效图 图3-7 浮动信息JS代码 3.2.2彩妆知识网页图3-8 彩妆知识栏目图 彩妆知识页面主要也是采用模板进行设计制作，在制作该页面时首先要采集有关彩妆知识的文章，再通过编辑css样式的对文章中的字体大小、字体颜色和文章的大体结构进行相应的调整，然后对需要使用的图片进行裁剪、美
13、化，最后调整好该页面整体的布局。为了丰富网页内容，该页面通过flash软件制作了一个图片轮播的特效，如下图所示图3-9 轮播一 图3-10轮播二 图3-11轮播三 第四章 爱莱美彩妆网站推广4.1 电子邮件推广 发送电子邮件是电子邮件推广作为网站推广的重要手段，然而电子刊物、会员通讯、专业服务商等电子邮件广告是电子邮件推广的常用方法，最大的优势在于可以以最低的成本覆盖更多的目标客户，实现对产品的促销推广，挖掘出更多的销售商机，加强对客户的关怀等营销目标，辅助用户增加潜在客户定位的准确度、巩固与客户的关系、同时提高品牌的忠诚度。爱莱美网站之所以选择电子邮件做推广,是因为电子邮件推广覆盖的范围广，
14、随着国际互联网的迅猛发展，中国的上网总人数以达数千万之众，全球已经超过13亿。面临如此庞大的用户群，Email营销这种传统广告宣传的手段也日益受到人们的重视。在拥有足够多Email地址的前提下，就能够在最短的时间内向全世界的目标用户发布广告信息.电子邮件推广的邮件编写的内容主要是采取软文的方式，然后在邮件放置爱莱美的产品图片，图片链接到爱莱美彩妆网站即可，结合爱莱美网站实际情况，具体实施如下:图4-1内容编辑图片 4.2 微博推广微博是微博推广的重要推广平台，在微博中每个听众都属于潜在客户，企业可以利用对微型博客的更新从而向网友传播企业文化和企业相关产品的信息，树立良好的企业形象和产品形象。每
15、天即时更新内容，编辑比较热门或大家感兴趣的话题，以此来吸引听众，促进交流，微博的营销目的就在于此。爱莱美网站选用微博作为推广主要是因为微博可以以文字、图片、视频的展现形式对产品进行描述，以这样的展现形式就可以让潜在客户更形象直接的接受信息。微博推广最显著的特征就是高效的传播速度，微博强大的传播能力可以使一条关注度较高的微博在互联网发出后以最短的时间互动性转发并且可以在微博里出现刷屏的迹象。而且微博推广相对于传统推广来说更占优势，微博在无需审批的情况下，也节约了大量时间和成本。图4-2 微博推广4.3 论坛推广论坛推广作为一种营销手段，主要是利用论坛这种可以进行网络交流的平台，通过文字内容、图片
16、以及相关视频等方式发布企业的产品和服务的信息，这是让目标客户更加深入的了解企业的产品和服务的最佳方式。从而达到品牌的宣传以及加深市场认知度的网络营销活动。通过论坛的超高人气特点，从而能够有效的为爱美莱网站提供营销传播服务。在论坛中因为论坛话题的开放性，所以企业所有的营销诉求几乎都可以通过论坛的传播获得有效的实现，其次论坛中的活动也具有非常强大的聚众能力，调动网友与品牌之间的互动，可以利用论坛作为平台举办各类踩楼、灌水、帖图、视频等活动，。论坛推广选择在搜狐论坛上的彩妆栏目上发布推广信息，因为这样会吸引更多相关的访问者，实施如图所示： 图4-3 论坛推广4.4 微信推广微信推广作为网络经济时代企
17、业创新的营销模式，这是一种伴随着微信的火热而兴起的网络营销方式。微信在一对一的互动交流方式下具有良好的互动性，在可以形成一种朋友关系的同时更能精准推送信息。微信营销拥有立体化、高速度、便捷性、广泛性的特质及高到达率、高曝光率、高接受率、高精准度、高便利性的优势。针对微信营销的诸多优势，本网站通过在朋友圈发帖的方式实施了微信营销。图4-4 微信推广总结实践是检验真理的唯一标准，当然也是检验学习成果的标准，在欧阳红巍老师的指导和鼓励下我完成了爱莱美彩妆网站的设计，本次毕业设计的顺利如期完成给了我很大的信心，通过这次毕业设计让我加深了许多前面学过的课程，也因此有了更为深刻的理解，最重要的是让我学到了
18、很多以前没学到的知识，毕业设计也算是我对这三年所学知识的一个综合的体现。在这次设计中让我感触最深的是体会到了理论知识结合实践的重要性。随着网络科技的不断发展和网络的广泛应用，使我们的生活离不开它了。因为在这次毕业设计中利用网络独特的特点，在对相关资料的收集时，网络确实给了我莫大的帮助。21世纪随着彩妆类型的不断增加和彩妆产品的不断更新，要想方便快速的了解一个企业品牌的某种彩妆产品，在这样的情况下有一个企业的官方网站是有其必然性的，如果能做出一个完善的企业网站系统就可以很好的做到产品的推荐以及企业的形象宣传。在这次的毕业设计中，我感受到了自身知识的贫乏，但也学到了很多新的知识，希望在日后的努力中
19、能做出更完善的系统。致谢首先我要诚挚地感谢我的指导老师，老师严谨的教学态度和渊博的专业知识给了我极大的帮助和影响，并且在整个毕业设计过程中，我非常感谢老师给我的细心指导，在设计过程中让我少走了很多弯路，然而在设计过程中我也接触到了许多新的问题，这使我做了许多有益的思考。也让我明白了许多为人处世的道理，深深地感染和激励着我。在此谨向指导老师致以发自内心的谢意和无比崇高的敬意。参考文献1王德永.张少龙. PHP+CMS+Dreamweaver网站设计实例教程 M. 1版. 北京：人民 邮电出版社，2013年.2潘果. 电子商务实务 D.湖南：湖南现代物流职业技术学院，2012年.3张晓雷. 网页设计与制作案例教程 M. 1版. 北京：清华大学出版社，2013年4杨仁毅.边用边学flash动画设计与制作M.1版.北京：人民邮电出版社，2013年5潘果.张华南.电子商务网站建设与管理M.1版.北京：教育科学出版社，2013年6王大远.DIV+CSS 3.0网页布局案例精粹 M.北京：电子工业出版社，2012年7秦晓安，陈洁，董辉.SQLSEVER2005数据库技术及应用M.3版.北京：现代教育出版社，2012.68李文龙，徐湘江.客户关系管理实务M.2版.北京：清华大学出版社，20139蒋小会.S公司基于电子商务的物流管理研究D.山东大学,2012.