关 键 词：

七色 摄影 网页 设计 实现

资源描述：

七色虹摄影网页设计与实现,七色,摄影,网页,设计,实现

内容简介：

湖南现代物流职业技术学院毕 业 设 计毕业设计题 七色虹摄影网页设计与实现 毕业设计类型 产品设计 工艺设计 方案设计 姓名 王霞 班级 电子商务 1201 所属系部 物流信息系 专业 电子商务 指导教师 欧阳红巍 职称 讲师 完成时间 2014 年 12 月 10 日 湖南现代物流职业技术学院教务处制2014 年 12 月 10 日原创性声明内容本人郑重声明：所呈交的毕业设计，是本人在导师的指导下，独立进行研究工作所取得的成果。除文中已经注明引用的内容外，本设计不包含任何其他个人或集体已经发表或撰写过的作品成果，所引用相关企业、单位资料获得了对方的授权。对本文的研究做出重要贡献的个人和集体，均已在设计中以明确方式标明。本人完全意识到本声明的法律结果由本人承担。毕业设计作者签名： 日期： 2014 年 12 月 10 日 毕业设计使用授权声明本人完全了解湖南现代物流职业技术学院有关保留、使用毕业设计的有关规定，即：学校有权保留毕业设计并向国家主管部门或其指定机构送交设计的电子版和纸质版，有权将毕业设计用于非赢利目的的少量复制，并允许毕业设计进入学校图书馆、院系资料室被查阅，在世界大学城毕业设计网站公开，学院有权将毕业设计的内容编入有关数据库进行检索，可以采用复印、缩印或其他方法保存毕业设计。毕业设计作者签名： 导师签名：日期： 2014 年 12 月 10 日 日期： 2014 年 12 月 10 日摘要互联网技术的快速发展，已经彻底打破了传统商务模式。企业需要通过互联网平台来推广自己，发展自己，同时更需要有一个属于自己的企业官网来加强与客户的沟通与联系，只有这样才可以更好的适应当前电子商务发展形势，提升企业品牌并拓展企业业务。七色虹摄影公司主要承接各种专业摄影业务，并且在这个行业里有着很不错的口碑，为了宣传企业品牌，拓展企业业务，建设公司官网势在必行。本论文从用户需求的角度设计实现了七色虹摄影公司网站，并详细阐述了网站设计过程，其中包括网站规划、素材收集处理、网站设计实现、网站推广等环节。力图通过七色虹企业官网为企业搭建一个品牌宣传和业务拓展渠道，助力公司发展。关键字：网站设计 企业官网 PHOTOSHOP FLASH目录前言 .1第一章 网站设计背景 .21.1 企业网站设计的目的 .21.2 网站建设需求分析 .31.3 网站整体结构 .4第二章 前期准备 .52.1 素材收集整理 .52.2 LOGO 的设计 .52.3 Banner 设计 .62.4 首页效果图 .7第三章 网站设计制作 .93.1 首页设计制作 .93.2 其他页面设计 .11第四章 七色虹摄影网站推广 .134.1 电子邮件推广 .134.2 IM 及时通讯工具推广（QQ） .134.3 SNS 社区营销推广（微博、论坛、微信） .14总结 .17致谢 .18参考文献 .190前言随着互联网的飞速发展，科学技术的突飞猛进，人们对计算机网络的依赖越来越大。互联网的一切都在影响着人们，人们可以网上聊天交朋友，查阅资料、网上听音乐、看电视、网上商务交易、下载信息等。无论是在哪里，都可以便捷地通过网络浏览到世界各地的各类信息。对于企业而言，互联网给企业提供了一个很好的平台，给用户提供一个更好更直接了解企业的捷径。正是因为互联网的优势，企业都通过互联网来宣传自己的公司，企业网站迅速发展起来。网站作为人们快速获取、发布和传递信息的一个重要渠道，它在人们经济和生活等各个方面发挥着重要的作用。本网站着眼于通过搭建企业官网为企业进行品牌宣传，借助网络推广企业形象，宣传企业产品与服务，同时通过信息反馈了解顾客需求，这样方式既并节省成本，又能及时把握商机。1第 1 章 网站设计背景1.1 企业网站设计的目的随着电子商务应用需求日益强劲。不少传统行业领域在开展电子商务应用方面取得了较好成绩。据有关数据显示在 2012 年已经达到 14110 亿元。在 2013 年天猫在“1111”购物狂欢节成交额达到360.19 亿元，这让我们看到了我国电子商务网络零售市场发展的巨大潜力。七色虹摄影公司是一家以“一切为了客户，为了客户一切，为了一切客户”为理念的公司。该公司以商业摄影为主，其服务范围包括：产品摄影、服装摄影、皮具摄影、珠宝摄影、淘宝摄影等。七色虹公司官网旨在通过互联网来宣传公司，搭建以满足客户需求为主的服务型网站，希望通过企业官网传播网站文化和品牌，增强网站客户量与体验度。之所以将毕业设计主题定位为建设企业官网是因为本人目前从事电子商务相关工作，对于电子商务行业有一定的了解。此外，本人大学期间学习了 photoshop、dreamwever 等技术，对于网站建设具有浓厚的兴趣，基于以上因素本人选择“七色虹摄影网页设计与实现”这一主题来开展毕业设计。希望通过此次毕业设计一方面提升自身网站建设相关能力，为以后的个人职业发展奠定基础。另一方面为七色虹企业进行品牌宣传和业务拓展。21.2 网站建设需求分析因为互联网的快速发展，人们对网购的要求也越来越高，特别是对宝贝视觉图片的效果要求越来越高，为此，很多淘宝店主为了抓住更多的顾客，不断提升店铺宝贝图片展示效果，纷纷请来了专业的摄影师和影楼工作人员，为自己店铺的宝贝做拍摄。这带动了传统影楼和图片拍摄室的发展，让它们找到了一个新的市场。由于网上购物的发展，网上开店的人员也越来越多，宝贝的拍摄量也越来越大，使得拍摄市场也跟着市场经济的带动快速的发展起来，因此，诞生了很多服务于淘宝店铺的专业摄影公司。与此同时，随着信息技术的发展,互联网作为一个信息传播的新媒体,人们越来越喜欢通过这种方式来获取知识和各种信息。各类摄影网站也因此而出现。网上搜索一下，找到与摄影相关的知识网页就约有 6050000 篇，这是一个很大的数字。人们可以在互联网上可以看到许多摄影机构网站，各个网站都有自己的风格，各企业都在网站上推出许多精彩的摄影图片、国际型的新闻摄影知识，来吸引客户。在这些众多网站中有我们最熟悉的“中国摄影在线”、“蜂鸟”网、“图片社”等网站，这些都是具有较强实力的摄影类大型网站。七色虹摄影公司作为一家专门从事摄影的企业，在互联网快速发展的今天，为拓展业务范围，提升企业品牌及知名度，建设公司官网势在必行。31.3 网站整体结构一个网站设计得是否好，最大原因是取决于设计者对网站规划水平，一个好的网站设计者规划网站就像设计师设计大楼一样，只有等设计好了图纸，才能建成一座漂亮的楼房。同样只有网站规划好了，才能设计实现一个好的网站。网站规划包括：网站的结构、栏目的设置、网站采用的风格类型、色彩搭配合不合理、版面布局、文字图片的运用等方方面面，只有在设计网站之前把这些都考虑清楚了，在网站建设过程中才能驾轻就熟。也只有这样设计出的网站才有自己的个性，自己的特色，才能吸引到客户。依据网站建设的一般性规律，本网站整体结构规划为网站首页、关于七色虹、摄影展示、新闻资讯、联系我们 5 个功能栏目。如图1-1 所示.图 1-1 网站框架结构图4第 2 章 前期准备2.1 素材收集整理本网站的素材图片是通过百度图片来收集，并利用 Photoshop软件的文字工具、颜色工具、魔棒工具等来对素材图片进行处理与修改及图片大小调整，并且图片的保存名为相关素材的字母简写命名，使网站设计制作时更方便。本网站文字内容首先通过百度搜索有关摄影主题的文字保存在一个 txt 文档中，然后根据网站各栏目主题需求进行编辑加工处理。本网站 Javascipt 特效均是应用平时上课学到的知识，并参考了网上特效代码编制完成。2.2 LOGO 的设计 logo 是企业文化的标志,它所表达的是一个公司的文化、产品的内涵和企业理念等。一个优秀的企业 Logo 能使受众对企业留下深刻印象,从而反映了 logo 重要性。本网站 logo 采用色彩鲜明的红色和黑色。Logo 由公司中文名称加上一个相机图片组成的,采用并无特殊含义的简洁而形态独特的抽象图形,文字或符号,给人一种强烈的现代感,视觉冲击感或舒适感,引起人们注意并难以忘怀.使观看着更容易注意到容易辨认和记忆。 如图 2-1 所示。5图 2-1 logo 图2.3 Banner 设计banner 设计分为两个部分，第一部分是为文字，另一部分为图片。Banner 设计只有图片不加以文字的说明，就很难让用户知道这个 banner 要想要说明的内容。Banner 所体现的是企业的素质和形象，因此该表现得大气、端庄而且精细，更要表现出一个企业应该有的朝气和活力，因此 banner 应用图片加文字说明是首选。一个好的 banner 通常是图文并茂。一副优秀的 Banner 是在客户看到的第一眼就知道其用途及要传递的信息。本网站的 banner 制作是采用清晰的图片加上公司名称以及一些优美的文字来设计的，让人一目了然。其具体制作步骤是：首先通过网络收集了一些与摄影相关的素材图片，然后采用 Photoshop 软件的文字工具、颜色工具、魔棒工具等工具来进行处理与修改，接着将处理后的图片采用 Photoshop 制作成图片轮播效果，最后将处理好的 banner 图片通过 Dreamweave 工具应用于网站。如图 2-2 所示。6图 2-2 banner 图2.4 首页效果图 首页设计是网站设计中比较重要的一部分，对浏览者来说，页面美观，有利于给浏览者留下好的印象，能够让浏览者在第一时间内领略到企业特色所在。首页需要将网站主要信息展示给浏览者，本网站首页以图片和文字的方式向顾客展示企业品牌信息、企业文化、企业服务以及摄影资讯等信息。本网站首页制作主要有以下几个部分：一是 Logo 部分，logo是使用 div 代码把 LOGO 图片位置调整好使之固定在头部容器左侧；二是网站导航条，导航条采用 DIV 将调整位置好在 logo 的右边。网站的导航栏作用是使用户更便捷的浏览网站、提升用户的体验度。本网站导航分类为：首页、摄影展示、关于七色虹、新闻资讯、联系我们。导航设计是采用 ul li 来布局，然后使用 a 标签来对其他相关网页进行相关联的链接。接下来是 banner 图，banner 图是采用图片轮播的形式来完成的，轮播的方式是从左往右的的翻转，同7时也是需要用 DIV 来定位的，把它固定在那一个位置上。首页的主要信息部分是产品展示，产品展示是使用 js 特效来实现鼠标经过出现产品图像信息的特效。首页底端是网站版权信息，网站版权信息的制作非常简单，仅使用 DIV 定位，将企业版权及相关信息进行展示。如图 2-3 所示。图 2-3 网站首页效果图8第 3 章 网站设计制作3.1 首页设计制作1、首页布局设计网站的第一步就是网页版面布局。本网站是一个静态网站，首页布局对于网站的实现效果有着举足轻重的作用。本网站首页版面布局图如图 3-1 所示，从布局图来看，首页每个部分的内容都进行合理的安排，清晰明了的版面布局有利于网站设计的更好实现，也能给浏览者赏心悦目的感觉，增强网站的吸引力。 作为一家摄影企业官网，七色虹网站追求的是画面美观，内容丰富。为此，七色虹摄影网站采用了红色与灰色这两种颜色作为主色调，其中红色系象征着激烈、兴奋，灰色系象征着平淡和低调。9图 3-1 网页布局图2、导航条设计一个好的导航可以使页面内层次清晰，让浏览者快速便捷得找到所需信息。本网站是采用了水平导航条的方式，利用下拉菜单的特效来完成的。导航栏的设计是采用的样式来制作的动画特效，让导航栏看起来有动感视觉的效果。如图 3-2 所示。10图 3-2 导航代码3、动画设计七色虹摄影网站是一个静态网站，因此网页的动态效果显得尤为重要，它能使网页看起来生动而不至于呆板，从而提升网站的可观赏性。本网站在首页顶部采用了 Javascript 特效实现了动态效果，使网站更具有活力、更吸引用户。如图 3-3 所示。图 3-3 JS 代码图3.2 其他页面设计1、摄影展示页面设计摄影展示页面主要是介绍企业的产品特色，让游客一看就能够了解公司，知道企业所提供的信息是什么。摄影展示页面采用内嵌框架技术实现，在页面左边列举了公司相关栏目，右边内嵌框架部分则是产品介绍。浏览者可以通过点击左边的超链接实现右侧内嵌框架中内容的跳转，更方便于客户浏览。摄影展示页面设计效果图11如图 3-4 所示。图 3-4 摄影展示图2、联系我们页面联系我们页面主要是方便公司及时了解客户需求，获取客户反馈意见，从而便于公司了解自身不足，并根据客户提出的意见来不断完善改进。联系我们页面展示的是公司所在地、公司联系电话、公司地图等信息。如图 3-5 所示。图 3-5 联系我们图1213第 4 章 七色虹摄影网站推广4.1 电子邮件推广电子邮件是一种用电子手段提供信息交换的通信方式，是Internet 应用最广的服务。电子邮件具有方便、快捷、成本低廉、信息量大的特点，因此成为了一种有效的推广方式，应用广泛。电子邮件能有效的帮助企业找到目标消费者，与客户建立起长期高质量的良好关系，且可与客户实现一对一的销售模式。邮件推广首先要邮件明确主题，内容需要简短有趣、足够吸引人。如果在邮件中增添一些关键字以及一些超链接让浏览者直接点进你的公司网站了解更多信息就更好了。此外，邮件发送频率要把握适度，即按照一定的周期发送，同时保证内容来源稳定性。基于以上电子邮件推广的优势，本网站使用邮件推广的方式来宣传企业文化，将企业产品信息推广给客户认识，这种方式对于刚起步的企业来说即节省时间又方便。如图 4-1 所示。图 4-1 电子邮件推广4.2 IM 及时通讯工具推广（QQ）随着互联网的发展 QQ 已经成为我们离不开的一个聊天工具，QQ营销是 QQ 的基础上发展的，是一个为企业量身定做的公共平台。腾讯 QQ,几亿人都在用的一种即时通讯软件,不仅仅只是聊天交友的工14具还是企业网上推广宣传的好帮手。通过免费的视频、语音通话,企业可以联系潜在客户。正是由于 QQ 的这些功能及优势，使得其成为搭建客户与企业之间的沟通桥梁的最好工具，也是企业进行品牌宣传和产品推介的优质平台。企业利用 QQ 群营销可分为以下四个步骤：一寻找目标 QQ 群，二加入目标 QQ 群，三套近乎、做潜伏，四发广告。本网站由于有一定的 QQ 用户群基础，采用 QQ 群推广有着得天独厚的优势。如图 4-2 所示。图 4-2 QQ 推广4.3 SNS 社区营销推广（微博、论坛、微信）1、微博推广从微博营销的特点上来说，公司利用微博平台来联系潜在客户并发布信息是最便捷而高效的方式。公司只要发布一下精美的文字，以及公司产品说明图文，并且主题明确的话就可以吸引到成千上万的顾客然后在与之达成共识，使之成为企业的客户。通常来说，微15博推广时要发一些价值比较高，比较具有吸引力的内容，并且附上企业网站链接，人们就可以通过浏览微博信息，进而跳转到企业网站了解企业品牌及产生。在微博推广过程中，企业需要时时更新其微博从而与客户保持密切的联系，加强与客户之间的信任感，通过这种信任感来完成企业品牌宣传和产品推广。如图 4-3 所示。图 4-3 微博推广2、论坛推广论坛营销相对于其它平台的来说起步相对比较晚，但也是一个很好的推广平台。本公司在开展论坛推广的过程中，其主要实施过程如下：第一步，先安排专门的人来对论坛这一块进行维护，并注意该怎么去宣传，怎么利用论坛这种网络交流平台，来开展企业宣传。然后利用简洁的文字和唯美的图片来进行宣传发布企业的产品和服务信息，让客户更加深刻的认识到企业，知道企业产品与服务项目。此外，让客户积极的在论坛上发表看法和意见是推广效果体现。与此同时，制作一张尺寸大小适中的公司产品图片作为个人图像，可以加大公司的曝光率。如图 4-4 所示。16图 4-4 论坛推广3、微信推广当今社会除了 QQ，微信成了当下最火热的互联网聊天工具，腾讯 QQ 的发展迅速，有理由相信微信的用户量并不只有一亿这个数量。智能手机的越来越普及，微信已经慢慢的深入到每一个用户，相信若干年之后，人们将离不开微信，就类似于如今的 QQ 一样，将是无法撼动的。基于微信的广泛应用，公司开展微信推广将是一个很不错的选择，利用微信有查看附近的人、漂流瓶、二维码扫描、开放平台朋友圈、微信公众平台等功能来进行推广。如图 4-5 所示。图 4-5 微信推广17总结这次的论文设计是在欧阳教师的悉心指导下独立完成的。 在制作的过程中我还有很多的不知处，但因这次的毕业设计让我了解到自己哪些地方有所缺失，让我能及时的改正与学习。 这次毕业设计给我的感受是，只有自己真正做了才知道自己的缺陷，知识是我们永远也学不完的。 这次毕业设计是我大学三年来所学知识的综合运用，自己一步一步的操作的深刻的感受到设计的苦与乐。在整个过程中，让我认识到了学海无涯的真正含义。世界那么大，知识那么多，我会不断的学习，让自己的能力得到提升。 不知不觉中网页设计与制作的毕业毕业设计将要结束了，这门课程所包含内容的丰富是让我从没有想到的。在这里希望各位老师提出意见和建议，我们定会努力学习改进，从而弥补在本次毕业设计中的不足，争取作出更大的进步 。18致谢本论文历时一个多月，我系统综合地将我所学的知识运用于毕业设计的全过程。在完成毕业设计中，首先我要感谢我的指导教师。欧阳老师耐心细致地指导我完成毕业设计，并且为我的论文提出了很多精辟而富有建设性的建议。 老师认真负责的工作态度，严谨的治学态度都给我留下了深刻的印象，在制作毕业设计的时间里给予了我极大的关心和帮助，在此表示深深的感谢！同时，感谢湖南现代物流职业技术学院为我提供了一个良好的学习环境，感谢学院的领导和老师们！ 他们无微不至的关怀、精心的培养使我到了很多的知识，终生受益！19参考文献1潘果. 电子商务实务 D.湖南：湖南现代物流职业技术学院，2012.2潘果，张华南.电子商务网站建设与管理M.1 版.北京：教育科学出版社，2013.3 王大远.DIV+CSS 3.0 网页布局案例精粹 M.北京：电子工业出版社，2011.4邓文渊.网页制作高手 FLASH 8M.北京：人民邮电出版社， 2007.5 唐永明.浅议网页设计与制作J.科技信息.2009.6张晓雷. 网页设计与制作案例教程 M. 1 版. 北京：清华大学出版社，2013.7秦晓安，陈洁，董辉.SQL SEVER 2005 数据库技术及应用M.3 版.北京：现代教育出版社，2012.代写毕业论文 8 王德永，张少龙. PHP+CMS+Dreamweaver 网站设计实例教程 M. 1 版. 北京：人民邮电出版社，2013.9李文龙，徐湘江.客户关系管理实务M.2 版.北京：清华大学出版社，2013.湖南现代物流职业技术学院毕业设计开题报告学生姓名 王霞 指导教师 欧阳红巍 企业指导教师系 部 物信系 专 业 电子商务 班 级 电商 1201班选 题 七色虹摄影网页设计与实现1、本选题的意义和背景（列示毕业设计选题的背景、意义和本选题的应用价值）：选题的意义：由于网上购物的发展，网上开店的人员也越来越多，宝贝的拍摄量也越来越大，使得拍摄市场也跟着市场经济的带动快速的发展起来，因此，我选题的时候是根据我自己的爱好的选择做这个网站的，主要是想通过互联网来宣传公司，搭建以满足客户需求为主的服务型网站，希望通过企业官网