第1章web技术基础
合集下载
Web 开发技术 第一章 绪论
14/42
TCP/IP模型
• TCP/IP参考模型是4层结构：
– 网络接口层：也称数据链路层，通常包括操作系统中的设备驱 动程序和计算机中的网卡，一起处理与电缆 (或其他任何传输 媒介) 的物理接口细节 – 互联网层：也称网络层，其作用是处理分组在网络中的活动， 例如分组的选路。在TCP/IP协议族中，网络层协议包括IP协 议 (网际协议) ，ICMP协议 (互联网控制报文协议) ，以及 IGMP协议 (互联组管理协议)
Web是一种体系结构,通过它可以访问遍布于Internet主机上的链接文档
Web是存储在全世界Internet主机中数量巨大的文档的集合
Web 上的信息由彼此关联的文档组成,这些文档称为主页或页面 Web的内容保存在Web站点中,用户可通过浏览器访问站点
3/42
1.2 Web的架构（B/S模式）
通过这些文字或图象，可以跳转至其它位置。
超文本链接
超文本链接（Hypertext Link）是指超文本中用以链接到其它文件的 文字或图像，简称超链接；超文本中的任何文字或图像都可以被指定 为超链接。
IP地址和域名
IP地址和域名是Internet使用的网络地址，符合TCP/IP协议规定的地址 方案，与日常生活中涉及的通信地址和电话号码相似。TCP/IP协议要 求每一个主机都有惟一的一个网络地址，简称IP地址。在Internet中， 域名可以通过域名服务系统 (DNS) 映射为IP地址，以方便人们记忆。
7/42
• HTTP
超文本传输协议HTTP(Hypertext Transport Protocol)是Web浏 览器与Web服务器之间进行数据传输的应用层通信协议， 它建立在TCP/IP协议的基础上，用以传输超文本文档。 在WWW中，“客户”与“服务器”是一个相对的概念， 只存在于一个特定的连接期间，即在某个连接中的客户在 另一个连接中可能作为服务器。 基于HTTP协议的客户/服务器模式的信息交换过程，它分 四个过程：建立连接、发送请求信息、发送响应信息、关 闭连接。
章Web程序设计基础
第1章 Web 程序设计基础
内容简介：
本章主要介绍Web程序设计必需的基础知识，其中包 括Web的基本概念和工作方式及特点、Internet网 络协议、IP地址、与Web有关的协议和统一资源定位 器URL、超文本标记语言HTML、样式表CSS、可扩 展标记语言XML的基本语法和规则，并给出一些简单 的应用实例帮助理解，为Web程序设计奠定基础 。
– Net Work ID网络标识符，每个网络区段都有一个网络标识。网络标识代表 一个网络。
– Host ID 主机标识符，每个网络区段中每台计算机都被赋予一个主机标识符。
• IP协议规定了五类IP地址A—E。其中A，B，C三类是基本的，它们由IP 地址的高位来区分。
– A类IP地址共有27=128个，均分配给大型网络使用。 – B类IP地址共有2１４=16384个，适用于中等规模的网络。 – C类IP地址最多，有2２２ ≈419万个，主要分配给小型网络使用。
1.2.3 Telnet协议
• Telnet是TCP/IP的一个应用层协议，即Internet远程登录服务协议， 是Internet上强有力的功能。要实现此功能，用户计算机上必需安 装和运行名为Telnet的程序。使用该功能用户可以访问连在 Internet上的任何一台Telnet服务器，用户主机成为该主机的终端 而访问各种所需的信息。实时地使用远程计算机上对外开放的全部 资源包括各种数据资源和软件资源及其硬件资源，以达到资源共享 之目的。
说明：#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)
内容简介：
本章主要介绍Web程序设计必需的基础知识，其中包 括Web的基本概念和工作方式及特点、Internet网 络协议、IP地址、与Web有关的协议和统一资源定位 器URL、超文本标记语言HTML、样式表CSS、可扩 展标记语言XML的基本语法和规则，并给出一些简单 的应用实例帮助理解，为Web程序设计奠定基础 。
– Net Work ID网络标识符，每个网络区段都有一个网络标识。网络标识代表 一个网络。
– Host ID 主机标识符，每个网络区段中每台计算机都被赋予一个主机标识符。
• IP协议规定了五类IP地址A—E。其中A，B，C三类是基本的，它们由IP 地址的高位来区分。
– A类IP地址共有27=128个，均分配给大型网络使用。 – B类IP地址共有2１４=16384个，适用于中等规模的网络。 – C类IP地址最多，有2２２ ≈419万个，主要分配给小型网络使用。
1.2.3 Telnet协议
• Telnet是TCP/IP的一个应用层协议，即Internet远程登录服务协议， 是Internet上强有力的功能。要实现此功能，用户计算机上必需安 装和运行名为Telnet的程序。使用该功能用户可以访问连在 Internet上的任何一台Telnet服务器，用户主机成为该主机的终端 而访问各种所需的信息。实时地使用远程计算机上对外开放的全部 资源包括各种数据资源和软件资源及其硬件资源，以达到资源共享 之目的。
说明：#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)
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程 序，并将结果传送至浏览器
第1章_Web数据库技术概述
模型1：JSP+JavaBean阶段
把业务处理代码从JSP中提取出来，然后形成 JavaBean；JSP完成输入、输出和控制功能； 需要的时候JSP调用JavaBean的功能。
JSP页面
JavaBean
优点：处理功能从JSP页面中分离出来，由 JavaBean完成，减少了页面中的代码。 缺点：页面中仍然存在用于控制的代码。
Java企业级应用架构
Java Web技术的发展历史
Servlet技术 JSP技术 模型1：JSP+JavaBean 模型2：JSP+JavaBean+Servlet 框架 可视化开发
Servlet技术阶段
Java技术中最早的Web解决方案，页面中的所 有信息需要通过输出语句来生成。
基于Java的Web数据库访问技术 Java Applet：将Java 小程序（Applet）从服务 器端下载到客户端Web浏览器中执行，通过 JDBC驱动程序访问服务器端的数据库。 Java servlet：Java Servlet是运行于Web服务器 端的小程序，其作用类似于CGI程序，但比 CGI程程序的效率更高。利用Java Servlet可以 实现网页中很多交互式效果，在动态网页设计 中具有广泛应用。用户通过Web浏览器访问服 务器端的Java servlet程序，Java servlet负责实 现对数据库的访问，并动态生成HTML格式的 结果文件，交给Web浏览器显示。
--Servlet技术：用于系统流程控制。 -- JavaBean技术：完成核心功能，是一个比较特 殊的Java类，编写方法与普通Java类相同。 --JDBC技术：Java访问数据库的中间件，完成与 数据库的交互。 --XML技术： Java Web应用中的配置文件采用 XML文件的形式，另外JSP页面也可以采用 XML文档的形式。
web技术应用基础
第一章 web基础知识介绍一．网络基础介绍：什么是网络？可以简单的认为将一台以上的计算机通过一些部件、线缆、程序和需要共同遵守的协议连接在一起的可以完成单台计算机不能或难以完成的任务的一种形式。
组成网络必不可少的有：计算机、网络设备、网络协议和通讯系统。
网络的用途：产生网络的最基本的思路首先是实现在局部区域资源、任务等的共享----有了局域网，其次为了在更广的范围实现联系以及资源(硬件、软件、资料、信息等)共享----便有了广域网。
如果没有资源共享的要求，完全可以不用组网。
当然计算机网络发展到目前，它的应用已经超过初始设计计算机网络人员的想法。
如果放弃网络的细致划分，按一般网络的类型，大致可以分成如下两种： LAN(Local Area Network)网络类型用Windows 9.x/2kp作成的网络则属于另外一种网络----称之为“对等网(Peer to peer)”。
组成对等网络的计算机也有集线器、双绞线等各种网络部件。
不同的是：对等网络中没有明确的服务器和工作站。
在对等网中，只要在网上向其它计算机提供了服务，比如文件共享服务、打印机共享服务、光盘驱动器共享服务、拨号上网服务等，那么，这台计算机就是服务器。
在同一时刻，享受到这些服务的计算机就是工作站。
Windows 9.x/2kp组成的计算机局域网络具有：组网简单、成本低廉、实用可靠、维护方便，美中不足的是安全性和保密性较差。
通常局域网的组成必须有如下硬件和软件：作为服务器(Server)的主计算机。
因为它是为其他计算机提供共享资源服务的，因此要求它的性能较好。
在小型局域网中，由一台服务器提供所有的文件、打印、与外部的网络连接等的服务功能。
而在较大的局域网中，通常用路由器、光缆、令牌环路，多台服务器级的计算机组成计算机阵列(主控服务器、备份服务器、文件服务器、邮件服务器、通信服务器、打印机池、硬盘阵列、光盘塔等——集群系统)或中、大型机作为网络服务计算机，提供高速、不间断、大容量、有效的网络服务。
第1章 Web前端开发基础-Web前端开发-刘敏娜-清华大学出版社
1.4 Web页面在地址栏中输入要访问的网 页的url，通过http协议向url 所在的服务器发起服务请求
服务处理请求
根据浏览器发起的请求，把 url地址转换成网页所在服务 器上的实际路径，找到相应 的网页文件
3
反馈网页
网页中仅包含html标记，服 务器直接通过http协议将文 档发送到客户端，如果还包 括jsp程序或者其他动态网站 程序，则通过服务器执行后 将运行结果发送给客户端
3
1.1 web介绍
Web起源
WWW的开发阶段 WWW的发展阶段 WWW商业化阶段 无所不在的WWW
Web版本
Web 1.0 Web 2.0 Web 3.0
4
Web前端开发基础 Contents
1 Web介绍 2 Web开发 3 Web基本概念 4 Web页面浏览过程 5 Web前端开发技术 6 主流Web浏览器 7 Web前端开发流程 8 Web前端开发工具 9 Web前端工程师从业要求 10 网站鉴赏能力培养
Web也称万维网。Web的英文全称是“World Wide Web”，简称 WWW。 Web是基于“超文本”的信息查询和发布系统。万维网将Internet 上众多的Web服务器提供的资源连接起来，组成一个海量的信 息网。 Web是英国的TimBerners-Lee 1980年在欧洲共同体的一个大型 科研机构任职时发明的。 通过Web平台，互联网上的资源在一个网页里展示出来，而且 资源之间可以建立链接。
4
客户端显示网页
浏览器解释html文档，将结 果显示在客户端浏览器
1
2
3
4
10
Web前端开发基础 Contents
1 Web介绍
2 Web开发 3 Web基本概念 4 Web页面浏览过程 5 Web前端开发技术 6 主流Web浏览器 7 Web前端开发流程 8 Web前端开发工具 9 Web前端工程师从业要求 10 网站鉴赏能力培养
第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)。
第一章Web程序设计基础精品PPT课件
-也有些程序和文件是在服务器端执行的。
1 网站的运行
▪ 前台与后台的概念 -前台指客户端浏览器，后台指服务器环境 -静态网站与动态网站——根本区别在于是否应用交互技术
动静用 代 站 式 W静 在态态e户码。，A态b网网S只修用而网服P站站可改户程站务、：：浏来可序执器P仅通H览完以代行，通过P，成将码过而、过C不）信则程AGJHSS可息用IT、PPM反 反 来环A、LS馈 馈 描境、PPH述信 ，下C、PS处息 也，P、SH理。 可H、JPST逻（ 在j、sMP辑其 客等、JLS代。其 户技APS码普内 端术、P主通容 对实..NN要的的 网现EETT负更 站的H页等责T新进多面技M描必行个需L术述页须更页要（1（度2行B实网..信/面采改面互在S从从）程附现站中息只用和构动服直技序加和的又的务依工维成观术的的动交分器显角实动赖具护的态语互为端度现作示于对。网网言静网执）角样源站站态：， 引擎分析和执行程序代码。程序代码的执行结果被重新嵌入到HTML 代码中，然后一起发送给浏览器。ASP 、PHP、JSP三者都是面向 Web服务器的技术，客户端浏览器不需要任何附加的软件支持。 动态网站执行过程
▪ ASP/PHP/JSP运行环境 ▪ ASP是Microsoft开发的动态网页语言，也继承了微软产品的一贯传
统，只能执行于微软的服务器产品,IIS(Internet Information Server) (windows NT)和PWS(Personal Web Server)(windows 98)上。Unix 下也有ChiliSoft的组件来支持ASP，但是ASP本身的功能有限，必须 通过ASP＋COM的群组合来扩充，Unix下的COM实现起来非常困难。
本章内容
▪ 1.两种设计模式 ▪ 2.动、静态网页联系却别 ▪ 3.主流的动态网页设计技术 ▪ 4.html介绍
1 网站的运行
▪ 前台与后台的概念 -前台指客户端浏览器，后台指服务器环境 -静态网站与动态网站——根本区别在于是否应用交互技术
动静用 代 站 式 W静 在态态e户码。，A态b网网S只修用而网服P站站可改户程站务、：：浏来可序执器P仅通H览完以代行，通过P，成将码过而、过C不）信则程AGJHSS可息用IT、PPM反 反 来环A、LS馈 馈 描境、PPH述信 ，下C、PS处息 也，P、SH理。 可H、JPST逻（ 在j、sMP辑其 客等、JLS代。其 户技APS码普内 端术、P主通容 对实..NN要的的 网现EETT负更 站的H页等责T新进多面技M描必行个需L术述页须更页要（1（度2行B实网..信/面采改面互在S从从）程附现站中息只用和构动服直技序加和的又的务依工维成观术的的动交分器显角实动赖具护的态语互为端度现作示于对。网网言静网执）角样源站站态：， 引擎分析和执行程序代码。程序代码的执行结果被重新嵌入到HTML 代码中，然后一起发送给浏览器。ASP 、PHP、JSP三者都是面向 Web服务器的技术，客户端浏览器不需要任何附加的软件支持。 动态网站执行过程
▪ ASP/PHP/JSP运行环境 ▪ ASP是Microsoft开发的动态网页语言，也继承了微软产品的一贯传
统，只能执行于微软的服务器产品,IIS(Internet Information Server) (windows NT)和PWS(Personal Web Server)(windows 98)上。Unix 下也有ChiliSoft的组件来支持ASP，但是ASP本身的功能有限，必须 通过ASP＋COM的群组合来扩充，Unix下的COM实现起来非常困难。
本章内容
▪ 1.两种设计模式 ▪ 2.动、静态网页联系却别 ▪ 3.主流的动态网页设计技术 ▪ 4.html介绍
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服务器 数据库服务器
讲师演示讲解
第1章Web应用程序开发技术基础.ppt
三、演化模型
1. 什么是演化模型
它遵迭代的思想方法，使开发的软件在迭代过程中 逐步得到完善，一般适用于大型软件的开发。常见的 演化模型又有增量模型和螺旋模型两种。
2. 增量模型
(1) 基本思想：增量模型是瀑布模型的顺序特征与快 速原型法的迭代特征相结合的产物，该模型把软件看 作一系列相互联系的增量，每个增量是小而可运行的 程序，在开发过程的各次迭代中，每次完成一个增量。
②软件危机，使许多产业界人士认识到必须把软件生
产从个人化方式改变为工程化方式，从而导致了软件 工程的诞生。
二、软件工程
1. 软件工程的概念
软件工程的基本理念是“按工程的概念、原理、技 术和方法开发与维护计算机软件”。
“软件工程”一词，首先是1968年北大西洋公约组 织（NATO）在联邦德国召开的一次会议上提出的。
1.2.1 Web应用程序的含义 1.2.2 Web应用程序的特点
1.2.1 Web应用程序的含义
1.2.2 Web应用程序的特点
（1）基于HTTP （2）简单、统一的用户接口 （3）非对称、概率性的访问模式
1.3 Web应用程序的体系结构
1.3.1 2层体系结构 1.3.2 3层体系结构 1.3.3 4层体系结构
人们从不同的角度，给软件工程下过各种定义。但 是不论有多少种说法，它的中心思想，是把软件当作 一种工业产品，要求“采用工程化的原理与方法对软 件进行计划、开发和维护”。
软件工程的三个要素：方法、工具、过程
2. 软件工程的基本原则
软件工程围绕工程设计、工程支持以及工程管理， 提出了以下四条基本原则：
第1章 Web应用程序开发技术基础
1.1 Web发展历史 1.2 Web应用程序的基本概念 1.3 Web应用程序的体系结构 1.4 Web应用程序的工作环境 1.5 Web应用程序开发的技术内容 1.6 Web应用程序开发模型 1.7 Web应用程序开发的环境配置
第1章__WWW技术简介
WWW技术简介
URL（统一资源定位符）
URL由三部分组成：协议类型，主机名和路径及文件 名。
protocol :// hostname[:port] / path / [;parameters][?query]#fragment – 协议类型：通过URL可以指定的主要有以下几种：http、ftp、 telnet、file等，包括新出现的ed2k、Flashget、thunder、tencent 、msnim等。 – hostname（主机名）：是指存放资源的服务器的域名系统 (DNS) 主机名或 IP 地址。有时，在主机名前也可以包含连接 到服务器所需的用户名和密码（格式：username:password）。 – path（路径）：由零或多个“/”符号隔开的字符串，一般用来 表示主机上的一个目录或文件地址。
第一章 WWW技术简介
WWW技术简介
本章介绍WWW的概念、Web服务器配置、 创建虚拟目录和浏览器IE6.0配置。
一、WWW的概念 1.什么是WWW？
WWW是World Wide Web的缩写，简称为Web（万 维网）。WWW起源于1989年3月，是由欧洲粒子 物理实验室CERN (the European Laboratory for Particle Physics)开发的主从结构分布式（“客户机/ 服务器”模式）超文本系统。 1992年1月，Web的第一个版本在瑞士日内瓦问世 。
o
WWW技术简介
ASP、JSP、PHP的比较
Hale Waihona Puke WWW技术简介选择哪一种Web 应用程序技术取决于多个因素，其中包括 对各种脚本语言的熟悉程度以及要使用的应用程序服务器。
•如果采用ColdFusion MX服务器，则可以选择 ColdFusion 。
《网页设计与制作》第一章：网页制作基础
【例】给网页设置 “励志学社”的文档标 题，可在头部输入以下代码： <TITLE>励志学社</TITLE>
（4）主体标记 网页的主体是“<BODY>……</BODY>”标记
对作用的范围
<BODY>标记用于定义HTML文档主体的开始， 它能够设置网页的背景图像、背景颜色、链接颜色 和网页边距等属性，其基本用法如下所示： <BODY Background="URL" Bgclolr=Color Bgpropeties=Fixed Leftmargin=n Link=Color Alink=Color Text=Color Topmargin=n Vlink=Color>
2.个人网站
❖ 个人网站具有较强个性化，是以个人名 义开发创建的网站，其内容、样式、风 格等都是非常有个性的。
3.专业网站
❖ 这类网站具有很强的专业性，通常只涉 及某一个领域，内容专业。如榕树下网 站（）即是一个专业文学网站。
4.职能网站
❖ 职能网站具有专门的功能，如政府职能 网站等。目前逐渐兴起的电子商务网站 也属于这类网站，较有名的电子商务网 站有阿里巴巴（）、 卓越网（）和当当网上书店（）等。
Fireworks通过自动变形，用动的效果，图片编 辑工具和拖拽工具能传送较精彩的 Fireworks 图片。
Macromedia Flash 工具可较快的制作 SWF 文件。
思考题
1.1 什么是WWW？什么是网页？ 1.2 一个完整的URL由哪几部分组成？举
出几个URL的例子。 1.3 如何设置IE的主页？如何用IE收藏一
➢ 浏览器
❖概述 ❖分类 ▪Internet Explorer ▪Netscape Navigator ▪Mosaic等专业浏览器以及一些以上述浏览器 为内核的专用浏览器。
第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、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
Web中资源的传输是由超文本传输协议HTTP
（Hypertext Transfer Protocol）传送给用户
1.1 Internet与Web技术
1.1.3 Web技术的特点
Web页面具有丰富的多媒体表现特性 Web具备超级链接和快速导航能力 Web具有平台独立性 Web具有分布自治特性 Web具有动态交互特性
及其载体承担，C/S结构的Web应用与B/S结构具有紧密联系。
大系统和复杂系统中，C/S结构和B/S结构的嵌套也很普遍。
1.4 Web应用开发技术
1.4.1 Web基本架构
B/S结构
25
1.4 Web应用开发技术
1.4.1 Web基本架构
B/S结构的优势
26
维护和升级方式简单：瘦客户与胖服务器
协议版本号，后边的信息包括请求修饰符、客户机信息 和其他所需的内容。 服务器接到请求后，给予相应的响应信息。 客户机接收服务器返回的信息，通过浏览器显示在用户 的显示屏上，然后客户机与服务器断开连接。
1.2 Web技术的主要组成
1.2.3 HTTP协议
HTTP协议的主要特点
支持客户机/服务器模式
HTTP是一种应用层协议，基于标准的客户机/服务器模型。
HTTP在可靠的网络层协议（例如TCP/IP）的基础上提供
了在Web服务器和客户机之间传输信息的一种机制，并规定 了客户机与服务器之间交互的各种消息格式。 通过使用HTTP协议，客户机和Web服务器可以传递几乎所 有类型的文件，包括HTML文件、图像、视频、音频等多媒体 文件甚至应用程序
地址的这种表示法叫做“点分十进制表示法”。
1.2 Web技术的主要组成
1.2.1 Internet IP地址与网络域名
10
IP地址是数字标识，使用时难以记忆和书写，因此在IP地
址的基础上又发展出一种符号化的地址表示方案，来代替数 字型的IP地址。 域名（Domain Name）是由一串用点分隔的名字组成的 Internet上某一台计算机或计算机组的名称，用于在数据传输
19
1.2 Web技术的主要组成
1.2.4 HTML语言
20
HTML网页由浏览器解释执行，与硬件和系统没有直接关
系。它具有下列特点：
简易性：HTML版本升级采用超集方式，更加灵活方便。
可扩展性：HTML语言的广泛应用带来了加强功能、增 加标识符等要求，HTML采取子类元素的方式，为系统 扩展带来保证。 平台无关性：HTML语言可以在各种硬件平台和操作系 统上运行。
1.1 Internet与Web技术
1.1.2什么是Web
Web技术之父：蒂姆•伯纳斯-李（Tim Berners-Lee）
WWW不等于Internet，是基于Internet的应用系统
7
URI（Uniform Resource Identifier）用于标识Web
系统中数量巨大的资源
31
ห้องสมุดไป่ตู้
JSP文件（*.jsp）。
用JSP开发的Web应用是跨平台的，既能在Linux下
运行，也能在其他操作系统上运行。
1.4 Web应用开发技术
针对数据库的增、删、改、查等操作。
1.4 Web应用开发技术
1.4.2 三层与多层架构
B/S从两层发展到三层结构，具有以下优点：
30
（1）开发人员可以只关注整个结构中的其中 某一层。 （2）可以很容易地用新的实现来替换原有层 次的实现。 （3）可以降低层与层之间的依赖。 （4）有利于标准化。 （5）利于各层逻辑的复用。
1.4 Web应用开发技术
1.4.2 三层与多层架构
系统部署的典型三层架构
28
1.4 Web应用开发技术
1.4.2 三层与多层架构
29
系统部署的多层架构与软件开发的三层架构联系密切，
包括：用户界面层，业务逻辑层和数据访问层
界面层，是用户在使用一个系统时的所见所得。接
受用户的输入，并将结果显示给用户。 业务逻辑层，针对具体问题的操作，对业务逻辑进 行处理，是系统核心。 数据访问层主要用于数据的访问，直接操作数据库，
“网址”。
统一资源定位符URL常见的基本格式为：
<访问协议>://<主机名>:<端口号>/<文件路径> :8080/login.aspx
1.2 Web技术的主要组成
1.2.3 HTTP协议
13
HTTP是Hypertext Transfer Protocol（超文本传输协议）
1.2 Web技术的主要组成
1.2.2 统一资源定位符URL
12
统一资源定位符URL（Uniform Resource Locator）是用
于完整地描述Internet上网页和其他信息资源地址的一种标识 方法。 URL就是Internet上的每一个网页或信息资源都具有一个唯 一的名称标识，通常称之为URL地址，或Web地址，俗称
第1章 Web技术基础
NCRE
课程简介
2
本教程根据教育部考试中心最新颁布的《全国计算机等级
考试二级Web程序设计考试大纲》编写
主要考察考生对Web技术基础知识的掌握情况
为进一步掌握主流Web高级编程技术提供基础技术支持
课程学习内容
第一章介绍构成Web技术的基础知识 第二章介绍HTTP协议的知识
1.3 Web浏览器与服务器
1.3.1 Web浏览器
21
浏览器是指运行在用户的机器上用来展现和浏览来自Web
服务器或者本地文件系统中的HTML页面，并让用户与这些页 面交互的一种客户机软件。 浏览器主要通过HTTP协议与Web服务器交互并获取网页， 这些网页由URL指定，由浏览器解释。 不同硬件平台和操作系统上的浏览器功能有差异
成本降低，选择更多：不限制客户端浏览器，开发人
员只需要维护好服务器端的程序即可，从而极大地减 轻了开发成本和维护成本，并给用户更多的选择。 应用服务器运行数据负荷较重，需要在服务器上进行 更多投资，并做好负载平衡和数据安全等工作。
1.4 Web应用开发技术
1.4.2 三层与多层架构
27
在B/S架构的基础上，可以进一步扩充成三层架构或多
8
1.2 Web技术的主要组成
1.2.1 Internet IP地址与网络域名
9
在以TCP/IP网络协议为主的网络中，机器之间的访问是通
过IP地址来进行的。
IP地址就是给每个连接在Internet上的主机分配的一个32位
的地址。按照TCP/IP协议规定，IP地址用二进制来表示，每 个IP地址长32位，即4个字节。 IP地址经常被写成十进制的形式，中间使用符号“.”分开 不同的字节。于是上面的IP地址可以表示为“10.0.0.1”。IP
1.3 Web浏览器与服务器
1.3.3 Web工作原理
从本质上讲，Web系统中用户使用浏览器去访问某一个
Web服务器，这也是一种客户机/服务器的工作模式。
23
浏览器发起请求并解释所收到的HTML文档
HTTP负责传输浏览器和服务器之间的任何数据
服务器负责接收浏览器的请求并翻译或执行相关动作，获
1.4 Web应用开发技术
1.4.3 JSP开发技术
JSP（Java Server Pages)是由Sun Microsystems
公司倡导、许多公司参与一起建立的一种动态网页技术 标准。 在传统的网页HTML文件（*.htm、*.html）中插入 Java程序段（Servlet）和JSP标记（tag），从而形成
发展：文本到多媒体
1.1 Internet与Web技术
1.1.2 什么是Web
基本概念
6
WWW（World Wide Web），中文称万维网，Web是
互联网上的一种应用服务，它使用超文本技术将遍布全
球的各种信息资源链接起来，以便于用户访问。 超文本：超文本是一种全局性的信息结构，它将不同文 档或同一文档中的不同部分通过超链建立链接，使信息 得以相互关联起来，并能以超链跳转的方式进行访问。
1.5 *Web服务器的安装与配置 1.6 *Web技术的历史和发展
1.1 Internet与Web技术
1.1.1 什么是Internet
Internet（互联网）
需求：美国国防部需要一种分散的指挥系统
5
原型网络：ARPANET
核心互联协议：TCP/IP协议
主要应用：Telnet，ftp，Email等
1.2 Web技术的主要组成
1.2.3 HTTP协议
HTTP协议所处的位置
14
1.2 Web技术的主要组成
1.2.3 HTTP协议
HTTP协议工作步骤
15
1.2 Web技术的主要组成
1.2.3 HTTP协议
HTTP协议工作步骤
客户机向服务器发起建立连接请求
16
客户机请求方式的格式为：统一资源标识符（URL）、
17
简单快速而且灵活
HTTP 1.0使用非持续连接 无状态 支持内容协商 可扩展性
1.2 Web技术的主要组成
1.2.4 HTML语言
超文本标记语言，即HTML（Hypertext Markup
Language），是用于描述网页文档的一种标记语言。
18
通过标记符号来标记要显示的网页中的各个部分。
3
第三章介绍用于Web表现的THML语言
第四章介绍CSS样式表 第五章介绍JavaScript语言的基本概念和相关编程元素 第六章介绍几种主要动态编程技术