第1章Web技术简介

合集下载

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基础知识

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程 序,并将结果传送至浏览器

第1章_Web数据库技术概述

第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-第1章基本概念

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的技术。

第一章Web技术概述

第一章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开发技术概述

1 Web开发技术概述
24-32
网页制作工具
Fireworks也是由Macromedia公司开发的一种工 具。它以处理网页图片为特长,并可以轻松创作 GIF动画。它的出现使Web作图发生了革命性的变 化。Fireworks是专为网络图像设计而开发,内 建丰富的支持网络出版功能,比如Fireworks能 够自动切图、生成鼠标动态感应的javascript。 而且Fireworks 具有十分强大的动画功能和一个 几乎完美的网络图像生成器(Export功能)。它增 强了与Dreamweaver的联系,可以导出为配合CSS 式样的网页及图片。
B/S模式是一种基于Web的协同计算模式,是一种 三层架构的瘦客户机/肥服务器的计算模式。第 一层为客户端表示层,与C/S结构中的“肥”客 户端不同,三层架构中的客户层只保留一个Web 浏览器,不存放任何应用程序,其运行代码可以 从位于第二层Web服务器下载到本地的浏览器中 执行,几乎不需要任何管理工作。第二层是应用 服务器层,由一台或多台服务器(Web服务器也 位于这一层)组成,处理应用中的所有业务逻辑 ,包括对数据库的访问等工作,该层具有良好的 可扩充性,可以随着应用的需要任意增加服务的 数目。第三层是数据中心层,主要由数据库系统 组成。
2-32
第1章 Web开发技术概述
1.掌握Web的基本概念和基础知识。 2.熟悉C/S模式与B/S模式的结构。 3.了解常用的Web开发工具。 4.了解Web开发的基本技术。 5. 了解Web 2.0的特点及相关技术。
3-32
Web开发技术概述
互联网的快速发展对人们的工作、学习和生活带 来了重大影响。人们利用互联网的主要方式就是 通过浏览器访问网站,以便处理数据、获取信息 。当人们通过浏览器打开各式各样的网站进行信 息处理、享受互联网带给人们巨大便利的同时, 好奇的读者也许非常想知道其背后所隐藏的所有 实现技术。涉及到的技术是多方面的,包括网络 技术、数据库技术、面向对象技术、图形图像处 理技术、多媒体技术、网络和信息安全技术、互 联网技术、Web开发技术等等。其中Web开发技术 是互联网应用中最为关键技术之一。

第1章 Web前端开发基础-Web前端开发-刘敏娜-清华大学出版社

第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 网站鉴赏能力培养

Web前端开发(初级)-第1章 Web简介-Ver 1.0

Web前端开发(初级)-第1章 Web简介-Ver 1.0
1+X 证书试点 - web前端开发 课程组
1.1 Web的诞生
Internet的主要服务 E-mail:电子邮件,具有速度快、成本低、方便灵活的优点,用户 之间通过发送/接受电子邮件可以向实现信息的交换; FTP:文件传输,主要用于文件的分享,由于安全问题,使用场景有 所减少; BBS:电子公告牌,主要用以信息的共享和用户之间的互动,现代已 发展成为功能前的社区,可以实现信息公告、线上交谈、分类讨论、 经验交流、文件共享等; WWW:World Wide Web,简称WWW,也称Web,是Internet上集文本、声 音、图像、视频等多媒体信息于一身的全球信息资源网络,是 Internet上的重要组成部分。
Opera
Presto,2013年换成Blink(Chromium)
Safari
Webkit
Firefox
Gecke
Google Chrome 之前为Webkit,2013年换成Blink
联盟);
1+X 证书试点 - web前端开发 课程组
1.2 Web 相关概念
WWW World Wide Web的缩写,简写为W3、Web,中文名为万维网, 它是Internet上最核心的部分,是Internet上哪些支持WWW 服务和HTTP协议的服务器的集合; WWW在使用上分为Web服务器和Web客户端,用户通过Web客 户端可以访问Web服务端的页面;
现状 成为libwww库
技术出售、诞生Netscape
和IE竞争失败,正式退出历 史舞台 2016-1-12停止维护,历史 原因,依然留存 现存 现存 现存 现存 现存
1+X 证书试点 - web前端开发 课程组
1.2 Web 相关概念
  1. 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
  2. 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
  3. 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。

为了满足人们对信息丰富性和多样性的强烈需求。 促使Web技术由静态技术向动态技术的转化。 第一种使服务器能根据运行时的具体情况,动态生 成HTML页面的技术是CGI(Common Gateway Interface,公共网关接口)技术。 1993年,CGI 1.0的标准草案由NCSA(National Center for Supercomputing Applications)提出, 1995年,NCSA开始制定CGI 1.1标准。 CGI技术允许服务端的应用程序根据客户端的请求, 动态生成HTML页面,这使客户端和服务端的动态 信息交换成为了可能。
2016年4月6日
20
1.1.1 Web技术的由来与发展
Web(World Wide Web,简称WWW或者Web)是 由蒂姆· 伯纳斯-李(Tim Berners-Lee,万维网之父, 1955年出生于英国、不列颠帝国勋章获得者、英国 皇家学会会员、英国皇家工程师学会会员、美国国家 科学院院士)于1989年3月提出的万维网设想而发展 起来的。 1980年,Tim Berners-Lee负责的Enquire(Enquire Within Upon Everything的简称)项目 是Web项目的起 源。 1989年,Tim Berners-Lee 发明的分布式应用架构, 向人们提供信息和信息服务。 1990年,第一个Web服务器开始运行。 1991年,CERN(European Particle Physics Laboratory)正式发布了Web技术标准。
2016年4月6日 8
第4章 JSP基础知识
4.5 JSP常用动作 4.5.1 <jsp:param>动作 4.5.2 <jsp:include>动作及其应用实例 4.5.3 <jsp:useBean>动作及其应用实例 4.5.4 <jsp:setProperty>动作及其应用实例 4.5.5 <jsp:getProperty>动作及其应用实例 4.5.6 <jsp:forward>动作及其应用实例 4.6 常见问题及解决方案
2016年4月6日 11
第6章 JSP中基本数据库操作
6.1 JDBC基础知识 6.2 通过JDBC-ODBC桥访问数据库 6.2.1 通过桥访问Access及其应用实例 6.2.2 通过桥访问Excel及其应用实例 6.2.3 通过桥访问Microsoft SQL Server 2008及其应用实例 6.3 通过JDBC驱动访问数据库 6.3.1 访问MySQL数据库及其应用实例 6.3.2 访问Microsoft SQL Server 2000数据库及其应用实例 6.3.3 访问Microsoft SQL Server 2008数据库及其应用实例 6.4 查询数据库及其应用实例 6.5 更新数据库(增、删、改)及其应用实例

2016年4月6日 21
早期的Web应用主要是使用HTML语言编写、
运行在服务器端的的静态页面。
2016年4月6日
22

HTML(Hypertext Markup Language,超文本标记语言)是一 种描述文档结构的语言,不能描述实际的表现形式。

1945年,范内瓦· 布什(Vannevar Bush)提出了文本 和文本之间通过超级链接相互关联的思想,并给出设 计方案。
第1章 Web技术简介
4
第2章 JSP常用开发环境介绍
2.1 JSP环境介绍 2.2 JDK安装配置 2.2.1 JDK简介与下载 2.2.2 JDK安装与配置 2.3 Netbeans开发环境 2.3.1 NetBeans简介与下载 2.3.2 NetBeans安装与使用 2.4 Eclipse开发环境 2.4.1 Eclipse 简介与下载 2.4.2 Eclipse的使用
2
目录
2016年4月6日
3
1.1 Web基础知识 1.1.1 Web技术的由来与发展 1.1.2 Web动态网页技术 1.1.3 Web应用程序的工作原理 1.2 JSP基础知识 1.2.1 JSP的工作原理 1.2.2 JSP两种体系结构 1.2.3 JSP开发Java Web站点的主要方式 1.3 简单的JSP应用实例 1.4 常见问题及解决方案 2016 年4月 6日
2016年4月6日 13
第7章 企业信息管理系统项目实训
7.1 企业信息管理系统项目需求说明 7.2 企业信息管理系统项目系统分析 7.3 企业信息管理 7.4.1 项目文件结构 7.4.2 登录功能的实现 7.4.3 系统主页面功能的实现 7.4.4 客户管理功能的实现 7.4.5 合同管理功能的实现 7.4.6 售后管理功能的实现 7.4.7 产品管理功能的实现 7.4.8 员工管理功能的实现 7.5 常见问题及解决方案
2016年4月6日
12
6.6 JSP在数据库应用中的相关问题 6.6.1 JSP的分页技术及其应用实例 6.6.2 汉字处理 6.7 学生信息管理系统应用实例 6.7.1 学生信息管理系统主页面功能的实现 6.7.2 学生信息查询功能的实现 6.7.3 学生信息添加功能的实现 6.7.4 学生信息删除功能的实现 6.7.5 学生信息修改功能的实现 6.8 常见问题及解决方案
JSP程序设计与项目实训教程
张志锋 邓璐娟 张建伟 宋胜利
清华大学出版社
2016年4月6日 1
| 海 有 | 壁 无 |一切为了学生。 | 纳 容 | 立 欲 |为了学生一切。 | 百 乃 | 千 则 |岂能事事如意,但求无愧于心。 | 川 大 | 仞 刚 |把微笑留给世界,让世界因你微笑!
2016年4月6日

2016年4月6日 24
1994年,Rasmus Lerdorf发明了专用于Web服务端 编程的PHP(Personal Home Page Tools)语言。 1996年,Microsoft借鉴PHP的思想,推出ASP技术。 借助Microsoft Visual Studio等开发工具在市场上的 成功,ASP迅速成为了Windows系统下Web服务端 的主流开发技术。 1997年,SUN公司推出了Servlet技术,作为Java 阵营的CGI解决方案。 1998年,SUN公司又推出了JSP技术,允许在 HTML页面中嵌入Java脚本代码,从而实现动态网 页功能。2009年4月20日,甲骨文(Oracle)
2016年4月6日 15
9.1 Servlet基础知识 9.1.1 什么是Servlet 9.1.2 Servlet生命周期 9.1.3 Servlet的技术特点 9.1.4 Servlet与JSP的区别 9.1.5 Servlet在Java Web项目中的作用 9.1.6 Servlet部署 9.1.7 开发一个简单的Servlet 9.2 JSP与Servlet常见用法 9.2.1 通过Servlet获取表单中的数据及其应用实例 9.2.2 重定向与转发及其应用实例 9.3 基于JSP+Servlet留言系统的应用实例 9.4 常见问题及解决方案
2016年4月6日 5
2.5 MyEclipse开发环境 2.5.1 MyEclipse简介与下载 2.5.2 MyEclipse安装与使用 2.6 Tomcat服务器 2.6.1 Tomcat简介与下载 2.6.2 Tomcat安装与配置 2.7 常见问题及解决方案
2016年4月6日
6
3.1 HTML页面的基本构成 3.2 HTML常用标签 3.2.1 列表标签及其应用实例 3.2.2 多媒体和超链接标签及其应用实例 3.2.3 表格标签及其应用实例 3.2.4 表单标签及其应用实例 3.2.5 框架标签及其应用实例 3.3 CSS基础知识 3.3.1 CSS样式表定义 3.3.2 HTML中加入CSS的方法及其应用实例 3.3.3 CSS的优先级及其应用实例 3.3.4 CSS基本属性及其应用实例 3.4 常见问题及解决方案 2016年4月6日
范内瓦· 布什具有6个不同学位的科学家、教育家和政府官员与 本世纪许多著名的事件都有着千丝万缕的联系,如组织和领导 了制造第一颗原子弹著名的“曼哈顿计划”、氢弹的发明、登 月飞行、“星球大战计划”。正如历史学家迈克尔· 雪利所言, “要理解比尔· 盖茨和比尔· 克林顿的世界,你必须首先认识范内 瓦· 布什。”正是因其在信息技术领域多方面的贡献和超人远见, 范内瓦· 布什获得了“信息时代的教父”的美誉。 1960年后正式将这种信息关联技术命名为超文本(Hypertext)技 术。 1991年HTML语言正式诞生以来推出了多个不同的版本,其中 对Web技术发展具有重大影响的主要是两个版本: 1996年推出 的HTML3.2;1998年推出的HTML4.0。 1999 年 23 2016 年4月6 日 W3C颁布了HTML 4.01。
2016年4月6日 10
5.5 pageContext对象 5.5.1 pageContext对象的基础知识 5.5.2 pageContext对象应用实例 5.6 exception对象 5.6.1 exception对象的基础知识 5.6.2 exception对象应用实例 5.7 application对象 5.7.1 application对象的基础知识 5.7.2 application对象应用实例 5.8 常见问题及解决方案
2016年4月6日 9
第5章 JSP的常用内置对象
5.1 out对象 5.1.1 out对象的基础知识 5.1.2 out对象应用实例 5.2 request对象 5.2.1 request对象的基础知识 5.2.2 request对象应用实例 5.3 response对象 5.3.1 response对象的基础知识 5.3.2 response对象应用实例 5.4 session对象 5.4.1 session对象的基础知识 5.4.2 session对象应用实例
相关文档
最新文档