Web技术应用基础_d01
Web技术应用基础(第一章)精品PPT课件
● IP地址的表示方法
IPv4地址采用“点分十进制”表示法。 按照TCP/IP协议规定，IP地址用二进制来表示，每个IP 地 例如：一个采用二进制形式的IP地址是“1110101000”， 为了方便记忆和使用，IP地址经常被写成十进制的形式， 中间使用符号“.”分开不同的字节。
计算机网络 ●
Web环境
通过通信线路和通信设备，将分布在不同地理位置、 具有独立功能的计算机系统连接起来，在网络协议 和网络管理软件的支持下，实现彼此之间数据通信 和资源共享的系统。
计算机网络为网络用户提供了两个主要功能：
连通和共享
连通功能共把享网功上能计使上算网用户可 机连接起以来使，用使网人上所们有公享资 可了以地交域换的源软、信遥件游，息远、戏例，。如硬等忘信件等、息记娱、乐文节档、目
在因特网上与其他用户通信或查找资源，先要找 到用户或资源所在的主机，然后才可以进行通信 或查询存储于该主机上的资源。 在因特网上使用IP地址或域名标识网上的主机或 者设备，使用URL来定位网上的资源。
国家级精品课程 —Web技术应用基础
● IP地址
Internet是网络的网络，连接了海量主机（或设 备），为了识别网上主机（或设备），人们为每 台主机（或设备），分配了一个在Internet唯一 的32位的二进制数，即主机的IP地址。
国家级精品课程 —《Web技术应用基础》
第1章 Web技术概述
本章主要内容
Web应用的基础知识和基本概念，主要包括计算 机网络、Internet、 Web基本概念， Web开发技 术和Web方式访问数据库技术等。 学习目标：
– 掌握Web开发的基本知识、主要技术和工作原理 – 理解Web开发常用架构，会画B/S三层结构图 – 熟练应用IP地址、域名和URL网上查找资源 – 理解JSP访问数据库技术
WEB技术应用基础习题及答案
1. 以下几个IP地址中（）不是合法的IP地址？A.204.1546.21.106B.127.0.0.1C.175.146.87.175D.202.96.0.2552. HTTP的默认端号是（）。
A.80B.8080C.70D.213．如果网页（），该网页是动态的。
A.有GIF动画图片动来动去B.有动画广告飞来飞去C.能看影视D.是动态实时生成的4.以下选项中（）是不正确的URL。
A.C.http://localhost:8080/bookshop/index.jspD.ftp://ftp.link/down/search.jsp5.客户发出请求、服务器端响应请求过程中，说法（）是正确的。
A.在客户发起请求时，DNS域名解析地址前，浏览器与服务器建立连接B.客户在浏览器上看到结果后，释放浏览器与服务器连接C.客户端直接调用数据库数据D.Web服务器把结果页面发送给浏览器后，浏览器与服务器断开连接6.以下说法（）是正确的。
A.因特网和万维网是一回事B.万维网是网络的网络C.万维网是一个运行在Internet上的全球性、分布式信息发布系统D.万维网是覆盖全球的网络1.简述名词：计算机网络、互联网和Inernet。
1.为使页面具有红背景色（）语句正确。
A. <body background =red>B. <body text = red >C. <body vlink=red>D. <body bgcolor = red >2.以下代码段显示（）。
<ul ><li>列表</li><li>列表</li></ul>A. 以字母a开始的有序列表B. 以实心园点标记的无序列表C. 以实心园点标记的无序列表D. 描述列表3.对以下语句描述（）正确。
<img src="..\images\xinxinqu.jpg" >A. 在页面上插入一幅图像B. 在页面上插入一首歌曲C. 插入一段影视D. 插入电子信箱4. 为链接到文件chaolianjie.html中名为“内容简介”位置，语句（）正确。
《Web技术应用基础》PPT课件
xml-css.xml
<?xml version="1.0" encoding="GB2312"?> <?xml-stylesheet type="text/css" href="mycss.css"?> <resume> <name>Michael Guo</name> <sex>Male</sex> <birthday>1966.7</birthday> <skill>Computer Graphics,Data mining,Teaching</skill> </resume>
第2篇 Web客户端程序设计基础
第5章 CSS
1
5.1 XML
XML的产生 HTML 遇 到 一 些 瓶 颈 问 题 ， 促 使 可 扩 展 性 标 记 语 言
XML（eXtendable Markup Language）的诞生。1996年 7 月 XML 工 作 小 组 在 W3C （ World Wide Web Consortium ） 的 赞 助 下 成 立 ， 于 1998.1.10 正 式 通 过 XML1.0规范。由于XML具有可扩展性、结构性、自我 描述性的特点，并采用数据和样式分离原则，使其在 数据的管理、交换上拥有极为卓越的性能。
用户自定义类作为选择符 定义格式：选择符.类名 selector.classname{ attributes1:values1;attributes2:v alues2;…}，例： • span.blue{color:#0000FF} span.red{color:red} 应用样式时在对应的HTML标签中加入class属性， 属性值为样式表的类名。例： • <p>这是一个引用两个不同span样式的例子， <span class="blue">蓝色span</span>与<span class="red">红色span</span></p>
《Web技术应用基础》课程学习指南
《Web技术应用基础》课程学习指南一、课程目标通过对Web技术的学习，让学生掌握Web技术基本知识和基本概念，理解Web技术基本原理，掌握动态网站开发环境搭建、Web程序设计、Web访问数据库的程序设计方法与实际项目开发技能。
同时让学生对网站开发、维护岗位所需的技术和技能有一个初步认识，注意培养学生的专业思维与职业素养,使学生具有继续学习和可持续发展能力。
二、课程与专业其他课程的关系《Web技术应用基础》在计算机信息管理专业中是一门综合性专业技术核心课程，承担着培养“（网络）管理信息系统的实现与维护”专业核心能力的重任。
该课程既是对前修专业课程的复习、综合运用和融会贯通，又是在此基础上的深入学习和提升。
该课程所涉及的计算机方面的知识几乎覆盖了计算机信息管理专业所有计算机类课程。
《Web技术应用基础》课程在“计算机信息管理”专业课程体系的地位和与其他课程的关系如图1所示。
图1 《Web技术应用基础》课程在“计算机信息管理”专业课程体系的地位和与其他课程的关系三、教学组织本课程以培养学生的实际工作能力为导向，根据计算机信息管理专业高技能人才培养目标，参考企业网站开发人才的用人标准，制定课程大纲。
在教学方法上将项目教学法与案例教学法结合，以与企业合作开发的实际项目为案例，将案例分解为小任务，按工作流程组织教学，让学生从单一小任务的跟随、模仿到领悟、综合运用和提升。
在教学手段上采用讲授、演示、启发、课堂讨论等多种方法，学生在学中做，做中学，教、学、做合一。
四、课程考核形式要求《Web技术应用基础》课程是计算机信息管理专业的核心课程，是一门理论与实践并重综合性技术课程。
课程的考核由三部分构成，即“理论知识+实践技能+平时表现”。
理论知识考核，期末闭卷笔试，满分50，占总成绩的40%。
技能考核，分小组提交大作业，满分50，占总成绩的40%。
出勤与平时表现，按100分记录，占总成绩的20%。
闭卷笔试，主要考核学生对Web技术的原理、概念、方法的掌握情况；大作业主要考核学生的专业技能，考察学生的实际动手能力，该项根据网站作业完成情况和小组演示答辩情况进行打分，满分50。
第1章Web应用程序开发技术基础.ppt
三、演化模型
1. 什么是演化模型
它遵迭代的思想方法，使开发的软件在迭代过程中 逐步得到完善，一般适用于大型软件的开发。常见的 演化模型又有增量模型和螺旋模型两种。
2. 增量模型
(1) 基本思想：增量模型是瀑布模型的顺序特征与快 速原型法的迭代特征相结合的产物，该模型把软件看 作一系列相互联系的增量，每个增量是小而可运行的 程序，在开发过程的各次迭代中，每次完成一个增量。
程序设计基本上属于个人活动性质，程序员各行其 是，并无统一的方法可循； 这时的软件开发方法称为个性化软件开发。
第二阶段（ 20世纪60年代后期兴起的结构化开发方 法）：
该阶段的特点：
采用结构化的方法来编写程序，不仅可以改善程序 的清晰度，而且也能提高软件的可靠性与生产率。
有效的开发应该包括“需求分析”、“软件设计”、 “编码”等多个阶段。
4. 线性模型的特点
阶段间具有顺序性和依赖性：上一阶段的变换结果 是下一阶段变换的输入，相邻两个阶段具有因果关系， 每个阶段完成任务后，都必须进行阶段性评审，确认 之后再转入下一个阶段。 文档驱动性：要求每个阶段必须完成规定的文档;每 个阶段结束前完成文档审查,以便尽早发现问题并改 正错误。
5. 线性模型的优缺点
web11web发展历史12web应用程序的基本概念13web应用程序的体系结构14web应用程序的工作环境15web应用程序开发的技术内容16web应用程序开发模型17web应用程序开发的环境配置121web应用程序的含义122web应用程序的特点121web122web1基于http2简单统一的用户接口3非对称概率性的访问模式1312层体系结构1323层体系结构1334层体系结构141因特网初步分析142web原理分析151web应用程序开发的需求152web应用程序的执行过程153web应用程序的开发步骤154web应用程序开发技术的层次性155web应用程序开发与web工程151webweb应用程序开发的含义一方面web需要应用程序一方面应用程序需要web152web与动态万维网文档与cgi技术中提到的执行过程基本一致
web技术应用技术基础
第一章 web基础知识介绍一．网络基础介绍：什么是网络？可以简单的认为将一台以上的计算机通过一些部件、线缆、程序和需要共同遵守的协议连接在一起的可以完成单台计算机不能或难以完成的任务的一种形式。
组成网络必不可少的有：计算机、网络设备、网络协议和通讯系统。
网络的用途：产生网络的最基本的思路首先是实现在局部区域资源、任务等的共享----有了局域网，其次为了在更广的范围实现联系以及资源(硬件、软件、资料、信息等)共享----便有了广域网。
如果没有资源共享的要求，完全可以不用组网。
当然计算机网络发展到目前，它的应用已经超过初始设计计算机网络人员的想法。
如果放弃网络的细致划分，按一般网络的类型，大致可以分成如下两种：•LAN(Local Area Network)网络类型用Windows 9.x/2kp作成的网络则属于另外一种网络----称之为“对等网(Peer to peer)”。
组成对等网络的计算机也有集线器、双绞线等各种网络部件。
不同的是：对等网络中没有明确的服务器和工作站。
在对等网中，只要在网上向其它计算机提供了服务，比如文件共享服务、打印机共享服务、光盘驱动器共享服务、拨号上网服务等，那么，这台计算机就是服务器。
在同一时刻，享受到这些服务的计算机就是工作站。
Windows 9.x/2kp组成的计算机局域网络具有：组网简单、成本低廉、实用可靠、维护方便，美中不足的是安全性和保密性较差。
通常局域网的组成必须有如下硬件和软件：作为服务器(Server)的主计算机。
因为它是为其他计算机提供共享资源服务的，因此要求它的性能较好。
在小型局域网中，由一台服务器提供所有的文件、打印、与外部的网络连接等的服务功能。
而在较大的局域网中，通常用路由器、光缆、令牌环路，多台服务器级的计算机组成计算机阵列(主控服务器、备份服务器、文件服务器、邮件服务器、通信服务器、打印机池、硬盘阵列、光盘塔等——集群系统)或中、大型机作为网络服务计算机，提供高速、不间断、大容量、有效的网络服务。
Web技术应用基础_第二章+web运用环境构建技术
Web平台
站点的服务对象 人们创建了Web站点，为特定的用户提供服务。在创 建站点时，必须明确这个站点是为谁服务的，其次是谁会 来访问它？站点的规划必须尽可能地满足这些人的需求。 而后推测出Web站点上的信息流量，由此预测出站点的资 源需求(硬软见的购置和配置、网络的带宽等)。 网站的构架 一个可持续发展的网站应是可扩展的，站点规模的扩 大不会对现有设备与技术产生太大的冲击。当网站需要升 级时，底层所用的设备与技术不必进行大的变更，只需添 加设备改变上层应用即可。为使站点可扩展，应尽可能地 将网页内容、应用程序与后台数据库分开，按三层结构的 构架规划网站。
6
Web平台
规划站点的位置及网络连接形式 用户可以创建自己的独立站点、可以使用托管服务器， 虚拟主机类，也可以租用空间甚至于免费空间建立站点。 开发技术平台 一旦技术方案确定后，就可以确定开发平台以及创建 此平台。数据库的选择、数据库的结构、服务器应用程序 采用的语言和技术等。 实施操作 网页的表现形式、采用的技术方案、人员配备和分工、 项目周期以及有关项目的推介等。
4
Web平台
Web环境的规划 在创建一个Web站点时，首先要明确它的服务对象是 谁？为什么要创建这个站点？用它来做什么和预期目标？ 根据需求可以确定站点的规模和服务内容、本地平台，软 硬件的配置、网站的域名、带宽等技术问题、主页设计风 格和应用开发策略等以及设计制作平台搭建。 建立Web站点的目的 每一个Web站点都有它的用途。不管是信息提供或查 询、集团或企业需为自己进行企业宣传，建立外界形象、 或内部员工提供信息与服务，进行各种调度管理，发布技 术档案和技术信息等、或为产品用户提供技术支持，与客 户进行交流，进行电子商务，电子政务活动等。总之，在 建立一个新站点之前必须要明确这个站点的目标是什么。
第01章 web应用基础综述
2019/3/31
1.1.2 HTML元素
HTML标签用来组成HTML元素，是一些由两个尖 括号 “<”和“>”括起来的预定义标记。
HTML标签通常成对出现，如<h1>和</h1>，分别称 为开始标签和结束标签，开始标签和结束标签再加 上它们之间所包含的内容，就构成了一个HTML元 素。 HTML标签可以带有属性。
frameset和frame还可以指明name、ID、 noresize等属性，frame还可以作为超链的目标。
《Web应用开发技术》
2019/3/31
1.1.2.4 HTML表单
用户与浏览器的交互是通过一些交互控件(如文本框、密码框、下 拉列表、单选框、复选框等)来完成的。这些交互控件必须放在表单元 素中，才能通过表单元素最终完成与服务器的交互。下面是一个使用 表单的例子： <html> <body> <form method="get" action="HTMLPage2.htm" target="_blank"> 用户名：<input id="Text1" type="text" /><br> 口 令：<input id="Password1" type="password" /><br> 类 型：<select id="Select1"> <option value="S">学生</option> <option value="T">教师</option> <option value="M" selected>管理人员</option> </select><br> <input id="Submit1" type="submit" value="登录" /> </form> </body> </html> 2019/3/31 《Web应用开发技术》
web技术应用基础主要复习内容
web技术应用基础主要复习内容第一章 web技术概述1. www的全称2.web的三要素3.已知IP地址，子网掩码求主机所在的网络类型、网络号、子网号和主机编号，例如P24第19题4.URL的格式P15例子5.创建Web站点所需要的技术有哪些？第二章 web应用环境构建技术1.Tomcat的目录结构P35表2-1例如Tomcat的默认发布目录第三章无第四章 HTML1.<body>标记及其属性P66-P672.<hn>标记及其属性P673.<font>标记及其属性P684.特定文字样式标记P68表4-35.水平线标记<hr>及其属性P69表4-46.<pre>预格式化标记P697.图像标记<img>及其属性P71表4-58.背景音乐标记<bgsound>9.表格与列表标记P73-P7710.超链接标记<a>及同一页面间的连接11.表单标记P82-P84例题4.6、例题4.7、例题4.8、例题4.9、例题4.13、例题4.14、例题4.16第五章 CSS1.CSS样式表的扩展名是什么2.CSS样式定义的4种方式第六章 JavaScript1.JavaScript书写格式P1092.window对象的方法P121表6-83.window对象的事件P122表6-94.document对象的属性、方法及事件P126表5.Date对象的主要方法P130表6-17例题6.4、例题6.5、例题6.6、例题6.7、例题6.8、例题6.9第七章 JSP运行机制与基本语法1.JSP注释与HTML注释区别2.应用举例P152例7.33.JSP指令，尤其是JSP include指令与JSP include动作的区别和联系4.JSP：forward动作的功能P164例题7.3、例题7.4、例题7.5、例题7.8、例题7.9、第8章JSP内置对象1.request对象和response对象2.什么是cookie，其功能是什么3.使页面跳转的方法有哪些，他们在跳转的过程中，网址是否发生变化4.out对象方法及应用举例P188例题8.1、例题8.3、例题8.5、例题8.6、例题8.8第9章 JSP的web数据库应用开发1.什么是JDBC，JDBC的功能是什么P2282. JDBC建立数据库连接的步骤P234。
第一章 Web应用程序开发基础
1.1 HTTP通信协议基础 TCP Monitor工具简介
Web应用程序开发基础
在TCP Monitor中检查数据
8、检查连接信息
9、检查请求信息
10、检查响应信息
第一章 Web应用程序开发基础
1.1 HTTP通信协议基础
1.2 基于Java技术的Web应用基础
1.3 JBuilder9.0集成开发环境对Web应用开发的支持
Web应用程序开发基础
检查TCP Monitor
6、点击 Port 8082
连接信息在此显示
请求、响应信息在此显示
1.1 HTTP通信协议基础 TCP Monitor工具简介
Web应用程序开发基础
修改客户端的请求URL地址。原来的URL为http://localhost:8080/ ， 现在为：http://localhost:8082并向服务器发出申请。这时请求和应答 都是同过侦听器TCP Monitor来进行的
1.1 HTTP通信协议基础 HTTP请求信息的结构
Web应用程序开发基础
PUT方法
PUT方法用于在所请求的URI中存储请求信息主体。这个主体可以是一个 文件或者其他资源，如HTML或者XML数据。PUT方法和POST方法的区别 在于PUT方法要求请求的信息主体被存储在指定的URI，而POST方法则要 求指定的URI处理该请求，而不必在服务器端存储，不会形成一个新资源。
Web应用程序开发基础
一个典型的HTTP响应信息
HTTP/1.1 200 OK Last-Modified: Sun, 24 Oct 2004 02:44:41 GMT Content-Type: text/html Content-Length: 113 Date: Sun, 12 Dec 2004 14:39:37 GMT Server: Apache Coyote/1.0
Web技术应用基础
Web技术应用基础（第2版）复习指导书第1章Web技术概述1．主要内容（1） Web技术及Web三要素P1；（2） TCP/IP协议在各层次（应用层、传输层、网络层）中代表性的协议及其功能P9；（3） IP地址作用、地址表示法、几个特殊意义的IP地址及子网掩码P10-P12；（4） IP地址的使用案例P12-P13；（5） Web工作机制及Web站点的三层结构P16；（6） Web客户端开发技术、服务器端开发技术P18-P19；（7） Web数据库与普通数据库的区别P20；（8） Web数据库访问技术JSP技术的工作过程P21；2．课后习题P24一、14、18、19第2章Web应用环境构建技术1. 主要内容（1）安装JSP运行环境，需要的软件P29；（2）安装各种软件的步骤P29-P40；（3） Tomcat的目录结构P35；2．课后习题P43一、4、5第3章略第4章第4章 HTML1．主要内容（1） HTML文件的结构P65；（2） HTML的标记，其中包括页面结构的标记、页面修饰标记、文字样式标记、特定文字样式标记、段落标记及其应用P66-P70；（3） HTML页面多媒体技术，其中包括图像标记、背景音乐标记、音乐和影像文件及其应用P71；（4）表格与列表标记及其应用P73-P77；（5）超链接标记及其应用P78；（6）表单标记及其应用P82-P84；（7）窗口框架标记及其应用P85-P86；（8） HTML应用案例P87-P91；2．课后习题P91一、6、7、8、9、10、11、12第5章CSS1.主要内容（1） CSS定义、文字样式属性、颜色和背景属性P95-P96;（2）将样式表的功能加到Web页面中的4种方法P97-P99；（3）样式表的应用案例P99；（4）页面定位及其案例P101；2.课后习题（略）第6章JavaScript1.主要内容（1）图像互换位置案例P107;（2） JavaScript书写格式P109;（3）函数及应用案例P115;（4） JavaScript常用事件及应用案例P119;（5） Window对象在JavaScript中的应用P120-P124；（6） Document对象在JavaScript中的应用P125-P127；（7） JavaScript内置对象应用案例P131;（8） JavaScript应用案例P132-P137；2.课后习题P140一、5、6、7、8、9、10、11第7章 JSP运行机制与基本语法1. 主要内容（1）JSP运行机制P147;（2）JSP注释及示例、声明及示例、表达式、脚本段及应用案例P149-P155；（3）include指令及案例、page指令及案例P156-P157；（4）JSP动作及应用举例P160-P167；（5）jsp:useBean应用实例P174-P178；2. 课后习题P182一、4、6、7、10、11、12、13第8章 JSP内置对象1. 主要内容（1）request对象的功能、方法getParamer应用案例P186-P187；（2）request对象的常用方法的功能P188；（3）reponse对象的功能、sendRedirect方法、setStatus方法、setContentType 方法及其应用案例P189-P195；（4）out对象常用属性、方法举例P197-P199；（5）session对象定义、常用的方法及其应用案例P200-P201；（6）page对象的方法及其对应的功能P209；（7）Cookie对象定义、功能、属性、方法及应用案例P211-P213；2. 课后习题P218一、2、4、7、8、9第9章基于JSP的Web数据库应用开发1. 主要内容（1）数据库及SQL语句相关知识P221-P228；（2）JDBC定义、三大功能、JDBC-ODBC桥P228-P231；（3）JDBC建立数据库连接步骤及其举例P232-P238；（4）记录操作案例P238-260；2. 课后习题P260一、1、2、3、4、5、6、7、8。
《Web技术应用基础》教学大纲
《Web技术应用基础》教学大纲一、课程基本信息二、课程教学目标—1—本课程是介于技术基础课程与技术实践课程之间的一门课程，它也包含了技术专业课程的成分，是一门综合性强、既涵盖了常用的信息应用概念、又综合了大多Web应用系统技术的实际操作的具有相当复合程度的课程。
本课程将针对网上应用开发实例，展开Web技术三个台阶的学习：台阶1：难度Ⅰ Web基础、JSP运行环境台阶2：难度Ⅱ HTML、脚本语言搭建Web运行环境、JavaScript 、JSP基本语法、JSP标记、JSP内置对象、JavaBean 台阶3：难度Ⅵ JSP关键技术：使用JSP访问数据库、Java Servlet课程的主要任务：通过课程学习，学生将具有网上应用系统建设所需主流技术的应用能力（ JSP技术），使用这些技术对数据库的信息进行存储、管理与发布。
三、课程教学内容与要求单元一Web技术概述任务1 Internet基础知识学习任务2 IP地址、域名、 URL等网络基本知识学习任务3 了解Web任务4 了解Web开发技术任务5 理解Web方式访问数据库知识要求：1、理解Internet基本概念2、掌握IP地址、输入掩码，子网划分、域名、URL3、理解Web基本概念、工作机制4、了解主流Web开发技术5、理解Web访问数据库机制技能要求：1、能够掌握IP地址子网划分教学重点:1、理解Web基本工作原理2、掌握IP地址、输入掩码，子网划分3、理解Web方式访问数据库技术教学难点:1、理解Web基本工作原理—2—2、掌握IP地址、输入掩码，子网划分单元二HTML标记语言任务1 HTML常用命令（排版、超链接、多媒体）任务2 HTML的表格任务3 HTML的表单任务4 HTML的框架任务5 HTML的CSS样式知识要求：1、理解HTML标记语言的基本语法2、掌握HTML标记语言的排版、多媒体和超链接标记3、熟练HTML标记语言中表格的标记4、掌握HTML标记语言中表单的标记5、熟练HTML标记语言中框架的标记6、掌握HTML标记语言中CSS样式的标记技能要求：1、正确使用HTML语言进行网页制作2、能够阅读分析HTML文件3、能够编写简单的HTML文件教学重点:1、理解HTML标记语言的基本语法2、掌握HTML标记语言的常用命令（排版、超链接、多媒体）3、掌握HTML标记语言中表格、表单、框架及CSS样式的基本语法教学难点:1、正确使用HTML标记语言中表单的标记应用2、理解HTML标记语言中加载CSS样式的四种语法单元三搭建JSP开发环境任务1 了解JSP运行环境软件需求任务2 下载、安装、配置JDK任务3 下载、安装Tomcat服务器任务4 发布JSP网站—3—任务5 安装SQL Server数据库任务6 搭建ASP运行环境、发布ASP网站知识要求：1、了解JSP运行环境软件要求2、掌握JSP运行环境搭建方法3、理解虚拟目录4、掌握虚拟目录设置方法5、掌握JSP网站发布方法6、掌握ASP运行环境安装方法7、掌握ASP网站发布方法技能要求：1、掌握JSP运行环境搭建方法2、掌握JSP网站发布方法3、掌握ASP运行环境搭建方法4、掌握ASP网站发布方法教学重点:1、了解搭建JSP运行环境2、理解虚拟目录3、掌握JSP网站发布4、了解搭建ASP运行环境5、掌握ASP网站发布教学难点:1、理解虚拟目录理解掌握设置方法2、掌握JSP网站发布3、掌握ASP网站发布单元四JavaScript任务1 了解JavaScript任务2 学习JavaScript基本语法任务3 学习JavaScript控制语句和函数任务4 理解JavaScript 对象任务5 理解JavaScript 事件—4—任务6 学习与掌握window 对象任务7 学习与掌握document对象任务8 学习与掌握JavaScript内置对象任务9 JavaScript应用案例学习知识要求：1、理解JavaScript基本语法2、掌握JavaScript控制语句和函数3、理解JavaScript对象4、理解JavaScript事件5、理解Window对象6、理解Document对象7、理解JavaScript内置对象技能要求：1、能够运用JavaScript控制语句和函数2、能够运用JavaScript对象3、能够运用JavaScript事件3、能够运用JavaScript内置对象教学重点:1、理解JavaScript基本语法2、理解JavaScript控制语句和函数3、理解JavaScript对象4、理解JavaScript事件5、理解Window对象6、理解Document对象7、理解JavaScript内置对象教学难点:1、理解JavaScript控制语句和函数2、理解Document对象单元五 JSP基本语法任务1 JSP页面的基本结构和创建方法任务2 JSP运行机制任务3 JSP基本语法—5—任务4 JSP中文乱码处理问题知识要求：1、理解JSP页面的结构2、掌握JSP页面的创建方法3、熟练掌握JSP中变量和方法的声明、脚本元素的用法4、掌握使用局部变量和全局变量的方法5、掌握正确解决中文乱码问题的方法技能要求：1、能够使用JSP页面创建方法制作JSP页面2、能够使用JSP元素（声明、表达式、Java程序片）实现动态交互功能3、能够利用局部变量和全局变量的特点完成应用功能4、能够正确解决中文乱码问题教学重点:1、理解JSP页面的基本结构2、掌握JSP页面的创建方法3、掌握JSP元素（声明、表达式、Java程序片）语法及应用教学难点:1、理解JSP运行机制2、能够处理中文乱码问题单元六 JSP标记任务1 JSP指令标记和动作标记基本要点任务2 Page指令标记任务3 Include指令标记任务4 include动作标记任务5 param动作标记任务6 forward动作标记知识要求：1、理解JSP指令标记、动作标记和自定义标记的基本要点2、熟练掌握 page、include标记的功能和使用方法3、熟练掌握param、include、forward动作标记的功能和使用方法4、掌握include指令和include动作的区别—6—技能要求：1、能够使用page指令标记完成页面属性的定义2、能够使用include指令标记完成页面的静态包含3、能够使用param、include、forward动作标记完成页面的动态包含、页面转向和参数传递教学重点:1、理解JSP指令标记、动作标记基本要点2、熟练掌握 page、include标记的功能和使用方法3、熟练掌握param、include、forward动作标记的功能和使用方法4、理解include指令和include动作的区别教学难点:1、理解include指令和include动作的区别单元七 JSP内置对象任务1 JSP内置对象的功能任务2 request对象任务3 response对象任务4 session对象任务5 application对象知识要求：1、理解JSP 9个内置对象的主要功能2、熟练掌握其中4个主要内置对象(request对象、response对象、session对象、application对象)的功能和使用方法3、理解session对象和application对象的区别技能要求：1、能够使用request对象的getParameter()方法获取用户信息2、能够使用response对象的sendRedirect()方法进行页面重新定向3、能够使用session对象存储和输出客户在一个会话期的变量，使用application对象存储和输出在服务器运行期所有客户共享的变量教学重点:1、理解JSP 9个内置对象的主要功能—7—2、重点掌握request对象的getParameter()方法3、重点掌握response对象的sendRedirect()方法教学难点:1、理解session对象和application对象，并能够对其进行正确应用单元八 JSP与JavaBean任务1 JavaBean 功能及应用步骤任务2 制作、编译和部署任务3 在JSP页面中调用JavaBean任务4 设置和获得bean属性值知识要求：1、理解为什么要使用JavaBean2、掌握编制JavaBean的方法，会部署字节码文件的目录结构3、熟练掌握在JSP页面中调用JavaBean方法4、熟练掌握设置和获得bean属性方法技能要求：1、能够编制JavaBean，会部署字节码文件的目录结构2、能够在JSP页面中正确调用JavaBean3、能够用JSP+JavaBean完成具有一定复杂度的应用开发教学重点:1、理解JavaBean的功能2、掌握编制JavaBean的方法3、部署字节码文件的目录结构4、熟练掌握在JSP页面中调用JavaBean方法教学难点:1、熟练掌握设置和获得bean属性方法单元九使用JSP访问数据库任务1 数据库理论基础知识学习任务2 掌握JDBC连接数据库的工作原理、连接方式和步骤任务3 纯JAVA驱动程序连接数据库技术任务4 JDBC-ODBC桥连接数据库—8—任务5 JSP技术操作数据库数据技术任务6 用户注册功能实现知识要求：1、理解数据库理论基本概念2、熟练掌握创建ODBC数据源的基本步骤3、掌握纯Java驱动程序连接数据库技术4、掌握JDBC-ODBC桥连接数据库技术5、熟练使用JSP技术对数据库中的数据进行查询、插入、更新和删除等操作6、熟练进行用户注册界面设计和功能实现的分析技能要求：1、熟练表述数据库的基础知识点。
第01章 web应用基础.
1.1.1 HTML的基本概念
客户/服务器工作方式Client/Server 页面Page 统一资源定位符URL 超文本传输协议HTTP 超文本标记语言HTML
《Web应用开发技术》
2019/2/26
最简单的HTML文档 <html> <head> <title>Hello World!</title> </head> <body> <h1>Hello World!</h1> This is my first page. </body> </html> 说明： <html>和</html> 开始结束标记 <head>和</head> 头信息，不被显示 <title>和</title> 文档标题，显示在标题栏 <body>和</body> 文档正文，显示在浏览器中
当需要结束一行，但又不想开始新段落时， 使用<br>标签。
<p>这又是一段，<brቤተ መጻሕፍቲ ባይዱ 但有一个换行。</p>
<br>标签不需要结束标签，它出现在哪里， 就在哪里换行。很多页面设计者更倾向于不使用 段落标签，而直接将内容放在<body>标签之间， 用<br>强制换行来形成段落，如：
内容不一定非要在段落中，<br> 只要用<br>换行就行了。
《Web应用开发技术》
2019/2/26
1.1.2 HTML元素
HTML标签用来组成HTML元素，是一些由两个尖 括号 “<”和“>”括起来的预定义标记。
第1章 WEB技术基础
CSS（Cascading Style Sheets，层叠样式表 ）
◦ CSS的主要工作就是描述WEB页面的显示风格和样式 ，使用它可以使得WEB页面的显示内容与显示样式分 开，有利于对页面文件的维护。
脚本语言
◦ 常用的脚本语言有VBScript和JavaScript，它们 都是由浏览器解释执行的 。 ◦ 它们不仅可以作为客户端程序的开发技术，也可 以应用于服务器端程序的开发。
1.2.4 WEB的客户端技术
HTML （HyperText Markup Language，超 文本标记语言）
◦ HTML语言是一种标记语言，它通过标记来描述页 面上的文字、影像、图片等内容。 ◦ 我们可以使用任何文字编辑软件来编辑HTML代码 ，常用的开发软件如Dreamweaver等也都是制作 HTML页面的不错选择。
1.2.3 WEB的工作原理
用户请求 查询数据
返回应答结果
返回查询结果
客户端
服务器端
数据库
动态WEB工作原理
◦ 首先客户Web浏览器发出请求要求访问Web服务 器的某一动态网页 ◦ 服务器运行该动态网页中程序，必要时访问数据 库，最终生成动态的HTML页面返回客户端
1.2.4 WEB的客户端技术
WEB站点的开发可以分成客户端和服务器端 两部分。 客户端主要用于显示信息内容，也就是我 们浏览的WEB页面，服务器端程序的主要功 能是对所需信息进行处理。
◦ 常用的Web客户端开发技术有HTML、XML、CSS、 脚本语言等。 ◦ 常用的WEB服务器端开发技术有JSP、ASP、PHP 、等。
1.2.3 WEB的工作原理
HTTP协议是基于请求/响应的工作模式 。 它的工作过程为：
第1章Web应用基础ppt课件-PPT精品文档
浏览器
浏览器是一个用于文档检索和显示的客户应
用程序，并通过超文本传输协议HTTP（ HyperText Transfer Protocol）与Web服 务器相连 常见的浏览器有：
IE Netscape Mozilla Firefox Opera 其他IE核心浏览器 ，如Maxthon 、
微软Web应用解决方案
Web应用
B/S和C/S结构定义
B/S和C/S的应用场景 Web应用的定义
Web应用相关技术发展历史
客户端技术的发展历史
服务器端技术的成熟与发展
客户端技术的发展历史
HTML的诞生
动态HTML的出现让Web应用变得多姿多彩 客户端脚本语言的产生让Web应用具有人机
交互能力 XML的迅速发展让网页具有信息自我描述的 能力
服务端技术的成熟与发展
静态信息的发布
CGI的诞生 多种服务端脚本技术的出现让服务端应用的
开发变得更轻松 XML的迅速发展催生了Web Service技术 Web 2.0让Web应用变得更精彩
Web浏览器和服务器
浏览器
演示和练习：使用ASP建立一个简 单的网页
多媒体演示
1.X
是运行在服务器端的编译后的CLR代码 利用提前绑定、即时编译、本地优化和缓
存服务来提高性能 在Visual Studio .NET的集成开发环境（IDE）中 ，框架由丰富的工具箱和设计器组成 由于是基于CLR的，因此整个.NET平台功 能强大且富有弹性，同样可以应用于Web应用程序 开发者 使常见工作的执行变得很容易，包括从简 单的表单提交、客户端验证，到部署和站点配置
微软Web应用解决方案
01第1章 web应用基础1
1.3.3.2 事件驱动及事件处理
JavaScript采用事件驱动 采用事件驱动(Event-Driven)的 采用事件驱动 的 机制对用户输入做出响应。在图形界面环境下， 机制对用户输入做出响应。在图形界面环境下， 通常称鼠标或键盘的动作为事件(Event)。 通常称鼠标或键盘的动作为事件(Event)。在 JavaScript中，对事件的处理通常由函数完成， 中 对事件的处理通常由函数完成， 称为事件处理函数。 称为事件处理函数。
1.3.2 JavaScript基本数据类型 基本数据类型
基本数据类型： 基本数据类型：
数字 文本字符串 布尔型 null(空) 空 undefined(未定义 未定义) 未定义
复合数据类型： 复合数据类型：
对象 数组
1.3.2 JavaScript基本数据类型 基本数据类型
常量： 的常量通常又称字面常量， 常量：JavaScript的常量通常又称字面常量，是其值不能 的常量通常又称字面常量 改变的数据。 改变的数据。 整型常量：可以使用十六进制、 整型常量：可以使用十六进制、八进制和十进制表示 其值。 其值。 实型常量：实型常量由整数部分加小数部分组成， 实型常量：实型常量由整数部分加小数部分组成，也 可以使用科学表示法。 可以使用科学表示法。 布尔常量： 布尔常量：true和false。 和 。 字符型常量：使用单引号(‘)或双引号 或双引号(“)括起来的多个 字符型常量：使用单引号 或双引号 括起来的多个 (可以是 个)字符。 可以是0个 字符 字符。 可以是 空值： 空值：null，表示什么也没有。 ，表示什么也没有。 未定义： 未定义：undefined。 。
1.3.3 函数与事件驱动
1.3.3.1 函数 1.3.3.2 事件驱动及事件处理 1.3.3.3 基于对象的 基于对象的JavaScript语言 语言 1.3.3.4 内部对象 1.3.3.5 窗口及输入输出
第1章Web应用基础
HTML的设计目标是显示数据并集中于数 据外观，而XML的设计目标是描述数据并 集中于数据的内容。
XML与HTML的比较
【例1-3】XML与HTML的比较。
HTML文档：
XML文档 ：
<Body>
<?xml version="1.0"
网页内容
XHTML示例
【例1-2】XHTML基本语法示例。 使用XHTML完成例1-2的功能。
参见示例\第01章\例1-2\Default.aspx
1.2.3 可扩展标记语言XML
可扩展标记语言（Extensible Markup Language, XML）是W3C组织于1998年2 月发布的标准。
客户端编程的缺点
所有代码都要下载到客户端才能执行，因此 网页打开慢；
需对不同浏览器进行测试 如需用到服务器资源（如数据库中的数据），
无法实现 无法阻止其他人复制自己的代码
服务器端的动态Web页面工作原理
服务器端编程技术
能克服客户端编程的缺点 在静态Web页面的基础上，增加服务器端
Web应用相关技术发展（续）
静态网页 ： HTML的诞生 客户端动态Web页面 服务器端动态Web页面
静态WEB网页
是用HTML书写的一种特殊类型的文件。 HTML是超文本标记语言(Hypertext Markup
Language) 浏览器解释执行HTML代码 ，并显示相应的页面
<title>…</title>：设置网页的标题，一般在浏 览器的顶部标题栏中显示。
<font>…</font>：控制字符的样式，size是它 的一个常用属性，用来控制字符大小。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
ISP网络 路由器
路由器 路由器
个人电脑
R
企业网
R
企业子网
R
路由器 路由器
R
18
Web技术基础 技术基础
1.2.3 OSI参考模型 计算机之间的数据通信必须遵守某种约定和规程， 这些约定和规程就是网络通信协议。协议三要素： 语法(syntax) (syntax)： 语法(syntax)：数据和控制信息的结构或格式 语义(semantics) (semantics)： 语义(semantics)：需要发出何种控制信息，完成何 种动作和做出何种响应。 定时(timing) (timing)： 定时(timing)：实体通信实现顺序的详细说明。 国际标准化组织(ISO)提出的“开放系统互连模型” 是计算机网络通信的基本协议。TCP/IP TCP/IP是Internet使 TCP/IP 用的通信协议。
数据包 信头
信息包(frame packet) 信息包
22
• 协议栈
Application Layer Presentation Layer Session Transport Network Data-Link Physical
OSI
App
App
Program Program Application
4
Web技术基础 技术基础
第1章
5
Web技术基础 技术基础
1.1 Web简介 什么是Web技术？ Web全称 全称World Wide Web，简称 全称 ，简称WWW， ， 译名万维网或全球信息网。 译名万维网或全球信息网。 Web技术通指在网络上利用各种技术实现 和完成的各种服务功能和客户浏览的开发 技术。
21
Web技术基础 技术基础
网络信息传递与数据包 信息在网络中传输时,被分割成一个个信息包 信息在网络中传输时 被分割成一个个信息包 (Frame packet).每个包有一个信头 包含发送者和 每个包有一个信头 每个包有一个信头,包含发送者和 接受者的Internet地址． Protocol)协 接受者的Internet地址．IP(Internet Protocol)协 地址 议根据目的地址,选择路由 议根据目的地址 选择路由(router),将信息包送达 选择路由 将信息包送达 目的地. 目的地
10
Web技术基础 技术基础
客户机(Client)或终端机： 客户机(Client)或终端机：供用户使用，性能可以稍微差 (Client)或终端机 一点，可无硬盘工作。
网卡和导线： 网卡和导线： 计算机之间用这种网卡通过导线连接实现资 源共享。也可以在计算机之间再加入一个HUB集线器(目前 以Switch交换型)将各计算机信号收集起来再连到服务器以 提高连接的可靠性。
Layer Layer Layer Layer Layer
Layer Transport TCP Layer Network Layer Link Layer Physical Layer IP
UDP
Hardware Interface Transmission Lines 23 TCP/IP
1
Request
2
Network interfaFra biblioteke524
Web技术基础 技术基础
1.3 IP、域名和 、域名和URL 1.3.1 IP地址 地址 1. IP地址的作用 Internet上每台主机或设备、每个用户都有一个唯一 的地址以确定是谁和在何处。在TCP/IP协议中分配给 每 台 主 机 一 个 32 位 数 作 为 该 主 机 的 IP 地 址 ， 在 Internet上发送的每个数据包都包含了一个32位的发 送方地址和一个32位的接受方地址。
Web技术基础 技术基础
Web技术应用基础 技术应用基础
1
Web技术基础 技术基础
教材：
Web技术应用基础 第二版) 《 Web技术应用基础 (第二版)》
清华大学出版社
2
Web技术基础 技术基础
课程性质： 课程性质：
介于技术基础课程与技术实践课之间 ，也包 含了技术专业课的成分，是一门综合性强、既涵盖 了常用的信息应用概念、又综合了大多Web应用系统 技术的实际操作的，具有相当复合 复合程度的课程。 复合 也可以认为：是一门宽范围技术应用课，以学会应 用某一种或几种技术完成实际应用开发为主
– 网络病毒、保密、黑客 网络病毒、保密、黑客(Huckman) – 上网费用:电话费 网络费 上网费用 电话费+网络费 电话费
噢!
17
Web技术基础 技术基础
电子商务网站
R
校园网
R
具有上网功能的手机
R
路由器 路由器 路由器 路由器 路由器 PDA掌上电脑
路由器
R
卫星接收系统 校园网子网
Internet
8
Web技术基础 技术基础
根据网络覆盖范围大小将网络分为局域网、广域网和城域网
局域网（Local Area Network）：LAN LAN，连接近 LAN 距离网，覆盖范围从几米到数公里。例如：办公
室、实验室、一个建筑物、园区内等。
9
Web技术基础 技术基础
局域网硬件和软件 作为服务器(Server)的主计算机： (Server)的主计算机 共享资 作为服务器(Server)的主计算机：为其他计算机提供共享 共享 源服务，性能较好。 • 小型局域网：由一台服务器提供所有的文件、打印、与 小型局域网： 外部的网络连接等的服务功能。 较大局域网： • 较大局域网：常用路由器、光缆、令牌环路，多台服务 器级的计算机组成计算机阵列(主控服务器、备份服务器、 文件服务器、邮件服务器、通信服务器、打印机池、硬盘阵 列、光盘塔等——集群系统)或中、大型机作为网络服务计 算机，提供高速、不间断、大容量、有效的网络服务。作为 服务器的计算机(阵列)通常由网络管理员(Administrator) 专职维护处理。
15
Web技术基础 技术基础
Internet主要技术： ·采用标准协议 采用标准协议——TCP/IP协议，使网上各种不 采用标准协议 同的计算机进行通信 ·通过路由器将不同网络互连 ·通过路由器将不同网络互连 ·建立在TCP/IP协议基础之上的WWW浏览服务 建立在TCP/IP协议基础之上的WWW浏览服务 建立在TCP/IP协议基础之上的WWW ·应用DNS域名解析系统完成计算机和用户之间 应用DNS域名解析系统完成计算机和用户之间 应用DNS 的地址解析工作
Internet 定义： 定义： The Internet is a network of network . It is a massive collection of computers networks that connect millions computers, people, software program, databases, and files.
14
Web技术基础 技术基础
Internet的全称：Inter Network，译为“因 因 特网”， 也称国际互联网，简称互联网。因 特网 特网是一个把世界范围内的众多计算机、人、 数据库、软件和文件连接在一起的，通过一个 共同的通信协议(TCP/IP协议)相互会话的网络。 该网集合了全球重要信息资源，是信息时代人 们交流信息不可缺少的手段和途径。与 Internet相连的任何一台计算机，都被称为主 主 机。
12
Web技术基础 技术基础
广域网通常通过用公共电信系统 公共电信系统(比如卫星，海底电缆，微波 公共电信系统 通信站点，长途电话，市话网络等)将一个一个的局域网和计 算机连接在一起，实现较大范围的计算机资源共享的方法。 13 WAN技术相对LAN来说要复杂一些。
Web技术基础 技术基础
1.2.2. Internet定义与技术特点
各种软件协议： 各种软件协议： NETBEUI，IPX/CPX，NetWare ， TCP/IP… … 等。
11
Web技术基础 技术基础
广域网（Wide Area Network）：WAN WAN，覆盖范 WAN 围从几十公里到几千公里，可以连接若干个城 市、地区、国家，甚至横跨几个洲覆盖全球， 形成国际性的远程网络。 城域网（Metropolitan Area Network）：MAN MAN， MAN 它是介于局域网和广域网之间的一种高速网络， 覆盖范围为几十公里，其规模限于一个城市的 范围。
20
Web技术基础 技术基础
TCP/IP协议 协议 TCP/IP：传输控制协议/ TCP/IP：传输控制协议/网际协议 Transportation Control Protocol/Internet Protocol 。TCP/IP拥 有一套完整而系统的协议标准，采用信息打包的方法 来简化各种不同类型的计算机之间的通信传输。 TCP/IP协议是实现互连网络的连接性和互操作性的关 键，就像胶水一样把Internet上成千上万的网络互连 起来，是Internet上所有计算机进行信息交互和传输 所采用的协议，也是Web服务器与其他网络计算机互 连的基本通信协议。
3
Web技术基础 技术基础
课程结构： 课程结构：
Web技术三个层面 三个层面的应用： 三个层面 • Web技术概述,站点构建技术 Web技术概述 技术概述, Web编程技术 • Web编程技术 Web数据库应用开发技术 • JSP Web数据库应用开发技术
Web站点构建：JSP 运行环境的构建。 Web编程：HTML、CSS、JavaScript 数据库信息发布：JSP技术，具有网上应用系统建设所需主流 技术的应用能力（ JSP技术），使用这些技术对数据库的信息 进行存储、管理与发布。
19
Web技术基础 技术基础
OSI参考模型 OSI(Open Systems Interconnection)指开放系 OSI 统互连，是ISO(国际标准化组织)制定的网络系统框 架结构 结构，是一切网络互联的基础模型。OSI参考模型 结构 采用了分层的结构化技术。层次的划分从逻辑上将功 能分组。层次要足够多，以使每一层小到易于管理； 但也不能太多，使汇集各层的处理开销太大。OSI采 用了7个层次的体系结构。