《电子商务概论与实训教程 教学课件 ppt 作者 王忠元 第5章》由会员分享，可在线阅读，更多相关《电子商务概论与实训教程 教学课件 ppt 作者 王忠元 第5章（28页珍藏版）》请在金锄头文库上搜索。
1、第五章 电子商务开发与实现技术, 学习目标 能够描述电子商务系统工作机制及组成； 能够描述电子商务网站开发流程及开发技术； 了解自助建站软件的特点及对电子商务专业学习的意义； 能够使用简单工具制作基本的网页页面； 树立正确的电子商务专业学习态度，打好扎实的技术基础。,案例导引 广东太阳能网站的诞生,第一节 电子商务系统概述,在企业电子商务活动的各个环节中，需要不同的技术手段加以支持，例如，可以通过网站发布信息，需要依靠网络通讯工具（QQ、MSN等）与商务伙伴进行沟通，通过网上支付工具进行在线付款等等。如果离开这些技术手段，企业的电子商务活动就不能称之为电子商务，而支撑这些网上商务活动的技术集合
2、就是电子商务系统。,一、什么是电子商务系统,电于商务系统有广义与狭义之分。 广义上讲是支持商务活动的电子技术手段的集合。 狭义上看，电子商务系统则是指在Internet和其他网络的基础上，以实现企业电子商务活动为目标，满足企业生产、销售、服务等企业经营管理的需要，支持企业的对外业务协作，从运作、管理和决策等层次全面提高企业信息化水平，为企业提供商业智能的计算机系统。,二、电子商务系统特点,企业电子商务系统是支撑企业网上商务活动的技术平台，这一平台与传统的管理信息系统（MIS）、决策支持系统（DSS）、企业ERP系统、客户关系管理系统等信息系统既有联系又有所不同，具有自身较为鲜明的特征： 1电子
3、商务系统是支持企业商务活动整个过程的技术平台 2电子商务系统是企业业务流程重构、价值链增值的技术平台 3电子商务系统依托网络，提供基于Web的分布式服务 4电子商务系统在系统应用的安全方面有较高的要求 5电子商务系统的技术特点 6电子商务系统大多是依托企业既有信息资源运行的系统 。,第二节 电子商务网站开发及技术,电子商务系统主要的表现形式为电子商务网上平台，即电子商务网站。网站开发就是在进行网站总体规划和软硬件配置基的基础上，对网站进行需求分析、可行性分析、概要设计、详细设计，通过使用网页设计软件，经过平面设计、网页排版、数据库设计、网页编程等步骤，设计出多个网页。这些网页通过一定逻辑关系的
4、超级链接，构成一个网站。网页设计完成以后，再上传到网站服务器上以供用户访问浏览。,一、网站及商务网站,网站是网络中一个站点内所有网页的集合。简单地说，网站是一种借助于网络的通信工具，就像公告栏一样，人们可以通过网站来发布自己的信息，或者利用网站来提供相关的服务。人们可以通过浏览器来访问网站，获取自己需要的信息或者享受网络服务。网站由域名、服务器空间、网页三个部分组成。使用HTML语言来描述文本、图片、动画等内容的排版，然后被浏览器阅读，这就是网页。网页文件的扩展名通常是.htm或.html。浏览器解释网页文件中的代码，将网页中的内容呈现给用户。目前网站开发中已经很中重视符合Web标准，即W3C
5、提出的网站开发的建议，包括XHTML、CSS、DOM等方面。,一、网站及商务网站,商务网站是一种常见的网站形式，也是一种重要的应用形式。电子商务网站的内容常常是产品、广告、购物、市场推广等。现在国内的电子商务网站的代表有阿里巴巴（http:/）、淘宝（http:/）、拍拍（http:/）等。 电子商务网站的设计重点是网站的产品管理功能和用户的交互功能。,二、商务网站开发流程,三、基于Web标准的商务网站前端开发技术,网站的前台开发技术主要包括HTML、XHTML、CSS和JavaScript等。符合WEB标准的网站应该主要由三部分组成：结构（Structure）、表现（Presentation
6、）和行为（Behavior）。 （一）HTML/XHTML （二）CSS （三）JavaScript （四）Web标准,四、网站后台开发技术,目前，最常用的动态网页语言有ASP（Active Server Pages）、ASP.net、JSP（JavaServer Pages）、PHP （Hypertext Preprocessor），我们可以选其一实现商务网站的开发建设。 （一）ASP （二）ASP.NET （三）PHP （四）JSP,第三节 常用的商务网站开发工具,一、常用的软件工具 制作网页需要专用的网页设计工具，最常用的工具是Dreamweaver和Expression，借助于这两个工
7、具可以方便地对网页进行设计和排版。网页中的图片需要使用Fireworks或Photoshop进行设计和编辑，Flash动画需要用动画制作软件Flash进行制作。 1网页设计软件Dreamweaver 2平面设计软件Photoshop 3网页图片设计和切图软件Fireworks 4动画设计软件Flash,第三节 常用的商务网站开发工具,二、电子商务自助建站软件概述 “会打字就能建网站”。一个会简单计算机操作的人只要几分钟就能快速生成一个企业网站，甚至是各类门户网站。这就是目前在电子商务网站开发领域异军突起的商务网站开发工具。 自助建站就是通过一套完善、智能的系统，让不会建设网站的人通过一些非常非
8、常简单的操作就能轻松建立自己的网站。自助建站一般是将已经做好的网站（包含非常多的模版及非常智能化的控制系统）传到网络空间上，然后购买自助建站的人只须登陆后台对其进行一些非常简单的设置，就能建立其个性化的网站。,第四节 使用HTML/CSS建立简单企业介绍网页,“HTML语言是一种纯文本的文件，几乎可以用任何文字编辑软件来建立。从结构上讲，HTML文件由元素（Element）组成。组成HTML文件的元素有许多种，用于组织文件的内容和指导文件的输出格式。它通过使用一些不同意义的标记（Tags）来表示不同的格式、定义文件的结构及描述文件之间的逻辑关系，即HTML是通过各种标记来描述多媒体信息的。试看
9、下面的一段用记事本编写的HTML程序。,一、HTML语言的基本语法,HTML是一种标记语言，它用来创建与操作系统无关的文档，也就是说按照HTML语法规则创建的文档可以为不同硬件配置的计算机及其应用程序所理解。HTML的基本语言包括：标记本身、标记属性、注释等方面的内容。,一、HTML语言的基本语法,1标记（标签） HTML标记用于修饰浏览器窗口内文本的样式。用户只需输入文本并插入标记，该文本在浏览器窗口内就会按照用户的设置显示出来。一般地，HTML标记使用下列格式： 内容 在标记之间插入的“文本”将受到标记的影响，多数的标记是由1到2个英文字母组成的，它表明了用户希望看到的效果类型。,一、HT
10、ML语言的基本语法,2标记属性 HTML语言的标记都有属于自己的属性，这些属性可由用户自定义，否则将采用HTML的默认属性。属性的名称总是出现在起始标记的结束符“”之前，标记本身与标记属性之间以空格符分隔，对于具有多种属性的标记，它们之间需要插入空格进行隔离。标记属性需要使用双引号或单引号括起来，HTML语法为每个标记的属性都定义了相应的属性值，用户只能使用那些合法的赋值，这些赋值是由英文字母、数字、连字符和英文句号（.）组成的。,一、HTML语言的基本语法,3内容注释 在制作网页的过程中，为了增强网页的可维护性，必须改善它的可读性。对于大型、复杂的网页设计，往往是由多人合作完成的，某个人的意
11、图必须被他人所理解，这样就有必要在网页内添加适当的注释，它可以是网页的制作人、创建时间、使用某些特定标识的目的等等。HTML注释的基本格式如下： 其中“注释内容”既可以是一行内容，也可以是多行内容，这取决于网页制作人的需要。,二、网页结构,HTML网页通常是由三部分内容组成的：版本信息、网页标题（head）、文档主体（body），其中文档主体是HTML网页的主要部分，它包括文档所有的实际内容，下面就是网页结构的总体框架： ,三、网页标题信息,HEAD标记出现在HTML文档的起始部分，它用来标明当前文档的有关信息。例如，文档的标题、搜索引擎可用的关键词以及不属于文档内容的其他数据。 在HEAD标
12、记之间，使用频率最高的标记就是TITLE，它用于定义文档的标题，并且同一网页内只能有一个标题，也就是说TITLE只能出现一次。例如我们给网页设置了黑体字的“欢迎光临”的标题，可在文件内输入下列内容： 欢迎光临 ,三、网页标题信息,当网页被浏览时，网页的标题出现在浏览器的标题栏内。为了区别起见，我们将网页的说明信息称为“网页的首部”，而将网页的正文则称为“网页的主体”。在网页首部出现的标记除了之外，最重要的是TITLE、META等标记，它们的意义如下： TITLE：用于设置HTML的标题； META：用于记录HTML文件的相关信息，这些信息一般不会显示在浏览器内，但可以供Web搜索和程序参考。
13、这是一组用于声明HTML文件头的标记，在该块区域中通常包括作者信息和文件标题等，但是这些信息不会出现在浏览器中，因此一般可忽略该块标记。,四、主体标记,网页的主体是、标记对的作用的范围，可以简单地将网页的主体理解为HTML文档中标题以外的所有部分。 ,四、主体标记,Background用于定义网页文件的背景图案，图案文件的位置是由它的URL决定的。使用“Bgproperties=Fixed“之后，网页文本滚动时，背景图案并不随之滚动。 Bgcolor、Text用于定义网页背景颜色和网页文本的颜色。 Link和Vlink分别确定超链接的颜色和已访问的超链接钓颜色。在Web浏览器窗口内，当用户将鼠
14、标指向链接源时，它的颜色也将发生变化，Alink就是用于定义此时链接源颜色的标记属性。 上述颜色值既可以采用英文单词的表示形式，如：red、blue、yellow等，也可以使用颜色的十六进制数值表示，格式为#RRGGBB，如：#23ff45、#ff00ff等。 Leftmargin、Topmargin用于设置网页的左边距和上边框，它们是以像素为单位的。如果没有指定网页的页边距，它们将采用HTML提供的默认数值。,六、CSS简介,CSS是Cascading Style Sheet的简称，称为级联样式表或层叠样式表，它属于DHTML的重要内容，用于控制HTML的显示格式，实现HTML文档内容和格式
15、的分离，能够方便地控制网页页面的样式特征，如布局、字体、颜色、背景、边界、文本和其他图文效果。CSS表格允许设计者和用户控制网页的表述方式，它的HTML代码简单，又遵循HTML的标准，使设计者能确保每个人都能访问到设计的网页。本节介绍以下内容：CSS的设计原则；如何设计一体化的表格的站点；如何将风格表格应用到你的站点。,七、制作简单的网页,1在Windows系统中，打开记事本，在其中输入相应的HTML代码，如图5-13所示： 2在记事本的菜单栏选择“文件”“另存为”命令。然后在“文件名（N）”的对话框输入“”introduce.htm“”，如图所示（注意：必须一对英文引号将文件名包含，网页后缀名可以为.htm或.html）。如图5-14所示： 3单击“保存（S）”按钮，则在桌面上形成一个网页文件图标，如图5-15所示： 4单击上面的图标，在浏览器显示制作的网页效果如图5-16所示：,七、制作简单的网页,七、制作简单的网页,七、制作简单的网页,
