06电子商务网站建设

电子商务（6）电子商务网站的建设1第一节第一节 电子商务网站的策划电子商务网站的策划第二节第二节 电子商务网站的建设电子商务网站的建设第三节第三节 WebWeb页设计与制作页设计与制作2一、一、电子商务网站的规划电子商务网站的规划二、二、电子商务网站的设计电子商务网站的设计三、网站模版设计三、网站模版设计 3（一）确定电子商务网站的服务对象（一）确定电子商务网站的服务对象（二）（二）确定网站目标确定网站目标（三）确定网站评价系统（三）确定网站评价系统4新浪网新浪网的服务对象是谁？如何定位的？的服务对象是谁？如何定位的？服务对象可能是服务对象可能是：供应商、顾客（大客户、政府部门、一般顾客）网站资源有限，必须整合聚焦服务网站资源有限，必须整合聚焦服务如何识别网站的服务对象？如何识别网站的服务对象？确定访问者范围 确定访问者目的 分为内部访问者和外部访问者5访问对象访问对象 潜在客户、供应商、政府、其它组织和个人 竞争者、投资者、债权者客户：客户：了解产品信息、订购、反馈供应商：供应商：了解公司产品计划、分析库存竞争者：竞争者：了解公司战略和经营情况过客：过客：值得访问信息（针对潜在客户）6经常被忽略，仅限于参与建设部门经常被忽略，仅限于参与建设部门按照价值链和业务流程确定按照价值链和业务流程确定制造部：制造部：了解客户对产品评价研究部：研究部：了解客户的偏好市场部：市场部：利用反馈信息制定特别促销方案财务部：财务部：了解客户定货和回款情况采购部：采购部：了解客户对产品（原料）评价7讨论会（类似市场调查）讨论会（类似市场调查）借鉴同行成熟网站借鉴同行成熟网站网上测试网上测试识别不同目的的重要性（主要目的、次要目的）识别不同目的的重要性（主要目的、次要目的）识别访问目的背后的潜在需求识别访问目的背后的潜在需求8公司的任务或目标（公司的任务或目标（Why）尝试性、补充（辅助）、转型（战略调整）网站的近期目标与远期目标（网站的近期目标与远期目标（海尔海尔）信息查询-产品展示和订购-网上交易-网上经营管理（数字化企业，与内部信息系统整合）网站访问者网站访问者 根据不同阶段确定不同访问对象，以订购为例，分为组织和个人。根据地域、经济、文化，以及年龄、性别、收入等细分（Dell分为大、中、小企业客户）9确定为访问者提供的信息确定为访问者提供的信息 时效性：时效性：及时更新（国内网站很少更新）准确性：准确性：明确无误（多为非专业人员制作）丰富性：丰富性：详细真实（多媒体）相关性：相关性：增加信息使用效果（相关链接）便捷性：便捷性：使用方便，按顾客导向 可行性：可行性：考虑成本/效益，信息成本最低10明确竞争者网站特点明确竞争者网站特点建立评价站点的规则建立评价站点的规则 页面下载时间、页面大小，布局，内容 访问者评价（访问量）评价分析评价分析 持续不断跟踪，建立评价系统（利用第三方监测系统）11（一）（一）确定网站的内容和功能确定网站的内容和功能（二）（二）确定网站的装饰风格确定网站的装饰风格（三）（三）确定网站的导航系统确定网站的导航系统12如：如：海尔网站海尔网站分为静态和动态分为静态和动态静态内容静态内容一般、常规信息：公司的历史、文化等修改较少，初期建设注意规划动态内容动态内容公司产品和服务有关信息，促销信息经常修改，保持网站的吸引力和作用13分为主要功能和辅助功能分为主要功能和辅助功能主要功能主要功能信息发布、网上交易（海尔）辅助功能辅助功能配合主要功能而设置的。如客户注册管理(8848)功能确定原则功能确定原则内容与功能统一，功能满足顾客需求（如退货）14形式服从内容与功能形式服从内容与功能组织性装饰、功能性装饰和可视性装饰组织性装饰、功能性装饰和可视性装饰组织性装饰组织性装饰：按照小组、系统的结构安排站点功能，如子站点安排布局、颜色基调（整体）功能性装饰功能性装饰：方便顾客利用功能，如功能、内容的布局安排（局部）可视性装饰可视性装饰：起着美化界面，如用图形等（部件）15分全局导航和局部导航分全局导航和局部导航全局导航全局导航 出现在每个网站，连接主要大块（子站点）形式：固定链接横条局部导航局部导航 出现在相关页面，便于相关页面跳转 形式：主题列表、选项菜单、相关条目导航系统保持一致；能快速回页首导航系统保持一致；能快速回页首16（一）制作网站的布局网格制作网站的布局网格（二）设计网站的框架设计网站的框架（三）设计网站的页面模型设计网站的页面模型17布局网格是描述网页的模板布局网格是描述网页的模板内容是最重要的因素内容是最重要的因素 所有主要部分的页面形式应该很相似所有主要部分的页面形式应该很相似 必需考虑的其他元素包括必需考虑的其他元素包括：商标、广告和赞助、导航、页标题、顶端图形、脚标（包括版权）18建立网站的统一的整体结构和整体外观建立网站的统一的整体结构和整体外观设计网站的框架以与修饰风格或网站结构基本设计网站的框架以与修饰风格或网站结构基本原理结合原理结合 设计网站框架并不是绝对必要的设计网站框架并不是绝对必要的 19网页模板网页模板确定几种最主要的一般性页面作为模板不同模板页面应相似，同一模板应一致考虑元素：商标、广告和赞助、导航、页标题、顶端图形、脚标（包括版权）设计页面模型设计页面模型利用现有Web设计工具设计模型，并进行测试和最终确定。20一、电子商务网站的实施方式一、电子商务网站的实施方式二、电子商务网站的域名申请二、电子商务网站的域名申请三、电子商务网站的准备三、电子商务网站的准备 四、电子商务网站的开发四、电子商务网站的开发 五、电子商务网站的维护五、电子商务网站的维护六、电子商务网站的推广六、电子商务网站的推广 21一、电子商务网站的实施方式外包、租借和自建外包、租借和自建22全权委托外部专业化公司提供一揽子解决方案，全权委托外部专业化公司提供一揽子解决方案，并且实施并且实施特点特点速度快，利用专业化服务，如上海书城采用IBM Net.Commerce V3的解决方案，2个月完成定制方案，可以要求提供针对企业实际的方案节省开发费用，可以节省1/3获得专业化服务，如网上支付、物流服务23利用电子商务服务站点（利用电子商务服务站点（ASP、BSP）提供空）提供空间建设站点。企业只需要提供有关材料，维护、间建设站点。企业只需要提供有关材料，维护、收款以及物流配送由门户站点负责。收款以及物流配送由门户站点负责。网上商城网上商城Http:/ 操作步骤：操作步骤：填写用户资料，获取用户代码和密码，交纳保证金商人门户网站商人门户网站Http:/特点：特点：简单、快捷、廉价缺点：缺点：大众化、缺乏发展空间24外包适合非技术类的大中企业，租借适合中小外包适合非技术类的大中企业，租借适合中小企业或者试探性大中企业企业或者试探性大中企业自行建设适合大企业，技术力量雄厚。需要有自行建设适合大企业，技术力量雄厚。需要有经验、时间和大预算。优势是可以建立独特的经验、时间和大预算。优势是可以建立独特的有竞争力的功能。有竞争力的功能。自行建设时应充分利用现有的开放的平台，并自行建设时应充分利用现有的开放的平台，并在此基础上进行开发。如：在此基础上进行开发。如：IBM、HP、Intel、Microsoft等等25（一）域名的命名（一）域名的命名（二）域名的申请（二）域名的申请26与企业已有商标或企业名称具有相关性与企业已有商标或企业名称具有相关性简单易记易用，简单易记易用，3-83-8个字符个字符多个域名多个域名：出现申请类似的域名，如Sohu、Sohoo国际性：国际性：以英语单词为准,china与拼音民族性民族性：符合民族特点，如Sina与支那2728CNNIC域名注册申请表域名注册申请表 （CN1 共1页 REV 5.0）1、申请选择：()注册()变更()注销邮政编码：2、域名申请目的理由和用途：商业应用电话：3、域 名：传真：4、域名申请单位电子邮件：名称（中文）：6、技术联系人 （英文）：查询号：ZS6-CN （拼音）：7、承办人 单位名称缩写：查询号：ZS6-CN 单位负责人：8、缴费联系人通讯地址（中文）：查询号：ZS6-CN29 （英文）：9、域名服务器邮政编码：主域名服务器名：单位所在地点：主域名服务器IP地址:210.79.232.2485、域名管理联系人主域名服务器机型：Intel Pentium III 450查询号：主域名服务器操作系统：BSD/OS姓名（中文）：主域名服务器放置地点：北京 （英文）：辅域名服务器名：单位名称（中文）：辅域名服务器IP地址:203.207.195.102 （英文）：辅域名服务器机型Intel PentiumIII 450通讯地址（中文）：辅域名服务器操作系统：BSD/OS （英文）：辅域名服务器放置地点：北京 与此域名有关的一切法律责任由申请单位一方承担。申请单位（盖章）单位负责人签章或签字年 月 日30（一）（一）Web服务器建设服务器建设（二）准备网站资料（二）准备网站资料（三）选择网站开发工具（三）选择网站开发工具3132如何选择如何选择ISP（虚拟主机托管虚拟主机托管）速度。存放位置（国内/国外），网络连接速度服务。E-mail信箱、数据库开发能力，支持CGI、支持加密传输，流行管理软件、页面访问统计；域名注册、网站寄存、策划、设计、制作、维护价格。空间，服务内容，服务质量租借网页空间，申请子域名（虚拟域名），可租借网页空间，申请子域名（虚拟域名），可自行上载网页。自行上载网页。委托服务商代理。类似于委托服务商代理。类似于BSP，包括商务代理，包括商务代理33根据站点内容和功能规划选定材料根据站点内容和功能规划选定材料策划网站整体形象，统筹安排网页策划网站整体形象，统筹安排网页公司简介、产品资料（图片、价格）公司简介、产品资料（图片、价格）增殖服务信息资料（相关产品技术资料、市场增殖服务信息资料（相关产品技术资料、市场行情信息）行情信息）材料类型：材料类型：文字、图像、动画、声音、影视等34网页设计工具：网页设计工具：FrontPage图像处理工具：图像处理工具：Adobe的的Photoshop声音、影视处理软件声音、影视处理软件交互式动态页面设计工具，如微软的交互式动态页面设计工具，如微软的ASP开发开发系统，支持系统，支持CGI的的Perl开发系统开发系统动态网页请专业人员设计动态网页请专业人员设计静态网页可以由企业内部人员设计静态网页可以由企业内部人员设计35（一）电子商务网站开发的组织机构（一）电子商务网站开发的组织机构（二）电子商务网站的组成（二）电子商务网站的组成（三）电子商务网站的开发管理（三）电子商务网站的开发管理（四）电子商务网站的测试（四）电子商务网站的测试（五）电子商务网站的发布（五）电子商务网站的发布36外包开发方式，组织结构无须变动，只需指定外包开发方式，组织结构无须变动，只需指定有关人员负责与专业公司协调有关人员负责与专业公司协调对于小型企业自行建设。可设网络管理员职务，对于小型企业自行建设。可设网络管理员职务，工作权限类似杂志编辑。具有预算、规划、沟工作权限类似杂志编辑。具有预算、规划、沟通、协调能力，同时具有一定技术知识通、协调能力，同时具有一定技术知识对于大型企业，可设立网络资源管理部门。对于大型企业，可设立网络资源管理部门。（Web/Internet Resource Executive）37WIRE合格人选条件合格人选条件优秀的处理人际关系的能力较广的网络和电子商务知识一定的商业知识经得起考验的项目管理和协调能力有效的配合高层管理阶层的工作能同时担任领导者和促进者两种角色优秀的倾听意见、吸取有用信息的能力38企业电子商务网站组成主要包括：主页、企业企业电子商务网站组成主要包括：主页、企业信息、新闻页面、产品服务、帮助、相关虚拟信息、新闻页面、产品服务、帮助、相关虚拟社区等。社区等。主页主页 导航型：导航型：企业站点结构信息，简洁，多层次 内容展示型：内容展示型：展示主要内容，丰富，一步到位 视觉效果：视觉效果：分为文本型和图片型。文本型追求简洁、快速，辅以图片；图片型美观、较慢39企业名称、标志、网站图标（企业名称、标志、网站图标（LogoLogo）等）等CISCIS要素要素企业站点的网址企业站点的网址企业站点的导航系统企业站点的导航系统企业产品和企业产品和/或服务最新的信息、有关新闻或服务最新的信息、有关新闻企业的联系方式如企业的联系方式如E-mailE-mail、电话、传真等、电话、传真等相关站点的链接相关站点的链接40包括企业最新信息包括企业最新信息：产品和/或服务的最新信息，如品种、价格、实现方式等等新项目的进行情况企业的内部变动情况行业的最新动态相关行业情况及时更新维护，企业重要公关形象及时更新维护，企业重要公关形象步骤：步骤：收集资料-制作标准新闻稿件-转换为Web页41企业在线业务的关键所在企业在线业务的关键所在产品产品/服务目录。服务目录。提供相关信息，尽可能详细，采用多媒体形式展示，虚拟现实访问者、客户评价访问者、客户评价。BBS以及代表性评价在线订购和支付在线订购和支付。定制订购，方便、安全、自动。如提供购物蓝（车）等形象订购系统、选取系统、配送系统、支付系统（如货款、运费、手续费计算）产品相关信息，产品使用小常识产品相关信息，产品使用小常识设计组织时尽量简洁，按产品线设计组织时尽量简洁，按产品线/品牌分类品牌分类42对对公众（客户、投资等）公众（客户、投资等）发布企业的发布企业的公开公开信息信息发布信息包括：发布信息包括：发展历程、企业大事记组织架构、业务范围合作伙伴、发展计划财务信息（上市公司）最好图文并茂，采用多媒体方式展示最好图文并茂，采用多媒体方式展示43方便用户在繁杂的方便用户在繁杂的Web页面快速找到信息页面快速找到信息信息方面帮助信息方面帮助站点结构图（Site Map）：展示主要链接站点内容搜索电子商务活动方面帮助电子商务活动方面帮助在线订购、定制规则（Wizard）在线支付方式和具体方法物流配送方式，网站内容搜索44培养访问者忠诚度。交流购物体验，增加人气，培养访问者忠诚度。交流购物体验，增加人气，建立访问者之间的群体关系建立访问者之间的群体关系提供功能提供功能个人电子信箱 公告栏（BBS）在线聊天室（Chat）在线实时通信（ICQ，OCIQ）电子虚拟社区的建立电子虚拟社区的建立选择独具特色的话题，一般与企业的产品、服务、经营方式相关。如雅宝的“我的 Yabuy 经历”选择合适的论坛主持人，积极，引导45站点页面的设计和开发要与企业站点页面的设计和开发要与企业CISCIS系统中的系统中的VIVI相一致相一致使用模板和风格表来确保网站整体形象的统一，使用模板和风格表来确保网站整体形象的统一，并简化开发和以后的维护工作并简化开发和以后的维护工作尽量使用成熟的技术，并使用多种浏览器进行尽量使用成熟的技术，并使用多种浏览器进行检验，确保使用不同的浏览器浏览时没有太大检验，确保使用不同的浏览器浏览时没有太大反差反差精简页面，提高访问速度（精简页面，提高访问速度（8 8秒原则）秒原则）尽量为访问者和在线购物者提供方便尽量为访问者和在线购物者提供方便46规划需求分析概要设计详细设计代码调试维护瀑布法瀑布法47统计风格和页面（可视）后台设计（不可视）循环信息结构设计结构设计第二版信息结构第二版结构跟踪维护内部文字组织螺旋法螺旋法48发布前完成发布前完成链接测试（空链、错链）链接测试（空链、错链）兼容性测试（不同版本浏览器使用）兼容性测试（不同版本浏览器使用）版面测试（不同版面，版面测试（不同版面，800*600为主流）为主流）语言测试（简体、繁体）语言测试（简体、繁体）脚本语言测试脚本语言测试下载速度下载速度4950保持链接的有效性保持链接的有效性及时更换信息，根据信息性质不同确定更换频及时更换信息，根据信息性质不同确定更换频率，保持信息的时效性率，保持信息的时效性 最好是规划、落实到具体部门，与业务整合最好是规划、落实到具体部门，与业务整合在一起在一起保持页面内容和拼写正确，维护企业形象保持页面内容和拼写正确，维护企业形象维持与访问者的良好关系，及时反馈（维持与访问者的良好关系，及时反馈（E-mail，BBS）51全球有全球有20亿个网页，仅亿个网页，仅20%可以搜索到；可以搜索到；10%的的网站吸引了网站吸引了90%用户用户了解企业电子商务网站了解企业电子商务网站 站点目前访问率，访问情况，如何进入网站；站点目前访问率，访问情况，如何进入网站；了解相关网站情况（竞争对手）了解相关网站情况（竞争对手）制定推广网站的策略制定推广网站的策略 网站推广费用占维护费用的网站推广费用占维护费用的80%增加位置访问率：吸引新用户和让老用户增加位置访问率：吸引新用户和让老用户 浏览浏览更多页面更多页面52搜索引擎是吸引访问的重要渠道搜索引擎是吸引访问的重要渠道 Yahoo，Sohu（阅读：补充材料）提交站点（选择类别）排名（关键字）提交站点（选择类别）排名（关键字）登记方法：登记方法：Sohu选择类别 填写网站基本资料（名称、URL、简介）填写网站的联系资料登陆到开放目录，然后定期放置到人工编辑目录53利用广告联盟利用广告联盟 相互交换广告链接，如LinkExchange 利用电子邮件（邮件列表）利用电子邮件（邮件列表）定期发布更新信息，避免成为“垃圾邮件”参加相关论坛参加相关论坛 注意网络礼仪，不要随便发布商业化信息建立网络联盟建立网络联盟 交换链接利用传统媒体利用传统媒体（报纸、户外、电台、电视）54访问量：访问量：委托第三方调查，包括广度（访问人数、页面数）和深度（每人每次访问页面数、停留时间）总访问人次数（User Sessions）、日平均页面阅览数（Average Page Views）、总计页面浏览数（Page Views）在线交易的数量和金额在线交易的数量和金额请求主页链接的数量请求主页链接的数量网络广告的收入网络广告的收入媒体关注率媒体关注率55一、一、Web Web页设计语言页设计语言二、二、HTML HTML语言语言 三、三、WebWeb页编辑制作页编辑制作 56WebWeb页的设计主要涉及的语言有页的设计主要涉及的语言有HTMLHTML语言、语言、JavaJava语言、语言、JavaScriptJavaScript和和VBScriptVBScript等等 1 1JavaJava 编程语言，也是一个平台（虚拟机和应用程序编程语言，也是一个平台（虚拟机和应用程序界面）界面）特点：特点：简单、面向对象、可分布、可解释、强壮、安全性、结构化、轻便、功能强大、多线程、动态。57 2 2JavaScriptJavaScript 一种脚本语言一种脚本语言 除了可以增加页面的交互性、完成一些初步功能外，还可以节省浏览者的访问时间和网络流量 JavaScriptJavaScript与与JAVAJAVA语言语言差异差异 JavaScript不是JAVA的替代语言 JavaScript源代码无须编译 JavaScript无须特殊开发环境 583VBScript 3VBScript 3VBScriptVBScript目前只能在Windows环境下的浏览器运行4CGICGI代表通用网关接口（Common Gateway Interface）5XML XML可直接在Internet上使用XML应支持广泛的不同类型的应用XML应与SGML兼容59HTMLHTML是用于是用于World Wide WebWorld Wide Web的语言，的语言，WebWeb上的上的每个网站都用每个网站都用HTMLHTML显示有关信息显示有关信息 一般来说，一般来说，HTMLHTML文档包含两种类型的信息：标文档包含两种类型的信息：标记信息和内容信息记信息和内容信息 HTMLHTML标记通常是英文词汇（如块引用）或缩略标记通常是英文词汇（如块引用）或缩略语（如语（如pp代表代表ParagraphParagraph）注意：注意：标记是成双出现的。如标记是成双出现的。如,则必须以另一个标记则必须以另一个标记将它关闭。将它关闭。注意注意“blockquote”“blockquote”前的斜杠，那就是关闭标前的斜杠，那就是关闭标记与打开标记的区别。记与打开标记的区别。601 1 Web Web页面页面浏览Web时所看到的文件称为Web页面，Web页面是使用HTML语言建立的 2 2 Web Web 页面制作工具页面制作工具 Web 页面制作工具分成二类：一类是即见即所得，如：Netscape Navigator Golden、Frontpage、DreamWaver等。另一类是文本编辑类，如Hotdog、Homesite、Webedit等61现 在 最 流 行 的现 在 最 流 行 的 W e bW e b 页 面 制 作 工 具页 面 制 作 工 具 是是FrontPageFrontPage，原因：，原因：提供众多的向导（Wizard）提供“机器人向导”提供网站的管理工具Explorer 3 3WebWeb页编辑制作页编辑制作受到制约条件：空间和速度制作网页的步骤：使用软件建立网站框架；在Web页面的单个页面中填加各种信息资料；修改细节的HTML语言源程序；在页面之间加入链接；测试及发布 62电子商务网站的建设，是个系统工程。策划决定了网站的目标、服务对象、商务模式和未来的竞争优势，它是建设电子商务网站须首先考虑的问题。在规划后，需要对网站进行总体设计，确定网站的功能、风格、版式等，为网站建设做好准备，继而可以进行具体实施工作。要维持网站的生命力，持续的更新是必不可少的。网站建设的基础是Web语言，在本章最后介绍一些基本的设计Web页所涉及到的一些语言，同时还简单介绍了Web中最基本语言HTML语言，以及编辑设计Web页的一些常用工具。6364演讲完毕，谢谢观看！