《电子商务的应用开发技术》教学课件电子教案全书整套课件幻灯片.ppt

第一章第一章.电子商务工程及应用框架电子商务工程及应用框架对外经济贸易大学信息学院对外经济贸易大学信息学院第一章第一章.电子商务工程及应用框架电子商务工程及应用框架l第一节第一节 电子商务应用电子商务应用l第二节第二节 电子商务技术背景电子商务技术背景l第三节第三节 电子商务工程电子商务工程l第四节第四节 电子商务应用框架电子商务应用框架第一节第一节电子商务应用电子商务应用l一一.电子商务基本知识电子商务基本知识l1.1.电子商务的定义电子商务的定义l电子商务就是通过电子方式开展商电子商务就是通过电子方式开展商务活动。它主要是在计算机网络务活动。它主要是在计算机网络（主要指（主要指InternetInternet网络）的平台上，网络）的平台上，按照一定的标准来开展商务活动。按照一定的标准来开展商务活动。一一.电子商务基本知识电子商务基本知识l2.2.电子商务的意义电子商务的意义l它彻底打破了人类商务活动的传统观念，它彻底打破了人类商务活动的传统观念，正在为全人类创造巨大的经济效益和社正在为全人类创造巨大的经济效益和社会效益，广泛、大幅度地提高了人类的会效益，广泛、大幅度地提高了人类的生活质量。生活质量。l不受时间、空间的限制，交易成本低、不受时间、空间的限制，交易成本低、交易效率高、对大企业和中小企业都有交易效率高、对大企业和中小企业都有积极作用。积极作用。二二.电子商务在企业的应用电子商务在企业的应用l1.1.企业供应链和价值链企业供应链和价值链l各种企业的一般特征是：企业要向各种企业的一般特征是：企业要向供应商采购原材料，经过内部的加供应商采购原材料，经过内部的加工过程生产出产品，最后把产品销工过程生产出产品，最后把产品销售给顾客，从而形成企业供应链，售给顾客，从而形成企业供应链，它概括了企业的基本经营活动以及它概括了企业的基本经营活动以及有关的主要角色。有关的主要角色。价值链方法价值链方法l价值链方法把经济实体的活动按照价值链方法把经济实体的活动按照其流程和关系分解成一个一个的具其流程和关系分解成一个一个的具体环节，分析每一个环节对企业效体环节，分析每一个环节对企业效益的影响。益的影响。2.供应链下游的电子商务供应链下游的电子商务l1)电子市场（电子市场（ElectronicMarket，E-market）l是网上的专门的区域，它只提供一个虚是网上的专门的区域，它只提供一个虚拟的场地，使买家和买家有机会在此彼拟的场地，使买家和买家有机会在此彼此接触，它并不提供其他的交易服务。此接触，它并不提供其他的交易服务。l2)网上销售网上销售l包括了交易的完整过程，但不涉及企业包括了交易的完整过程，但不涉及企业自身的采购、生产、经营管理。自身的采购、生产、经营管理。3.供应链上游的电子商务供应链上游的电子商务l主要内容是对原材料的采购，简称为网主要内容是对原材料的采购，简称为网络采购。络采购。l其业务要更加复杂，采购数量要比面向其业务要更加复杂，采购数量要比面向消费者的零售数量大得多。消费者的零售数量大得多。l涉及企业的销售，也不涉及企业内部的涉及企业的销售，也不涉及企业内部的生产、经营管理。在企业供应链上，电生产、经营管理。在企业供应链上，电子采购只完成了供应链上游的任务。子采购只完成了供应链上游的任务。4.涵盖整个供应链的电子商务涵盖整个供应链的电子商务l更加彻底的涵盖整个供应链的电子更加彻底的涵盖整个供应链的电子商务。国外有的把它简写为商务。国外有的把它简写为E-Business或或EB，即电子企业。，即电子企业。l西方近年来涌现出在企业内部、以西方近年来涌现出在企业内部、以及在企业和合作伙伴之间全面深入及在企业和合作伙伴之间全面深入地采用信息技术的新型企业，他们地采用信息技术的新型企业，他们把这类企业叫做数字化企业把这类企业叫做数字化企业（Digitalfirm）。）。第一章第一章.电子商务工程及应用框架电子商务工程及应用框架l第一节第一节 电子商务应用电子商务应用l第二节第二节 电子商务技术背景电子商务技术背景l第三节第三节 电子商务工程电子商务工程l第四节第四节 电子商务应用框架电子商务应用框架第二节电子商务技术背景第二节电子商务技术背景l一一.InternetlInternet的中文译名是互联网。简单地说，的中文译名是互联网。简单地说，Internet是全球范围的网络的网络是全球范围的网络的网络。从广。从广义上讲，义上讲，Internet是遍布全球的联络各个是遍布全球的联络各个计算机网络的总网络，是成千上万信息计算机网络的总网络，是成千上万信息资源的总称；从本质上讲，资源的总称；从本质上讲，Internet是一是一个使世界上不同类型的计算机能交换各个使世界上不同类型的计算机能交换各类数据的通信媒介。类数据的通信媒介。一一.Internetl(一一)Internet的发展历史的发展历史l1.Internet的产生和发展的产生和发展l2.Internet在我国的发展和现状在我国的发展和现状(二二)Internet的组成的组成l1.从网络逻辑结构的角度考察从网络逻辑结构的角度考察Internet的组成的组成l1)主干网主干网l2)中间层网（区域和行业网）中间层网（区域和行业网）l3)底层网底层网(二二)Internet的组成的组成l2.从技术作用的角度来考察从技术作用的角度来考察Internet的组成的组成l1）物理网络）物理网络l2）通讯协议）通讯协议l3）网络工具）网络工具(三三)开放系统互联参考模型开放系统互联参考模型（OSI/RM）l1.1.网络体系结构的概念网络体系结构的概念l体系结构就是对象、实体的主要组体系结构就是对象、实体的主要组成以及各组成部分的各自作用和相成以及各组成部分的各自作用和相互关系。互关系。l体系结构的优势来自其抽象性和通体系结构的优势来自其抽象性和通用性。用性。2.OSI的由来的由来l国际标准化组织国际标准化组织(ISO)于于1977年成立年成立了专门的机构研究网络通信标准化了专门的机构研究网络通信标准化问题，研究主题名叫问题，研究主题名叫“开放系统互开放系统互联联”。它在。它在1979年公布了一个网络年公布了一个网络体系结构，称为体系结构，称为“开放系统互联参开放系统互联参考模型考模型”(OSIRM，OpenSystemInterconnectionReferenceModel)。在在1983年形成正式文件，我国的相年形成正式文件，我国的相应国家标准是应国家标准是GB9387。3.OSI的主要构成的主要构成lOSI包括了体系结构、服务定义和协包括了体系结构、服务定义和协议规范三级抽象。议规范三级抽象。lOSI参考模型并非具体实现的描述，参考模型并非具体实现的描述，它只是一个概念性框架。在它只是一个概念性框架。在OSI中，中，只有各种协议是可以实现的，网络只有各种协议是可以实现的，网络中的设备只有与中的设备只有与OSI和有关协议相一和有关协议相一致时才能互连。致时才能互连。4.OSI的的7层模型层模型l物理层物理层(PhysicalLayer,PH)、数据链、数据链路层路层(DataLinkLayer,DL)、网络层、网络层(NetworkLayer,N)、运输层、运输层(TransportLayer,T)、会话层、会话层(SessionLayer,S)、表示层、表示层(PresentationLayer,P)和应用层和应用层(ApplicationLayer,A)(四四)TCP/IP体系结构体系结构l1.TCP/IP概述概述lTCP/IP协议的全称是传输控制协议协议的全称是传输控制协议/互连网协议互连网协议TCP/IP(TransmissionControlProtocol/InternetProtocol)，它是一个使用非常普遍的网络互，它是一个使用非常普遍的网络互连标准协议，已成为一个事实上的连标准协议，已成为一个事实上的工业标准。工业标准。2.TCP/IP的四层模型结构的四层模型结构l四层的概念模型：网络接口层（有四层的概念模型：网络接口层（有的教材称其为通讯子网层）、互联的教材称其为通讯子网层）、互联层（有的教材称其为网络层）、传层（有的教材称其为网络层）、传输层和应用层输层和应用层(五五)TCP/IP的应用的应用l1.一般应用一般应用l1)远程登录（远程登录（Telnet）l2)文件传输（文件传输（FTP）l3)电子邮件电子邮件l2.新的应用趋势新的应用趋势二二.WeblWeb是万维网的简称，其英文全称是万维网的简称，其英文全称是是WorldWideWeb，也有写成，也有写成WWW和和W3的。的。Web技术是电子商技术是电子商务的核心技术之一。务的核心技术之一。1.Web的思想的思想lWeb的思想是用尽量简单的方式来的思想是用尽量简单的方式来传输和显示分布在网络上的极其复传输和显示分布在网络上的极其复杂丰富的信息资源。杂丰富的信息资源。2.统一资源定位器统一资源定位器l统一资源定位器的简称是统一资源定位器的简称是URL（UniversalResourceLocator），），它被用来唯一地标识它被用来唯一地标识Web上的资源。上的资源。lURL的格式为：协议的格式为：协议:/主机名主机名/标识符标识符l例如例如http:/:80/index/index.html就是一个就是一个URL的具体表示的具体表示3.超文本传输协议超文本传输协议l超文本传输协议超文本传输协议HTTP的英文全称是的英文全称是HyperTextTransferProtocol，它是，它是用来在互联网上传输文档的协议，用来在互联网上传输文档的协议，它是它是Web上最常用也是最重要的协上最常用也是最重要的协议，也是议，也是Web服务器和服务器和Web客户客户（如浏览器）之间传输（如浏览器）之间传输Web页面的页面的基础。基础。4.4.超文本标记语言超文本标记语言l超文本标记语言超文本标记语言HTML(HypertextMarkupLanguage)也是也是Web的要素之一。的要素之一。HTML主主要用来解决如何在浏览器上显示开发者设要用来解决如何在浏览器上显示开发者设计的内容。计的内容。lXML是可扩展标记语言的英文缩写。它提是可扩展标记语言的英文缩写。它提高了对结构化数据的表示能力，具有更大高了对结构化数据的表示能力，具有更大的可扩展能力，能适应基于的可扩展能力，能适应基于Web的大型系统的大型系统和新一代的电子商务开发的需要。和新一代的电子商务开发的需要。5.Web浏览器浏览器lWeb客户通常指的是客户通常指的是Web浏览器，浏览器，典型的浏览器有微软公司的典型的浏览器有微软公司的MicrosoftInternetExplorer。lWeb浏览器的最主要特点是功能丰浏览器的最主要特点是功能丰富，操作简单。富，操作简单。6.Web服务器服务器lWeb浏览器就好比借书的读者，浏览器就好比借书的读者，Web服务器就好比图书馆，最复杂服务器就好比图书馆，最复杂的工作都是由的工作都是由Web服务器完成的。服务器完成的。lTTP服务器）提供服务器）提供HTTP服务。服务。三三.JavalJava是由是由SunMicrosystems公司于公司于1995年年5月推出的产品，月推出的产品，它是它是Java程程序设计语言（以下简称序设计语言（以下简称Java语言）语言）和和Java平台的总称。平台的总称。第一章第一章.电子商务工程及应用框架电子商务工程及应用框架l第一节第一节 电子商务应用电子商务应用l第二节第二节 电子商务技术背景电子商务技术背景l第三节第三节 电子商务工程电子商务工程l第四节第四节 电子商务应用框架电子商务应用框架第三节第三节电子商务工程电子商务工程l一一.电子商务发展规划电子商务发展规划l电子商务工程的第一步应该是制定电子商务工程的第一步应该是制定科学的电子商务发展规划（简称规科学的电子商务发展规划（简称规划）。所谓电子商务发展规划就是划）。所谓电子商务发展规划就是在电子商务工程开始前对该项目的在电子商务工程开始前对该项目的立足于全局和长远的战略计划。立足于全局和长远的战略计划。二二.电子商务发展的周期电子商务发展的周期l1.1.电子商务系统的生命周期电子商务系统的生命周期l一项电子商务项目完工以后，这个系统一项电子商务项目完工以后，这个系统也不会无限期地适应企业的需要，到了也不会无限期地适应企业的需要，到了一定的时候，它就会落伍，又要用新一一定的时候，它就会落伍，又要用新一代的系统来代替它。代的系统来代替它。l它说明没有一劳永逸的电子商务工程。它说明没有一劳永逸的电子商务工程。2.2.电子商务工程的发展阶段电子商务工程的发展阶段l1)1)系统生命周期观点系统生命周期观点l统分析、系统设计、编程、测试、统分析、系统设计、编程、测试、转换、应用和维护六个阶段。转换、应用和维护六个阶段。l2)2)四阶段观点四阶段观点l转变阶段、构造阶段、运行阶段和转变阶段、构造阶段、运行阶段和利用阶段利用阶段三三.电子商务应用开发电子商务应用开发l在完成规划任务以后，电子商务工在完成规划任务以后，电子商务工程就应该进入具体的开发阶段，要程就应该进入具体的开发阶段，要具体地提出系统的设计方案，实际具体地提出系统的设计方案，实际编写程序代码，完成硬件、软件等编写程序代码，完成硬件、软件等的配置，最后要交给用户一套完整的配置，最后要交给用户一套完整的、能实际运行、满足其要求的电的、能实际运行、满足其要求的电子商务应用系统。子商务应用系统。第一章第一章.电子商务工程及应用框架电子商务工程及应用框架l第一节第一节 电子商务应用电子商务应用l第二节第二节 电子商务技术背景电子商务技术背景l第三节第三节 电子商务工程电子商务工程l第四节第四节 电子商务应用框架电子商务应用框架第四节第四节 电子商务应用框架电子商务应用框架l一一.电子商务应用框架的概念电子商务应用框架的概念l框架就是关于设计对象的主要组成以及框架就是关于设计对象的主要组成以及各组成部分的各自作用和相互关系的抽各组成部分的各自作用和相互关系的抽象概括的表述，一般以简单的图形来表象概括的表述，一般以简单的图形来表示。对于复杂的大系统，一般先通过框示。对于复杂的大系统，一般先通过框架把基本结构搞清楚，再逐步深入到组架把基本结构搞清楚，再逐步深入到组件内部，逐步把设计加以细化。件内部，逐步把设计加以细化。2.采用电子商务应用框架的采用电子商务应用框架的优点优点l1)1)有助于简化问题有助于简化问题l2)2)有助于抓住设计对象的共同本质有助于抓住设计对象的共同本质l3)3)有助于提高电子商务工程的速度有助于提高电子商务工程的速度和质量和质量二二.电子商务应用框架的基本电子商务应用框架的基本系统模型系统模型l在逻辑上，应用程序一般由三部分在逻辑上，应用程序一般由三部分构成：表达层、业务逻辑层和数据构成：表达层、业务逻辑层和数据访问层。要理解本节的内容，就要访问层。要理解本节的内容，就要抓住不同模型在处理这三个逻辑层抓住不同模型在处理这三个逻辑层上的区别。上的区别。2.单层模型单层模型l单层模型的特点是表达层、业务逻单层模型的特点是表达层、业务逻辑层和数据访问层都集中在同一个辑层和数据访问层都集中在同一个应用程序中，并且安装在同一台计应用程序中，并且安装在同一台计算机上。算机上。l难于维护和修改难于维护和修改单层模型单层模型3.二层模型二层模型l在逻辑上把数据访问层独立出来，在逻辑上把数据访问层独立出来，不再留在应用程序里；而表达层和不再留在应用程序里；而表达层和业务层还不分开，这两个层都在应业务层还不分开，这两个层都在应用程序里用程序里l在驻留位置上，数据访问层可以不在驻留位置上，数据访问层可以不再和应用程序放在一起，而是放在再和应用程序放在一起，而是放在单独的数据库服务器上，而应用程单独的数据库服务器上，而应用程序则仍然在客户的计算机上。序则仍然在客户的计算机上。二层模型的优点二层模型的优点l1)有助于数据共享和加强数据一致有助于数据共享和加强数据一致性性l2)提高应用系统的升级能力和适应提高应用系统的升级能力和适应变化的能力变化的能力l3)数据库可更换数据库可更换二层模型二层模型二层模型的缺点二层模型的缺点l1)客户机上需要安装大量应用程序客户机上需要安装大量应用程序l2)升级困难升级困难l3)胖客户端的每台客户机都要分别胖客户端的每台客户机都要分别访问后台数据库访问后台数据库4.三层模型三层模型l，三层模型在逻辑上把表达层和业，三层模型在逻辑上把表达层和业务层也分开，使它们和数据访问层务层也分开，使它们和数据访问层一样独立出来。其次，在驻留位置一样独立出来。其次，在驻留位置上，表达层和业务层也可以不再放上，表达层和业务层也可以不再放在一起在一起三层模型三层模型三层模型的优点三层模型的优点l1)客户端变得客户端变得“苗条苗条”l2)提高了应用程序的可管理性和可提高了应用程序的可管理性和可维护性维护性l到这点。原则上允许客户端是任何到这点。原则上允许客户端是任何能联网的设备，像手机、能联网的设备，像手机、PDA、各、各种不同的计算机等。种不同的计算机等。l3)提高程序修改和开发的质量和效提高程序修改和开发的质量和效率率l4)适应互联网时代的网络技术适应互联网时代的网络技术5.电子商务应用框架的基本系统模型电子商务应用框架的基本系统模型l电子商务应用框架的基本系统模电子商务应用框架的基本系统模型也采用基于分布式环境的三层型也采用基于分布式环境的三层模型。模型。三三.电子商务应用框架的体系结构电子商务应用框架的体系结构l1.“从顶向下从顶向下”的方法的方法l2.体系结构体系结构四四.Web应用的拓扑结构应用的拓扑结构第二章第二章HTTP与与HTML简介简介对外经济贸易大学信息学院对外经济贸易大学信息学院第二章内容第二章内容l第一节第一节.HTTP简介简介 l第二节第二节.HTML简介简介l第三节第三节.HTML的常用标记的常用标记l第四节第四节.用用HTML提高网页设计水平提高网页设计水平第一节第一节HTTP简介简介 lHTTP消息的结构消息的结构1.HTTP消息的三个组成部分消息的三个组成部分2.统统资源定位器资源定位器(URL)3.HTTP的的GET和和POST方法方法l请求和响应消息示例请求和响应消息示例1.GET请求的示例请求的示例2.HTTP响应示例响应示例 HTTP消息的结构消息的结构 HTTP是一种基本的客户机是一种基本的客户机/服服务器的访问协议，用于支持务器的访问协议，用于支持WWW应用。使用应用。使用HTTP协议，客户端（比协议，客户端（比如浏览器，后面简单使用浏览器）如浏览器，后面简单使用浏览器）向向WWW服务器发送请求，而服务服务器发送请求，而服务器回应相应的网页器回应相应的网页(或者数据或者数据)。HTTP消息的三个组成部分消息的三个组成部分 l一个单独的请求或响应行一个单独的请求或响应行lHTTP头头lHTTP主体主体一个单独的请求或响应行一个单独的请求或响应行 一个用户请求行包括一个方法（通一个用户请求行包括一个方法（通常是常是GET或或POST），其后跟着一个文档），其后跟着一个文档地址以及所使用的版本号。例如地址以及所使用的版本号。例如:GET/contents.htmlHTTP/1.1这个语句表示使用这个语句表示使用GET方法来得到方法来得到contents.html文档，使用的版本号是文档，使用的版本号是1.1。一个响应行包括一个用来指示请求是否一个响应行包括一个用来指示请求是否成功的成功的HTTP状态码（状态码（understood或或satisfied），以及请求不成功的原因。），以及请求不成功的原因。对于响应消息，响应行内容包括对于响应消息，响应行内容包括HTTP协议版本号，响应的状态码，协议版本号，响应的状态码，和响应字符描述描述。在多数情况，和响应字符描述描述。在多数情况，状态码由浏览器来处理。比如，当状态码由浏览器来处理。比如，当服务器无法找到请求的服务器无法找到请求的URL时，发时，发送给浏览器的状态码就是送给浏览器的状态码就是404（描述（描述为为NotFound）。）。StatusCodes及描述及描述l1xx:Informationall2xx:Success4xx:ClientErrorl3xx:Redirection5xx:ServerError常见返回状态码常见返回状态码l100:ContinueTellstheclienttocontinuewitharequestl200:OKTherequesthassucceededInformationreturneddependsonthetypeofrequestl202:AcceptedTherequesthasbeenacceptedbutnotprocessedl302:FoundResourcerequestedfoundbuttemporarilymovedHTTP头头HTTP头是一个域的集合，用头是一个域的集合，用来在服务器和客户之间交换信息。来在服务器和客户之间交换信息。例如，下面的语句告诉服务器这个例如，下面的语句告诉服务器这个用户将接受用户将接受IOS8859.5和和unicode字符字符集：集：Accept-Charset:iso-8852-5,unicode-1-1。HTTP头的作用是服头的作用是服务器和浏览器交互配置信息，比如务器和浏览器交互配置信息，比如作为响应头的一部分，内容类型域作为响应头的一部分，内容类型域被用来指明响应中的数据的格式。被用来指明响应中的数据的格式。HTTP主体主体HTTP主体可供用户选择使用主体可供用户选择使用来发送一些信息（参见来发送一些信息（参见POST方法），方法），服务器使用它来返回请求的文档。服务器使用它来返回请求的文档。统统资源定位器资源定位器(URL)统统资源定位器的简写是资源定位器的简写是URL(UniversalResourceLocator，)，也叫做，也叫做统统资源描述符资源描述符(UniversalResourceIdentifier，URI)。URL用来在识别网上用来在识别网上的资源，如文档、图象、可下载文件、的资源，如文档、图象、可下载文件、应用程序、电子邮箱以及其他的资源。应用程序、电子邮箱以及其他的资源。浏览器或者应有程序可以通过浏览器或者应有程序可以通过URL去访去访问服务器上的各种资源（包括应用程序）问服务器上的各种资源（包括应用程序）。lHTTPURL的语法为：的语法为：http_URL=“http:/”host“:”portpathresourcename其中：其中：lhost是一个合法的是一个合法的Internet主机域名或主机域名或IP地址（以逗号地址（以逗号隔开的十进制形式来表示）。隔开的十进制形式来表示）。lport是连接到主机的端口号（也被叫做是连接到主机的端口号（也被叫做socket或服务号）或服务号），默认端口号是，默认端口号是80-TCP/IP端口。端口。lpath代表在服务器上的路径代表在服务器上的路径lresourcename代表访问的资源名代表访问的资源名l如如URLhttp:/www.bankgroup.org:8080/customer/1.htmllhost为为www.bankgroup.orglport为为8080lpath为为customerlresourcename为为1.htmHTTP的的GET和和POST方法方法 一个浏览器客户在与服务器进行交一个浏览器客户在与服务器进行交互时使用的最典型的方法的是互时使用的最典型的方法的是GET或或POST。一般。一般GET方法被用来从服方法被用来从服务器上请求信息，而务器上请求信息，而POST方法被用方法被用来发送数据到服务器。两种方法都来发送数据到服务器。两种方法都可以传递一些参数给服务器，区别可以传递一些参数给服务器，区别在于：在于：lGET方法在使用时，传递的数据会附加在传递方法在使用时，传递的数据会附加在传递给服务器的给服务器的URL上，此时上，此时URL一般包含一个询一般包含一个询问字符串（跟在？号之后），如：问字符串（跟在？号之后），如：http:/localhost:8000/j2ee?day=12；而；而POST方方法会单独将数据组织在法会单独将数据组织在HTTP消息主体里发送消息主体里发送给服务器。给服务器。lGET方法在使用时，传递的数据量有限，仅用方法在使用时，传递的数据量有限，仅用于少量数据传递；而于少量数据传递；而POST方法可以传输大量方法可以传输大量数据。数据。lGET方法使用时，很多时候浏览器地址栏可以方法使用时，很多时候浏览器地址栏可以看到实际的看到实际的URL（含参数），一般不用于发送（含参数），一般不用于发送敏感信息，而使用敏感信息，而使用POST方法发送敏感消息更方法发送敏感消息更为安全。为安全。请求和响应消息示例请求和响应消息示例lGET请求的示例请求的示例这个例子中只有请求行和这个例子中只有请求行和HTTP头。该请求为头。该请求为GET请请求，请求的资源为求，请求的资源为some路径下的路径下的url.html，使用的协议，使用的协议为为HTTP1.1。l1:GET/some/url.htmlHTTP/1.1l2:Accept:image,image/x-xbitmap,image/jpeg,image,applicaton/vnd.ms-excel,application/msword,lapplication/vnd.ms-powerpoint,*/*l3:Referer:http:/ l第二节第二节.HTML简介简介l第三节第三节.HTML的常用标记的常用标记l第四节第四节.用用HTML提高网页设计水平提高网页设计水平第二节第二节HTML简介简介lHTML的基本概念 l一个简单例子 lHTML文档的基本结构 HTML的基本概念的基本概念 lHTML语言的英文全名是语言的英文全名是HyperTextMarkupLanguage，即超文本标记语言，即超文本标记语言的简称（也有叫超文本标识语言的）。的简称（也有叫超文本标识语言的）。HTML之所以叫超文本是因为它不仅能之所以叫超文本是因为它不仅能够处理文本，而且对网页中的图象、声够处理文本，而且对网页中的图象、声音等各种元素都可以处理。因为它是通音等各种元素都可以处理。因为它是通过标记过标记(tag)来指明网页中的文档、图象、来指明网页中的文档、图象、声音等各种元素如何显示的，所以被称声音等各种元素如何显示的，所以被称为标记语言。为标记语言。一个简单例子一个简单例子l程序程序2.1HTML的简单实例（的简单实例（2-1.htm）lllHTML的标题的标题lllHTML的简单实例的简单实例lll然后，再把它另存为然后，再把它另存为HTML文档，名字为文档，名字为2-1.htm。用。用浏览器观察它的效果时，在浏览器的左上角出现一行浏览器观察它的效果时，在浏览器的左上角出现一行“HTML的简单实例的简单实例”。这就是我们写在。这就是我们写在和和之间的内容。请抬头看一下浏览器的标题栏，之间的内容。请抬头看一下浏览器的标题栏，标题成为标题成为“HTML的标题的标题”，说明，说明和和之间之间的内容就是浏览器的内容就是浏览器“标题标题”内容。内容。HTML文档的基本结构文档的基本结构 HTML的标记的标记 在在HTML文档中用文档中用括了括了起来的部分就是起来的部分就是HTML标记。所谓标记。所谓的的HTML标记就是对上网者的浏览标记就是对上网者的浏览器的指令。它告诉上网者的浏览器器的指令。它告诉上网者的浏览器应该如何呈现文本、图像以及链接应该如何呈现文本、图像以及链接点等。点等。HTML标记本身如标记本身如和和不会在页面里显示出来。不会在页面里显示出来。标记的属性和属性的参数标记的属性和属性的参数 l标记的属性以英文表示，为标记增添附加的特标记的属性以英文表示，为标记增添附加的特性、功能或作用。比如性、功能或作用。比如标记的标记的ALIGN属性，属性，可控制段落排列位置（预设为向左排列）。可控制段落排列位置（预设为向左排列）。l标记的属性一般有不同的参数（标记的属性一般有不同的参数（value），或者），或者叫做属性的值。每个参数对应一种附加特性、叫做属性的值。每个参数对应一种附加特性、功能或作用。比如，功能或作用。比如，标记的标记的ALIGN属性有属性有left、center和和right三个参数，分别控制段落位三个参数，分别控制段落位置靠左、居中和靠右。置靠左、居中和靠右。l用格式表示带属性的标记如下：用格式表示带属性的标记如下：.。标记的归属、层次关系标记的归属、层次关系 l有些标记在层次上总是在是另外的标记有些标记在层次上总是在是另外的标记的里面，是后者的元素。比如，从图的里面，是后者的元素。比如，从图2-1可以看到，在书写可以看到，在书写和和标记时，如果存在标记时，如果存在和和标记，则应该放在标记，则应该放在和和标记里面，它们是标记里面，它们是和和标记的元素，叫做标题元素。还有其他标记的元素，叫做标题元素。还有其他的标记是归属于的标记是归属于和和标标记的元素。掌握标记之间的归属关系有记的元素。掌握标记之间的归属关系有助于把握助于把握HTML标记的层次逻辑关系。标记的层次逻辑关系。第二章内容第二章内容l第一节第一节.HTTP简介简介 l第二节第二节.HTML简介简介l第三节第三节.HTML的常用标记的常用标记l第四节第四节.用用HTML提高网页设计水平提高网页设计水平第三节第三节HTML的常用标记的常用标记 lHTML的文件结构标记的文件结构标记lHTML的文字布局标记的文字布局标记lHTML的文字格式标记的文字格式标记 HTML的文件结构标记的文件结构标记 l文档标记文档标记.l作用：作用：的作用是通知浏览器：该文件含有的作用是通知浏览器：该文件含有HTML标记码，并且从此开始。在观察网页时，浏标记码，并且从此开始。在观察网页时，浏览器是从览器是从开始进行解释该网页如何呈现信开始进行解释该网页如何呈现信息的。息的。的作用是通知浏览器：该文件的的作用是通知浏览器：该文件的HTML标记码结束，其后的内容不再是浏览器处理标记码结束，其后的内容不再是浏览器处理的合法的合法HTML文档文档l特点特点：它们必须成对出现，无属性。：它们必须成对出现，无属性。l说明：说明：只能在只能在HTML文档的第一行，而文档的第一行，而只能在只能在HTML文档的最后一行，任何文档的最后一行，任何HTML文档不能没有它们。文档不能没有它们。l文件头标记文件头标记.l作用：这对标记之间的内容包含了说明文档作用：这对标记之间的内容包含了说明文档内容的信息行，使用它可以为内容的信息行，使用它可以为HTML文档提文档提供标题，提高其可读性；安排多文档间的关供标题，提高其可读性；安排多文档间的关系；为浏览器创建一个搜索格式等。系；为浏览器创建一个搜索格式等。l特点：它们必须成对出现，无属性。存在层特点：它们必须成对出现，无属性。存在层次关系，其下层标记元素为次关系，其下层标记元素为,l说明：文件头标记说明：文件头标记.可可以不写，这不会影响页面的效果。但是一般以不写，这不会影响页面的效果。但是一般都不要省略它。这对标记与都不要省略它。这对标记与和和是在同一个层次级别上的。是在同一个层次级别上的。l标题标记标题标记.l作用：在作用：在和和中间的文字为中间的文字为HTML文档提供一个名称，这个名称会在浏览器窗口的标文档提供一个名称，这个名称会在浏览器窗口的标题栏出现，作为该页面的标题；如果将该页面收藏题栏出现，作为该页面的标题；如果将该页面收藏起来，或把它最小化为图标，这个名称前几个字也起来，或把它最小化为图标，这个名称前几个字也会成为它们的名称。这样就增加了页面的可读性。会成为它们的名称。这样就增加了页面的可读性。l特点：它们必须成对出现，无属性。存在层次关系，特点：它们必须成对出现，无属性。存在层次关系，是文件头标记是文件头标记.的标题元素，的标题元素，即应该写在即应该写在和和之间。之间。l说明：在说明：在和和中间的文字不能太长。中间的文字不能太长。有些浏览器规定标题文字不能超过有些浏览器规定标题文字不能超过64个字符，否则个字符，否则其后部分不能显示，搜索引擎和滚动浏览器也不对其后部分不能显示，搜索引擎和滚动浏览器也不对其索引。其索引。l文档体标记文档体标记l作用：作用：HTML文档要在网页上所呈现的的内容是写文档要在网页上所呈现的的内容是写在这一对标记之间的；同时通过对其属性进行设置，在这一对标记之间的；同时通过对其属性进行设置，可以控制整个页面的显示效果。可以控制整个页面的显示效果。l特点：它们必须成对出现，特点：它们必须成对出现，标记有属性，标记有属性，如如BGCOLOR、TEXT、BACKGROUND等。下面等。下面分别介绍它们的用法。分别介绍它们的用法。lTEXT属性：属性：标记的标记的TEXT属性的作用是属性的作用是通过为其参数赋值来控制文档本身的颜色。通过为其参数赋值来控制文档本身的颜色。lBGCOLOR属性：该属性的作用是通过为其参数赋属性：该属性的作用是通过为其参数赋值来控制文档背景的颜色。值来控制文档背景的颜色。lBACKGROUND属性：该属性的作用是通过为其参属性：该属性的作用是通过为其参数赋值来为整个页面添加背景图案。数赋值来为整个页面添加背景图案。HTML的文字布局标记的文字布局标记 l以下的标记都只能加入到以下的标记都只能加入到与与之间之间：l线段标记线段标记l换行标记换行标记l段落分隔标记段落分隔标记.l分级标题标记分级标题标记l线段标记线段标记作用：在页面中加入横线段，可以用这作用：在页面中加入横线段，可以用这种方法将不同内容的文字分隔开，增加种方法将不同内容的文字分隔开，增加文档的层次感。每当浏览器解释到文档的层次感。每当浏览器解释到时就会先换行，在新的一行出现时就会先换行，在新的一行出现横线后再换行，横线后再换行，后面的内容在横后面的内容在横线的下一行呈现出来。线的下一行呈现出来。特点：不成对出现，加入到特点：不成对出现，加入到与与之间；之间；标记有属性，标记有属性，包括包括SIZE、WIDTH、ALIGH、NOSHADE、COLOR。l换行标记换行标记l作用：浏览器每次遇到该标记就换行，作用：浏览器每次遇到该标记就换行，其后的内容在下一行出现。其后的内容在下一行出现。l特点：不成对使用，无属性。特点：不成对使用，无属性。l段落分隔标记段落分隔标记.l作用：浏览器在遇到作用：浏览器在遇到后，把后面的内容在新的一后，把后面的内容在新的一行开始显示，成为一个新段落，在遇到行开始显示，成为一个新段落，在遇到后结束后结束该段落，并且使该段落后面增加一个空行。该段落，并且使该段落后面增加一个空行。l特点：成对使用，特点：成对使用，标记有属性标记有属性ALIGH。l说明：和大多数的文字处理器不同，在说明：和大多数的文字处理器不同，在HTML文档文档里，用硬回车造成的换行符来产生段落是无效的。里，用硬回车造成的换行符来产生段落是无效的。如果在源文件里句子间有换行，但是浏览器中会忽如果在源文件里句子间有换行，但是浏览器中会忽略这些换行符，使本来应该用段落分隔的内容仍然略这些换行符，使本来应该用段落分隔的内容仍然在一起。而用在一起。而用来产生段落效果需要两个来产生段落效果需要两个，而且不能控制段落的显示方式。而，而且不能控制段落的显示方式。而标记可以开标记可以开始新的一段，并且用始新的一段，并且用ALIGN参数来控制该段落的位参数来控制该段落的位置。置。因此，在需要用段落来把不同内容分开时，因此，在需要用段落来把不同内容分开时，是较好的选择。是较好的选择。l分级标题标记分级标题标记l作用：使作用：使HTML页面上的标题按层次结构区页面上的标题按层次结构区别于普通文档，标题文字比其它文字大些和别于普通文档，标题文字比其它文字大些和粗些，不