这篇博客详细介绍了Web技术的相关知识，包括IP地址规划、Web开发环境搭建、HTML和CSS的基础、JavaScript对象和内置对象的应用、JSP的运行机制和基本语法，以及JSP内置对象的作用域。内容覆盖了从网络基础知识到Web应用开发的多个方面，是期末复习的重要参考资料。
web技术应用基础
第一章 web 技术概述
web ：标记标签 样式类型 脚本语言
< base href = “URL” >基地址标记 锚点
- 名词解释
主机：与internet相连的任何一台电脑都叫主机
HTTP:超文本传输协议
HTML:超文本标记语言
URL:统一资源定位器
超文本：超链接和文本的结合
internet 定义：把世界范围内的计算机连接起来，通过一个共同的通信协议（TCP/IP协议）相互会话的网络。
web ：建立在internet上的一个重要的应用
什么是web？：web全称为 World Wide Web 简称WWW web是因特网提供的一项最重要的应用
TCP/IP协议：分为四层 ：应用层 运输层（TCP）网际层（IP）网络接口层
IP地址：为了识别网上主机或设备，人们为主机分配的在internet上唯一的32位或128位二进制数。
子网掩码：可以把一个IP地址分解为对应的网络地址、子网地址及主机地址。
域名：人们为网上的主机起的便于记忆的名字，叫域名。
域名的结构：主机名，三级域名，二级域名，顶级域名。
URL的格式：<协议> : // <主机名> : 端口号 / < 路径 / 文件名 >
web工作机制
- 客服发起请求，在浏览器输入URL
- 浏览器向DNS域名系统请求，把域名解析为IP地址
- 根据解析出的IP地址，浏览器与Web服务器建立连接
- 浏览器向Web服务器发出HTTP请求报文
- Web服务器响应请求，找到相应的HTML文件，若其中嵌入了程序，则由Web服务器运行这些程序，把结果嵌入页面。
- Web服务器把结果页面发送给服务器
- 浏览器与服务器断开连接
- 浏览器解释HTML文档，在客户端屏幕上显示。
一旦web服务器响应了客服的请求，并把结果发送给客户，服务器和客户之间的连接就被断开，服务器上不存储连接信息，故HTTP也称无状态协议
- Web 站点体系结构
浏览器 / 服务器 / 数据库服务器 三层结构（B / S）结构
web四要素：
- 使用统一资源定位符URL标识网上各种文档。
- 使用HTTP协议访问网上资源
- 使用超链接，提供信息资源之间相互访问的手段。
- 使用标准的超文本标记语言HTML显示信息内容
-
简述web和internet的区别和联系
联系：是建立在Internet上的一种网络服务，为浏览者在Internet上查找和浏览信息提供了图形化的、易于访问的直观界面
区别：Internet是互联网中最大的一个，web只是Internet上的一个应用层服务。Internet 是基础，Web 是应用。web是建立在internet基础上的 -
IP地址分为哪几类？ 分别适用于什么情况？
网络IP地址有5类：A,B,C,D,E,其中A,B,C 是常用网络地址。A类用于大型规模网络，B类用于中型规模网络， C类用于小型规模网络， D类和E类是一类特殊类型的IP地址
应用题：IP地址的使用与企业IP地址的规划
-
知识预备 十进制与二进制的相互转化
-
根据IP地址判断其网络类别、网络地址和主机地址
-
根据IP地址和子网掩码判断其网络类别、网络号、子网号和主机号
为单位申请IP地址
步骤
- 申请IP地址
- 确定子网地址的位数与子网地址
- 主机地址分配方案
- 子网掩码的确定
第二章搭建Web开发与运行环境
- JSP开发与运行环境 ：JDK， Web服务器 ，数据库SQL Server
第三章 基于Web方式的信息系统开发案例
- 系统环境建设
1、建设内部网络系统
2、将网络系统与因特网相连
3、确定IP地址
4、确定域名
5、完成网络书店与ISP的物理连接
第四章 HTML
HTML 文件的结构
<html>
<head> ... </head>
<body>...</body>
</html>
文件头标记 <head> ... </head>
<head>
<title>...</title>
<base href = "URL">
<meta name = "";content = ""; charset = gb2312>
<link>
<style>...</style> CSS 样式标记
</head>
文件主体标记 <body>...</body>
<body>
<body bgcolor = blue>
<body background = "back.gif">
<body text = red>
<body alink = "green" vlink = "red" link = "blue">
</body>
注释标记
<!--注释内容-->
HTML 页面修饰标记
标题标记<hn>...</hn>
<hn align = left|center|right>标题文字</hn>
-----------------------------------------------------
文本样式标记<font>...</font>
<font face = "楷体">...</font>
<font size = 6>...</font>
<font color = "red">...</font>
<b>...</b>
<i>...</i>
<u>...</u>
-----------------------------------------------------
段落标记
<p align = left|center|right>段落文字</p>
<br>
<nobr>段落文字</nobr>
<hr>
<pre>..</pre>
-----------------------------------------------------
多媒体标记
<img src = "URL" alt = "文字说明" width = "" height = "">...</img>
<bgsound src = "音乐文件的URL" loop = 循环播放次数>
编程题：表格 列表与块容器标记
表格标记<table>...</table>
<table border = 2>
<caption>...</caption>
<tr>...</tr>
<th>...</th>
<td>...<td>
</table>
-----------------------------------------------------
无序列表 <ul>...</ul>
<ul>
<li>...</li>
<li>...</li>
</ul>
-----------------------------------------------------
有序列表 <ol>...</ol>
<ol>
<li>...</li>
<li>...</li>
</ol>
-----------------------------------------------------
描述列表标记<dl>...</dl>
<dl>
<dt>术语<dd>术语的定义1
<dd>术语的定义2
<dt>术语<dd>术语的定义
<\dl>
-----------------------------------------------------
<div> 标记
<div align = left|center|right|justify style = CSS 样式> ... </div>
<span>标记
<span>...</span>
超链接标记
<a href = 链接目的地 URL>...</a>
编程题：表单标记
<form method="post" action="travel.asp">
请输入姓名： <input type = text name = "txtname" size = 12 maxlength = 6>
上传的文件：<input type = file name = "filename" size = 12 maxlength = 6>
性别： <select name = "性别">
<option>男
<option>女
</select>
请选择旅游城市，可做多项选择
<input type = checkbox name = "复选框1" checked>北京
<input type = checkbox name = "复选框2"> 上海
<input type = checkbox name = "复选框3"> 西安
请选择付款方式：
<input type = radio name = "单选按钮1"> 信用卡
<input type = radio name = "单选按钮1", checked>现金
留言：
<textarea cols = 50 rows = 4>请与我们联系</textarea>
<input type = reset name = "复位按钮" value = "复位">
<input type = submit name = "提交按钮" value = "确定">
</form>
窗口框架标记
第五章 CSS
<html>
-----------------------------------------------------
<head>
<title> ... </title>
</head>
-----------------------------------------------------
<style type = "text/css">
<!--
h2{color:red;font-family:楷体;} 类型：HTML 标记
.redfont{color:red;font-family:楷体;} 类型 ： class
h4.bluefont{color:red;font-family:楷体;}
#id_olivefont{color:red;font-family:楷体;} 类型：id
h4#id_olivefont{color:red;font-family:楷体;}
-->
</style>
-----------------------------------------------------
<body>
<h2> ... </h2>
<h3 class = redfont> ... </h3>
<h4 class = bluefont> ... </h4>
<h3 id = id_olivefont> ... <h3>
<h4 id = purplefont> ... <h4>
<body>
-----------------------------------------------------
</html>
- CSS 作用：级联样式表 可以把页面显示样式与显示内容分开，从而简化网站维护更新工作。
- 应用HTML的四种方式
记住两个关键语句
<style type="text/css">
<!--
@import url("外部样式表文件名"）
-->
</style>
<link type="text/css" rel=stylesheet href="外部样式文件名">
第六章 JavaScript概述
- JavaScript运行机制
- 客户在浏览器中输入嵌入JavaScript程序段的页面的URL
- 浏览器发送请求到web服务器
- web服务器响应请求，将嵌入JavaScript的HTML文件发送到浏览器
- 浏览器解释HTML标记和JavaScript脚本。
- 浏览器展示运行结果给客户。
- JavaScript特点：
- 基于对象
- 事件驱动
- 动态
- 安全
- 与平台无关
创建JavaScript对象
<script language="javescript">
function student(id,name,url)
{
this.id = id
this.name = name
this.url = url
this.display = student_display
}
</head>
几条JavaScript关键语句
//嵌入JavaScript
<script language="JavaScript">
JavaScript代码
</script>
//链接外部JavaScript
<script src="JavaScript文件名"></script>
//链接的外部文件.js中只能包含JavaScript代码，不可以包含HTML标记，扩展名必须是.js
JavaScript书写格式
- JavaScript区分大小写
- 注释方法与C++相同，注释的字符在脚本运行时都被忽略
函数
- function：是JavaScript的关键字，用来定义函数名。
JavaScript对象
对象必须存在，才能被引用，有一些三种方法引用对象
- 引用JavaScript内置对象
- 引用浏览器环境提供的对象
- 创建自定义对象
在JavaScript中使用function关键字创建用户自定义对象
JavaScript对象应用实例
- 对象的定义与创建 课本p131
document对象在JavaScript对象中的应用
window对象的下一层中使用最多的是document对象 p139
JavaScript内置对象
String 对象
(1) 使用关键字var或new创建String对象对象
语法格式：var 字符串变量名=“字符串”
var strl="Hello World!" //创建了一个名为strl的String对象
(2) 使用关键字 new 创建字符串对象
语法格式：var 字符串变量名=new String(“字符串”)
var strl==new String( "Hello World!") //创建了一个名为strl的String对象
String 的主要对象与方法
| 方法名称 | 说明 | 范例 |
|---|---|---|
| blink() | 字符串闪烁显示 | str1.bilnk() |
| indexOf(str,start-position) | 从start-position位置开始，从左到右查找并返回str字符串的位置，如果找不到返回-1 | str1.indexOf("he",3) |
| substring(start,end) | 返回start与end位置之间的子串 | str1.substring(4,8) |
Date 对象
JavaScript 的Data对象主要用于对日期和时间的操作。
MyDate = new Date（）//例子
MyDate = new Date();
MyDate.getYear();
MyDate.getMonth();
var TimeString2 = '时钟：'
+ MyDate.getHours() + '时'
+ MyDate.getMinutes() + '分'
+ MyDate.getSeconds() + '秒'
课后题：
-
windows 对象的组成结构是什么？
windows对象是内置对象中最顶层的对象，每个windows对象是一个浏览器窗口。document对象是window对象下层中最主要的对象。 -
JavaScript中函数如何定义？如何调用？
用 function来定义函数 在< body > 模块中调用函数
function 函数名（参数列表）
{
函数体
}
-
javaScript 如何创建对象？如何访问所创建对象的方法和属性？
创建方法是：先定义一个对象，然后创建该对象的实例。
调用的方法是：对象实例创建后，可以通过该实例引用对象的方法和属性。
对象属性的引用可以有两种方式。
1、使用（.）运算符
2、通过对象实例的下标引用
对象方法的引用
1、使用（.）运算符引用对象方法 -
什么是事件？什么是事件处理程序？
事件是对计算机进行的操作，例如，鼠标移动、鼠标左键单击或热键动作等都是事件。
事件处理程序：处理事件的程序或函数称为事件处理程序。 -
javeScript注释和C++的一样
-
使用JavaScript编制一段代码完成以下功能
1、要求输入一个姓名
2、用确认框检查输入是否合理
3、根据输入给出相应的提示
<script language="javascript">
<!--
function CheckSubmit()
{
if(document.loginform.userid.value=="")
{alert{"请输入用户名"};document.loginform.userid.focus();return false;}
if(document.loginform.userid.value.indexof("'") != -1)
{alert("用户名不能包含单引号，空格等符号！")；
document.loginform.userid.focus();return false;}
return true;
}
-->
</script>
- javascript对象显示时间
<script language = "javascript">
<!--
function Eclock(){
var MyDate2 = new Date();
var MyTime2 = MyDate2.getTime();//获得自1970.1.1午夜开始，以ms计数
var TimeString2 = '时钟：'
+ MyDate.getHours() + '时'
+ MyDate.getMinutes() + '分'
+ MyDate.getSeconds() + '秒'
第七章 JSP运行机制与基本语法
JSP运行机制
分为三个阶段
- 翻译阶段
- 编译阶段
- 执行阶段
JSP基本语法
JSP 常用语句类型
p164
注释
三种注释仅HTML注释在客户端可以通过查阅源文件可见。
JSP指令标记
include指令标记
功能：include指令称为文件加载指令，在该指令出现的位置静态嵌入一个文件，加载需要嵌入的文本或代码。
基本语法规则
<%@include file="文件URL"%>
JSP动作标记
jsp：include动作功能
jsp：include动作在即将生成的页面上动态地插入文件，他在页面运行时才将文件插入，对插入的文件进行处理。如果插入的文件是文本文件，则直接把文件内容发送到客户端浏览器显示；如果插入的是JSP文件，则JSP引擎执行该文件，然后把执行结果送客户端浏览器显示。如果被插入文件修改过，则include动作可以判断出来，并对插入文件进行重新编译。
include动作标记与include指令标记的区别
- include动作是动态的，而include指令是静态的
- include动作在执行时对被包含的文件进行编译处理
- include指令在编译阶段处理插入嵌入文件，页面执行速度快。
jsp：include动作的语法规则
<jsp:include page="文件的URL" flush="true|false"/>
jsp:forward动作
jsp：forward 动作标记的功能
forward动作标记把当前的JSP页面转到另一个页面，在forward动作标记出现处，停止当前页面的执行，转到另一个页面，并在页面转向时清空缓冲区，页面中所有数据都不会发送到客户端，JSP引擎也不会再处理当前页面剩下的内容。在客户端看到的是原页面的地址，而实际显示的是另一个页面的内容。
jsp：forward动作标记的语法规则
<jsp:forward page="要转向的页面URL|<%=表达式%>"/>
jsp:plugin 动作标记
jsp：plugin动作标记的功能：
功能是将服务器端的java小应用程序或组件下载到浏览器端去执行，相当于在客户端浏览器插入java插件。
JSP中变量作用域
- 在方法内的局部变量
在方法内的声明的变量，只在该方法的后续部分有效。调用方法时为它分配内存空间，调用完毕，即释放内存 - java代码片段内的局部变量
在标记<%…%>之间声明的变量是Java程序片局部变量或JSP页面局部变量。该局部变量的生存期是一个线程。 - JSP页面全局变量
在标记<%!..%>之间声明的变量是JSP页面的全局变量，生存期是整个JSP页面。所有的客户共享全局变量，服务器关闭后才释放全局变量的内存空间。 - 变量作用域使用案例
第八章 JSP内置对象
reques对象
request和respon对象
- 使用request对象得到客户提交的请求信息，并把信息封装在对象内。
- 使用response对象内封装服务器的响应信息，并发送给客户。
request对象和response对象结合起来完成动态页面的交互功能。
request和respon对象的区别及其相关方法是重点。
//使用表单向web服务器提交信息
<form methed=get|post action="服务器端应用程序URL">
response对象
- response对象功能：把服务器端的数据以HTTP的格式发送到客户端服务器。
- sendRedirect方法：
sendRedirect方法功能：使用sendRedirect()方法可以根据用户的不同要求转向不同页面。服务器对客户浏览器做出响应后，浏览器根据客户要求发出一个新的请求，转向sendRedirect(“URL”)指定的新页面。浏览器地址栏目也改变为新页面的地址，原页面中重定向语句
session对象
会话(session)定义： 从客户打开浏览器并连接服务器开始，到客户关闭浏览器离开服务器为止，称为一个会话。
- session对象常用方法
服务器端session对象保存了客户在会话期间的数据，调用session对象的方法可以保存或读取客户存储的数据常用方法如：
1、setAttribute（String name，java.lang.Object value)：把属性name的属 性值设为value，保存在session对象中。
2.getAttribute(String name) 从session 对象中获得由name指定名字的属性值。若该属性不存在，则返回null。
application对象
定义： application是服务器运行期间所有客户共享的对象
- application对象的功能：application对象是所有客户共享的对象。它用于客户之间的数据共享，类似于服务器运行中的全局变量。服务器启动后，就建立一个application对象，在多个用户访问时，共享一个applicaton对象；服务器关闭后，释放该application对象。
- application对象与session对象的不同之处在于：
1、每个客户拥有自己的session对象，保存客户自有信息。如果有100个访问客户，就有100个session对象。所有的客户共享同一个application对象，保存服务器运行期所有客户的共享信息。即使有100个访问用户也只有一个application对象。
2、session对象生命期从客户打开浏览器与服务器建立连接开始，到客户关闭浏览器为止，在客户的多个请求期间持续有效。application对象生命期从服务器启动开始，到服务器关闭为止。
3、可以使用session对象存储某个客户在一个会话期间的数据，例如记录某个客户的姓名、密码等。使用application对象存储服务器运行期所有客户共享的变量，例如记录所有客户的访问次数等。
exception对象
exception 对象用来发现、捕获和处理异常。
扫一扫
844
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
