06电子商务网站建设

1、1电子商务（6）电子商务网站的建设2第六讲 电子商务网站的建设第一节 Web页设计与制作第二节电子商务网站的策划第三节电子商务网站的实施3第一节 Web页设计与制作一、 HTML语言二、 Web页设计语言三、 Web页编辑制作 4一、 HTML语言HTML是用于World Wide Web的语言，Web上的每个网站都用HTML显示有关信息 一般来说，HTML文档包含两种类型的信息：标记信息和内容信息 HTML标记通常是英文词汇（如块引用）或缩略语（如p代表Paragraph）注意：标记是成双出现的。如,则必须以另一个标记将它关闭。注意“blockquote”前的斜杠，那就是关闭标记与打开标记的

2、区别。5一、 HTML语言HTML语言标记1. 标识html文档的开始结束2. 描述html文档相关信息的标志对，在标题栏中显示3. 是html文档的主体部分，包含一系列标志对，如表示新的段落，创建一个回车换行等等 设置背景颜色 设置文本颜色 （rrggbb是用6个十六进制数表示颜色，或者用html语言定义的常量名表示颜色 black，white，green，yellow等）6一、 HTML语言实例蓝色文本红色背景，蓝色文本7二、 Web页设计语言Web页的设计主要涉及的语言有HTML语言、Java语言、JavaScript和VBScript等 1Java SUN公司推出的一种编程语言，也是一

3、个平台（虚拟机和应用程序界面），Java非常适合于企业网络和Internet环境，现已成为Internet中最受欢迎的编程语言之一。 特点：简单、面向对象、可分布、可解释、强壮、安全性、结构化、轻便、功能强大、多线程、动态。 8 2JavaScript 一种脚本语言 JavaScript是由Netscape公司开发的一种脚本语言，用来开发交互式网页，除了可以增加页面的交互性、完成一些初步功能外，还可以节省浏览者的访问时间和网络流量 JavaScript与JAVA语言差异 JavaScript不是JAVA的替代语言 JavaScript源代码无须编译 JavaScript无须特殊开发环境 93V

4、BScriptVBScript是由微软公司开发的脚本语言，基于visual basic，目前只能在Windows环境下的浏览器运行4CGICGI代表通用网关接口（Common Gateway Interface）大部分的CGI被用来解释处理来自表单的输入信息，并在服务器产生相应的处理，或将相应的信息反馈给浏览器。 5XMLXML是一种扩展性标识语言，允许自己来创造html中的标签 XML可直接在Internet上使用XML应支持广泛的不同类型的应用XML应与SGML兼容10三、Web页编辑制作 1 Web页面浏览Web时所看到的文件称为Web页面，Web页面是使用HTML语言建立的 2 Web

5、 页面制作工具 Web 页面制作工具分成二类：一类是即见即所得，如：Netscape Navigator Golden Microsoft expression web 2007DreamWaver等。 另一类是文本编辑类，如Hotdog、Homesite、Webedit等11Adobe公司是Web开发工具市场的领头羊，旗下的网页三剑客：Dreamweaver、flash、fireworks Dreamweaver应用于网页开发flash应用于动画制作 fireworks处理网页图片，制作GIF动画Photoshop，Adobe reader等是Adobe的主要产品 3Web页编辑制作受到制约

6、条件：空间和速度制作网页的步骤：使用软件建立网站框架；在Web页面的单个页面中填加各种信息资料；修改细节的HTML语言源程序；在页面之间加入链接；测试及发布 12第二节 电子商务网站的策划一、电子商务网站的规划二、电子商务网站的设计三、网站模版设计 13一、电子商务网站的规划（一）确定电子商务网站的服务对象（二） 确定网站目标（三）确定网站评价系统14（一）电子商务网站的服务对象新浪网的服务对象是谁？如何定位的？服务对象可能是： 供应商、顾客（大客户、政府部门、一般顾客）网站资源有限，必须整合聚焦服务如何识别网站的服务对象？ 确定访问者范围 确定访问者目的 分为内部访问者和外部访问者15外部访

7、问者（企业）访问对象 潜在客户、供应商、政府、其它组织和个人 竞争者、投资者、债权者客户：了解产品信息、订购、反馈供应商：了解公司产品计划、分析库存竞争者：了解公司战略和经营情况过客：值得访问信息（针对潜在客户）16内部访问者（企业）经常被忽略，仅限于参与建设部门按照价值链和业务流程确定制造部：了解客户对产品评价研究部：了解客户的偏好市场部：利用反馈信息制定特别促销方案财务部：了解客户定货和回款情况采购部：了解客户对产品（原料）评价17如何确定访问目的讨论会（类似市场调查）借鉴同行成熟网站网上测试识别不同目的的重要性（主要目的、次要目的）识别访问目的背后的潜在需求18（二）确定网站目标（1/2

8、）公司的任务或目标（Why） 尝试性、补充（辅助）、转型（战略调整）网站的近期目标与远期目标（海尔） 信息查询-产品展示和订购-网上交易- 网上经营管理（数字化企业，与内部信息系统整合）网站访问者 根据不同阶段确定不同访问对象，以订购为例，分为组织和个人。根据地域、经济、文化，以及年龄、性别、收入等细分（Dell分为大、中、小企业客户）19确定网站目标（2/2）确定为访问者提供的信息 时效性：及时更新（国内网站很少更新） 准确性：明确无误（多为非专业人员制作） 丰富性：详细真实（多媒体） 相关性：增加信息使用效果（相关链接） 便捷性：使用方便，按顾客导向 可行性：考虑成本/效益，信息成本最低2

9、0（三）确定网站评价系统明确竞争者网站特点建立评价站点的规则 页面下载时间、页面大小，布局，内容 访问者评价（访问量）评价分析 持续不断跟踪，建立评价系统（利用第三方监测系统）21二、电子商务网站的设计（一） 确定网站的内容和功能（二） 确定网站的装饰风格（三） 确定网站的导航系统22（一）确定网站的内容分为静态和动态静态内容一般、常规信息：公司的历史、文化等修改较少，初期建设注意规划动态内容公司产品和服务有关信息，促销信息经常修改，保持网站的吸引力和作用23确定网站的功能分为主要功能和辅助功能主要功能信息发布、网上交易（海尔）辅助功能配合主要功能而设置的。如客户注册管理(8848)功能确定原

10、则内容与功能统一，功能满足顾客需求(如取消订单)24（二）确定网站的装饰风格形式服从内容与功能组织性装饰、功能性装饰和可视性装饰组织性装饰：按照小组、系统的结构安排站点功能，如子站点安排布局、颜色基调（整体）功能性装饰：方便顾客利用功能，如功能、内容的布局安排（局部）可视性装饰：起着美化界面，如用图形等（部件）25（三）确定网站导航系统分全局导航和局部导航全局导航 出现在每个网站，连接主要大块（子站点） 形式：固定链接横条局部导航 出现在相关页面，便于相关页面跳转 形式：主题列表、选项菜单、相关条目导航系统保持一致；能快速回页首26三、网站模板设计（一）制作网站的布局网格（二）设计网站的框架

11、（三）设计网站的页面模型27（一）制作网站的布局网格布局网格是描述网页的模板内容是最重要的因素 所有主要部分的页面形式应该很相似 必需考虑的其他元素包括：商标、广告和赞助、导航、页标题、顶端图形、脚标（包括版权） 28(二) 设计网站的框架建立网站的统一的整体结构和整体外观设计网站的框架以与修饰风格或网站结构基本原理结合 设计网站框架并不是绝对必要的 29（三）设计网站的页面模型网页模板确定几种最主要的一般性页面作为模板不同模板页面应相似，同一模板应一致考虑元素：商标、广告和赞助、导航、页标题、顶端图形、脚标（包括版权）设计页面模型利用现有Web设计工具设计模型，并进行测试和最终确定。30第三

12、节 电子商务网站的实施一、电子商务网站的实施方式二、电子商务网站的域名申请三、电子商务网站的准备 四、电子商务网站的开发 五、电子商务网站的维护六、电子商务网站的推广 31一、电子商务网站的实施方式外包、租借和自建32（一）外 包全权委托外部专业化公司提供一揽子解决方案，并且实施特点速度快，利用专业化服务，如上海书城采用IBM Net.Commerce V3的解决方案，2个月完成定制方案，可以要求提供针对企业实际的方案节省开发费用，可以节省1/3获得专业化服务，如网上支付、物流服务缺点 外包使企业失去对自身业务的控制力，外包的网站所实现的功能可能会和企业所需要的有差异，而且企业完全熟悉网站的操

13、作并开始业务需要磨合时间。33（二）租 借利用电子商务服务站点（ASP、BSP）提供空间建设站点。企业只需要提供有关材料，维护、收款以及物流配送由门户站点负责。网上商城Http:/ 操作步骤：填写用户资料，获取用户代码和密码，交纳保证金商人门户网站Http:/特点：简单、快捷、廉价缺点：大众化、不支持企业想要的视觉效果，只有几种可选择的方式，没有独立的IP和域名，缺乏发展空间34（三）自行建设外包适合非技术类的大中企业，租借适合中小企业或者试探性大中企业自行建设适合大企业，技术力量雄厚。需要有经验、时间和大预算。优势是可以建立独特的有竞争力的功能。自行建设时应充分利用现有的开放的平台，并在此基

14、础上进行开发。如：IBM、HP、Intel、Microsoft等35二、电子商务网站的域名申请（一）域名的命名（二）域名的申请36（一）域名的命名与企业已有商标或企业名称具有相关性简单易记易用，3-8个字符多个域名：出现申请类似的域名，如Sohu、Sohoo国际性：以英语单词为准,china与拼音民族性：符合民族特点，如Sina与支那37（二）域名申请独立域名、子域名如： .cn英文域名与中文域名国际域名与国内域名管理单位：InterNic、Cnnic申请：直接到管理单位申请，代理申请如：中国新网（http:/www.chinaDNS.com）38CNNIC域名注册申请表 （CN1 共1页 R

15、EV 5.0）1、申请选择：()注册()变更()注销邮政编码：2、域名申请目的理由和用途： 商业应用电话：3、域 名：传真：4、域名申请单位电子邮件： 名称（中文）：6、技术联系人 （英文）： 查询号：ZS6-CN （拼音）：7、承办人 单位名称缩写： 查询号：ZS6-CN 单位负责人：8、缴费联系人通讯地址（中文）： 查询号：ZS6-CN39 （英文）：9、域名服务器邮政编码： 主域名服务器名：单位所在地点：主域名服务器IP地址: 485、域名管理联系人主域名服务器机型：Intel Pentium III 450查询号：主域名服务器操作系统：BSD/OS姓名（中文）：主域名服务器放置地点：北

16、京 （英文）：辅域名服务器名：单位名称（中文）：辅域名服务器IP地址: 02 （英文）：辅域名服务器机型Intel PentiumIII 450通讯地址（中文）：辅域名服务器操作系统：BSD/OS （英文）：辅域名服务器放置地点：北京与此域名有关的一切法律责任由申请单位一方承担。申请单位（盖章） 单位负责人签章或签字年 月 日40三、电子商务网站建设的准备（一）Web服务器建设（二）准备网站资料（三）选择网站开发工具41（一）Web服务器建设（1/2）涉及到架设网络、安装服务器，租用通信网络方式：架设专用网络、整体托管、虚拟主机托管、租用网页空间、委托服务商代理架设专用网络，自己架设通信网络，

17、速度快，费用昂贵，大型企业专业开发用整机托管，将服务器托管到IDC，远程维护虚拟主机托管，逻辑上独立，物理上共享，用户可以拥有独立的WWW、E-mail、FTP服务器42Web服务器建设（2/2）如何选择ISP（虚拟主机托管）速度。存放位置（国内/国外），网络连接速度服务。E-mail信箱、数据库开发能力，支持CGI、支持加密传输，流行管理软件、页面访问统计； 域名注册、网站寄存、策划、设计、制作、维护价格。空间，服务内容，服务质量租借网页空间，申请子域名（虚拟域名），可自行上载网页。委托服务商代理。类似于BSP，包括商务代理43（二）准备网站资料根据站点内容和功能规划选定材料策划网站整体形象

18、，统筹安排网页公司简介、产品资料（图片、价格）增殖服务信息资料（相关产品技术资料、市场行情信息）材料类型：文字、图像、动画、声音、影视等44（三）选择网站开发工具网页设计工具：Microsoft visual studio图像处理工具：Adobe的Photoshop声音、影视处理软件交互式动态页面设计工具，如微软的ASP开发系统，支持CGI的Perl开发系统动态网页请专业人员设计静态网页可以由企业内部人员设计45四、电子商务网站的开发（一）电子商务网站开发的组织机构 （二）电子商务网站的组成（三）电子商务网站的开发管理（四）电子商务网站的测试（五）电子商务网站的发布46（一）电子商务网站开发的

19、组织机构1/2外包开发方式，组织结构无须变动，只需指定有关人员负责与专业公司协调对于小型企业自行建设。可设网络管理员职务，工作权限类似杂志编辑。具有预算、规划、沟通、协调能力，同时具有一定技术知识对于大型企业，可设立网络资源管理部门。（Web/Internet Resource Executive）47电子商务网站开发的组织机构2/2WIRE合格人选条件优秀的处理人际关系的能力较广的网络和电子商务知识一定的商业知识经得起考验的项目管理和协调能力有效的配合高层管理阶层的工作能同时担任领导者和促进者两种角色优秀的倾听意见、吸取有用信息的能力48（二）电子商务网站的组成企业电子商务网站组成主要包括：

20、主页、企业信息、新闻页面、产品服务、帮助、相关虚拟社区等。主页 导航型：企业站点结构信息，简洁，多层次 内容展示型：展示主要内容，丰富，一步到位 视觉效果：分为文本型和图片型。文本型追求简洁、快速，辅以图片；图片型美观、较慢49（1）电子商务网站主页/首页企业名称、标志、网站图标（Logo）等CIS要素企业站点的网址企业站点的导航系统企业产品和/或服务最新的信息、有关新闻企业的联系方式如E-mail、电话、传真等相关站点的链接50（2）电子商务网站新闻页面包括企业最新信息：产品和/或服务的最新信息，如品种、价格、实现方式等等新项目的进行情况企业的内部变动情况行业的最新动态相关行业情况及时更新维

21、护，企业重要公关形象步骤：收集资料-制作标准新闻稿件-转换为Web页51（3）电子商务网站产品服务页面企业在线业务的关键所在产品/服务目录。提供相关信息，尽可能详细，采用多媒体形式展示，虚拟现实访问者、客户评价。BBS以及代表性评价在线订购和支付。定制订购，方便、安全、自动。 如提供购物蓝（车）等形象订购系统、选取系统、配送系统、支付系统（如货款、运费、手续费计算）产品相关信息，产品使用小常识设计组织时尽量简洁，按产品线/品牌分类52（4）电子商务网站企业信息页面对公众（客户、投资等）发布企业的公开信息发布信息包括：发展历程、企业大事记组织架构、业务范围合作伙伴、发展计划财务信息（上市公司）最

22、好图文并茂，采用多媒体方式展示53（5）电子商务网站帮助页面方便用户在繁杂的Web页面快速找到信息信息方面帮助站点结构图（Site Map）：展示主要链接站点内容搜索电子商务活动方面帮助在线订购、定制规则（Wizard）在线支付方式和具体方法物流配送方式，网站内容搜索54（6）电子商务网站虚拟社区培养访问者忠诚度。交流购物体验，增加人气，建立访问者之间的群体关系提供功能个人电子信箱 公告栏（BBS）在线聊天室（Chat） 在线实时通信（ICQ，OCIQ）电子虚拟社区的建立选择独具特色的话题，一般与企业的产品、服务、经营方式相关。如雅宝的“我的 Yabuy 经历”选择合适的论坛主持人，积极，引导

23、55（7）电子商务网站页面设计原则站点页面的设计和开发要与企业CIS系统中的VI相一致使用模板和风格表来确保网站整体形象的统一，并简化开发和以后的维护工作尽量使用成熟的技术，并使用多种浏览器进行检验，确保使用不同的浏览器浏览时没有太大反差精简页面，提高访问速度（8秒原则）尽量为访问者和在线购物者提供方便56（1）瀑布法规划需求分析概要设计详细设计代码调试维护瀑布法（三）电子商务网站的开发管理57（2）螺旋法统计风格和页面（可视）后台设计（不可视）循环信息结构设计结构设计第二版信息结构第二版结构跟踪维护内部文字组织螺旋法58（四）电子商务网站的测试发布前完成链接测试（空链、错链）兼容性测试（不同版本浏览器使用）版面测试（不同版面，1024*768为主流）语言测试（简体、繁体）脚本语言测试下载速度59（五）电子商务网站的发布站点发布就是将设计好网页存放到Web服务器E-mail方式，委托发布FTP 方式，远程直接发布 Cute FTP 3.5WWW方式，远程直接发布 FrontPage60五、电子商务网站的维护保持链接的有效性及时更换信息，根据信息性质不同确定更换频率，保持信息的时效性 最好是规划、落实到具体部门，与业务整合在一起保持页面内容和拼写正确，维护企业形象维持与访问者的良好关系，及时反馈（E-mail，BBS）61六、