互联网软件开发与应用 PPT课件

1、互联网软件开发与应用,任课教师：伏名,7/29/2020,0,1,第三章 HTML语言,HTML文档的总体结构 文档的结构 标记的结构 HTML中的主要标记介绍 文本标记 布局标记 表格标记 表单标记 图形标记 超链接标记 框架网页标记,7/29/2020,1,2,HTML概述,HTML是一种简单易用的格式化语言，其最基本的元素是“标记”；文档的扩展名为.html或.htm。 标记的格式 内容 内容 示例 社会大学 ,7/29/2020,2,3,HTML文件结构, 实例,7/29/2020,3,4,标记类型,文档体标记 标记文档的总体面貌 文本格式标记 标记文本的字体字号颜色等 链接标记 在段

2、落中定义链接地址 图形标记 在段落中引用图形文件 表格标记 在段落中建立一个表格 表单标记 形成可交互的表单 布局标记 标记段落在窗口中的布局形式 列表标记 在段落前标记项目编号 框架标记 形成可分隔、可定位的网页结构 辅助标记 形成活动的网页内容,7/29/2020,4,5,文档体标记,Body元素的属性 P.31 表3-1 给文档加颜色 可以用文字定义 也可以用RGB三个分量的值进行定义 标准颜色值见 P.32 边距设置 LeftMargin TopMargin,文档模板 将一个网站中的所有网页定义成统一的样式,7/29/2020,5,6,文本格式标记,文本标记用于指定文本的显示格式，如：

3、粗体、斜体、上标、下标、标题、术语、闪烁、突出、下划线等。 、 、 、 、 、 、 、 、 、 特殊字符代码 #：引导十六进制代码，如 #a3c8e5 实例,表示颜色时代表 RGB的三个分量,C,7/29/2020,6,7,表格标记, - 表格标记，用以制作表格 、 - 表格标题标记 、 - 表元标记即单元格标记 、 - 表头标记即行、列标题标记 、 - 行标记将同一行的内容组织起来 参数表： Border - 边界，缺省为0即无边框，数值为边框宽度 ALIGN - 对齐格式，参数值： Left - 左对齐，缺省 Center - 居中 Right - 右对齐 实例,7/29/2020,7,8

4、,图形标记, 用以在HTML文档中插入图形文档 参数表含义 Src=“ 绝对 Src=“Img1.gif” 相对引用 Height、Width 用以指定图形在文档中的大小，以像素为单位，缺省使用原图大小 Vspace(垂直间距)、Hspace(水平间距) 指定图形与周围文档之间的间距 ALT - 提示信息 实例,7/29/2020,8,9,链接标记, “锚” 标记超文本的链接情况，是HTML核心 参数表中的两个最主要参数 HREF - 链接的对象(可以是URL地址值、文档、图形、文档目标位置、邮件地址) NAME - 文档目标名(通常称为“书签”)的定义 实例 地图索引 将整幅图片分割成几个区

5、域，分别链接到不同的目标 示例,7/29/2020,9,10,表单标记,表单是互联网中客户与服务器之间进行信息交流的界面、服务器采集数据的主要通道 表单的基本结构 ,7/29/2020,10,11,INPUT 标记,格式 Type属性的取值 Text 示例 PassWord 示例 CheckBox 示例 Radio 示例 Reset 示例 Submit 示例,标记是一个收集信息的重要标记，信息的采集方法由Type确定,7/29/2020,11,12,SELECT 标记,格式 内容1 内容2 作用 在一个下拉式列表或一个滚动列表中显示一列选择项 Size用来定义显示的项目数，缺省为1 MULTI

6、PLE指定是否可以多选 Option中的 value 值可以与“内容”不同，value值是返回值 该标记也是表单标记中常用的一个标记 示例,7/29/2020,12,13,TEXTAREA 标记,格式 defaule texts 作用 为用户提供一个输入多行文本信息的空间 Rows，Cols省略时提供一个4行长40个字符宽的文本区 Default texts是缺省的文本，省略时显示空文本区 该标记也是表单中常用的一种标记 示例,7/29/2020,13,14,滚动字幕标记,滚动字幕俗称“跑马灯”，标记格式如下： 滚动文字 Direction=“right | left” Behavior=“s

7、croll | slide |alternate” Loop=“” 滚动次数，0表示无限次 Scrolldelay=“” 数值越大移动越慢，缺省为90毫秒 Scrollamount=“” 数值越大移动越快，缺省为6像素 Width=“” Height=“” 跑马灯的区域大小，可用像素或百分比为单位 Bgcolor=“” 以文字或6位十六进制代码表示,7/29/2020,14,15,列表标记,在超文本中显示项目符号的标记 项目列表(无序列表)标记格式 定义或取消项目列表标记 、 定义或取消列表主题 、 定义或取消子列表项目 TYPE中的值：disc-实心圆，circle-空心圆，square-实

8、心方型 有序列表标记格式与示例 、 、 、 TYPE中的值：“1”-数字，“a”-小写字母，“A”-大写字母，“i”-小写罗马数字，“I”-大写罗马数字 与可以相互嵌套，以构成层次结构,7/29/2020,15,16,本章学习目的和要求,通过本章的学习，考生应该掌握HTML文档的基本结构；掌握主要超文本标记的意义；掌握文档体的主要属性设置；掌握创建不同的超级链接的方法；学会创建和使用表格并能进行简单的表格格式设置；理解表单的概念和表单在HTML中的作用，并会创建和使用表单。,7/29/2020,16,17,考核知识点,第一节 HTML文档总体结构，HTML最基本的标记、和的意义 第二节 基本的

9、超文本文档的构成和作用；元素中颜色定义的方法；背景、边距的意义和设置方法；给HTML加注释的方法；ADDRESS元素的概念和意义；特殊字符的意义和使用方法 第三节 超文本、超媒体超级链接的概念；超级链接的两部分内容锚链和URL引用的概念、意义和作用；链接到其他文档或文件的方法；文档的内容链接的概念以及使用方法；链接到其他NET资源的方法 第四节 表格定义的容器元素的概念和作用；标记、标记、标记的概念和意义；边界属性(BORDER)、对齐属性(CENTER)、表格标题头、表格数据的概念和使用方法 第五节 表单的概念和作用；容器标记、标记、标记、标记的概念、属性、意义和作用,7/29/2020,1

10、7,18,考核要求 (1),第一节 HTML文档总体结构 识记：超文本标记、文档标题和文档体 领会：理解、和的概念和意义以及它们在超文本中的位置 应用：会建立简单的HTML页面结构 第二节 文档体 识记：、构成的基本超文本结构，背景图像()、背景颜色()，文字颜色(TEXT)、各种状态链接的颜色(LINK、VLINK、ALINK) 领会：理解基本超文本文档的结构，掌握超文本基本属性的设置方法 应用：会建立附加简单格式的超文本文档,7/29/2020,18,19,考核要求 (2),第三节 创建超链接 识记：超文本、超媒体、锚链、URL引用、超级链接 领会：了解超级链接的组成、意义和功能；掌握建立

11、超级链接的方法；理解内部链接意义；掌握创建到E-mail、UseNet、FTP、Goper站点、WIAS、TELNET的链接方法 应用：会根据不同情况创建各种超级链接 第四节 表格 识记：元素、 、边界属性(BORDER)、对齐属性(CENTER)、表格标题头 领会：理解表格中不同标记的意义；掌握各种标记的使用方法 应用：能使用表格元素和一些属性，在超文本中建立简单表格,7/29/2020,19,20,考核要求 (3),第五节 表单 识记：HTML表单、容器标记、表单的常用属性 领会：表单的概念和功能；理解不同表单的构造和属性设置；了解一些常用的HTML页面编辑工具 应用：会在超文档中加入表单

12、 综合应用 使用HTML语言创建简单的HTML文档,7/29/2020,20,21,程序设计基础,程序的一般结构 常量 （预先设定，并且在程序执行过程中不会也不能发生改变的量） 变量 （其中的值将随着程序的执行不断发生变化的量） 语句的有序排列 示例 求圆的面积 求1+2+3+100 求,按照项目的要求排列语句以实现某项操作 语句的执行从宏观上讲都是顺序的 为了完成某项操作，在程序的某些节点上程序的执行会发生改变 改变顺序执行的形式主要有两种：分支和循环,7/29/2020,21,22,程序的顺序结构,求圆的面积 定义一个常量 Pi，值为3.1415926 定义一个变量 r，一个变量 S，分别

13、表示半径和圆面积 依据公式：S = Pi * R2 编写程序代码 程序代码(VB) Const Pi = 3.1415926 Dim r, S Input r S = Pi * r * r Print S,7/29/2020,22,23,程序的循环结构,求 1+ 2 + 3 + + 100 定义一个结果变量 S S = (0 + 1) + 2) + 3) + 4) + ) + 100) 每一对括号是一个部分解，从中可以发现，这个解的过程其实都是由两个数的求和重复得到的 程序代码(VB) Dim k, s s = 0 For k = 1 To 100 s = s + k Next k,7/29/

14、2020,23,24,程序循环的类型,记数循环 适合于有明确的循环次数的场合 For Next “当型”循环 适合于能检测循环被执行的条件的场合 句型：Do While 条件表达式 Loop,“直到型”循环 适合于能检测循环不能被执行的条件的场合 句型：Do Until 条件表达式 Loop,当型或直到型循环中须有对循环控制变量的修正，以保证循环终止条件一定会出现,7/29/2020,24,25,程序的分支结构,程序的执行需要依据条件的不同结果，执行不同的操作时 求 X=0 即为本题的临界点 程序代码 If (X=0) Then Y = x2+2x-3 Else Y = abs(x) Endi

15、f,7/29/2020,25,26,程序分支的类型,条件分支 当条件成立时，执行A，否则执行B 多路分支 当作为条件的变量可能有的取值多于两种情况时使用 1. If Then A Else if Then B Else C Endif,2. Select Case Case a1 A Case a2 B End Select,7/29/2020,26,27,函数与过程,作用 当某个程序段需要经常使用时，可以编写成子程序的形式供反复调用 函数与过程是子程序的两种形式；函数的返回值可以直接参与表达式的运算，过程则一般不提供返回值 种类 函数 预定义函数：系统提供的、可直接调用的函数 自定义函数：需

16、要先给出函数的定义、然后才能调用的函数 过程 预定义过程：系统提供的、可直接调用的过程 自定义过程：需要先给出过程的定义、然后才能调用的过程,7/29/2020,27,28,常用运算符(VBScript),算术运算符 +(加) (减) *(乘) /(除) (整除) mod(取模) 例：560分钟是几小时几分钟? 比较运算符 =(相等) (大于) =(大于等于) (不等) is(比较两对象是否相等) 逻辑运算符 Not(逻辑非) And(逻辑与) Or(逻辑或) 例：判断Year是否闰年 连接运算符 & 和 + (用于连接两个字符串) 例：write “欢迎你，” & username,H =

17、56060 M = mod(560, 60),Y = Y4*4 and not(Y = Y100*100) or Y = Y400*400,Username = “student” 输出结果: 欢迎你，student,7/29/2020,28,29,常用预定义函数(VBScript),数学函数 Abs(x) Aqr(x) Int(x) Rnd( ) Sin(x) Cos(x) Tan(x) Log(x) Atn(x) 转换函数 CStr(x) CInt(x) Cdate(x) 字符串函数 Len(s) Trim(s) Mid(s,b,l) Left(s,l) Right(s,l) Lcase(

18、s) Ucase(s) Instr(s1,s2) StrComp(s1,s2) 时间日期函数 Now( ) Date( ) Time( ) Year(d) Month(d) Day(d) Hour(t) Minute(t) Second(t) 检验函数 IsNumeric(x) IsDate(x) IsObject(x),7/29/2020,29,30,自定义函数的定义,说明函数的处理流程的程序成为函数的定义 格式 Function 函数名(参数表) . . 称为函数体，其中至少有一次对函数名的赋值 . End Function 示例 编写计算 1+2+3+n 的函数 编写计算 的函数,7/2

19、9/2020,30,31,示例程序参考,计算 1+2+3+n 的函数 Function sumn(n) Dim k, s s = 0 For k=1 To n s = s + k Next k sumn = s End Function,计算 的函数 Function Y(x) If (X=0) Then Y = x2+2x-3 Else Y = abs(x) Endif End Function,7/29/2020,31,32,函数的调用,应用已经定义的函数称为函数的调用 Function函数的调用方式是通过直接引用函数名实现对函数的调用，且函数名必须用在变量赋值语句的右边或表达式中 示例

20、调用在求和函数，计算1+2+3+33的结果 Dim n, s n = _ s = _ print s,Sumn(n),33,本例更简便的调用形式 Dim n N = 33 Print sumn(n),参照此例写出计算y(2.136)的调用语句,Dim x, y X = 2.136 Print y(x),7/29/2020,32,33,自定义过程的定义,说明过程的处理流程的程序称为过程的定义 过程与函数的区别：函数的返回值在函数名中；过程一般没有返回值，若有则由相应的变量承担 格式 Sub 过程名(参数表) . . 过程的详细处理流程，称为过程体。与函数定义不 . 同，过程体中不允许对过程名有任

21、何的赋值操作 End Sun Sub 过程名( ) End Sub,7/29/2020,33,34,过程定义实例,编制一个可以输出m列n行表格的过程mytable 编制一个可以计算a与b的平方和的过程ss,Sub mytable(m,n) Dim j, k For j = 1 to n write _ For k = 1 to m write _ Next k write “” Next j End Sub,Sub ss(a, b) Dim sqsum sqsum = a*a + b*b write “a与b的平方和是：”&Cstr(sqsum) End Sub,“”,“” & CStr(j)

22、 & Cstr(k) & “”,7/29/2020,34,35,过程的调用,利用实际的值呼叫事先定义的过程并得到结果称为过程的调用 过程的调用有两种形式 1. Call 过程名(参数1, 参数2, ) 2. 过程名 参数1, 参数2, 应用示例 生成一个5行3列的表格 Call mytable(5, 3) Mytable 5, 3 计算20, 18的平方 Call ss(20, 18) Ss 20, 18,7/29/2020,35,36,应用实例,编写过程计算S=12+32+992 编写自定义函数，计算a到b的立方和，并举例调用，如调用时取a=3，b=8 编写程序段，判断当天日期，如果是25日，则显示“请注意，明天可能有病毒发作” 有100个和尚吃100个馒头，大和尚1人吃4个，小和尚4人吃1个，问一共有多少个大和尚、多少个小和尚?,Dim I,Sum Sum=0 For I=1 To 99 Step 2 Sum=Sum+I2 Next Write S= & Sum,I=1 Sum=0 Do While I=99 Sum=Sum+I2 I=I+2 Loop Response.Write S= & Sum,Function lifanghe(a,b) Dim Sum,I For I=a To b Sum=Sum+I3 Next lifanghe=Sum End Functi