大学电子商务的应用开发技术-席宁华-课件PPT
收藏
资源目录
压缩包内文档预览：(预览前20页/共30页)
编号：21836196
类型：共享资源
大小：12.82MB
格式：ZIP
上传时间：2019-09-06
上传人：QQ24****1780
认证信息
个人认证
王**（实名认证）
浙江
IP属地：浙江
25
积分
- 关 键 词：
-
大学
电子商务
应用
利用
运用
开发
技术
席宁华
课件
ppt
- 资源描述：
-
大学电子商务的应用开发技术-席宁华-课件PPT,大学,电子商务,应用,利用,运用,开发,技术,席宁华,课件,ppt
- 内容简介：
-
第一章. 电子商务工程及应用框架,对外经济贸易大学信息学院,第一章.电子商务工程及应用框架,第一节 电子商务应用 第二节 电子商务技术背景 第三节 电子商务工程 第四节 电子商务应用框架,第一节 电子商务应用,一.电子商务基本知识 1. 电子商务的定义 电子商务就是通过电子方式开展商务活动。它主要是在计算机网络（主要指Internet网络）的平台上，按照一定的标准来开展商务活动。,一.电子商务基本知识,2. 电子商务的意义 它彻底打破了人类商务活动的传统观念，正在为全人类创造巨大的经济效益和社会效益，广泛、大幅度地提高了人类的生活质量。 不受时间、空间的限制，交易成本低、交易效率高、对大企业和中小企业都有积极作用。,二. 电子商务在企业的应用,1. 企业供应链和价值链 各种企业的一般特征是：企业要向供应商采购原材料，经过内部的加工过程生产出产品，最后把产品销售给顾客，从而形成企业供应链，它概括了企业的基本经营活动以及有关的主要角色。,价值链方法,价值链方法把经济实体的活动按照其流程和关系分解成一个一个的具体环节，分析每一个环节对企业效益的影响。,2. 供应链下游的电子商务,1) 电子市场（Electronic Market，E-market） 是网上的专门的区域，它只提供一个虚拟的场地，使买家和买家有机会在此彼此接触，它并不提供其他的交易服务。 2) 网上销售 包括了交易的完整过程，但不涉及企业自身的采购、生产、经营管理。,3. 供应链上游的电子商务,主要内容是对原材料的采购，简称为网络采购。 其业务要更加复杂，采购数量要比面向消费者的零售数量大得多。 涉及企业的销售，也不涉及企业内部的生产、经营管理。在企业供应链上，电子采购只完成了供应链上游的任务。,4. 涵盖整个供应链的电子商务,更加彻底的涵盖整个供应链的电子商务。国外有的把它简写为E-Business或EB，即电子企业。 西方近年来涌现出在企业内部、以及在企业和合作伙伴之间全面深入地采用信息技术的新型企业，他们把这类企业叫做数字化企业（Digital firm）。,第一章.电子商务工程及应用框架,第一节 电子商务应用 第二节 电子商务技术背景 第三节 电子商务工程 第四节 电子商务应用框架,第二节电子商务技术背景,一.Internet Internet的中文译名是互联网。简单地说，Internet是全球范围的网络的网络 。从广义上讲，Internet是遍布全球的联络各个计算机网络的总网络，是成千上万信息资源的总称；从本质上讲，Internet是一个使世界上不同类型的计算机能交换各类数据的通信媒介。,一.Internet,(一)Internet的发展历史 1. Internet的产生和发展 2. Internet在我国的发展和现状,(二) Internet的组成,1. 从网络逻辑结构的角度考察Internet的组成 1) 主干网 2) 中间层网（区域和行业网） 3) 底层网,(二) Internet的组成,2. 从技术作用的角度来考察Internet的组成 1）物理网络 2）通讯协议 3）网络工具,(三)开放系统互联参考模型（OSI/RM）,1. 网络体系结构的概念 体系结构就是对象、实体的主要组成以及各组成部分的各自作用和相互关系。 体系结构的优势来自其抽象性和通用性。,2. OSI的由来,国际标准化组织(ISO)于1977年成立了专门的机构研究网络通信标准化问题，研究主题名叫“开放系统互联”。它在1979年公布了一个网络体系结构，称为“开放系统互联参考模型”(OSIRM，Open System InterconnectionReference Model)。在1983年形成正式文件，我国的相应国家标准是GB9387。,3. OSI的主要构成,OSI包括了体系结构、服务定义和协议规范三级抽象。 OSI参考模型并非具体实现的描述，它只是一个概念性框架。在OSI中，只有各种协议是可以实现的，网络中的设备只有与OSI和有关协议相一致时才能互连。,4. OSI的7层模型,物理层(Physical Layer,PH)、数据链路层(Data Link Layer,DL)、网络层(Network Layer,N)、运输层(Transport Layer,T)、会话层(Session Layer,S)、表示层(Presentation Layer,P)和应用层(Application Layer,A),(四) TCP/IP体系结构,1. TCP/IP概述 TCP/IP协议的全称是传输控制协议/互连网协议TCP/IP(Transmission Control Protocol/Internet Protocol)，它是一个使用非常普遍的网络互连标准协议，已成为一个事实上的工业标准。,2. TCP/IP的四层模型结构,四层的概念模型：网络接口层（有的教材称其为通讯子网层）、互联层（有的教材称其为网络层）、传输层和应用层,(五) TCP/IP的应用,1. 一般应用 1) 远程登录（Telnet） 2) 文件传输（FTP） 3) 电子邮件 2. 新的应用趋势,二. Web,Web是万维网的简称，其英文全称是World Wide Web，也有写成WWW和W3的。Web技术是电子商务的核心技术之一。,1. Web的思想,Web的思想是用尽量简单的方式来传输和显示分布在网络上的极其复杂丰富的信息资源。,2. 统一资源定位器,统一资源定位器的简称是URL（Universal Resource Locator ），它被用来唯一地标识Web上的资源。 URL的格式为：协议:/主机名/标识符 例如 :80/ index /index.html就是一个URL的具体表示,3. 超文本传输协议,超文本传输协议HTTP的英文全称是Hyper Text Transfer Protocol，它是用来在互联网上传输文档的协议，它是Web上最常用也是最重要的协议，也是Web服务器和Web客户（如浏览器）之间传输Web页面的基础。,4. 超文本标记语言,超文本标记语言HTML (Hypertext Markup Language)也是Web的要素之一。HTML主要用来解决如何在浏览器上显示开发者设计的内容。 XML是可扩展标记语言的英文缩写。它提高了对结构化数据的表示能力，具有更大的可扩展能力，能适应基于Web的大型系统和新一代的电子商务开发的需要。,5. Web浏览器,Web客户通常指的是Web浏览器，典型的浏览器有微软公司的Microsoft Internet Explorer。 Web浏览器的最主要特点是功能丰富，操作简单。,6. Web服务器,Web浏览器就好比借书的读者，Web服务器就好比图书馆，最复杂的工作都是由Web服务器完成的。 TTP服务器）提供HTTP服务。,三. Java,Java是由Sun Microsystems公司于1995年5月推出的产品， 它是Java程序设计语言（以下简称Java语言）和Java平台的总称。,第一章.电子商务工程及应用框架,第一节 电子商务应用 第二节 电子商务技术背景 第三节 电子商务工程 第四节 电子商务应用框架,第三节 电子商务工程,一. 电子商务发展规划 电子商务工程的第一步应该是制定科学的电子商务发展规划（简称规划）。所谓电子商务发展规划就是在电子商务工程开始前对该项目的立足于全局和长远的战略计划。,二. 电子商务发展的周期,1. 电子商务系统的生命周期 一项电子商务项目完工以后，这个系统也不会无限期地适应企业的需要，到了一定的时候，它就会落伍，又要用新一代的系统来代替它。 它说明没有一劳永逸的电子商务工程。,2. 电子商务工程的发展阶段,1) 系统生命周期观点 统分析、系统设计、编程、测试、转换、应用和维护六个阶段。 2) 四阶段观点 转变阶段、构造阶段、运行阶段和利用阶段,三. 电子商务应用开发,在完成规划任务以后，电子商务工程就应该进入具体的开发阶段，要具体地提出系统的设计方案，实际编写程序代码，完成硬件、软件等的配置，最后要交给用户一套完整的、能实际运行、满足其要求的电子商务应用系统。,第一章.电子商务工程及应用框架,第一节 电子商务应用 第二节 电子商务技术背景 第三节 电子商务工程 第四节 电子商务应用框架,第四节 电子商务应用框架,一. 电子商务应用框架的概念 框架就是关于设计对象的主要组成以及各组成部分的各自作用和相互关系的抽象概括的表述，一般以简单的图形来表示。对于复杂的大系统，一般先通过框架把基本结构搞清楚，再逐步深入到组件内部，逐步把设计加以细化。,2. 采用电子商务应用框架的优点,1) 有助于简化问题 2) 有助于抓住设计对象的共同本质 3) 有助于提高电子商务工程的速度和质量,二. 电子商务应用框架的基本系统模型,在逻辑上，应用程序一般由三部分构成：表达层、业务逻辑层和数据访问层。要理解本节的内容，就要抓住不同模型在处理这三个逻辑层上的区别。,2. 单层模型,单层模型的特点是表达层、业务逻辑层和数据访问层都集中在同一个应用程序中，并且安装在同一台计算机上。 难于维护和修改,单层模型,3. 二层模型,在逻辑上把数据访问层独立出来，不再留在应用程序里；而表达层和业务层还不分开，这两个层都在应用程序里 在驻留位置上，数据访问层可以不再和应用程序放在一起，而是放在单独的数据库服务器上，而应用程序则仍然在客户的计算机上。,二层模型的优点,1) 有助于数据共享和加强数据一致性 2) 提高应用系统的升级能力和适应变化的能力 3) 数据库可更换,二层模型,二层模型的缺点,1) 客户机上需要安装大量应用程序 2) 升级困难 3) 胖客户端的每台客户机都要分别访问后台数据库,4.三层模型,，三层模型在逻辑上把表达层和业务层也分开，使它们和数据访问层一样独立出来。其次，在驻留位置上，表达层和业务层也可以不再放在一起,三层模型,三层模型的优点,1) 客户端变得“苗条” 2) 提高了应用程序的可管理性和可维护性 到这点。原则上允许客户端是任何能联网的设备，像手机、PDA、各种不同的计算机等。 3) 提高程序修改和开发的质量和效率 4) 适应互联网时代的网络技术,5.电子商务应用框架的基本系统模型,电子商务应用框架的基本系统模型也采用基于分布式环境的三层模型。,三. 电子商务应用框架的体系结构,1. “从顶向下”的方法 2.体系结构,四. Web应用的拓扑结构,第一章.电子商务工程及应用框架对外经济贸易大学信息学院第一章.电子商务工程及应用框架第一节电子商务应用第二节电子商务技术背景第三节电子商务工程第四节电子商务应用框架第一节电子商务应用一.电子商务基本知识1.电子商务的定义电子商务就是通过电子方式开展商务活动。它主要是在计算机网络（主要指Internet网络）的平台上，按照一定的标准来开展商务活动。一.电子商务基本知识2.电子商务的意义它彻底打破了人类商务活动的传统观念，正在为全人类创造巨大的经济效益和社会效益，广泛、大幅度地提高了人类的生活质量。不受时间、空间的限制，交易成本低、交易效率高、对大企业和中小企业都有积极作用。二.电子商务在企业的应用1.企业供应链和价值链各种企业的一般特征是：企业要向供应商采购原材料，经过内部的加工过程生产出产品，最后把产品销售给顾客，从而形成企业供应链，它概括了企业的基本经营活动以及有关的主要角色。价值链方法价值链方法把经济实体的活动按照其流程和关系分解成一个一个的具体环节，分析每一个环节对企业效益的影响。2.供应链下游的电子商务1)电子市场（Electronic Market，E-market）是网上的专门的区域，它只提供一个虚拟的场地，使买家和买家有机会在此彼此接触，它并不提供其他的交易服务。2)网上销售包括了交易的完整过程，但不涉及企业自身的采购、生产、经营管理。3.供应链上游的电子商务主要内容是对原材料的采购，简称为网络采购。其业务要更加复杂，采购数量要比面向消费者的零售数量大得多。涉及企业的销售，也不涉及企业内部的生产、经营管理。在企业供应链上，电子采购只完成了供应链上游的任务。4.涵盖整个供应链的电子商务更加彻底的涵盖整个供应链的电子商务。国外有的把它简写为E-Business或EB，即电子企业。西方近年来涌现出在企业内部、以及在企业和合作伙伴之间全面深入地采用信息技术的新型企业，他们把这类企业叫做数字化企业（Digital firm）。第一章.电子商务工程及应用框架第一节电子商务应用第二节电子商务技术背景第三节电子商务工程第四节电子商务应用框架第二节电子商务技术背景一.InternetInternet的中文译名是互联网。简单地说，Internet是全球范围的网络的网络 。从广义上讲，Internet是遍布全球的联络各个计算机网络的总网络，是成千上万信息资源的总称；从本质上讲，Internet是一个使世界上不同类型的计算机能交换各类数据的通信媒介。一.Internet(一)Internet的发展历史1.Internet的产生和发展2.Internet在我国的发展和现状(二)Internet的组成1.从网络逻辑结构的角度考察Internet的组成1)主干网2)中间层网（区域和行业网）3)底层网(二)Internet的组成2.从技术作用的角度来考察Internet的组成1）物理网络2）通讯协议3）网络工具(三)开放系统互联参考模型（OSI/RM）1.网络体系结构的概念体系结构就是对象、实体的主要组成以及各组成部分的各自作用和相互关系。体系结构的优势来自其抽象性和通用性。2.OSI的由来国际标准化组织(ISO)于1977年成立了专门的机构研究网络通信标准化问题，研究主题名叫“开放系统互联”。它在1979年公布了一个网络体系结构，称为“开放系统互联参考模型”(OSIRM，Open System InterconnectionReference Model)。在1983年形成正式文件，我国的相应国家标准是GB9387。3.OSI的主要构成OSI包括了体系结构、服务定义和协议规范三级抽象。OSI参考模型并非具体实现的描述，它只是一个概念性框架。在OSI中，只有各种协议是可以实现的，网络中的设备只有与OSI和有关协议相一致时才能互连。4.OSI的7层模型物理层(Physical Layer,PH)、数据链路层(Data Link Layer,DL)、网络层(Network Layer,N)、运输层(Transport Layer,T)、会话层(Session Layer,S)、表示层(Presentation Layer,P)和应用层(Application Layer,A)(四)TCP/IP体系结构1.TCP/IP概述TCP/IP协议的全称是传输控制协议/互连网协议TCP/IP(Transmission Control Protocol/Internet Protocol)，它是一个使用非常普遍的网络互连标准协议，已成为一个事实上的工业标准。2.TCP/IP的四层模型结构四层的概念模型：网络接口层（有的教材称其为通讯子网层）、互联层（有的教材称其为网络层）、传输层和应用层(五)TCP/IP的应用1.一般应用1)远程登录（Telnet）2)文件传输（FTP）3)电子邮件2.新的应用趋势二.WebWeb是万维网的简称，其英文全称是World Wide Web，也有写成WWW和W3的。Web技术是电子商务的核心技术之一。1.Web的思想Web的思想是用尽量简单的方式来传输和显示分布在网络上的极其复杂丰富的信息资源。2.统一资源定位器统一资源定位器的简称是URL（Universal Resource Locator ），它被用来唯一地标识Web上的资源。URL的格式为：协议:/主机名/标识符例如 :80/ index /index.html就是一个URL的具体表示3.超文本传输协议超文本传输协议HTTP的英文全称是Hyper Text Transfer Protocol，它是用来在互联网上传输文档的协议，它是Web上最常用也是最重要的协议，也是Web服务器和Web客户（如浏览器）之间传输Web页面的基础。4.超文本标记语言超文本标记语言HTML (Hypertext Markup Language)也是Web的要素之一。HTML主要用来解决如何在浏览器上显示开发者设计的内容。XML是可扩展标记语言的英文缩写。它提高了对结构化数据的表示能力，具有更大的可扩展能力，能适应基于Web的大型系统和新一代的电子商务开发的需要。5.Web浏览器Web客户通常指的是Web浏览器，典型的浏览器有微软公司的Microsoft Internet Explorer。Web浏览器的最主要特点是功能丰富，操作简单。6.Web服务器Web浏览器就好比借书的读者，Web服务器就好比图书馆，最复杂的工作都是由Web服务器完成的。TTP服务器）提供HTTP服务。三.JavaJava是由Sun Microsystems公司于1995年5月推出的产品， 它是Java程序设计语言（以下简称Java语言）和Java平台的总称。第一章.电子商务工程及应用框架第一节电子商务应用第二节电子商务技术背景第三节电子商务工程第四节电子商务应用框架第三节电子商务工程一.电子商务发展规划电子商务工程的第一步应该是制定科学的电子商务发展规划（简称规划）。所谓电子商务发展规划就是在电子商务工程开始前对该项目的立足于全局和长远的战略计划。二.电子商务发展的周期1.电子商务系统的生命周期一项电子商务项目完工以后，这个系统也不会无限期地适应企业的需要，到了一定的时候，它就会落伍，又要用新一代的系统来代替它。它说明没有一劳永逸的电子商务工程。2.电子商务工程的发展阶段1)系统生命周期观点统分析、系统设计、编程、测试、转换、应用和维护六个阶段。2)四阶段观点转变阶段、构造阶段、运行阶段和利用阶段三.电子商务应用开发在完成规划任务以后，电子商务工程就应该进入具体的开发阶段，要具体地提出系统的设计方案，实际编写程序代码，完成硬件、软件等的配置，最后要交给用户一套完整的、能实际运行、满足其要求的电子商务应用系统。第一章.电子商务工程及应用框架第一节电子商务应用第二节电子商务技术背景第三节电子商务工程第四节电子商务应用框架第四节电子商务应用框架一.电子商务应用框架的概念框架就是关于设计对象的主要组成以及各组成部分的各自作用和相互关系的抽象概括的表述，一般以简单的图形来表示。对于复杂的大系统，一般先通过框架把基本结构搞清楚，再逐步深入到组件内部，逐步把设计加以细化。2.采用电子商务应用框架的优点1)有助于简化问题2)有助于抓住设计对象的共同本质3)有助于提高电子商务工程的速度和质量二.电子商务应用框架的基本系统模型在逻辑上，应用程序一般由三部分构成：表达层、业务逻辑层和数据访问层。要理解本节的内容，就要抓住不同模型在处理这三个逻辑层上的区别。2.单层模型单层模型的特点是表达层、业务逻辑层和数据访问层都集中在同一个应用程序中，并且安装在同一台计算机上。难于维护和修改单层模型3.二层模型在逻辑上把数据访问层独立出来，不再留在应用程序里；而表达层和业务层还不分开，这两个层都在应用程序里在驻留位置上，数据访问层可以不再和应用程序放在一起，而是放在单独的数据库服务器上，而应用程序则仍然在客户的计算机上。二层模型的优点1)有助于数据共享和加强数据一致性2)提高应用系统的升级能力和适应变化的能力3)数据库可更换二层模型二层模型的缺点1)客户机上需要安装大量应用程序2)升级困难3)胖客户端的每台客户机都要分别访问后台数据库4.三层模型，三层模型在逻辑上把表达层和业务层也分开，使它们和数据访问层一样独立出来。其次，在驻留位置上，表达层和业务层也可以不再放在一起三层模型三层模型的优点1)客户端变得“苗条”2)提高了应用程序的可管理性和可维护性到这点。原则上允许客户端是任何能联网的设备，像手机、PDA、各种不同的计算机等。3)提高程序修改和开发的质量和效率4)适应互联网时代的网络技术5.电子商务应用框架的基本系统模型电子商务应用框架的基本系统模型也采用基于分布式环境的三层模型。三.电子商务应用框架的体系结构1.“从顶向下”的方法2.体系结构四.Web应用的拓扑结构第二章 HTTP 与HTML简介,对外经济贸易大学信息学院,第二章内容,第一节. HTTP简介 第二节. HTML简介 第三节. HTML的常用标记 第四节. 用HTML提高网页设计水平,第一节 HTTP简介,HTTP消息的结构 HTTP消息的三个组成部分 统资源定位器(URL) HTTP的 GET和POST方法 请求和响应消息示例 GET请求的示例 HTTP响应示例,HTTP消息的结构,HTTP是一种基本的客户机/服务器的访问协议，用于支持WWW应用。使用HTTP协议，客户端（比如浏览器，后面简单使用浏览器）向WWW服务器发送请求，而服务器回应相应的网页(或者数据)。,HTTP消息的三个组成部分,一个单独的请求或响应行 HTTP头 HTTP主体,一个单独的请求或响应行,一个用户请求行包括一个方法（通常是GET或POST），其后跟着一个文档地址以及所使用的版本号。例如: GET/contents.html HTTP/1.1 这个语句表示使用GET方法来得到contents.html 文档，使用的版本号是1.1。一个响应行包括一个用来指示请求是否成功的HTTP状态码（understood或satisfied），以及请求不成功的原因。,对于响应消息，响应行内容包括HTTP协议版本号，响应的状态码，和响应字符描述描述。在多数情况，状态码由浏览器来处理。比如，当服务器无法找到请求的URL时，发送给浏览器的状态码就是404（描述为Not Found）。,Status Codes 及描述,1xx: Informational 2xx: Success 4xx: Client Error 3xx: Redirection 5xx: Server Error,常见返回状态码,100: Continue Tells the client to continue with a request 200: OK The request has succeeded Information returned depends on the type of request 202: Accepted The request has been accepted but not processed 302: Found Resource requested found but temporarily moved,HTTP头,HTTP头是一个域的集合，用来在服务器和客户之间交换信息。例如，下面的语句告诉服务器这个用户将接受IOS8859.5和unicode字符集：Accept-Charset: iso-8852-5, unicode-1-1 。HTTP头的作用是服务器和浏览器交互配置信息，比如作为响应头的一部分，内容类型域被用来指明响应中的数据的格式。,HTTP主体,HTTP主体可供用户选择使用来发送一些信息（参见POST方法），服务器使用它来返回请求的文档。,统资源定位器(URL ),统资源定位器的简写是URL (Universal Resource Locator，)，也叫做统资源描述符(Universal Resource Identifier，URI)。 URL用来在识别网上的资源，如文档、图象、可下载文件、应用程序、电子邮箱以及其他的资源。浏览器或者应有程序可以通过URL去访问服务器上的各种资源（包括应用程序）。,HTTP URL 的语法为：http_URL=“http:/”host“:”port path resourcename 其中： host是一个合法的Internet主机域名或IP地址（以逗号隔开的十进制形式来表示）。 port是连接到主机的端口号（也被叫做socket或服务号），默认端口号是80-TCP/IP端口。 path代表在服务器上的路径 resourcename代表访问的资源名 如URL :8080/customer/1.html host为 port为8080 path为customer resourcename为1.htm,HTTP的 GET和POST方法,一个浏览器客户在与服务器进行交互时使用的最典型的方法的是GET或POST。一般GET方法被用来从服务器上请求信息，而POST方法被用来发送数据到服务器。两种方法都可以传递一些参数给服务器，区别在于：,GET方法在使用时，传递的数据会附加在传递给服务器的URL上，此时URL一般包含一个询问字符串（跟在？号之后），如：http:/localhost:8000/j2ee?day=12；而POST方法会单独将数据组织在HTTP消息主体里发送给服务器。 GET方法在使用时，传递的数据量有限，仅用于少量数据传递；而POST方法可以传输大量数据。 GET方法使用时，很多时候浏览器地址栏可以看到实际的URL（含参数），一般不用于发送敏感信息，而使用POST方法发送敏感消息更为安全。,请求和响应消息示例,GET请求的示例 这个例子中只有请求行和HTTP头。该请求为GET请求，请求的资源为some路径下的url.html，使用的协议为HTTP1.1。 1: GET /some/url.html HTTP/1.1 2: Accept:image, image/x-xbitmap,image/jpeg, image,applicaton/vnd.ms-excel, application/msword, application/vnd.ms-powerpoint, */* 3: Referer: /search?sourceid=navclient 4: Accept-Language: en-gb 5: Accept-Encoding: gzip 6: User-Agent: Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.0) 7: Host: localhost:8000 8: Connection: Keep-Alive,HTTP响应示例 如下是服务器回送一个HTTP请求的响应： 1: HTTP/1.1 200 OK 2: Date: Tue, 20 Nov 2001 09:23:44 GMT 3: Server: Netscape-Enterprise/3.5.1G 4: Last-modified: Mon, 12 Nov 2001 15:31:26 GMT 5: Content-type: text/html 6: Content-length: 2048 7: Completion-Status: Normal 8: 其它应用数据 服务器在响应消息的头域之后回送个状态码(200)表示请求成功处理，后接一个字符串描述，后面是HTTP头和体其它应用数据。,第二章内容,第一节. HTTP简介 第二节. HTML简介 第三节. HTML的常用标记 第四节. 用HTML提高网页设计水平,第二节 HTML 简介,HTML的基本概念 一个简单例子 HTML文档的基本结构,HTML的基本概念,HTML语言的英文全名是Hyper Text Markup Language，即超文本标记语言的简称（也有叫超文本标识语言的）。HTML之所以叫超文本是因为它不仅能够处理文本，而且对网页中的图象、声音等各种元素都可以处理。因为它是通过标记(tag)来指明网页中的文档、图象、声音等各种元素如何显示的，所以被称为标记语言。,一个简单例子,程序2.1 HTML的简单实例（2-1.htm） HTML的标题 HTML的简单实例 然后，再把它另存为HTML文档，名字为2-1.htm。用浏览器观察它的效果时，在浏览器的左上角出现一行“HTML的简单实例”。这就是我们写在和之间的内容。请抬头看一下浏览器的标题栏，标题成为“HTML的标题”，说明和之间的内容就是浏览器“标题”内容。,HTML文档的基本结构,HTML的标记,在HTML文档中用 括了起来的部分就是HTML标记。所谓的HTML标记就是对上网者的浏览器的指令。它告诉上网者的浏览器应该如何呈现文本、图像以及链接点等。HTML标记本身如和不会在页面里显示出来。,标记的属性和属性的参数,标记的属性以英文表示，为标记增添附加的特性、功能或作用。比如标记的ALIGN属性，可控制段落排列位置（预设为向左排列）。 标记的属性一般有不同的参数（value），或者叫做属性的值。每个参数对应一种附加特性、功能或作用。比如，标记的ALIGN属性有left、center和right三个参数，分别控制段落位置靠左、居中和靠右。 用格式表示带属性的标记如下： 。,标记的归属、层次关系,有些标记在层次上总是在是另外的标记的里面，是后者的元素。比如，从图2-1可以看到，在书写和标记时，如果存在和标记，则应该放在和标记里面，它们是和标记的元素，叫做标题元素。还有其他的标记是归属于和标记的元素。掌握标记之间的归属关系有助于把握HTML标记的层次逻辑关系。,第二章内容,第一节. HTTP简介 第二节. HTML简介 第三节. HTML的常用标记 第四节. 用HTML提高网页设计水平,第三节 HTML的常用标记,HTML的文件结构标记 HTML的文字布局标记 HTML的文字格式标记,HTML的文件结构标记,文档标记 作用： 的作用是通知浏览器：该文件含有 HTML 标记码，并且从此开始。在观察网页时，浏览器是从开始进行解释该网页如何呈现信息的。的作用是通知浏览器：该文件的 HTML 标记码结束，其后的内容不再是浏览器处理的合法HTML 文档 特点 ：它们必须成对出现，无属性。 说明： 只能在HTML 文档的第一行，而只能在HTML 文档的最后一行，任何HTML 文档不能没有它们。,文件头标记. 作用：这对标记之间的内容包含了说明文档内容的信息行，使用它可以为HTML 文档提供标题，提高其可读性；安排多文档间的关系；为浏览器创建一个搜索格式等。 特点：它们必须成对出现，无属性。存在层次关系，其下层标记元素为, , , , 说明：文件头标记.可以不写，这不会影响页面的效果。但是一般都不要省略它。这对标记与 和是在同一个层次级别上的。,标题标记 作用：在和中间的文字为HTML 文档提供一个名称，这个名称会在浏览器窗口的标题栏出现，作为该页面的标题；如果将该页面收藏起来，或把它最小化为图标，这个名称前几个字也会成为它们的名称。这样就增加了页面的可读性。 特点：它们必须成对出现，无属性。存在层次关系，是文件头标记.的标题元素，即应该写在和之间。 说明：在和中间的文字不能太长。有些浏览器规定标题文字不能超过64个字符，否则其后部分不能显示，搜索引擎和滚动浏览器也不对其索引。,文档体标记 作用： HTML文档要在网页上所呈现的的内容是写在这一对标记之间的；同时通过对其属性进行设置，可以控制整个页面的显示效果。 特点：它们必须成对出现，标记有属性，如BGCOLOR、TEXT、BACKGROUND等。下面分别介绍它们的用法。 TEXT 属性： 标记的TEXT属性的作用是通过为其参数赋值来控制文档本身的颜色。 BGCOLOR属性：该属性的作用是通过为其参数赋值来控制文档背景的颜色。 BACKGROUND属性：该属性的作用是通过为其参数赋值来为整个页面添加背景图案。,HTML的文字布局标记,以下的标记都只能加入到与之间 ： 线段标记 换行标记 段落分隔标记 分级标题标记,线段标记 作用：在页面中加入横线段，可以用这种方法将不同内容的文字分隔开，增加文档的层次感。每当浏览器解释到时就会先换行，在新的一行出现横线后再换行，后面的内容在横线的下一行呈现出来。 特点：不成对出现，加入到与之间；标记有属性，包括SIZE、WIDTH、ALIGH、NOSHADE、COLOR。,换行标记 作用：浏览器每次遇到该标记就换行，其后的内容在下一行出现。 特点：不成对使用，无属性。,段落分隔标记 作用：浏览器在遇到后，把后面的内容在新的一行开始显示，成为一个新段落，在遇到后结束该段落，并且使该段落后面增加一个空行。 特点：成对使用，标记有属性ALIGH。 说明：和大多数的文字处理器不同，在HTML文档里，用硬回车造成的换行符来产生段落是无效的。如果在源文件里句子间有换行，但是浏览器中会忽略这些换行符，使本来应该用段落分隔的内容仍然在一起。而用来产生段落效果需要两个，而且不能控制段落的显示方式。而标记可以开始新的一段，并且用ALIGN参数来控制该段落的位置。 因此，在需要用段落来把不同内容分开时，是较好的选择。,分级标题标记 作用：使HTML页面上的标题按层次结构区别于普通文档，标题文字比其它文字大些和粗些，不同级次标题的大小和粗细也有区别。这样可以使文档的层次分明。 特点：成对，标记有属性，控制分级标题位置的属性为ALIGN。 说明：.标记的格式为，其中，n的取值在1、2、6，对应标题文字的大小，n越大则字越小。 .和.是不同的。在浏览器观看时，后者不会在网页内容中出现，而只作为浏览器窗口的标题出现，或在最小化图标上出现；而前者可以在网页的正文里面出现，作为正文的大标题以及各级标题。,HTML的文字格式标记,字体标记 字体的物理类型标记 字体的逻辑类型标记,字体标记 作用：控制在浏览器中页面文字的大小、颜色等，使文档的表现力更生动。 特点：成对，标记有属性。包括SIZE、COLOR、FACE、WEIGHT等。 SIZE属性：该属性的作用是通过为其参数赋值来控制字体的大小，这时，应该写成如下格式： COLOR属性：该属性的作用是通过为其参数赋值来控制字体的颜色，这时，应该写成如下格式： FACE属性：该属性的作用是通过为其参数赋值来控制字体的类型，如汉字的宋体、楷体、英文的Times New Roman等，这时，应该写成如下格式： ,字体的物理类型标记 作用：这里所谓的物理类型是指把文字设为黑体、斜体等特殊形状，或为它们加下划线、删除线等，即通过使文字具有特殊形状或附加特点来使它们具有强调、与众不同的效果。 特点：成对，无属性。 下面列出可用来设置物理类型的标记及其作用： ：使浏览器以粗体字显示文本。 ：使浏览器以斜体字显示文本。 ：使浏览器显示文本时在它们下面加下划线。 ：使浏览器以打字字体来显示文本，这种字体是小字。 ：使浏览器将文本以上标（即和普通文本比较，要在它们的上方出现的小字）显示。 ：使浏览器将文本以下标（即和普通文本比较，要在它们的下方出现的小字）显示。 ：使浏览器显示文本时加删除线。 ：使浏览器显示文本时加删除线。,字体的逻辑类型标记 作用：其作用与物理类型类似，也是使文字产生不同一般的效果，以适应人们的书写习惯和各种业务的特定要求。逻辑类型标记比物理类型的种类稍多一些，但是其中多数与对应的物理类型效果是相似的。 特点：成对，无属性。 下面列出可用来设置逻辑类型的标记及其作用： ：使文本具有强调效果，一般是斜体字。 ：使文本具有着重强调效果，一般是粗体字。 ：表示代码的文字。 ：用计算机常用字体显示文字，即宽度相等的文字。 ：较粗的黑体字，一般是用户输入的文字。 ：常常用来表示变量，是斜体字。 ：表示定义或说明的文字，是斜体字。 ：表示引证、举例的斜体字。 ：小字。 ：大字。,第二章内容,第一节. HTTP简介 第二节. HTML简介 第三节. HTML的常用标记 第四节. 用HTML提高网页设计水平,第四节 用HTML提高网页设计水平,列表标记 图像标记 链接标记 表格标记 表单标记,列表标记,创建不带项目符号或编号的列表 作用：创建不带项目符号的列表，比如某大学有多个下属的学院，各个学院又有几个下属的学系。可以像下面的格式来表示其层次关系： 工商学院 会计系 管理系 市场营销系 信息学院 电子商务系 信息管理系 软件工程系,特点：成对和嵌套使用。 说明： 其嵌套结构为： 希望表示成上层项目的文字 希望表示下层项目的文字 处于和之间的部分才能生成列表，其中，被和“包裹”着的部分从形式上表示成上级列表项，而在之间的部分从形式上表示成下级列表项。,创建带项目符号或编号的列表 作用：创建带项目符号或编号的列表，用园点或序号表示其层次关系。 特点：成对和嵌套使用。 说明： 如果希望表示成带顺序编号的列表，其嵌套结构为： 希望表示成带顺序编号的列表项 如果希望表示成标有圆点的列表，其嵌套结构为： 希望表示成标有圆点的列表项 处于或之间的部分才能生成列表，其中，被 “包裹”着的部分从形式上表示成带顺序编号的列表，而在之间的部分从形式上看每个列表项前标有圆点。只有在之间的文字内容才能作为列表项，在其前面加上顺序编号或圆点。,图像标记,作用:该标记的作用是通过为其参数赋值来按照要求把图像输出到网页上。 特点:标记不成对使用，有属性SRC、ALT、ALIGN、BORDER、WIDTH和HEIGHT等。 SRC属性:对于标记，其SRC属性是必选属性，即在标记中SRC是必须赋值的，是标记中不可缺少的一部分。这时，应该写成如下格式： 其中，参数值为图像的文件名全称及其路径。,图像文件的路径可以是相对路径，也可以是网址。所谓相对路径是指所要链接或嵌入到当前HTML文档的文件与当前HTML文件的相对位置所形成的路径。假如HTML文件与图像文件(文件名假设是logo.gif)在同一个目录下，则可以将代码写成；假如该图像文件放在当前的HTML文档所在目录的一个子目录(子目录名假设是images)下，则代码应为；假如该图像文件放在当前的HTML文档所在目录的上层目录(目录名假设是home)下，则相对路径就必须是准网址了，即用“/”来表示开发者的网站，然后在后边紧跟图像文件在开发者的网站中的路径。比如，假设home是这个网站下的一个目录，则代码应为，若home是网站下的目录king下边的一个子目录，则代码应该变为。,链接标记,作用:和这一对标记可指定面向外部网络的超级链接的位置或方式，还可以创建面向HTML文档的内部链接。 特点:成对使用，标记有属性，其属性有H
- 温馨提示:
1: 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
2: 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
3.本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。
人人文库网所有资源均是用户自行上传分享，仅供网友学习交流，未经上传用户书面授权，请勿作他用。
川公网安备: 51019002004831号