网络营销导向的企业网站建设.ppt
《网络营销导向的企业网站建设.ppt》由会员分享,可在线阅读,更多相关《网络营销导向的企业网站建设.ppt(77页珍藏版)》请在三一办公上搜索。
1、第3章 网络营销导向的企业网站建设,3.1 网站规划设计3.2 网站前台设计方法3.3 网站内容实施3.4 网站建设环境构建,【岗位能力】,1 能为企业建设网站设计流程;2 能够撰写企业网站的设计方案;3 熟练掌握商务导向的企业网站的前台制作技术;4 能够根据企业业务需求,构建企业网站后台建设方案;5 熟练掌握利用电子商务平台建设网上商店的技能;6 能够灵活运用企业网站,开展网络营销活动;,【学习目标】,1 掌握网站设计的工作流程和总体方法,并能撰写网站建设功能设计实施方案;2 掌握网站常用模块(信息发布、会员管理、论坛交流、商务交易)分项流程设计;3 能够制定网络实施环境方案 4 熟练掌握网
2、站前台建设实施的各种技能。,【工作内容】,企业创建网站有两种途径,一是自建,二是委托开发商建站,下图是建站项目的实施流程,不管是自建还是委托专业公司建站,企业管理人员、营销人员、技术人员都需要相互配合,充分论证前期的调研、分析、策划、设计,让技术开发人员充分了解业务流程、网站使用者的工作需求、企业的经营目标等。,3.1 网站规划设计3.1.1 企业内部的准备工作,1 网络营销的基础内部的信息化建设 企业开展电子商务不单是企业外部的网络化经营,而应从内部网络化管理开始,先内部后外部的融入网络世界,企业只有自身实现信息化和网络化,只有通过有效的业务流程重组才能保证电子商务的进一步发展。原因包括三个
3、方面:第一,在企业内部,电子商务的应用将使企业的各职能部门有机地联合起来。第二,在企业外部,电子商务通过电子化的贸易手段把贸易各方连接到一起。第三,企业商务活动中的“三流”“信息流”、“资金流”及“物流”将在很大程度上通过网络来融合起来。,3.1.1 企业内部的准备工作,整合企业信息的网站应包含三个不同的领域:即企业内联网(Intranet)、外联网(Extranet)、因特网(Internet)。其中:内联网(Intranet):连接公司内部重要资源,受防火墙保护,使用者一般是公司内部职员、管理阶层等;外联网(Extranet):连接企业的合作伙伴,如供应商、配销商、零售商、联盟伙伴、测试产
4、品使用者等;因特网(Internet):提供有关竞争对手、政府活动、媒体和学术的信息等。完全开放式的网络,企业运用该网络,发展一套适应信息时代的营销策略,以维持消费者忠诚度和品牌资产。,3.1.1 企业内部的准备工作,2 了解自己、了解对手首先应了解自己的实力,包括:人才能力、资金实力、企业形象和产品形象;其次应了解竞争对手的情况,即了解从事相同行业的网站的发展情况,主要了解的内容有:发展状态、优势分析、劣势分析、趋势分析等。3 网站定位确定本企业在同行业网站中的位置和发展目标。了解自己和竞争对手的目的是在市场中寻找、发现可发展的空间,以此确定建设一个网站或网页。建网站的关键是“定位问题”,定
5、位实际上是在市场中确立自己的位置,而这个位置正好是对手没有注意的地方或者是对手的不足之处,也正好是我们的优势,或者是我们可以发挥个性化潜质的地方。,实训,、分析B2B网站定位2、分析个人网站的定位3、谈谈你选择的企业是如何定位其网站的,该网站的定位是否合适,如果不适合,你认为如何改进。,3.1.2 网站系统总体设计,1 网站系统设计流程(1)网站目标细化 网站目标细化是根据网站开发计划和系统分析的结果,将目标进一步细化,分阶段、分步骤予以实施,包括每个阶段的任务、计划和人员安排,以及检测指标和最终提交的文件材料。(2)确定网站要素 要确定的网站要素包括明确网站内容及结构,网站功能需求(如交互机
6、制)和网站表现形式(如色彩搭配、字号选择),还应包括确定网站对象和网站提供哪些服务等内容。,3.1.2 网站系统总体设计,(3)网站设计 网站本身设计:文字排版、图片制作、平面设计、三维立体设计、静态图片、动态图片、动画制作等;网站的外延设计:主题特征设计、智能交互、制作策划、形象包装、宣传营销等;站点采用的网络、数据库等技术也是保证网站最终良好运行的关键。,3.1.2 网站系统总体设计,(4)设计原则 内容第一原则三次点击原则服务至上原则(5)技术运用 网站的目的是为别人提供所需的信息,必须得有人愿意光临,这样网站才有意义。一个好的网站不是看有使用了多少技巧,而是能否满足客户的需要,即要体现
7、上面的设计原则。,3.1.2 网站系统总体设计,2、浏览者的情况设计首先要考虑不同网民连线方式通过远端Modem拨号上网的方式测试一下;其次应考虑使用者的浏览器情况:常用浏览器有IE Explorer 5、Netscape等;显示器的分辨率有1024768、800600等;颜色有256色至16色等;好使用所有浏览器都可以阅读的格式,可以考虑在主页中设置几种不同的观看模式:纯文字模式、图形模式、Java模式等,供浏览者选择。,3.1.2 网站系统总体设计,3、重视首页的设计 内容设计:内容可以按主题分类、按性质分类、按企业组织分类、按人们思考习惯分类等多种分类方法,但整体设计最好保持一致性;互动
8、性设计 图形应用技巧 网站中的图片能不用的尽量不用;能少用的尽量少用;如果必须用的也尽量缩小图形寸;浏览者最长等待网页打开的时间不超过90秒;图形格式最好是JPEG或GIF格式,其中JPEG的压缩效果好,适合中大型图形;对于大型图形最好将页面与图形分开,在页面中设置具有链接功能的缩小图档及一行明图形大小的文字;防止“关闭图形”模式影响观看图形,要在每个图片加上不显示时的说明文字,即在TML文件中的图形文件后面加上alt文字说明;背景底色选择最好不用,即使作用也应使用单一色系;,3.1.2 网站系统总体设计,4、HTML文档的设计 注意在指令中的加上可供搜索的关键字串;在PC系统中,文件的大小写
9、不分、在UNIX下有大小写区别;,3.1.2 网站系统总体设计,5、避免滥用技术6、网站的可靠性 提高系统的可靠性应从系统的硬件、软件和运行环境三方面来考虑;在电子商务系统中,必须考虑到认证体系、支付体系、安全保护、物流配送、因特网的基础设施等环节中可能存在的问题,如:认证体系:应与银行系统合作,建立具有公正性、权威性的金融认证中心,并给软件预留接口;支付方面:可考虑多种支付方式,如邮局汇款、银行划拨、一卡通、信用卡等,方便客户;7、要考虑现行网络资源的带宽及运行速度;,2、网站的结构设计,网站的结构设计是指网页的组成及其相互链接的关系;网站结构设计的内容应包括:网站基本功能(宽度);网站层次
10、(深度);网页内容的划分;网页间的链接关系(导航);网页总体风格设计,以及企业网站标志和数据库的规划等。,3 总体设计说明书,完成总体设计的同时需要提交一份总体设计说明书,它包括以下内容:(1)网站的栏目和版块;(2)网站的链接结构;(3)网站的功能和相应的程序;(4)大多数情况需要数据库,进行数据库的概念设计;(5)网站的交互性和用户操作界面设计。,4 成本估计与系统定价,如何合理制定网站设计的价格,是摆在技术服务企业面前的一个问题。合理的报价应该建立在成本估计的基础上,据此制定系统设计、网站制作等的对外价格。最简单的做法是根据员工工资、各项费用、利润率来计算每小时工作成本,即:总价工资十费
11、用十利润 下面举例加以说明:假设某公司软件工程师的月支付工资为5000元,管理费用为5000元,希望的利润率为30%。一个月的工作时间为22*8176小时。根据调查,一般网站设计公司有2040时间为非工作时间(不妨取25作为估算值)。因而,实际工作的时间为:176*(1-25)132小时;所以,每工作小时成本是:(5000+5000)*(1+30)/13298.48元 当你了解了自己企业员工每小时的工作成本后,报价就有依据了。市场上常见报价方法分三种:计件法、时间法和项目评估法。计件法:常用在网页制作的报价方面,指定明确的页面数、图像数、链接数、功能数、栏目数等。这个办法最通用,先确定单价,再
12、按照页面等数目计价。这个方法执行起来经常引出问题,主要是对一个页面应该包含多少内容双方有争议,页面数目的确定难以同一。时间法:就是按照每小时或每天的工作成本计算。但是这种方法经常会遭到客户的质疑和拒绝,实行起来比较困难。项目评估法:将整个项目拆成一个一个小工作,评估工作的技能难度,计算完成时间,再根据每小时成本计价。,3.2 网站前台设计方法,通过前面的学习分析,要建的网站的主题已经明确,接下就是要根据主题,组织大量的相关资料来充实、丰富网站。我们在动手制作网页前,要先理清思路,考虑内容的轻重缓急,合理安排,突出重点。3.2.1 明确建立网站的目标和用户需求创建网站不是最终目的,企业建网的根本
13、目的是通过Web站点获取更大的经济和社会效益。因此,在设计Web站点时要考虑站点是展现企业形象、介绍产品和服务、体现企业发展战略的重要途径,一切设计方案都要围绕用户的需求展开、体现企业建设站点的目的性。网络营销导向的网站,不追求视觉的冲击,摒弃唯“技术”、“美术”为中心的设计理念,坚持以“消费者(Customer)”为中心,根据消费者的需求、市场状况、企业自身的情况等进行综合分析、制作投入产出合理的设计方案。,3.2.2 确定网站的栏目和版块的方法,网站栏目设置的原则一是要重点突出,二是要方便用户。栏目的实质是一个网站主题的延伸、是网站内容的大纲索引。好的栏目设计,就好比一本书的目录,集中了各
14、个章节的名称及页码。索引应该引导浏览者寻找网站里最主要的东西,在设置栏目的时候,主要考虑以下几方面:主要内容专设栏目紧扣主题主要内容相对集中结构合理首页设置超级链接和搜索引擎方便查找最近更新人性化设计,人性化设计,图表 3-6专门设置最近更新产品栏目,图表 3-5 更新通知放在首页,3.2.2 确定网站的栏目和版块的方法,双向交流的栏目及时沟通交流栏目有很多,如论坛、留言本、邮件列表、QQ、MSN等资料下载和业务咨询客户服务资料下载FAQ方便实用的网站地图网站导航,3.2.2 确定网站的栏目和版块的方法,图表 3-7树型网站地图,图表 3-8某研究所网站地图,网站导航,3.2.2 确定网站的栏
15、目和版块的方法,8 栏目设计时需要注意几点:尽可能删除与主题无关的栏目 尽可能将网站最有价值的内容列在栏目上 尽可能方便访问者的浏览和查询9 关于版块设置及注意事项 各版块要有相对独立性 各版块要有相互关联 版块的内容要围绕站点主题,3.2.3 网站的CI形象设计方法,1 网站的标志(logo):网站的标志(logo)就如同商标一样,logo是你站点特色和内涵的集中体现,看见logo就让大家联想起你的站点。注意:这里的logo不是指8831的小图标banner,而是网站的标志。标志可以是中文,英文字母,可以是符号,图案,可以是动物或者人物等等。比如:新浪用字母sina+眼睛 作为标志。标志的设
16、计创意来自你网站的名称和内容。,3.2.3 网站的CI形象设计方法,1 网站的标志(logo):,327x233 26k jpg,300 x379 44k jpg,225x132 5.64k swf,图表 3-9 logo设计,3.2.3 网站的CI形象设计方法,2 标准色彩:体现网站型象和延伸内涵的色彩。3 设计网站的标准字体(1)标准字体:指用于标志、标题、主菜单的特有字体。(2)常用字体:一般我们网页默认的字体是宋体。为了体现站点的“与众不同”和特有风格,我门可以根据网站所表达的内涵,选择更贴切的字体或特别字体。(3)注意事项:使用非默认字体只能用图片的形式,因为很可能浏览者的PC里没有
17、安装你的特别字体,那么您的辛苦设计制作便付之东流啦!,3.2.3 网站的CI形象设计方法,4 关于网站CI形象的调查当你需要彻底搞清楚自己希望站点给人的印象是什么时,可以制作一份调查问卷,然后让其他浏览者填写。调查结果会帮助我们找出网站现在的差距、弱点及需要改进的地方。,3.2.4 网站的首页设计,确定了商务网站的主要内容、组织结构和表现风格后,就可以开始设计网页了。网页是网站构成的基本元素。而主页是全站内容的目录、是一个索引。首页的设计是一个网站成功与否的关键。人们往往看到首页就对网站有了整体感觉,能否吸引浏览者继续点击进入站内其它页面,全凭浏览者对首页的感觉了。因此,在整个网站制作工作中,
18、首页设计时间大约占总时间的40%。,3.2.4 网站的首页设计,首页设计的一般步骤:1 确定网页要表现的主题和要实现的功能从形式上,可以将站点分为以下三类。第一类是资讯类站点,像新浪、网易、搜狐等门户网站。这类站点将为访问者提供大量的信息,而且访问量较大。因此需注意页面的分割、结构的合理、页面的优化、界面的亲和等问题。第二类是资讯和形象相结合的网站,像一些较大的公司、国内的高校等。这类网站在设计上要求较高,既要保证资讯类网站的上述要求,同时又要突出企业、单位的形象。第三类则是形象类网站,比如一些中小型的公司或单位。这类网站一般较小,有的则有几页,需要实现的功能也较为简单,网页设计的主要任务是突
19、出企业形象。这类网站对设计者的美工水平要求较高。,3.2.4 网站的首页设计首页设计的一般步骤:,2 设计版面布局设计首页的第一步是设计版面布局,即规划站点并绘制布局草图,这一部分可以在纸上完成(1)版面(2)布局(3)草案(4)粗略布局(5)定案,3.2.4 网站的首页设计首页设计的一般步骤:,3 网页的制作这一过程是在计算机上完成的。常用的软件是Macromedia的Dreamweaver、Fireworks、Flash以及Adobe的Photoshop、imageready,这些都是很不错的软件。通过软件的使用,将设计的蓝图变为现实,最终的集成一般是在Dreamweaver里完成的。,图
20、表 3-10主页外观设计,3.2.5 网站制作规范,在网站项目设计过程中,除了要考虑目录结构、链接结构的问题外,还需要制定一些技术标准来统一各个技术小组、技术人员的开发行为。在网站设计的实际工作中,设计人员总结出了许多很有指导意义的“行为准则”,现介绍其中一些,供大家参考,3.2.5 网站制作规范,网站目录设置规范建立目录的指导思想是以最少的层次提供最清晰简便的访问结构,具体工作中应该尽量满足以下要求:(1)根目录:指DNS域名服务器指向的索引文件的存放目录。服务器的ftp上传目录默认为html(2)根目录文件:根目录存放的文件不宜太多,一般只允许存放index.html、default.ht
21、ml或main.html等首页文件,以及其他必须的系统文件。(3)每个语言版本存放于独立的目录。已有版本语言设置为:(简体中文 gb 繁体中文 big5 英 语 en 日 语 jp),3.2.5 网站制作规范,(4)每个主要功能(主菜单)建立一个相应的独立目录。根目录下的images为存放公用图片目录,每个目录下私有图片存放于各自独立images目录。newimages(funimages)(5)根目录下的统一目录(6)所有的CSS文件存放在各语言版本下的tyle目录。script:存放所有的js脚本文件cgi-bin:存放所有的CGI程序 style:存放所有的CSS文件bbs:存放所有的B
22、BS程序 Common 后台文件集散地;,3.2.5 网站制作规范,Include 各个成员自主开发的功能函数文件夹;Temp 临时文件夹,用于存放客户提供的各种原始的资料,可在此目录下建设子目录,以时间为顺序命名;Media 存放网页文件上的多媒体文件,比如:Flash,Avi,QuickTime等;News 根据主页上的内容划分相应的版块,各个版块也可以使用主页上命名规则(7)目录的层次不要太深,建议不要超过3层,维护管理方便。(8)不要使用中文目录(9)不要使用过长的目录,3.2.5 网站制作规范,5 网站文件命名规范文件命名的原则:以最少的字母达到最容易理解的意义。文件命名规范6 链接
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 网络营销 导向 企业 网站 建设
链接地址:https://www.31ppt.com/p-6335864.html