《动态网页设计技术（ASP）HTML语言简介和结构》由会员分享，可在线阅读，更多相关《动态网页设计技术（ASP）HTML语言简介和结构（409页珍藏版）》请在金锄头文库上搜索。
1、动态网页设计技术 ASP HTML语言简介和结构 电子教案 2020 4 22 1 HTML语言简介1 什么是HTML语言 HTML语言又称为 超文本标记语言 它用HTML元素标注文本或图形的属性 2 作用 该语言用来通过浏览器生成静态网页 3 编辑 运行环境 用HTML语言所编写的文件称作HTML文件 它是应用最为广泛的网页文件 HTML文件可以在任何一个文本编辑器内编辑 如记事本 写字板 Word等 保存时只需保存为 html或 htm格式即可 运行时需 2020 4 22 2 要安装网络浏览器软件 如微软公司的IE只要双击HTML文件生成的浏览图标即可在IE中打开网页文件 4 HTML文
2、件结构HTML文件结构很简单 由头部和身体部分组成 结构严谨清晰 语句如下 头部内容身体内容 2020 4 22 3 HTML文件是由英文单词或字母和 等组成的 其中英文单词或字母称为元素 等称为标识符 是用来标识元素的 有些元素是成对出现的 即 第一个表示元素开始起作用 第二个表示这种元素的作用结束 有些元素是单个的 用来表示特定的作用 对于绝大多数的元素 都含有自身的若干属性 这些属性的作用是对该元素作用域中的内容进行进一步的修饰和限制 其语法格式为 元素可以嵌套使用 如 元素不分大小写 可以混写 注 空格表示为接下来将介绍主要元素的用法 2020 4 22 4 5 HTML元素HTML元
3、素用在文档的开头和结尾 它用来标识一个HTML文件 格式为 其中包含HTML文件的头部和身体部分 6 head元素和title元素head元素用来标注一个html文件的头部 里面常嵌入title元素 title元素的作用是用于设置显示在浏览器窗口中标题栏中的文字 这便于浏览者初步了解页面的内容 语法为 页面窗口标题 2020 4 22 5 7 body元素body元素用于标注文件的正文部分 即显示在浏览器中窗口中的内容 语法为 该元素的常用属性有bgcolor background text等 8 标题元素语法为 其中n的取值为1到6 n的值越大 标题的字体越小 属性有align 9 段落元素
4、语法为 表示其作用域中的内容开始一个新的文本段落 2020 4 22 6 10 换行元素语法为 用于开辟一个新行 注意 元素和元素的作用都是另起一行 不同在于元素有空行 而元素无空行 11 水平线分隔符元素语法为 单独出现 无结束标记 无作用域 用于在页面中插入一条水平线 属性有size align width 12 字体元素语法为 用于设置字体 属性有face color size 2020 4 22 7 13 字符修饰符元素成对出现 对作用域中的文字起修饰作用 常用的有 b 黑体 加粗 i 斜体u 下划线 14 列表元素和两种 均要成对出现 作用域内为列表内容 表示一个列表结构 其中 在列
5、表项目前加符号 在列表项目前加上序号1 2 一般结构为 文本串 文本串 2020 4 22 8 其中元素用来引出列表项目 15 表格元素语法为 表格标题信息 2020 4 22 9 其中元素用于创建表格 元素用于构成表格标题 为行元素 用于生成一行 为列元素 用于生成一列 创建表格时 按照行优先的顺序从第一行开始创建 在每一行中 从左到右创建各个列 元素中常用的属性有border bordercolor width height align 16 插入图片元素语法为 该元素无结束标记 无 2020 4 22 10 控制内容 用于插入一副图片 该元素的属性有src align alt 17 超链
6、接元素语法为 文本或图像该元素的属性有href target 如果是图片形式的超链接 则语法为 18 滚动字幕或图片元素语法 文字或图片该元素属性有direction behavior 19 框架集元素用于创建框架结构 可以相互嵌套 2020 4 22 11 注意 该元素不能嵌套在body元素中 只能嵌套在html元素中 原因是其功能与body元素类似 均是对页面主窗口内容进行标注 语法为 属性 cols 按列划分 rows 按行划分 在框架集元素中要嵌套框架元素 用来定义子框架 其属性有name src noresize 20 表单元素用于生成表单 如填写注册信息等 最终该表单要被提交处理
7、语法为 中间为表单成员 属性有name action method 2020 4 22 12 一个表单通常含有如下成员 文本框 密码框 单选框 复选框 下拉列表框 文本域框和按钮 如下图所示 2020 4 22 13 动态网页设计技术 ASP 第一章网络程序设计概述第二章ActiveServerPages初步第三章ASP脚本语言 VBScript第四章Request和Response对象第五章Session和Application对象第六章Server对象第七章ASP存取数据库第八章ASP的内置组件第九章数据库存取组件 2020 4 22 14 第一章网络程序设计概述 1 1网络程序设计语言的
8、产生背景Internet是20世纪发展最快 规模最大 涉及面最广的科技成果之一 它又称互联网 起源于1969年美国国防部高级研究计划局协助开发的ARPANET网 1987年 在美国国家科学基金会的推动下 将之主要从军事用途转向科学研究和民事用途 形成了今天的Internet主干网雏形NSFNET 在我国 中科院计算机网络信息中心于1994年4月正式接入Internet网 近几年 2020 4 22 15 来Internet得到了飞速发展 每年连入In ternet的计算机数目成指数增加 目前网络提供的服务主要是WWW浏览 电子信箱 FTP服务 新闻组 Telnet远程登录等服务 其中WWW浏览
9、和E mail是最常用的服务 WWW WorldWideWeb 又称万维网 起源于1989年欧洲粒子物理研究室 在WWW发明之前 Internet主要用于科学研究和军事目的 自从1989年WWW引入后 使Inter net迅速走进千家万户 成为普通人查找资料 交流 娱乐的一个离不开的手段 现 2020 4 22 16 在蓬勃发展的电子商务和远程教育等基本上都是基于WWW的 WWW之所以能风靡全世界 主要是它提供了超文本的多媒体文件形式 人们利用超链接就可以方便地访问分布在世界各地的丰富多彩的资源 最初的WWW网页都是用超文本标记语言HTML实现的 要实现最基本的网页 HTML是最简单的也是最丰
10、富的 可是 它也存在一定的缺陷 那就是用HTML制作的网页是静态网页 所谓静态网页 就是网页内容在设计时就定好了 如果想修改或维护网页 只能修改源代码 2020 4 22 17 另外 最初的WWW以提供信息资源为主 人们上网的主要目的是交流和查看资料 在这期间 它和普通的应用软件还是有区别的 比如学校管理软件 银行系统软件 财务管理软件等 这些系统软件一般也是基于网络的 但它们是C S Client Server 架构的 C S架构有一个缺陷 在客户端需要安装软件 而且不具有开放性 而WWW最大的好处就是具有开放性 客户端只要有浏览器就行 也就是说 只要有能上网的计算机就行 因此 基于B S
11、Brow se Server 架构的软件系统就成为趋势 2020 4 22 18 如现在网上流行的电子商店 远程教育系统 办公系统等 开始 人们利用CGI 通用网关接口 来实现网上数据库管理 但是CGI有点太难掌握了 除了专业人员 普通用户很难掌握 因此 产生一种使用简单 功能强大的网络程序设计语言就势在必行了 在这种背景下 ASP PHP和JSP就应运而生了 1 2目前主要的网络程序设计语言目前 广泛使用的网络程序设计语言有ASP PHP和JSP 它们基本上都是把脚 2020 4 22 19 本语言嵌入到HTML文档中 它们的特点是 ASP学习简单 使用方便 PHP软件免费 运行成本低 JS
12、P多平台支持 转换方便 1 2 1ASP概述ASP的全称是ActiveServerPages 是微软推出的用以取代CGI CommonGatew ayInterface 的动态服务器网页技术 由于ASP简单易学 又有微软的强大技术支持 所以目前ASP使用非常广泛 很多大型的站点都是用ASP开发的 ASP目前可以在WindowsNT Windows 2020 4 22 20 2000上运行 在Windows98上安装了个人Web服务器PWS4 0 PersonalWebServer4 0 后也可以运行 它对客户端没有任何特殊的要求 只要有一个普通的浏览器就行 ASP文件就是在普通的HTML文件中
13、嵌入了VBScript或JavaScript脚本语言 在ASP中 脚本语言是在服务器端运行的 当客户请求一个ASP文件时 服务器就把该文件解释成标准的HTML文件发过去 在服务器端运行的好处是 第一 可以不受客户端浏览器的限制 第二 可以很方便地和服 2020 4 22 21 务器交换数据 比如读取数据库 ASP提供了几个内部对象和内部组件 利用它们可以很方便地实现表单上传 存取数据库等功能 除此之外 还可以使用第三方提供的专用组件实现发送E mail 文件上传等功能 ASP程序的优点 ASP所使用的VBScript脚本语言直接来源于VB语言 非常容易掌握 把脚本语言直接嵌入到HTML文档中
14、不需要编译和连接就可以直接解释运行 利用ADO组件可以轻松存取数据库 2020 4 22 22 面向对象编程 可扩展ActiveXS erver组件功能 也可以使用第三方提供的组件 从理论上说 可以实现任何功能 不存在浏览器兼容的问题 可以隐藏程序代码 在客户端仅可以看到由ASP输出的动态的HTML文件 ASP程序的缺点 运行速度比起HTML程序来运行较慢 这是因为每当客户端打开一个ASP网页时 服务器都须将该ASP程序从头到尾重读一遍 并加以解释执行 最后再送出标准的HTML格式文件给客户端 从而影响了运行 2020 4 22 23 速度 有的网络操作系统不支持ASP文件或者支持得不好 用A
15、SP开发的Web程序一般最好选用WindowsNT或Windows2000操作系统 1 2 2PHP概述PHP开始是一个用Perl语言编写的简单程序 PHP程序可以运行在Unix Linux或者Windows操作系统下 对客户端浏览器也没有特殊要求 不过 它的运行环境安装比较复杂 PHP也是将脚本描述语言嵌入HTML文档中 它大量采用了C Java和Perl 2020 4 22 24 语言的语法 并加入了各种PHP自己的特征 它也是在服务器端执行的 不受客户端浏览器的限制 存取数据库也比较方便 PHP程序的优点 PHP是免费的 对于许多要考虑运行成本的商业网站来说 尤为重要 开放源码 所有的源
16、码和文档都可以免费复制 编译和传播 多平台支持 可以运行在Unix Li nux或Windows操作系统下 在服务器端执行 不受客户端的限制 2020 4 22 25 执行效率高 同ASP相比 PHP占用的系统资源比较少 执行速度比较快 PHP程序的缺点 因为没有大公司的支持 前途可能不如ASP JSP等辉煌 运行环境安装相对比较复杂 相对于ASP来说 学习起来可能要稍微复杂一些 1 2 3JSP概述JSP的全称是JavaServerPages 它是由太阳微系统公司提出 多家公司合作建立的一种动态网页技术 该技术的目的 2020 4 22 26 是为了整合已经存在的Java编程环境 结果产生了一种全新的足以和ASP抗衡的网络程序设计语言 JSP最大的优点是开放的 跨平台的结构 它可以运行在几乎所有的服务器系统上 对客户端浏览器的要求很低 JSP和ASP的区别是 在ASP中 每次访问一个ASP文件 服务器都要将该文件解释一遍 然后将标准的HTML文档发送到客户端 但在JSP下 当第一次请求JSP文件时 该文件将被编译成Servlet并由Java虚拟机执行 以后就不用再编译了 编译后运行
