02Web编程.ppt

1、第二章，网络编程技术，概述。本章首先介绍了超文本标记语言的发展历史，然后介绍了超文本标记语言的基本框架，并详细介绍了超文本标记语言的各种常用标签：文本标签、图片标签、超链接标签等，并介绍了CSS的基本用法。如何让CSS和HTML协同工作，在JavaScript中引入变量、数组、表达式、运算符、流控制语句，内置对象和浏览器对象的层次结构，以及DOM模型的建立和使用。理解超文本标记语言、超文本标记语言和超文本标记语言之间的关系，以及网络的产生和发展。作为互联网上的一种应用架构，网络结构的首要任务是为人们提供信息服务。评价一种网络开发技术的优劣只有一个标准：这项技术能否在最合适的时间和地点，以最合适

2、的方式，为那些最需要信息的人提供最合适的信息服务。该标准促进了网络的持续发展。网络是典型的分布式应用架构。网络应用中的每一次信息交换都涉及到两个层次：客户端和服务器端。因此，网络开发技术可以大致分为两类：客户端技术和服务器技术。3、超文本传输协议是一种面向对象的应用层协议，由于其简单快速的处理方法，适用于分布式超媒体信息系统。超文本传输协议是在1990年提出的。经过几年的使用和发展，它已经逐步完善和扩大。目前，第六版的超文本传输协议/1.0已在万维网上使用，超文本传输协议/1.1的标准化正在进行中，并提出了下一代超文本传输协议的建议。4、超文本标记语言编程技术，为了向全世界发布信息，有必要使用

3、一种能够被公众接受的语言，也就是一种大多数计算机能够识别的语言。在互联网上，常用的出版语言是超文本标记语言，它是超文本标记语言的概述。20世纪90年代，网络的迅速崛起使得超文本标记语言空前繁荣。那时，超文本标记语言被发展成许多不同的版本。为了解决这种混乱的局面，迫切需要制定一个公认的超文本标记语言标准。1995年11月，互联网工程任务组(IETF)整理了以前的版本，倡导并主持了HTML2.0规范的开发，同年推出了HTML3.0技术规范。1996年，万维网联盟(W3C)的超文本标记语言工作组开始组织新规范的汇编，1997年1月，超文本标记语言3.2发布。在HTML3.2中已经做了许多重要的改变。

4、在1999年下半年，HTML4.0被引入，现在仍然在使用，并且最新的版本是HTML 5.0。HTML概述，案例名称：HTML网页框架程序名称：2-01.htm，head元素，案例名称：HTML网页框架程序名称：2-02.htm我的第一页，HTML通用标签，HTML通用标签有一些共同的特征：它们都被放置在BODY标签中。常用标记包括字体标记、图片标记、超链接、列表、表格和表格等。字体标记，案例名称：使用字体标记程序名称：2-03.htm本书的特点是以案例为基础，有30个完整的案例。图片标记，案例名称：使用图片标记程序名称：2-04.htm，超链接，案例名称：使用超链接程序名称：2-05.htm其

5、他文件上一页位于北京清华大学，列表，案例名称：使用有序列表程序名称：2-06.htm有序列表爱祖国爱人民无序列表爱祖国爱党，示例，1。基本表格是表格的基本标志。表示表的行和列。案例名称：基本表格程序名称：2-07.htm，第一行，第一列，第二行，第二列，第三行，第三行，第二列，表格的灵活应用，案例名称：跨行和跨列程序名称：2-08.htm跨越两行和两列1000 1000 3000 2000 4000，单元格填充和单元格间距属性，单元格填充表示单元格边距。单元格间距是指单元格间距，即单元格之间的距离。例2-09，例2-1:表单样式，例名：表单样式程序名：StyleTable.htm序号大学教师评

6、分学生评分设备评分1清华大学1001002北京大学10010097，表单，功能是收集用户信息，实现系统与用户的交互。例如，电子邮件邮箱的注册页面就是一个非常典型的表单页面。表单信息的处理过程如下：当您点击表单中的提交按钮时，表单中的信息将被上传到服务器端，然后由服务器端应用程序(如CGI、ASP、PHP、JSP等)进行处理。)。处理后，用户提交的信息将存储在服务器端的数据库中，或者将相关信息返回给客户端浏览器。表单标题及其属性，案例名称：表单的基本使用方法程序名称：2-10.htm用户名：密码：表单中常用的控件，按钮和输入元素在常见的表单制作过程中经常会遇到。常见的表单控件包括文本框、文本框、

7、密码框、多选框、单选框和下拉列表框等。示例2-11，块级元素，案例名：使用块级元素的程序名：2-12.htm我是层！我是跨度！预排版标记，预排版标记中包含的字符将以超文本标记语言源代码的格式输出到浏览器。超文本标记语言文件中的英文空格通常不起作用，但是空格可以显示在预布局标记中。例2-13，例，设计网页框架，例名：上下框架程序名：2-14.htm，使用框架，一般在工程应用中，是由三个页面组成的框架组合，分为上下框架、左右框架、CSS编程技术、CSS(层叠样式表)翻译成中文层叠样式表，简称样式表，是近年来发展起来的新技术。1998年5月12日，CSS级成为W3C的标准。它是一组样式，样式中的属性

8、依次出现在HTML元素中，并在浏览器中显示。样式可以在超文本标记语言文档的标志中定义，或者文档可以作为附加文档附加到外部。CSS非常强大，W3C正在尽最大努力向世界推广这项先进的技术。简单地说，超文本标记语言是一种标记语言，而CSS是这种标记语言的重要扩展，它可以进一步美化页面。换句话说，CSS是用来装饰HTML的标签的集合。CSS样式规则包括：选择器属性：值，单个选择器的复合样式声明应该用分号分隔，例如，选择器属性1:值1；属性2:值2。使用CSS，大小写名称：使用CSS程序名称：2-16.htm h1 font-size : x-大；颜色：红色H2字体大小：大；蓝色的中国，我的祖国！H1展

9、示了中国，我的祖国！H2展示了三种加载CSS样式的方法。CSS用于格式化网页。有三种方式：在HEAD中引用，在BODY中作为文件引用，以及在HEAD中引用。案例名称：HED中的引用。节目名称：2-17.htm H1color 3360绿色；FONT-SiZe :37 PX；背景：黄色；北京大学、南京大学、复旦大学、清华大学，BODY中引用，案例名称：BODY中引用程序名称：北京大学、2-18.htm大学、南京大学、清华大学、复旦大学，引用外部文档，案例名称：样式表文件程序名称：mystyle . CSS h1 color 3360 green；FONT-SiZe :37 PX；背景：黄色；案例

10、名称：链接CSS文件程序名称：北京大学、2-19.htm大学、南京大学、清华大学、复旦大学，文件外导入，案例名称：导入CSS文件程序名称：2-20.htm导入网址(mystyle . CSS)；北京大学、南京大学、清华大学、复旦大学，CSS以三种方式对应于标签，并且任何HTML元素都可以是CSS选择器。所有上述样式表都是通过使用标签选择器引入的。例如：背景：黄色；这里使用的标记选择器是p。，类选择器，定义一个”。在STYLE标签中使用“类名”，然后在HTML标签中使用CLASS=“类名”来介绍这种样式，案例名：类选择器程序名：2-21.htm。little red color 3360 red

11、；FONT-size :18 Px . little green color : green；这是红色的，相对较小！它是绿色的，而且更小！标识选择器，定义标识选择器时，在样式名称前增加“#”名称，引用时使用“标识=名称”。案例名：身份证选择器程序名：2-22.htm # szcolor :红色这是身份证选择器符号！定义超链接样式，并可以指定a标记以不同方式显示。超链接有几种不同的状态：未访问链接、访问链接、鼠标悬停，它们可以定义超链接文本的颜色和字体大小。通常，超链接带有下划线，超链接的下划线可以通过使用“文本-装饰”来移除。定义超链接样式，案例名称：定义超链接样式程序名称：2-23.htm

12、a : link color 3360 red；FONT-size :9 pt；文本-装饰：蓝色；FONT-size :9 pt；文本-装饰：绿色；FONT-SiZe :15 pt；这是超链接http:/本地主机：8080/02/2-23.htm，JavaScript编程技术，JavaScript是一种脚本语言，所谓的脚本语言是一种可以与超文本标记语言混合的语言。VBScript也是一种脚本语言，但是VBScript只能由微软的浏览器互联网浏览器(IE)完全支持。JavaScript可以在任何浏览器上运行，这也是JavaScript的一个优点。JavaScript是一种高级脚本描述语言，它不依

13、赖于特定的机器或操作系统，因此它独立于操作平台。JavaScript 1.0最初是在网景导航器2.0和网景LiveWire 1.0上实现的，当前版本的JavaScript是JavaScript 1.2。从本质上讲，JavaScript与Java无关，但同时，作为一种语言，它可以从三个角度来区分。(1)JavaScript是一种解释性语言。当一个程序被执行时，浏览器解释并执行它。Java是一种编译语言，在执行之前必须先编译。(2)代码格式不同。Java代码被编译成二进制文件，而JavaScript是纯文本文件。(3)超文本标记语言的嵌入方法不同。Java可以通过小型应用程序嵌入超文本标记语言文件

14、，而JavaScript可以直接写入文本文件或超文本标记语言文件。JavaScript被引入网页，案例名：第一个JavaScript程序的程序名：2-24.htm文档。)，变量和数组，它们是JavaScript的基础。JavaScript和C语言属于同一个语言家族，许多基本语法是相同的。无论是在JavaScript还是其他编程语言中，最基本的概念是变量。在JavaScript定义变量中只有一个关键字“var”，在JavaScript中定义用户名变量的语法是：“var strUserName”。变量，案例名：使用变量程序名：2-25.htm欢迎=欢迎！var iCounter=10iCounte

15、r=iCounter 1；document . write(StrwelComE)；document . write(iCounter)；变量命名应遵循以下六条规则：(1)变量命名必须以英文字母或下划线开头，即变量名的第一个字符必须是a到z或a到z之间的字母或“_”。(2)变量名的长度在0255个字符之间。(3)除第一个字符外，任何字符、数字和下划线都可以用于其他字符，但不能使用空格。(4)不要使用JavaScript符号，如：等。(5)您不能使用JavaScript中使用的保留字，如sqrt(处方)、parseInt(转换为整数)等。(6)在JavaScript中，变量名的情况是不同的。例如

16、，变量s12和S12是两个不同的变量。，声明一个数组，使用关键字new和Array，new代表创建一个新对象，Array是一个用JavaScript构建的对象，因为JavaScript是区分大小写的，所以Array的第一个字母必须大写。use array，case name: use array程序名：2-26.htm vararrusername=new array(2)；arrUserName0=账单；1=鲍勃；document . write(arrusername 0)；document . write()；document . write(arrusername 1)；document . write()；表达式和运算符，程序的主要功能是运算，如加法、减法、乘法、除法等基本运算。算术运算符主要提供加法、减法、乘法、除法等运算。计算机中没有常用的乘法符号，而是用“*”来代替。余数运算使用“%”，例名：算术运算符程序名：2-27.htm文档.写(3 * 2)；document . write()；文档. writ