网络营销导向的企业网站建设.ppt
第3章 网络营销导向的企业网站建设,3.1 网站规划设计3.2 网站前台设计方法3.3 网站内容实施3.4 网站建设环境构建,【岗位能力】,1 能为企业建设网站设计流程;2 能够撰写企业网站的设计方案;3 熟练掌握商务导向的企业网站的前台制作技术;4 能够根据企业业务需求,构建企业网站后台建设方案;5 熟练掌握利用电子商务平台建设网上商店的技能;6 能够灵活运用企业网站,开展网络营销活动;,【学习目标】,1 掌握网站设计的工作流程和总体方法,并能撰写网站建设功能设计实施方案;2 掌握网站常用模块(信息发布、会员管理、论坛交流、商务交易)分项流程设计;3 能够制定网络实施环境方案 4 熟练掌握网站前台建设实施的各种技能。,【工作内容】,企业创建网站有两种途径,一是自建,二是委托开发商建站,下图是建站项目的实施流程,不管是自建还是委托专业公司建站,企业管理人员、营销人员、技术人员都需要相互配合,充分论证前期的调研、分析、策划、设计,让技术开发人员充分了解业务流程、网站使用者的工作需求、企业的经营目标等。,3.1 网站规划设计3.1.1 企业内部的准备工作,1 网络营销的基础内部的信息化建设 企业开展电子商务不单是企业外部的网络化经营,而应从内部网络化管理开始,先内部后外部的融入网络世界,企业只有自身实现信息化和网络化,只有通过有效的业务流程重组才能保证电子商务的进一步发展。原因包括三个方面:第一,在企业内部,电子商务的应用将使企业的各职能部门有机地联合起来。第二,在企业外部,电子商务通过电子化的贸易手段把贸易各方连接到一起。第三,企业商务活动中的“三流”“信息流”、“资金流”及“物流”将在很大程度上通过网络来融合起来。,3.1.1 企业内部的准备工作,整合企业信息的网站应包含三个不同的领域:即企业内联网(Intranet)、外联网(Extranet)、因特网(Internet)。其中:内联网(Intranet):连接公司内部重要资源,受防火墙保护,使用者一般是公司内部职员、管理阶层等;外联网(Extranet):连接企业的合作伙伴,如供应商、配销商、零售商、联盟伙伴、测试产品使用者等;因特网(Internet):提供有关竞争对手、政府活动、媒体和学术的信息等。完全开放式的网络,企业运用该网络,发展一套适应信息时代的营销策略,以维持消费者忠诚度和品牌资产。,3.1.1 企业内部的准备工作,2 了解自己、了解对手首先应了解自己的实力,包括:人才能力、资金实力、企业形象和产品形象;其次应了解竞争对手的情况,即了解从事相同行业的网站的发展情况,主要了解的内容有:发展状态、优势分析、劣势分析、趋势分析等。3 网站定位确定本企业在同行业网站中的位置和发展目标。了解自己和竞争对手的目的是在市场中寻找、发现可发展的空间,以此确定建设一个网站或网页。建网站的关键是“定位问题”,定位实际上是在市场中确立自己的位置,而这个位置正好是对手没有注意的地方或者是对手的不足之处,也正好是我们的优势,或者是我们可以发挥个性化潜质的地方。,实训,、分析B2B网站定位2、分析个人网站的定位3、谈谈你选择的企业是如何定位其网站的,该网站的定位是否合适,如果不适合,你认为如何改进。,3.1.2 网站系统总体设计,1 网站系统设计流程(1)网站目标细化 网站目标细化是根据网站开发计划和系统分析的结果,将目标进一步细化,分阶段、分步骤予以实施,包括每个阶段的任务、计划和人员安排,以及检测指标和最终提交的文件材料。(2)确定网站要素 要确定的网站要素包括明确网站内容及结构,网站功能需求(如交互机制)和网站表现形式(如色彩搭配、字号选择),还应包括确定网站对象和网站提供哪些服务等内容。,3.1.2 网站系统总体设计,(3)网站设计 网站本身设计:文字排版、图片制作、平面设计、三维立体设计、静态图片、动态图片、动画制作等;网站的外延设计:主题特征设计、智能交互、制作策划、形象包装、宣传营销等;站点采用的网络、数据库等技术也是保证网站最终良好运行的关键。,3.1.2 网站系统总体设计,(4)设计原则 内容第一原则三次点击原则服务至上原则(5)技术运用 网站的目的是为别人提供所需的信息,必须得有人愿意光临,这样网站才有意义。一个好的网站不是看有使用了多少技巧,而是能否满足客户的需要,即要体现上面的设计原则。,3.1.2 网站系统总体设计,2、浏览者的情况设计首先要考虑不同网民连线方式通过远端Modem拨号上网的方式测试一下;其次应考虑使用者的浏览器情况:常用浏览器有IE Explorer 5、Netscape等;显示器的分辨率有1024768、800600等;颜色有256色至16色等;好使用所有浏览器都可以阅读的格式,可以考虑在主页中设置几种不同的观看模式:纯文字模式、图形模式、Java模式等,供浏览者选择。,3.1.2 网站系统总体设计,3、重视首页的设计 内容设计:内容可以按主题分类、按性质分类、按企业组织分类、按人们思考习惯分类等多种分类方法,但整体设计最好保持一致性;互动性设计 图形应用技巧 网站中的图片能不用的尽量不用;能少用的尽量少用;如果必须用的也尽量缩小图形寸;浏览者最长等待网页打开的时间不超过90秒;图形格式最好是JPEG或GIF格式,其中JPEG的压缩效果好,适合中大型图形;对于大型图形最好将页面与图形分开,在页面中设置具有链接功能的缩小图档及一行明图形大小的文字;防止“关闭图形”模式影响观看图形,要在每个图片加上不显示时的说明文字,即在TML文件中的图形文件后面加上alt文字说明;背景底色选择最好不用,即使作用也应使用单一色系;,3.1.2 网站系统总体设计,4、HTML文档的设计 注意在指令中的加上可供搜索的关键字串;在PC系统中,文件的大小写不分、在UNIX下有大小写区别;,3.1.2 网站系统总体设计,5、避免滥用技术6、网站的可靠性 提高系统的可靠性应从系统的硬件、软件和运行环境三方面来考虑;在电子商务系统中,必须考虑到认证体系、支付体系、安全保护、物流配送、因特网的基础设施等环节中可能存在的问题,如:认证体系:应与银行系统合作,建立具有公正性、权威性的金融认证中心,并给软件预留接口;支付方面:可考虑多种支付方式,如邮局汇款、银行划拨、一卡通、信用卡等,方便客户;7、要考虑现行网络资源的带宽及运行速度;,2、网站的结构设计,网站的结构设计是指网页的组成及其相互链接的关系;网站结构设计的内容应包括:网站基本功能(宽度);网站层次(深度);网页内容的划分;网页间的链接关系(导航);网页总体风格设计,以及企业网站标志和数据库的规划等。,3 总体设计说明书,完成总体设计的同时需要提交一份总体设计说明书,它包括以下内容:(1)网站的栏目和版块;(2)网站的链接结构;(3)网站的功能和相应的程序;(4)大多数情况需要数据库,进行数据库的概念设计;(5)网站的交互性和用户操作界面设计。,4 成本估计与系统定价,如何合理制定网站设计的价格,是摆在技术服务企业面前的一个问题。合理的报价应该建立在成本估计的基础上,据此制定系统设计、网站制作等的对外价格。最简单的做法是根据员工工资、各项费用、利润率来计算每小时工作成本,即:总价工资十费用十利润 下面举例加以说明:假设某公司软件工程师的月支付工资为5000元,管理费用为5000元,希望的利润率为30%。一个月的工作时间为22*8176小时。根据调查,一般网站设计公司有2040时间为非工作时间(不妨取25作为估算值)。因而,实际工作的时间为:176*(1-25)132小时;所以,每工作小时成本是:(5000+5000)*(1+30)/13298.48元 当你了解了自己企业员工每小时的工作成本后,报价就有依据了。市场上常见报价方法分三种:计件法、时间法和项目评估法。计件法:常用在网页制作的报价方面,指定明确的页面数、图像数、链接数、功能数、栏目数等。这个办法最通用,先确定单价,再按照页面等数目计价。这个方法执行起来经常引出问题,主要是对一个页面应该包含多少内容双方有争议,页面数目的确定难以同一。时间法:就是按照每小时或每天的工作成本计算。但是这种方法经常会遭到客户的质疑和拒绝,实行起来比较困难。项目评估法:将整个项目拆成一个一个小工作,评估工作的技能难度,计算完成时间,再根据每小时成本计价。,3.2 网站前台设计方法,通过前面的学习分析,要建的网站的主题已经明确,接下就是要根据主题,组织大量的相关资料来充实、丰富网站。我们在动手制作网页前,要先理清思路,考虑内容的轻重缓急,合理安排,突出重点。3.2.1 明确建立网站的目标和用户需求创建网站不是最终目的,企业建网的根本目的是通过Web站点获取更大的经济和社会效益。因此,在设计Web站点时要考虑站点是展现企业形象、介绍产品和服务、体现企业发展战略的重要途径,一切设计方案都要围绕用户的需求展开、体现企业建设站点的目的性。网络营销导向的网站,不追求视觉的冲击,摒弃唯“技术”、“美术”为中心的设计理念,坚持以“消费者(Customer)”为中心,根据消费者的需求、市场状况、企业自身的情况等进行综合分析、制作投入产出合理的设计方案。,3.2.2 确定网站的栏目和版块的方法,网站栏目设置的原则一是要重点突出,二是要方便用户。栏目的实质是一个网站主题的延伸、是网站内容的大纲索引。好的栏目设计,就好比一本书的目录,集中了各个章节的名称及页码。索引应该引导浏览者寻找网站里最主要的东西,在设置栏目的时候,主要考虑以下几方面:主要内容专设栏目紧扣主题主要内容相对集中结构合理首页设置超级链接和搜索引擎方便查找最近更新人性化设计,人性化设计,图表 3-6专门设置最近更新产品栏目,图表 3-5 更新通知放在首页,3.2.2 确定网站的栏目和版块的方法,双向交流的栏目及时沟通交流栏目有很多,如论坛、留言本、邮件列表、QQ、MSN等资料下载和业务咨询客户服务资料下载FAQ方便实用的网站地图网站导航,3.2.2 确定网站的栏目和版块的方法,图表 3-7树型网站地图,图表 3-8某研究所网站地图,网站导航,3.2.2 确定网站的栏目和版块的方法,8 栏目设计时需要注意几点:尽可能删除与主题无关的栏目 尽可能将网站最有价值的内容列在栏目上 尽可能方便访问者的浏览和查询9 关于版块设置及注意事项 各版块要有相对独立性 各版块要有相互关联 版块的内容要围绕站点主题,3.2.3 网站的CI形象设计方法,1 网站的标志(logo):网站的标志(logo)就如同商标一样,logo是你站点特色和内涵的集中体现,看见logo就让大家联想起你的站点。注意:这里的logo不是指8831的小图标banner,而是网站的标志。标志可以是中文,英文字母,可以是符号,图案,可以是动物或者人物等等。比如:新浪用字母sina+眼睛 作为标志。标志的设计创意来自你网站的名称和内容。,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里没有安装你的特别字体,那么您的辛苦设计制作便付之东流啦!,3.2.3 网站的CI形象设计方法,4 关于网站CI形象的调查当你需要彻底搞清楚自己希望站点给人的印象是什么时,可以制作一份调查问卷,然后让其他浏览者填写。调查结果会帮助我们找出网站现在的差距、弱点及需要改进的地方。,3.2.4 网站的首页设计,确定了商务网站的主要内容、组织结构和表现风格后,就可以开始设计网页了。网页是网站构成的基本元素。而主页是全站内容的目录、是一个索引。首页的设计是一个网站成功与否的关键。人们往往看到首页就对网站有了整体感觉,能否吸引浏览者继续点击进入站内其它页面,全凭浏览者对首页的感觉了。因此,在整个网站制作工作中,首页设计时间大约占总时间的40%。,3.2.4 网站的首页设计,首页设计的一般步骤:1 确定网页要表现的主题和要实现的功能从形式上,可以将站点分为以下三类。第一类是资讯类站点,像新浪、网易、搜狐等门户网站。这类站点将为访问者提供大量的信息,而且访问量较大。因此需注意页面的分割、结构的合理、页面的优化、界面的亲和等问题。第二类是资讯和形象相结合的网站,像一些较大的公司、国内的高校等。这类网站在设计上要求较高,既要保证资讯类网站的上述要求,同时又要突出企业、单位的形象。第三类则是形象类网站,比如一些中小型的公司或单位。这类网站一般较小,有的则有几页,需要实现的功能也较为简单,网页设计的主要任务是突出企业形象。这类网站对设计者的美工水平要求较高。,3.2.4 网站的首页设计首页设计的一般步骤:,2 设计版面布局设计首页的第一步是设计版面布局,即规划站点并绘制布局草图,这一部分可以在纸上完成(1)版面(2)布局(3)草案(4)粗略布局(5)定案,3.2.4 网站的首页设计首页设计的一般步骤:,3 网页的制作这一过程是在计算机上完成的。常用的软件是Macromedia的Dreamweaver、Fireworks、Flash以及Adobe的Photoshop、imageready,这些都是很不错的软件。通过软件的使用,将设计的蓝图变为现实,最终的集成一般是在Dreamweaver里完成的。,图表 3-10主页外观设计,3.2.5 网站制作规范,在网站项目设计过程中,除了要考虑目录结构、链接结构的问题外,还需要制定一些技术标准来统一各个技术小组、技术人员的开发行为。在网站设计的实际工作中,设计人员总结出了许多很有指导意义的“行为准则”,现介绍其中一些,供大家参考,3.2.5 网站制作规范,网站目录设置规范建立目录的指导思想是以最少的层次提供最清晰简便的访问结构,具体工作中应该尽量满足以下要求:(1)根目录:指DNS域名服务器指向的索引文件的存放目录。服务器的ftp上传目录默认为html(2)根目录文件:根目录存放的文件不宜太多,一般只允许存放index.html、default.html或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:存放所有的BBS程序 Common 后台文件集散地;,3.2.5 网站制作规范,Include 各个成员自主开发的功能函数文件夹;Temp 临时文件夹,用于存放客户提供的各种原始的资料,可在此目录下建设子目录,以时间为顺序命名;Media 存放网页文件上的多媒体文件,比如:Flash,Avi,QuickTime等;News 根据主页上的内容划分相应的版块,各个版块也可以使用主页上命名规则(7)目录的层次不要太深,建议不要超过3层,维护管理方便。(8)不要使用中文目录(9)不要使用过长的目录,3.2.5 网站制作规范,5 网站文件命名规范文件命名的原则:以最少的字母达到最容易理解的意义。文件命名规范6 链接结构规范链接结构的设计原则是用最少的链接,使得浏览最有效率。首页和一级页面之间用星状链接结构,一级和二级页面之间用树状链接结构。超过三级页面,在页面顶部设置导航条。,3.2.5 网站制作规范,7网页设计的尺寸规范页面标准按800*600分辨率制作,实际尺寸为778*434px页面长度原则上不超过3屏,宽度不超过1屏 每个标准页面为A4幅面大小,即8.511英寸 全尺寸banner为468*60px,半尺寸banner为234*60px,小banner为88*31px,另外120*90,120*60也是小图标的标准尺寸每个非首页静态页面含图片字节不超过60K,全尺寸banner不超过14K。网页中使用的按钮、图标等物件的尺寸要统一。,3.2.5 网站制作规范,8 首页HEAD区规范head区是指首页HTML代码的和之间的内容。需要在head区加入的标签有:(1)公司版权注释,例如:(2)网页显示字符集,对于简体中文,需要加入:META HTTP-EQUIVContent-Type CONTENTtext/html;charset=gb2312对于繁体中文,需要加入:META HTTP-EQUIVcontent-Type CONTENTtext/html;charset=BIG5对于英语,需要加入:META HTTP-EQUIVcontent-Type CONTENTtext/html;charsetiso-8859-1,3.2.5 网站制作规范,(3)网页制作者信息,例如:META nameauthor(4)网站简介,例如:META NAMEDESCRIPTION CONTENT=xxxxxxxxxxx(5)搜索关键字,例如:METANAMEkeywords CONTENTxxxx,xxxx,xxx,xxxxx,xxxx,(6)网页的css规范,例如:LINK href=style/style.css relstylesheet typetext/css(7)网页标题,例如:titleThis is a title/title,3.2.6 常用版面布局形式,网页版面布局大致可分为“T”型、“口”字型、“国”字型、标题正文型、“三”字型、对称对比型、POP型、左右框架型、上下框架型、综合框架型、Flash型、变化型等多种布局,如下图所示:,图表 3-11 T型布局,图表 3-12口字型布局,图表 3-13国字型,图表 3-14 标准型,3.2.6 常用版面布局形式,注意事项,1 网页应易读:这是网站设计最重要的诀窍,必须认真规划文字与背景颜色的搭配方案。2 版面不宜过大,页面容量越小越好,别超过75K,忌过长的网页。3 网站取一个响亮的域名。4 首页最上方应该有企业的Logo标志,加强对企业形象的宣传。5 网站导航要清晰:读者进入目的页的点击次数,不能超过三次。大型电子商务网站一般使用菜单栏目、多层菜单、分层目录树实现导航。6 设计渐进显示的页面,每个图标或图片都应配有文字说明,显示时图标的文字说明先显示,图标内容后显示。,注意事项,7 网页要为信息发布服务,用很简洁的图形和大量的信息内容呈现给浏览者。网页中使用的多媒体素材要用压缩技术处理。一般图形文件多用矢量图或JPG格式,插入的图片文件尽量优化到最小。;声音文件多选用MIDI格式或使用MP3技术处理;尽量用Flash等矢量动画替代视频文件等。8 注意网页在多种浏览器上的适应性。9 网页中引用的资料及商标(或图标),不能侵犯版权。10 国际化考虑。注意互连网的全球化特征,对中国企业的商务网站可以设计中、英文两个版本,也可以根据业务需要,设计其他语言的版本。,注意事项,11 网页风格要统一:界面设计应力求易懂和一致。网页上所有的图像、文字,包括像背景颜色、区分线、字体、标题、注脚什么的,都要统一风格,贯穿全站。这样子读者看起来舒服、顺畅,会对你的网站留下一个“很专业”的印象。一个站点或其中某部分的重要元素的尺寸、形状和位置应一致。如果有同类按钮在超过一个的网页上出现,就应当保证在哪里其功能都是一样的。12 不要忽视状态栏的利用。在缺省情况下,当用户将鼠标指示器放在链接上时,浏览器底部的一个小窗口将显示出链接的URL。在网页中每个链接上包含对mouseOver事件的处理,使它能在状态条上显示指定的信息。例如,可以将状态栏里显示的“http:/13 网站要易找:网站要推广,才能被找到。,案例1:一个网站首页设计的分析,网页的配色、排版和整体设计。光从理论上说很难理解。下面用一个典型的网站来分析,希望读者能举一反三,掌握网站首页设计的方法。,案例1:一个网站首页设计的分析,1首先,对图表 3-30划分分析区域:选用红色来分区。2整体设计的分析:刚打开这个网页,给人的感觉就是“乱”。3页面分析:【1】这个图片是页面中最莫名其妙的地方。页面左上角是整个页面的精华之处,是直接向来访者传达页面信息的地方。这个图片没有任何意义。其实【2】位置的图片才是这个网站的banner(标志),为什么不把【2】的图片放在【1】的位置呢?【2】这个已经说了,要放到【1】的位置。【3】这个导航。这个导航菜单的图片做得太差。最起码的,菜单的字体排版要整齐,但我们看到的是各个栏目名称距离栏目分隔线的距离都不一样,显得太粗制滥造。【4】这里为什么会用这么压抑的灰色呢?一个要求会员登陆的地方,却显得这么不友好,恐怕大家都没有什么登陆进去的心情了。,案例1:一个网站首页设计的分析,【5】【6】【10】这几个都是页面上栏目的标题。每一个都不一样,这影响了页面的整体性。这些花哨的栏目标题,单个看来并没有什么问题,但是这么组合在一个页面上并不合适。尤其是【10】那里,4个并列在一起的栏目,竟然用了四种字体。【10】栏目标题前的图标,也是五花八门的。【7】列在左边的三个栏目,也是用了三种完全不同的蓝色做栏目标题。致使整个页面的配色更加混乱。【8】【9】这里除了色调的问题外,表格的形状也和页面上的其他表格不甚搭配。【11】项目前的列表符号,4个栏目用了不同的图片。破坏了页面的整体性。【12】这是个在页面上飞来飞去的公告。是公告而不是广告。但是给人的感觉就像是广告。【13】颜色过于突兀。【14】这个图片也是毫无意义的。因为这个栏目的上面是一个图片新闻,已经有图片了。这里再出来这么一个图片,会有喧宾夺主之感。,案例2:用PS切图和输出网页实践,现在很多公司做网页都是按照下面的流程工作的:美工切图操作过程:1我们先用PS做好以下图片,在PS里没有排版的限制,不用考虑太多,做起来相对容易得多。2图片做好了,我们开始切图,使用PS中的切割工具3切好图片之后,我们通过菜单的“文件”“存储为web所用格式”,打开“存储为web所用格式”窗口。4选择切片格式和品质的原则,就是在浏览器中看起来和压缩前变化不大。5.保存小图,案例2:用PS切图和输出网页实践,6最后,“存储”,把文命名为example.html,存放在合适的位置。7现在关闭PS,打开DW。打开刚才保存的example.html文件。我们可以看到,其实这个图片是被保存在表格中的。现在我们需要重新回顾图表 3-33中的两个切割区域了。8制作菜单区:区域(1)是菜单,是要在各个菜单选项上做上链接的。选择区域(1)的图片,在属性框里,我们选择“热点切割”工具图表 3-39,在图片上划出热点链接区域。见图表 3-40。9制作超级链接:图表 3-40就是区域(1)被热点切割后在DW中显示的样子。选择蓝色的热点,就可以在属性中定义超级链接、替换文本等。10制作内框架:我们看区域(2),我们注意到,其实这个区域图片是一张纯白色的图片,没有任何内容,我们可以直接把这张图片删去。删掉后就可以在单元格中直接输入文字了。这里要注意的是,不要轻易使用回车,否则可能会打乱整个表格的。11插入网页:一般来说,我们习惯于在区域(2)做一个内框架,就是把一个网页嵌在内部,并且有滚动条。查看example.html的源代码,找到区域(2)这里的代码部分,,3.3 网站内容实施3.3.1 网站内容的组织原则,网站内容的组织原则:1 清晰性:网站内容必须简洁明暸,直奔主题,非常有效地讲清楚你想说的内容。2 创造性:你的观点会使访问者产生共鸣,发出内心的认同吗?这是访问者判断一间公司是否有实力,从而影响到购买动机的重要依据。3 突出三个重点:突出你的产品的优点和与众不同的特色;突出帮助访问者辨别、判断同类产品优劣方面的内容;突出内容的无庸置疑的正确性。,3.3.2 网站内容的组织方法,网站内容组织或取舍的方法是将网站想象成企业的产品陈列室,如果你是推销员,那么你将如何向客户推销你的产品吗?1 首先问自己三个问题 访问者访问我的网站的目的是甚么?访问者为甚么要经常访问我的网站?访问者在众多的同类产品或服务中,为甚么会选择我的产品或服务?,3.3.2 网站内容的组织方法,2 按重要程度列出答案所需的内容、资料,有时还需要图示或加入产品图片。如果有必要,将上述问题整理成问卷,分发给同事、客户、朋友去做。3 将他们的答案分门别类的整理出来,再根据上述“网站内容的组织原则”重新取舍,并尽可能地提出共性的东西,这样需要哪些栏目和内容就很清楚了。如有需要,提请有关部门提供栏目所需的内容和资料。4 网站栏目的设置一定要突出重要,方便用户。网站栏目的实质是一个网站内容的大纲索引,就好比一本书的目录,集中了各个章节的名称及页码,索引应该引导浏览者寻找网站里最主要有用的东西。在设置栏目时,要仔细考虑内容的轻重缓急,合理安排,突出重点。,3.3.2 网站内容的组织方法,5 注意:许多网站只是说自己的产品最好、规模最大等等,却找不出任何支持其说法的资料;也有很多网站经常说自己的产品或服务最好,价格又最低,却没有实例来证明。,3.3.2 网站内容的组织方法,6 注意事项注意对收集来的资料进行筛选,淘汰那些与网站宗旨关系不大的信息,甚至违背计算机信息网络国际联网安全保护管理办法规定的信息,都必须删除。另外一些涉及敏感话题、敏感问题的资料最好也删除;对剩余信息的质量要认真判断,去伪存真,去粗取精,只保留那些最有价值的信息;对上述信息进一步加工整理,从内容、文笔、信息量等方面再次加工;根据版面情况,依据内容表现的主题,对上述信息进行排版;再次对排版后的信息进行校审。正式发稿。,案例:网上订单业务,作为一个网上接单的例子,让我们来看看深圳龙辉菲林输出中心()的具体运作。该公司的主要业务就是为客户提供菲林输出服务,其网站的主要功能就是提供一个在线上接订单的功能,并提供了简单的用户注册功能。进入下订单界面,我们可以看到用户可以通过网页的交互界面设置订单内容,包括文件格式、尺寸、分色、线数、阴阳片、药膜面、打样与否、打样纸要求等等,并且能够选择要出菲林的文件上传,从而初步实现了电子商务的基本功能客户在线下订单。当然,更进一步的应用还可以扩展为购物车、订单管理、客户管理、线上支付等。,图表 3-28深圳龙辉菲林输出中心,案例:网上订单业务,3.3.3 思考与实训,1电子商务网站以经营为目的,在网站建设时、应确定目标及信息内容等具体事项,请你简要说明电子商务网站的建立要从哪几方面考虑。2电子商务实际上是把人们在传统办公室、商场、银行等地方进行的商务活动搬到网上进行,这势必带动着电子化付款方式的形成,下面请你说明现在在互联网上主要采取哪几种资金支付方式。3广告在电子商务中起重要的作用,请你简要指出现在电子商务网站主要采取哪几种广告形式。,3.3.3 思考与实训,4确定电子商务网站的总体规划后,有一点必须注意的是尽快进行企业网站的域名注册(甚至可以在设计之前就进行企业商务网站的域名注册,以防被其他企业抢注),一个好记且有意义的域名对于企业来说应是一笔财富,请你指出企业域名注册应考虑哪几方面的内容。5电子商务网站正在飞速发展,数目逐渐增多,技术不断更新,请指出在目前电子商务网站主要采用哪几种设计模式。,3.4 网站建设环境构建,网站的建设主要包括两个方面,一是“前台”,另一个是“后台”,所以在建设网站时,要同时考虑前、后台技术的实现。,3.4.1 域名注册及域名解析设置,1 关于域名(1)域名的概念从技术上讲,域名只是一个Internet中用于解决地址对应问题的一种方法。可以说只是个技术名词。(2)注册域名的意义,图表 3-30 Panda(熊猫)注册商标案例,3.4.1 域名注册及域名解析设置,(3)中文域名介绍中文国内域名(.cn、.中国、公司、网络)的注册申请人必须是依法登记并且能够独立承担民事责任的组织,其命名要求是:域名必须包含汉字,并可以含字母、数字或连接符“”;域名长度不得超过20个字符;不得使用对国家、社会或者公共利益有损害的名称;支持繁简体互换,无须重复注册。中文国际域名(.com、.net、.org)允许以个人名义注册,其命名要求是:域名必须包含汉字,并可以含字母、数字或连接符“”;繁体及简体域名分别注册,3.4.1 域名注册及域名解析设置,(4)域名的管理为了保证国际互联网络的正常运行和向全体互联网络用户提供服务,国际上设立了国际互联网络信息中心(InterNIC),为所有互联网络用户服务。由于网络的规模庞大及各国语言的关系,各国纷纷设立自己国家一级的互联网络信息中心,以便为本国的互联网络用户提供更及时和方便的服务。为了适应我国互联网络的发展,更好地为我国迅速增长的互联网络用户服务,受原国务院信息化工作领导小组办公室的委托,中国科学院在中国科学院计算机网络信息中心组建了中国互联网络信息中心(CNNIC),行使国家互联网络信息中心的职责。CNNIC的一项主要业务就是域名注册服务。CNNIC对域名的管理严格遵守中国互联网络域名注册暂行管理办法和中国互联网络域名注册实施细则的规定。,3.4.1 域名注册及域名解析设置,2 域名申请与注册域名用来指定Internet网上的计算机,为网上用户提供资源和信息。域名由120个数字(09)、字母(Az)或短横“”组合而成,其中字母不区分大小写,企业域名一般以.com或结尾。注册域名是任何要建立网站企业必须要做的第一步,只有通过注册域名企业才能在互联网上占有一席之地。域名有类似产品商标及企业标识的作用。国内域名注册向中国互联网络信息中心(CNNIC)申请,国际域名注册向InterNIC申请。为方便企业注册域名,各地都出现了域名注册代理机构。企业可以直接通过CNNIC或InterNIC注册域名,也可以通过当地授权的域名代理服务机构注册域名。企业提交域名注册申请时,应该准备好申报资料,以提高效率若申请域名,则需要提交政府同意申请该域名的批文。,3.4.1 域名注册及域名解析设置,3.4.1 域名注册及域名解析设置,3 域名解析及域名维持费用域名注册成功后,需要进行域名解析才能由用户使用。域名解析是将域名与Web服务器的IP地址联系起来。选择DDN专线上网的网站自动获得IP地址,选择服务器托管的网站将由托管商分配IP地址。网站Web服务器的IP地址确定下来后,把IP地址和机器名称告诉域名管理中心,以便进行解析。域名维持费用根据国际、国内的不同类型费用不一样。域名维持费用总体上也是逐年下降的。例如,根据CNNIC 2005年的收费标准,对于一个国内域名(如以结尾的域名),注册费用是120元年(包含第一年年费)。对于一个国际域名(如公司名.com等),注册费用是230元2年(包含头两年年费),而一个中文国际域名230元/年、中文国内域名其费用为320元(人民币)年。,3.4.2 选择Internet上建立网站的方式,1 虚拟主机2 服务器托管3 DDN专线入网,3.4.3 网络体系结构,图表 3-32二层结构和三层结构,3.4.4 选择网站操作系统环境,UNIXNTLinux,3.4.5 数据库的选择,常用的数据库有Oracla、SQL server、My SQL、Access等注意事项1打开数据库数据直接进行处理,是不好的工作习惯,最好是通过应用程序执行相关功能。2Oracal、Sybase、Infomix、Microsoft SQL server等数据库均属于功能完备的大中型数据库,而Access尽管也支持SQL语言标准,但它是属于主要为个人使用者服务的桌面型数据库,在安全性等方面,与大型数据库的差异很大,这一点使用者在选型时要予以注意。,【本章小结】本章介绍了以网络营销为导向的企业网站对企业经营的意义和作用,通过实例学习网站设计的工作流程和总体设计方法,撰写网站建设功能设计实施方案;学习了网站前台建设实施的各种技能、网站规划设计方法、网站内容编辑方法和网站建设环境的构建。,3.4.6 思考与实训,1构建网络环境的实施步骤是什么?2如何打开表?如何查看表的内容?3怎样搜索符合条件的记录?4如何更改和删除表的记录?5如何使用SQL语句处理表?,参考文献,