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应用开发技术》
- 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个层次的体系结构。