第1章_Web应用基础
合集下载
Java Web开发实践教程从设计到实现(概述、回顾与环境)ppt78
第一次请求的时候加载。 服务器启动的时候加载。
3.2.4 MyEclipse中开发 中开发Servlet 中开发
利用MyEclipse，可以在Web工程中非常方便 地创建Servlet程序，并且可以根据需要为程 序员自动生成其中的大部分方法。程序员只 需在此基础上进行修改就可以快速开发出自 己的程序。
3.2.2 Servlet的主要方法 的主要方法
Servlet是一个Java类，通常会有3类方法， 分别是：
init方法，用于初始化。 destroy方法，用于释放资源。 service方法，服务类方法，对用户的请求进行处 理，并对用户进行响应，几乎所有处理功能都在 这里完成。这类方法可以有多个，最常用的是 doGet和doPost方法。
Java Web开发实践教程 ——从设计到实现
第1章 Web应用概述
Java Web开发实践教程 ——从设计到实现 大连东软信息学院计算机系
主要内容
Web应用开发概述 Java Web应用开发技术 集成开发环境和运行环境 Web开发前沿
1.1 Web应用概述
1.1.1 什么是Web应用
World Wide Web 包含文字、图片、视频和其他多媒体信息 例如新浪网、中华网、淘宝网、网易、搜狐网、 微软的网站、Sun公司的网站 需要使用浏览器，通过网络访问
（3） 在Project Name处填写工程名，通常会将工程名默认为 Web应用名。单击Finish按钮，Web工程成功创建完毕。
3.1.2创建一个 创建一个Web工程 创建一个 工程
利用MyEclipse创建的Web工程：
Web工程中的WebRoot目录即为Web应用的根目 录。所有和Web页面相关的资源都存放在 WebRoot下。 Web工程中的src目录用于存放Java源文件。 Web工程的Context root URL属性即为该Web应 用的上下文路径。
3.2.4 MyEclipse中开发 中开发Servlet 中开发
利用MyEclipse，可以在Web工程中非常方便 地创建Servlet程序，并且可以根据需要为程 序员自动生成其中的大部分方法。程序员只 需在此基础上进行修改就可以快速开发出自 己的程序。
3.2.2 Servlet的主要方法 的主要方法
Servlet是一个Java类，通常会有3类方法， 分别是：
init方法，用于初始化。 destroy方法，用于释放资源。 service方法，服务类方法，对用户的请求进行处 理，并对用户进行响应，几乎所有处理功能都在 这里完成。这类方法可以有多个，最常用的是 doGet和doPost方法。
Java Web开发实践教程 ——从设计到实现
第1章 Web应用概述
Java Web开发实践教程 ——从设计到实现 大连东软信息学院计算机系
主要内容
Web应用开发概述 Java Web应用开发技术 集成开发环境和运行环境 Web开发前沿
1.1 Web应用概述
1.1.1 什么是Web应用
World Wide Web 包含文字、图片、视频和其他多媒体信息 例如新浪网、中华网、淘宝网、网易、搜狐网、 微软的网站、Sun公司的网站 需要使用浏览器，通过网络访问
（3） 在Project Name处填写工程名，通常会将工程名默认为 Web应用名。单击Finish按钮，Web工程成功创建完毕。
3.1.2创建一个 创建一个Web工程 创建一个 工程
利用MyEclipse创建的Web工程：
Web工程中的WebRoot目录即为Web应用的根目 录。所有和Web页面相关的资源都存放在 WebRoot下。 Web工程中的src目录用于存放Java源文件。 Web工程的Context root URL属性即为该Web应 用的上下文路径。
Web基础知识
2）客户端动态技术3
插件技术（1996年）
1996年的Netscape 2.0引入了对QuickTime插件的支持，在 HTML页面中实现音频、视频等多媒体应用，插件这种开发 方式也迅速风靡了浏览器的世界。 1996年，IE 3.0正式支持在HTML页面中插入ActiveX控件的 功能 1999年，RealPlayer插件先后在Netscape和IE浏览器中取 得了成功 1996年，Macromedia公司收购了FutureWave，并将Jonatha n Gay的发明改名为我们熟悉的Flash。从此，Flash动画成 了Web开发者表现自我、展示个性的最佳方式。
16
1.1 Web基本概念—12.Web开发技术概述
1）静态页面时代
从Web架构的技术层面，其特点主要有3：
用超文本技术（HTML）实现信息与信息的连接； 用统一资源定位技术（URL）实现全球信息的精确定位； 用新的应用层协议（HTTP）实现分布式的信息共享。
这一时期的Web设计更像是平面设计，而不是程 序设计。这样设计出来的页面，只能呈现静态的 文本和图像，无法提供满足用户需求的交互模式， 也无法展示动态的信息。 第2章将重点介绍静态页面设计技术
返回的HTML文档（包含嵌入的程序代码）
客户机
服务器 24
1.1 Web基本概念—13.Web开发工具
网页设计工具
1. FrontPage 2. Dreamweaver MX 3. Fireworks MX 4. Flash MX 5. Visual Studio 2005 /2008 6. 记事本/Word等
Web服务器向浏览器提供服务的步骤 ： 1、用户打开计算机（客户机），启动浏览器程序，在浏览器中指定一个 URL，浏览器便向该URL所指向的Web服务器发出请求。 2、Web服务器接到浏览器请求后，把URL转换成页面所在服务器上的文 件路径名。 3、如果URL指向的是普通的HTML文档，Web服务器直接将它送给浏览 器。 4、如果HTML文档中嵌有ASP或CGI程序Web服务器就运行ASP或CGI程 序，并将结果传送至浏览器
插件技术（1996年）
1996年的Netscape 2.0引入了对QuickTime插件的支持，在 HTML页面中实现音频、视频等多媒体应用，插件这种开发 方式也迅速风靡了浏览器的世界。 1996年，IE 3.0正式支持在HTML页面中插入ActiveX控件的 功能 1999年，RealPlayer插件先后在Netscape和IE浏览器中取 得了成功 1996年，Macromedia公司收购了FutureWave，并将Jonatha n Gay的发明改名为我们熟悉的Flash。从此，Flash动画成 了Web开发者表现自我、展示个性的最佳方式。
16
1.1 Web基本概念—12.Web开发技术概述
1）静态页面时代
从Web架构的技术层面，其特点主要有3：
用超文本技术（HTML）实现信息与信息的连接； 用统一资源定位技术（URL）实现全球信息的精确定位； 用新的应用层协议（HTTP）实现分布式的信息共享。
这一时期的Web设计更像是平面设计，而不是程 序设计。这样设计出来的页面，只能呈现静态的 文本和图像，无法提供满足用户需求的交互模式， 也无法展示动态的信息。 第2章将重点介绍静态页面设计技术
返回的HTML文档（包含嵌入的程序代码）
客户机
服务器 24
1.1 Web基本概念—13.Web开发工具
网页设计工具
1. FrontPage 2. Dreamweaver MX 3. Fireworks MX 4. Flash MX 5. Visual Studio 2005 /2008 6. 记事本/Word等
Web服务器向浏览器提供服务的步骤 ： 1、用户打开计算机（客户机），启动浏览器程序，在浏览器中指定一个 URL，浏览器便向该URL所指向的Web服务器发出请求。 2、Web服务器接到浏览器请求后，把URL转换成页面所在服务器上的文 件路径名。 3、如果URL指向的是普通的HTML文档，Web服务器直接将它送给浏览 器。 4、如果HTML文档中嵌有ASP或CGI程序Web服务器就运行ASP或CGI程 序，并将结果传送至浏览器
JavaWeb程序设计任务教程第二版
Javaweb程序设计任务教程第二版介绍本教程是针对初学者而设计的一本Javaweb程序设计任务教程第二版。
通过本教程，读者将学习如何使用Java编程语言和相关的技术开发一个完整的Javaweb应用程序。
本教程包含了从基本概念到实际项目开发的全面内容，方便读者逐步学习和掌握Javaweb开发的过程。
目录1.第一章：Javaweb基础 .1 HTTP协议基础 .2 Servlet入门 .3 JSP入门 .4 MVC模式介绍2.第二章：数据库操作 .1 MySQL数据库入门 .2 JDBC基础 .3 ORM框架介绍 .4 数据库连接池配置3.第三章：Javaweb开发进阶 .1 Javaweb框架介绍 .2Maven项目管理工具 .3 Spring框架入门 .4 SpringMVC框架入门 .5 搭建Javaweb开发环境4.第四章：项目实战 .1 项目需求分析 .2 项目架构设计 .3 前端页面开发 .4 后端功能开发 .5 项目测试与部署5.第五章：Javaweb安全与优化 .1 Javaweb安全防护 .2 性能优化技巧 .3 Javaweb项目部署与维护第一章：Javaweb基础1.1 HTTP协议基础HTTP协议是Javaweb开发的基础，本节将介绍HTTP协议的基本概念和运作原理。
1.1.1 HTTP协议概述HTTP（Hypertext Transfer Protocol）是一种用于传输超文本的应用层协议，采用TCP作为传输协议。
它是Web的基础，通过HTTP协议，Web浏览器与Web服务器之间可以进行通信和数据传输。
1.1.2 HTTP请求与响应HTTP协议通过客户端发送请求到服务器，并获得服务器的响应来实现通信。
本节将介绍HTTP请求和响应的结构和内容。
1.1.2.1 HTTP请求一个HTTP请求包含了请求行、请求头和请求体三个部分。
请求行指定了请求的方法（GET、POST等）、请求的URL和HTTP协议的版本。
web-第1章基本概念
④ XML （Extensible Markup Language，可扩展的标记语言） 是一套定义语义标记的规则，描述的是数据的实际内容，不描述数据显示方式。 应用XML制作页面的基本思想是：将内容与内容的显示方式分别定义，以使内容组织人员将精力集中于内 容本身。
⑤ XHTML （The Extensible Hyper Text Markup Language，可扩展超文本标记语言） 实际上是HTML向XML过渡过程中产生的一种标签语言。结合了HTML和XML的优点，由于它和HTML 很相似，所以可以很容易把以前的HTML进行简化和改装，形成新的XHTML文档，这要比直接重新构建 XML文档简单的多。
2. 获取动态网页过程
① 客户端动态网页
JavaScript+DOM+CSS实现动态网页 微软的ActiveX技术 Sun的Java Applet技术 MicroMedia Flash技术
② 服务器端动态页面
• 简单的讲是服务器需要执行相关代码才能返回的页面。 • 动态内容能够为单个用户的每次访问量身定制的内容。 • 动态网页允许双向的交流。
JavaScript是由 Netscape公司开发的一种脚本语言，借助JavaScript等脚本语言，可以在Web页面实现客户 端与服务器的动态交互。
JavaScript短小精悍，又是在客户机上执行，大大提高了网页的浏览速度和交互能力。它是专门为制作Web 页面而量身定做的一种简单的编程语言，如今JavaScript越来越广泛地使用于Web开发上。Jquery是辅助 JavaScript开发的库。
Java
Java是Sun Microsystems公司于1995年5月推出的程序设计语言(Java语言)和Java平台的总称。它最初 的名字是Oak，被设计用来在嵌入式系统中运行，后来被用做了基于Web的技术。
JAVA教案(WEB)1
Web服务器 Web服务器
WebLogic下载地址 下载地址 8.X 英文版 /pub/platform/81/platform815_win32.exe /pub/platform/81/platform815_linux32.bin (linux) 中文版 /pub/platform/81/platform812_zh_CN_win32.exe /pub/platform/81/platform814_zh_CN_win32.exe /pub/platform/81/platform815_zh_CN_win32.exe /pub/platform/81/platform815_zh_CN_hpux32.bin (hp_unix) 9.X 英文版 /pub/platform/90/server900_win32.exe /pub/platform/90/server900_linux32.bin 中文版 /pub/platform/90/server900_zh_CN_win32.exe /pub/platform/90/server900_zh_CN_hpux32.bin (hp_uxix /pub/platform/90/server900_zh_CN_solaris32.bin (Solaris(8\9\ 10)版) 版 /pub/platform/91/server910_win32.exe /pub/platform/91/server910_linux32.bin (linux) /pub/platform/91/server910_hpux32.bin (hpux) /pub/platform/91/server910_solaris32.bin (solaris)
WEB应用开发 第一章 WEB基础和Servlet
第一章Web技术概述
13.通道(Tunnel)：是作为两个连接中继的中介程序。一旦激活，通道 便被认为不属于HTTP通讯，尽管通道可能是被一个HTTP请求初始化的。 当被中继的连接两端关闭时，通道便消失。当一个门户(Portal)必须存 在或中介(Intermediary)不能解释中继的通讯时通道被经常使用。
14.缓存(Cache)：反应信息的局域存储。
Internet（Inter Network）译为“因特网”， 也称国际互 联网，简称互联网。因特网是一个把世界范围内的众多计算 机、人、数据库、软件和文件连接在一起的，通过一个共同 的通信协议(TCP/IP协议)相互会话的网络。
14
Web技术基础
Internet主要技术： ·采用标准协议——TCP/IP协议，使网上各种不同的 计算机进行通信 ·通过路由器将不同网络互连 ·建立在TCP/IP协议基础之上的WWW浏览服务 ·应用DNS域名解析系统完成计算机和用户之间的地 址解析工作
网络病毒、保密、黑客(Huckman)
16
路由器 路由器
R
校园网子网
校园网
R
路由器 路由器
电子商务网站
R R
路由器
路由器
Internet
具有上网功能的手机 PDA掌上电脑 卫星接收系统
路由器
路由器
ISP网络
R R
路由器
路由器
企业子网
路由器
路由器
R
企业网
R
个人电脑
17
WWW的核心-HTTP
HTTP协议简介
20
10.源服务器(Originserver)：是一个给定资源可以在其上驻留或被创 建的服务器。
11.代理(Proxy)：一个中间程序，它可以充当一个服务器，也可以充当 一个客户机，为其它客户机建立请求。请求是通过可能的翻译在内部或 经过传递到其它的服务器中。一个代理在发送请求信息之前，必须解释 并且如果可能重写它。
第1章Web程序设计基础
说明：#RRGGBB是指色彩红—绿—蓝（red—green—blue，RGB）的值，
用16进制数码表示：0，1，2，3，4，5，6，7，8，9，a，b，c，d，e，f ,
根据规范前面需加“#”。
1.3.1 HTML的基本语法(2)
5.〈Hn〉标记(标注文档正文的各级标题 )
语法规则：〈Hn〉……〈/Hn〉
7.〈BR〉标记(强制换行标记)
语法规则：〈BR〉
属性：CLEAR=left | all | right | none
说明：
• <BR〉仅是换行，并不像〈P〉那样还要在随后的文本前插入一个空行。
• CLEAR是可选属性:
– Left：标记后的文本换行至浏览器窗口左边界不被图像占用的地方显示。 – Right：标记后的文本换行至浏览器窗口右边界不被图像占用的地方显示。 – All：标记后的文本在浏览器窗口的左右边界均不被图像占用的地方显示。 – None：缺省值，仅换行而已。
1.2.6 统一资源定位器URL
• 统一资源定位器URL（Unif Nhomakorabearm Resource Locator）是用来确定用 户所需信息的确切位置。包括信息资源的名称及地址。
• URL用来指定Internet资源要说明它位于哪台计算机的哪个目录中。 URL通过定义资源位置的抽像标识来定位网络资源，格式如下：
标记是HTML语言的标签符号和用标签标符号构成的各种元素的统称，用来界
定各种单元，用一对〈 〉中间包含若干字符命令表示，前一个“< >”为起始标
记，后一个“</>”为结束标记，单元的名称和属性由起始标记给出。
1.〈HTML〉标记（最外层的标记）
语法规则： 〈HTML〉……〈/HTML〉
《Java Web应用开发》电子教案
展示方式：投影，PPT，程序演示
1.知识点分析：（根据学生分析总结）
1)系统概述
前台购物系统
后台管理系统
再系统演示，进一步明确商场需求及功能划分；
2)系统功能模块设计
前台商品展示模块
用户注册模块
2.创建E-Store商城项目；
碰到困难可以反复观摩操作录相视频；
教学过程设计
活动内容
活动要点
课程概述
教学方法：讲授、演示
分配时长：10分钟
教师：演示系统配置方法、演示E-Store电子商城系统的使用讲授，启发式提问，倒推系统功能划分
学生：观看演示，回答学生问题
由此导入新课
学习内容：知识目标
1. 理解E-Store电子商城需求
操作练习：（加深对基本能力的认识与体会）
Jsp程序编写、部署、执行；
课堂小结
教学方法：
讲授、现场解答常见错误及处理
分配时长：10分钟
教师：讲授
学生：听讲
学生有疑问当场提出；教师现场解答
教 案
授课班级
授课时数
6
序号
2
时间地点
2021.9.10,2021.9.14,2021.9.17.资309,102，209
程序内容及操作实录，PPT演示
重点内容、易错内容强调，学生提问
演示操练：Java Web开发环境配置（掌握初步或基本能力）
Tomcat安装配置、MyEclipse安装
实例驱动：演示、讲解和练习创建一个简单的HelloWord Web应用程序
1.Jsp程序编写、部署、执行；
2.在安装成功后打开Tomcat安装目录，可以看到几个文件夹。其中，Tomcat将由JSP文件转译后的Java源文件和class文件存放在work文件夹下，bin为Tomcat执行脚本目录，conf文件夹下存放有Tomcat的配置文件，lib文件夹为Tomcat运行时需要的库文件，Tomcat执行时的日志文件存放在logs文件夹下，webapps为Tomcat的Web发布目录。
1.知识点分析：（根据学生分析总结）
1)系统概述
前台购物系统
后台管理系统
再系统演示，进一步明确商场需求及功能划分；
2)系统功能模块设计
前台商品展示模块
用户注册模块
2.创建E-Store商城项目；
碰到困难可以反复观摩操作录相视频；
教学过程设计
活动内容
活动要点
课程概述
教学方法：讲授、演示
分配时长：10分钟
教师：演示系统配置方法、演示E-Store电子商城系统的使用讲授，启发式提问，倒推系统功能划分
学生：观看演示，回答学生问题
由此导入新课
学习内容：知识目标
1. 理解E-Store电子商城需求
操作练习：（加深对基本能力的认识与体会）
Jsp程序编写、部署、执行；
课堂小结
教学方法：
讲授、现场解答常见错误及处理
分配时长：10分钟
教师：讲授
学生：听讲
学生有疑问当场提出；教师现场解答
教 案
授课班级
授课时数
6
序号
2
时间地点
2021.9.10,2021.9.14,2021.9.17.资309,102，209
程序内容及操作实录，PPT演示
重点内容、易错内容强调，学生提问
演示操练：Java Web开发环境配置（掌握初步或基本能力）
Tomcat安装配置、MyEclipse安装
实例驱动：演示、讲解和练习创建一个简单的HelloWord Web应用程序
1.Jsp程序编写、部署、执行；
2.在安装成功后打开Tomcat安装目录，可以看到几个文件夹。其中，Tomcat将由JSP文件转译后的Java源文件和class文件存放在work文件夹下，bin为Tomcat执行脚本目录，conf文件夹下存放有Tomcat的配置文件，lib文件夹为Tomcat运行时需要的库文件，Tomcat执行时的日志文件存放在logs文件夹下，webapps为Tomcat的Web发布目录。
javaweb程序设计教程课后答案（可编辑）
java web程序设计教程课后答案第1章 Web应用开发简介习题答案1.Web在组成上包括______和______两部分。
答案:服务器客户端2.谈谈对面向对象的认识。
答案:面向对象将将要解决的问题分解成各个对象,建立对象的目的不是为了完成一个步骤,而是为了描叙解决问题中的各个步骤中的行为。
面向对象编程方式是建立在面向过程编程方式基础上,其最重要的改变在于面向对象编程中,程序将围绕被操作的对象来设计,而不是操作本身。
面向对象编程方式以类作为构造程序的基本单位,具有封装、抽象、继承、多态性等特点。
3.介绍几种常用的框架技术。
答案:Java中常用的框架。
1.StrutsStruts是Apache 基金会Jakarta 项目组的一个开源项目,是一个基于Sun J2EE平台的MVC框架,它将Servlet和JSP标签作为实现自身功能的一部分。
2.WebWorkWebWork是由OpenSymphony组织开发的,是一个基于Web的MVC 框架。
它在运行时通过Interceptor(拦截器)自动应用,因此脱离了Action类。
3.Struts 2Struts 2是Apache基金会的一个开源项目,它建立在Struts框架与WebWork框架基础之上,继承了二者的优点,是目前非常流行的一个Web框架。
4.SpringSpring是一个以IoC和AOP为核心的轻量级容器框架。
它提供了一系列的Java EE开发解决方案,包括表示层的Spring MVC、持久层的Spring JDBC以及业务层事务管理等众多的企业级应用技术。
5.HibernateHibernate是一个ORM(对象关系映射)框架,它对JDBC进行了轻量级的封装。
通过使用Hibernate框架,开发人员能够以面向对象的思维方式来操作数据库。
6.Ibatis相对于Hibernate而言,Ibatis是一个“半自动化”的ORM实现框架,它主要致力于POJO与SQL之间的映射关系,是对“全自动化”ORM框架的一种有益补充。
第1章 Web应用开发概述
客户端脚本技术 客户端脚本技术是指嵌入到Web页面中的程序代码，这些程序代码是一种解释性的语言，浏览器 可以对客户端脚本进行解释。通过脚本语言可以实现以编程的方式对页面元素进行控制，从而增加 页面的灵活性。常用的客户端脚本语言有JavaScript和VBScript。 说明： 目前，应用最为广泛的客户端脚本语言是JavaScript脚本，它是Ajax的重要组成部分。在本书 的第2章将对JavaScript脚本语言进行详细介绍。
图1-2 B/S体系结构 说明：B/S由美国微软公司研发，C/S由美国Borland公司最早研发。
1.1.3
两种体系结构的比较
C/S结构和B/S结构是当今世界网络程序开发体系结构的两大主流。目前，这两种结构都有自己 的市场份额和客户群。但是，这两种体系结构又各有各的优点和缺点，下面将从以下3个方面进行 比较说明。 1．开发和维护成本方面 C/S结构的开发和维护成本都比B/S高。采用C/S结构时，对于不同客户端要开发不同的程序， 而且软件的安装、调试和升级均需要在所有的客户机上进行。例如，如果一个企业共有10个客户站 点使用一套C/S结构的软件，则这10个客户站点都需要安装客户端程序。当这套软件进行了哪怕很 微小的改动后，系统维护员都必须将客户端原有的软件卸载，再安装新的版本并进行配置，最可怕 的是客户端的维护工作必须不折不扣的进行10次。若某个客户端忘记进行这样的更新，则该客户端 将会因软件版本不一致而无法工作。而B/S结构的软件，则不必在客户端进行安装及维护。如果我 们将前面企业的C/S结构的软件换成B/S结构的，这样在软件升级后，系统维护员只需要将服务器的 软件升级到最新版本，对于其他客户端，只要重新登录系统就可以使用最新版本的软件了。
图1-3 Web的工作流程图
第1章Web应用基础
客户端动态WEB页面
❖ 动态地改变网页的内容，为不同用户提供 个性化的服务。
客户端的动态Web页面工作原理
Web服务器 3、Web服务器定位HTML文件和指令文件
1、作者编写 的网页文件
4、HTML和指令被返回到浏览器
2、客户请求网页
5、浏览器处理 指令并将指令 转换为HTML
6、浏览器处理HTML
例如： <body bgcolor="silver" text="blue" link= "red " >
常用HTML标记符及其功能
❖ <head>…</head>：首部标记符，不包含网页 的内容，仅提供一些与网页相关的信息。
❖ <body>…</body>：主体标记符，包含网页内 的所有内容，如文字、图片及超链接等。
DB2
调用 JavaBean J2EE/EJB
调用
DLL
XML
的历史
❖ ASP（Active Server Pages），是Microsfot公司 1996年11月推出的WEB应用程序开发技术，它既 不是一种程序语言，也不是一种开发工具，而是一 种技术框架。因其简单的语法和嵌入HTML的编辑 方法在很短的时间内便取得了巨大的成功，成为 Windows平台上Web开发技术的霸主，在当时地 位难以动摇。此外，它可通过ActiveX等组件技术 实现更强大的功能，如使用ADO可以轻松地访问 数据库。
提供了一个新的 ListView 数据控件，该控件可用于显示数据， 还可提供具有高度可自定义性的用户界面。
提供了一个新的 LinqDataSource 控件，该控件通过 数据源控件结构公开语言集成查询 (LINQ)。
chap01-1
14|
3.1 IIS 服务器安装 续2) 服务器安装(续
信息服务(IIS)” 选中 “INTERNET 信息服务 安装盘” 插入 “WINDOW安装盘” 安装盘
15|
3.2 虚拟目录架设
控制面版” 管理工具 管理工具” 打开 “控制面版”—“管理工具” — “INTERNET信息服务器” 信息服务器” 信息服务器
网页制作与网络编程技术
第1章 Web基础知识 章 基础知识
第一章 WEB基本知识 基本知识
本章主要内容
- 1.WEB基本知识 基本知识 - 2.WEB页面 页面 - 3.IIS服务器安装和架设 服务器安装和架设 - 4.编写简单 编写简单WEB页 编写简单 页
2|
1.WEB基本知识 基本知识
1.1 URL基础知识 基础知识 1.2 WEB的工作原理 的工作原理 1.3 HTTP协议 HTTP协议
静态页面工作原理
9|
2.2 什么是动态网页
与静态网页的相同点：也是无格式的ASCII码文件，也包含HTML代码、 与静态网页的相同点：也是无格式的 码文件，也包含 代码、 码文件 代码 用脚本语言编写的程序代码，也存放在服务器上， 用脚本语言编写的程序代码，也存放在服务器上，并在收到客户请求后 发送到Web浏览器。 浏览器。 发送到 浏览器 与静态网页的区别：动态网页中的某些脚本只能在Web服务器上运行， 服务器上运行， 与静态网页的区别：动态网页中的某些脚本只能在 服务器上运行 文件扩展名不再是.htm或.html，而是与所使用的 文件扩展名不再是 或 ，而是与所使用的Web应用开发技术有 应用开发技术有 例如，使用技术时文件扩展名是 技术时文件扩展名是.aspx。 关，例如，使用 技术时文件扩展名是 。 动态网页能够根据不同的输入和请求动态生成返回的页面， 动态网页能够根据不同的输入和请求动态生成返回的页面，例如常见的 BBS、留言板、聊天室等就是用动态网页来实现的。 BBS、留言板、聊天室等就是用动态网页来实现的。
《Web开发技术》PPT课件
•Unix，Linux •Windows Server等
–Web服务组件
•Windows中的IIS •Apache,Tomcat
浏览器
• 什么是浏览器？
浏览器（Browser）是Web客户端程序，用户要浏览Web页面 必须在本地计算机上安装浏览器软件。 如：IE,Maxthon,Firefox等
• 浏览器的功能
常见概念和术语
• 网站（Web Site）
又称Web站点，是Internet中提供信息服务的机构，这些机构的计算机连接到Internet中， 可以提供WWW、FTP等服务。
– 什么是Web – 几个主要概念 – Web服务器及工作机理
• 相关知识 • Web中的服务 • Web的新进展
1.1 Internet与WWW
• 什么是Internet? – Internet的发展历程 – Internet的组成
• 什么是万维网(World Wide Web）？
什么是Internet？
–1986年NSFnet成功地成为Internet的第二个骨干网
–NSFnet对Internet的推广起到了巨大的推动作用，它使得 Internet不再是仅有科学家、工程师、政府部门使用的网络， Internet进入了以资源共享为中心的实用服务阶段。
Internet的发展历程（Cont2.）
• Internet的商业发展阶段（1992~）
• Internet的提出、研究和试验阶段（1969~1984）
1969年，美国国防部高级研究计划署ARPA资助了一个有关广域网络的项目。 1969年11月21日中午，美国加利福尼亚大学洛杉矶分校的计算机实验室，一台计算机与远 在千里之外的斯坦福研究所的另一台计算机联通，宣告了网络世界的到来。 1970年，ARPANet已初具雏形， 1972年，ARPANet已建成40多个网点，开发出了三项主要的功能，即以后被广泛使用的电子 邮件、远程登录和文件传输。 1974年，著名的TCP/IP协议研究成功，彻底解决了不同的计算机和系统之间的通讯问题， 计算机互联的主要障碍被解决。 1975年，ARPANet的运行管理移交给美国国防通信局（DCA）。 1982年DCA将ARPANet各站点的通讯协议全部转为TCP/IP，同时ARPAnet被分成两部分，一部 分作为军用，称为MILnet，另一部分作为民用。ARPANet开始从一个实验型网络向实用型 网络转变，从而成为全球Internet正式诞生的标志。
–Web服务组件
•Windows中的IIS •Apache,Tomcat
浏览器
• 什么是浏览器？
浏览器（Browser）是Web客户端程序，用户要浏览Web页面 必须在本地计算机上安装浏览器软件。 如：IE,Maxthon,Firefox等
• 浏览器的功能
常见概念和术语
• 网站（Web Site）
又称Web站点，是Internet中提供信息服务的机构，这些机构的计算机连接到Internet中， 可以提供WWW、FTP等服务。
– 什么是Web – 几个主要概念 – Web服务器及工作机理
• 相关知识 • Web中的服务 • Web的新进展
1.1 Internet与WWW
• 什么是Internet? – Internet的发展历程 – Internet的组成
• 什么是万维网(World Wide Web）？
什么是Internet？
–1986年NSFnet成功地成为Internet的第二个骨干网
–NSFnet对Internet的推广起到了巨大的推动作用，它使得 Internet不再是仅有科学家、工程师、政府部门使用的网络， Internet进入了以资源共享为中心的实用服务阶段。
Internet的发展历程（Cont2.）
• Internet的商业发展阶段（1992~）
• Internet的提出、研究和试验阶段（1969~1984）
1969年，美国国防部高级研究计划署ARPA资助了一个有关广域网络的项目。 1969年11月21日中午，美国加利福尼亚大学洛杉矶分校的计算机实验室，一台计算机与远 在千里之外的斯坦福研究所的另一台计算机联通，宣告了网络世界的到来。 1970年，ARPANet已初具雏形， 1972年，ARPANet已建成40多个网点，开发出了三项主要的功能，即以后被广泛使用的电子 邮件、远程登录和文件传输。 1974年，著名的TCP/IP协议研究成功，彻底解决了不同的计算机和系统之间的通讯问题， 计算机互联的主要障碍被解决。 1975年，ARPANet的运行管理移交给美国国防通信局（DCA）。 1982年DCA将ARPANet各站点的通讯协议全部转为TCP/IP，同时ARPAnet被分成两部分，一部 分作为军用，称为MILnet，另一部分作为民用。ARPANet开始从一个实验型网络向实用型 网络转变，从而成为全球Internet正式诞生的标志。
01_第1章 Java Web入门
Eclipse中项目发布路径的设置
Eclipse中项目的发布路径需设置为“Tomcat根目录/webapps”
1.2.5 第一个Java Web项目
按照如下五个步骤完成第一个Java Web项目的开发
① 新建Java Web项目 ② 创建JSP文件 ③ 编写JSP代码 ④ 部署运行项目
⑤ 查看运行结果
浏览首页 查看职位
简历照片上传
查看企业 申请职位
查看已申请职位
【任务1-1】项目需求分析
“Q-ITOffer”锐聘网站游客功能用例图
注册 <<uses>> <<uses>> <<uses>> <<uses>> 游客 <<uses>> 查看企业信息 浏览首页 登录
查看招聘职位
【任务1-1】项目需求分析
TB_JOBAPPLY PK FK1 FK2 APPLY_ID JOB_ID APPLICANT_ID APPLY_DATE APPLY_STATE PK
TB_APPLICANT APPLICANT_ID APPLICANT_EMAIL APPLICANT_PWD APPLICANT_REGISTDATE
客户机
客户机 … 客户机 服务器 (包含数据库)
B/S结构
B/S结构是基于特定HTTP通信协议的C/S结构，Web应用架构即是 指这种结构；B/S结构的客户端只需要安装一款浏览器，而不需要开 发、安装任何客户端软件，所有业务的实现全部交由服务器端负责。
IE浏览器
Chrome浏览器 … FireFox浏览器 Web服务器 数据库服务器
讲师演示讲解
Web应用技术教案
练习： 用HTML编写第一个Web页
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>练习</title> </head> Hello ,the world! <body> </body> </html>
2、3、1未排序列表
由一些带有项目符号的项目组成。 <ul>标签包含未排序列表。 type属性，允许更改列表中每个项目前 的项目符号的样式。（disc、circle、 squre） <li>标签编码，标识列表中的每个项目。
2、3、2排序列表
排序列表与未排序列表的区别 <ol>标签包含未排序列表。 type属性，允许更改列表中每个项目前的 项目符号的样式。（1、A、a 、I 、i ） <li>标签编码，标识列表中的每个项目。
GIF格式
由Compuserve公司提出的与设备无关的 图像存储标准，也是Web上使用最早、应 用最广泛的图像格式之一。其目的是作为 网络上图片文件交换的标准，属于一种256 色、采用一种无损压缩方式压缩的图片文 件格式。这意味着在压缩过程中原始的图 像数据并没有减少，图像质量也不会有任 何损失。
第1章 Web编程基础知识
1）安装IIS ； 2）建立虚拟目录； 3）配置IIS 。
例如:/default.shtml
4 Web访问工作原理
浏览器结构
从鼠标和键盘输入 输出至显示器
控制程序
HTML解释程序 … 可选解释程序
驱 动 程 序
缓存
HTTP 客户程序 …
网 络
可选客户程序
接
口
与远地 服务器通信
5、网页与网站
Internet上各种超文本文件称为网页（Page）。 超文本（Hypertext）是一种文本格式，是一种对信息的描述方 法，这种描述方法不受系统平台的限制，可以在不同的平台上 使用，用户也可以在各种操作系统上浏览这些超文本文件。 每个超文本文件中可以包含文字、图片、表格、表单等多种组 件。在每一个页面上，可以有一些词、语句或图片等作为“链 接点（Link）”，通过这些链接点可以快速地跳转到本网站的 其它页面或其它网站上的页面。这种“链接点”方式称为超链 接。正是因为这些超链接的存在才使得Internet上的无数页面能 够关联到了一起。 网站是一个包含多个由超链接连在一起的网页的集合，它包含 的网页可以是一个也可以是多个，甚至上千个。 Internet上的网站是通过地址进行定位的，就像网络中的一个节 点，通常也称之为站点。
常用动态技术
2
PHP(Hypertext Preprocessor,超文本预处理器)
1. 利用服务器端脚本创建动态网站的技术，包括 一个完整的编程语言、支持Internet的各种 协议、提供与多种数据库直接互联的能力。 2. PHP是一种跨平台技术，可在多种平台运行。 3. 适用于开发中小型企业网站，网站运行效率佳 ，安全性高、可靠性及稳定性都很好。 4. PHP脚本可在Tomcat，Apache，Jboss等 Web服务器上运行。 5. 开发工具： Zend Studio 、 EditPlus
例如:/default.shtml
4 Web访问工作原理
浏览器结构
从鼠标和键盘输入 输出至显示器
控制程序
HTML解释程序 … 可选解释程序
驱 动 程 序
缓存
HTTP 客户程序 …
网 络
可选客户程序
接
口
与远地 服务器通信
5、网页与网站
Internet上各种超文本文件称为网页（Page）。 超文本（Hypertext）是一种文本格式，是一种对信息的描述方 法，这种描述方法不受系统平台的限制，可以在不同的平台上 使用，用户也可以在各种操作系统上浏览这些超文本文件。 每个超文本文件中可以包含文字、图片、表格、表单等多种组 件。在每一个页面上，可以有一些词、语句或图片等作为“链 接点（Link）”，通过这些链接点可以快速地跳转到本网站的 其它页面或其它网站上的页面。这种“链接点”方式称为超链 接。正是因为这些超链接的存在才使得Internet上的无数页面能 够关联到了一起。 网站是一个包含多个由超链接连在一起的网页的集合，它包含 的网页可以是一个也可以是多个，甚至上千个。 Internet上的网站是通过地址进行定位的，就像网络中的一个节 点，通常也称之为站点。
常用动态技术
2
PHP(Hypertext Preprocessor,超文本预处理器)
1. 利用服务器端脚本创建动态网站的技术，包括 一个完整的编程语言、支持Internet的各种 协议、提供与多种数据库直接互联的能力。 2. PHP是一种跨平台技术，可在多种平台运行。 3. 适用于开发中小型企业网站，网站运行效率佳 ，安全性高、可靠性及稳定性都很好。 4. PHP脚本可在Tomcat，Apache，Jboss等 Web服务器上运行。 5. 开发工具： Zend Studio 、 EditPlus
第1章 Web网站概述
© 2011.5 电子工业出版社 新编计算机类本科规划教材 2013-10-8 第5页，共69页
第1章 Web网站概述
Web的基本知识 TCP/IP基本知识 IPv4地址与域名 IPv6地址与域名 Web系统的组成与模式 Web系统安全
© 2011.5 电子工业出版社 新编计算机类本科规划教材 2013-10-8 第6页，共69页
© 2011.5 电子工业出版社 新编计算机类本科规划教材 2013-10-8 第17页，共69页
数据多层封装与拆封
信源 应用层 表示层 会话层 传输层 网络层 数据链路层 物理层 封装 数据 数据 数据 段头 网络头 幀头 数据 段头 网络头 数据 段头 数据 幀尾 拆封 信宿 应用层 表示层 会话层 传输层 网络层 数据链路层 物理层
011101000011000010100101111010110
© 2011.5 电子工业出版社
新编计算机类本科规划教材
2013-10-8
第18页，共69页
1.2.3 TCP/IP体系结构
1. TCP/IP协议 (1)协议集
FTP HTTP SMTP DNS SNMP TFTP
TCP
UDP
IP
Internet
© 2011.5 电子工业出版社
新编计算机类本科规划教材
2013-10-8
第10页，共69页
1.1.4 HTML和XML
超文本标识语言（HTML, Hyper Text Markup Language） 是编制Web页面文档的标准通用型标识语言（SGML, Standard Generalized Markup Language，）的一种。HTML 的标识符定义了文档结构、字形字体、版面布局、超链接等 超文本文档结构，使Web浏览器能够阅读和重新格式化任何 Web页面。HTML缺乏对结构化数据的表示能力，采用单一 固定语法，缺乏可扩展性。 SGML是定义结构化文本类型和标识这些文本类型的标识 语言系统。 SGML是ISO在1986年推出的用来创建标记语言 的语言标准，它提供了一种将数据内容与显示分离开来的数 据表示方法，使得数据独立于机器平台和处理程序。但它的 复杂性使其难以直接应用到Internet上。
第1章 Web网站概述
Web的基本知识 TCP/IP基本知识 IPv4地址与域名 IPv6地址与域名 Web系统的组成与模式 Web系统安全
© 2011.5 电子工业出版社 新编计算机类本科规划教材 2013-10-8 第6页，共69页
© 2011.5 电子工业出版社 新编计算机类本科规划教材 2013-10-8 第17页，共69页
数据多层封装与拆封
信源 应用层 表示层 会话层 传输层 网络层 数据链路层 物理层 封装 数据 数据 数据 段头 网络头 幀头 数据 段头 网络头 数据 段头 数据 幀尾 拆封 信宿 应用层 表示层 会话层 传输层 网络层 数据链路层 物理层
011101000011000010100101111010110
© 2011.5 电子工业出版社
新编计算机类本科规划教材
2013-10-8
第18页，共69页
1.2.3 TCP/IP体系结构
1. TCP/IP协议 (1)协议集
FTP HTTP SMTP DNS SNMP TFTP
TCP
UDP
IP
Internet
© 2011.5 电子工业出版社
新编计算机类本科规划教材
2013-10-8
第10页，共69页
1.1.4 HTML和XML
超文本标识语言（HTML, Hyper Text Markup Language） 是编制Web页面文档的标准通用型标识语言（SGML, Standard Generalized Markup Language，）的一种。HTML 的标识符定义了文档结构、字形字体、版面布局、超链接等 超文本文档结构，使Web浏览器能够阅读和重新格式化任何 Web页面。HTML缺乏对结构化数据的表示能力，采用单一 固定语法，缺乏可扩展性。 SGML是定义结构化文本类型和标识这些文本类型的标识 语言系统。 SGML是ISO在1986年推出的用来创建标记语言 的语言标准，它提供了一种将数据内容与显示分离开来的数 据表示方法，使得数据独立于机器平台和处理程序。但它的 复杂性使其难以直接应用到Internet上。
Web技术与应用
Web开发平台的组成 Web开发平台的组成
Java EE开发平台 Java EE（Java ENTERPRISE EDITION）是纯粹基于 Java的解决方案，之前较低版本叫做J2EE。1998年SUN 发布了EJB 1.0标准，EJB为企业级应用中必不可少的 数据封装、事务处理、交易控制等功能提供了良好的 技术基础。J2EE平台的三大核心技术SERVLET、JSP和 EJB都已先后问世。1999年，SUN正式发布了J2EE的第 一个版本。紧接着，遵循J2EE标准，为企业级应用提 供支撑平台的各类应用服务软件争先恐后地涌现了出 来。IBM的WebSphere、BEA的WebLogic都是这一领域里 常用Web开发工具
Web基本技术介绍 1.2 Web基本技术介绍
1.2.1 1.2.2 1.2.3 1.2.4 1.2.5 1.2.6 1.2.7 1.2.8 1.2.9 1.2.10 1.2.11 1.2.12 1.2.13 HTML技术 DHTML技术 什么是Java Applet JavaScript与 VBScript ActiveX CGI技术 PHP JSP ASP/ XML 什么是XHTML？ ADO/ Web Services
网页制作工具
1．Sausage HotDog Professional HotDog是较早基于代码的网页设计工具，支持 最新的Web标准和扩展，其最具特色的是提供 了许多向导工具，能帮助设计者制作页面中的 复杂部分。 HotDog是个功能强大的软件，对于那些希望在 网页中加入CSS、Java、RealVideo等复杂技术 的高级设计者，是个很好的选择。
背景知识： 背景知识：
2 应用领域 1）数值计算(科学与工程部门) 2 2）信息管理(企事业单位内部、独占性) ( ) 3）信息服务(全球、全社会、公共信息服务、 高度资源共享、信息共享、信息安全） 3 处理的数据对象 1） 数值 2） 字符 3） 音频、视频等多媒体流式数据
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
务，作为 Web 服务供基于 Web 的应用程序使用。
提供了一个新的 ListView 数据控件，该控件可用于显示数据，
还可提供具有高度可自定义性的用户界面。
提供了一个新的 LinqDataSource 控件，该控件通过
数据源控件结构公开语言集成查询 (LINQ)。
提供了一个新的合并工具 (Aspnet_merge.exe)，可用于合并预
超文本传输（HTTP）协议，实现万维网的信
息传输；
统一资源定位符（URL），实现互联网信息的
定位统一标识；
超文本标记语言（HTML），实现信息的表示
与存储
Web应用相关技术发展（续）
静态网页 ： HTML的诞生
客户端动态Web页面
服务器端动态Web页面
静态WEB网页
是用HTML书写的一种特殊类型的文件。 HTML是超文本标记语言(Hypertext Markup Language) 浏览器解释执行HTML代码 ，并显示相应的页面 如何辩别静态网页？ 编写WEB页面时已经用HTML代码完全确定了 网页的具体内容；
的历史（续）
在互联网技术飞速发展的情况下，Microsoft公司 发布了其宏伟的”“计划，发布了成 为在下代网络服务框架的NGWS，同时将其ASP技 术升级为ASP+。2000年11月，Microsoft公司推 出Visual 7.0开发工具的Beta版本，将 NGWS更名为.NET Framework，此时ASP+也正 式该名为现在的，版本为1.0。
HTTP 数据访问
数据库技术 Oracle
Sql Server
DB2
Css
Applet ActiveX
JSP Web Service
调用
JavaBean J2EE/EJB
客户端技术
Java
Windows
SOAP
调用
DLL
XML
的历史
ASP（Active Server Pages），是Microsfot公司 1996年11月推出的WEB应用程序开发技术，它既 不是一种程序语言，也不是一种开发工具，而是一 种技术框架。因其简单的语法和嵌入HTML的编辑 方法在很短的时间内便取得了巨大的成功，成为 Windows平台上Web开发技术的霸主，在当时地 位难以动摇。此外，它可通过ActiveX等组件技术 实现更强大的功能，如使用ADO可以轻松地访问 数据库。
编译程序集，以灵活的方式实现部署和发布管理。
1.2 Web应用的相关技术
HTML XHTML 可扩展标记语言XML Web服务器
1.2.1 HTML
HTML是一种用来制作超文本文档的简单标 记语言。 HTML文档的内容一般都位于<html>和 </html>之间，分为首部和主体两个部分。
的历史（续）
随着PHP，JSP技术的发展，ASP的王者地位受到 了严峻的挑战。 JSP的技术在执行效率，安全行等 特性上已经完全超过了ASP，同时还具有ASP所无 法比拟的跨平台性，在Windows，Linux和Unix等 操作系统上都能运行。使越来越多的人开始选择它， ASP技术面临前所未有的危机。
无论谁或何时访问页面，静态WEB页面的内容 和外观总是保持不变。
静态Web页面的工作原理
3、Web服务器定位HTML文件
1、作者编写 HTML
4、HTML流返回 到浏览器
2、客户请求Web页面
5、浏览器处理 HTML流并显 示页面
静态Web页面的局限性
是否实时显示时间？ 是否能针对不同用户定制Web页面？ 能否阻止其他人复制自己的HTML代码？ …
客户端动态WEB页面
动态地改变网页的内容，为不同用户提供 个性化的服务。
客户端的动态Web页面工作原理
Web服务器 3、Web服务器定位HTML文件和指令文件
1、作者编写 的网页文件 4、HTML和指令被返回到浏览器
2、客户请求网页
5、浏览器处理 指令并将指令 转换为HTML 6、浏览器处理HTML 流并显示页面
第1章 Web应用基础
内容
Web应用概述 Web应用相关技术
1.1 Web应用概述
B/S与C/S架构模式 Web应用相关技术的发展
1.1.1 B/S与C/S架构模式
在企业级应用软件中，若按系统部署的体系结构来 分，往往可将其分为B/S（Browser/Server）和 C/S(Client/Server)两种架构模式。
的历史（续）
与VS2008一起发布的.NET Framework 3.5 版 针对 中的特定方面提供了增强功能。
提供了新的服务器控件、类型和客户端脚本库，通过这些新增
功能，可以开发 AJAX 样式的 Web 应用程序
扩展了基于服务器的 Forms 身份验证、角色管理和配置文件服
XML与HTML的比较
【例1-3】XML与HTML的比较。
HTML文档： <Body> XML文档 ： <?xml version="1.0" encoding="GB2312"?> <Body> 网页内容
网页内容
<H1>标题</H1> <P>正常文字</P> <P><B>粗体文字 </B></P> </Body>
客户机
客户端的动态Web页面特点
采用脚本语言编程，在网页加载后对HTML 中的元素进行操作。 脚本语言：JavaScript 和 VBScript 通常用于客户端的验证或页面的动画效果 能减轻服务器负担，充分利用客户机资源
客户端编程的缺点
所有代码都要下载到客户端才能执行，因此 网页打开慢； 需对不同浏览器进行测试 如需用到服务器资源（如数据库中的数据）， 无法实现 无法阻止其他人复制自己的代码
文档中的命令一般采用<标记>和</标记>的
形式配对出现，有些标记也可以单个出现，
标记符不区分大小写。
文档基本格式： <html> <head>
<title></title> </head> <body> HTML文档的主体部分 </body> </html>
HTML（续）
<标记>中可以包含一个或多个属性，各属性之 间必须用空格隔开，设置属性能使页面产生不 同的效果。 一般格式为：
参见示例\第01章\例1-2\Default.aspx
1.2.3 可扩展标记语言XML
可扩展标记语言（Extensible Markup Language, XML）是W3C组织于1998年2 月发布的标准。 XML不是要替换HTML，可以视作对 HTML的补充。 HTML的设计目标是显示数据并集中于数 据外观，而XML的设计目标是描述数据并 集中于数据的内容。
<hr>：换行并绘制一条水平直线，直线的上下两 端都会留出一定的空白。
<div>…</div>：定义一个块，块内可以有文本、 图像等，目的是为了控制该块的样式。
常用HTML标记符及其功能（续）
<br>：强行中断当前行，多个<br>标记可以创建 多个空行。 <p>…</p>：在网页中分段，遇到</p>另起一个 新的段落。
常用HTML标记符及其功能（续）
<table>… </table>：创建一个表格。 <tr>…</tr>：开始表格中的每一行。
<td>…</td>：开始一行中的每一个单元格。
<th>…</th>：设置表格头
HTML示例
【例1-1】HTML的基本语法示例。
参见示例\第01章\例1-1\1_1.htm
XHTML与HTML的区别
XHTML元素必须被正确地嵌套；HTML可以使 用不正确的嵌套形式 。 XHTML标签名必须用小写字母；HTML是不区 分大小写，元素和属性名称可以是大写、小写 或是混合书写。 XHTML中要求所有的属性值都必须加引号，即
使是数字也需要加引号；HTML中的引用使用比
C/S架构是指通过在客户端安装一个软件，通过该软件访
问服务端资源的一种结构体系。
B/S模式是指通过在服务端安装一些应用程序，在客户端
只要通过浏览器访问服务器，就可以查看相关内容。
Web应用就是指在B/S架构体系下的应用软件系统 。
1.1.2 Web应用相关技术发展
从技术层面看，Web技术核心有三点：
生产效率，据说可以减少70%的代码；
灵活性和可扩展性，轻松地将自定义功能集成到应用程
序中 性能，使用诸如预编译、可配置的缓存和 SQL 缓存失效 等功能，可以优化 Web 应用程序的性能， 安全性，向 Web 应用程序添加身份验证和授权比以往任 何时候都简单 宿主。 中包含的新增功能使得管理宿主环境变 得更加简单。 完整性。新增功能和现有功能协同工作。
1.2.2 XHTML
HTML
XHTML
<html> <head> <title>文档标题</title> </head> <body> HTML文档的主体部分 </body> </html>