您好,欢迎访问三七文档
当前位置:首页 > 商业/管理/HR > 薪酬管理 > ASP动态网页设计技术(教案)
2020/2/241动态网页设计技术(ASP)(电子教案)(源码网整理:)2020/2/242HTML语言简介1.什么是HTML语言?HTML语言又称为“超文本标记语言”,它用HTML元素标注文本或图形的属性。2.作用:该语言用来通过浏览器生成静态网页。3.编辑、运行环境:用HTML语言所编写的文件称作HTML文件,它是应用最为广泛的网页文件。HTML文件可以在任何一个文本编辑器内编辑,如记事本、写字板、Word等。保存时只需保存为*.html或*.htm格式即可。运行时需2020/2/243要安装网络浏览器软件,如微软公司的IE只要双击HTML文件生成的浏览图标即可在IE中打开网页文件。4.HTML文件结构HTML文件结构很简单,由头部和身体部分组成,结构严谨清晰,语句如下:htmlhead头部内容/headbody身体内容/body/html2020/2/244HTML文件是由英文单词或字母和,,/等组成的。其中英文单词或字母称为元素,,,/等称为标识符,是用来标识元素的。有些元素是成对出现的,即元素……/元素。第一个表示元素开始起作用,第二个表示这种元素的作用结束;有些元素是单个的,用来表示特定的作用。对于绝大多数的元素,都含有自身的若干属性,这些属性的作用是对该元素作用域中的内容进行进一步的修饰和限制,其语法格式为:元素属性1=“属性1值”属性2=“属性2值”……属性n=“属性n值”……/元素。元素可以嵌套使用,如:元素1元素2……/元素1/元素2。元素不分大小写,可以混写。注:空格表示为 接下来将介绍主要元素的用法。2020/2/2455.HTML元素HTML元素用在文档的开头和结尾,它用来标识一个HTML文件。格式为:html……/html其中包含HTML文件的头部和身体部分。6.head元素和title元素head元素用来标注一个html文件的头部,里面常嵌入title元素。title元素的作用是用于设置显示在浏览器窗口中标题栏中的文字,这便于浏览者初步了解页面的内容,语法为:headtitle页面窗口标题/title/head。2020/2/2467.body元素body元素用于标注文件的正文部分,即显示在浏览器中窗口中的内容。语法为:body……/body。该元素的常用属性有bgcolor、background、text等。8.标题元素语法为:Hn……/Hn。其中n的取值为1到6。n的值越大,标题的字体越小。属性有align。9.段落元素语法为:p……[/p]。表示其作用域中的内容开始一个新的文本段落。2020/2/24710.换行元素语法为:br用于开辟一个新行。注意:p元素和br元素的作用都是另起一行,不同在于p元素有空行,而br元素无空行。11.水平线分隔符元素语法为:hr单独出现,无结束标记,无作用域。用于在页面中插入一条水平线。属性有size、align、width。12.字体元素语法为:font……/font用于设置字体。属性有face、color、size。2020/2/24813.字符修饰符元素成对出现,对作用域中的文字起修饰作用,常用的有:b—黑体(加粗)i—斜体u—下划线。14.列表元素ul和ol两种,均要成对出现,作用域内为列表内容,表示一个列表结构。其中,ul在列表项目前加符号“•”,ol在列表项目前加上序号1,2,……。一般结构为:ulli文本串1li文本串2/ul2020/2/249其中li元素用来引出列表项目。15.表格元素语法为:tablecaption表格标题信息/captiontrtd……/td……/tr……/table2020/2/2410其中table元素用于创建表格,caption元素用于构成表格标题,tr为行元素,用于生成一行,td为列元素,用于生成一列。创建表格时,按照行优先的顺序从第一行开始创建,在每一行中,从左到右创建各个列。table元素中常用的属性有border、bordercolor、width、height、align。16.插入图片元素语法为:img该元素无结束标记,无2020/2/2411控制内容,用于插入一副图片。该元素的属性有src、align、alt。17.超链接元素语法为:a文本或图像/a该元素的属性有href、target。如果是图片形式的超链接,则语法为:aimg/a18.滚动字幕或图片元素语法:marquee文字或图片/marquee该元素属性有direction、behavior。19.框架集元素用于创建框架结构,可以相互嵌套。2020/2/2412注意:该元素不能嵌套在body元素中,只能嵌套在html元素中,原因是其功能与body元素类似,均是对页面主窗口内容进行标注。语法为:frameset……/frameset属性:cols(按列划分)、rows(按行划分)。在框架集元素中要嵌套框架元素frame,用来定义子框架。其属性有name、src、noresize。20.表单元素用于生成表单,如填写注册信息等,最终该表单要被提交处理。语法为:form……/form中间为表单成员。属性有name、action、method。2020/2/2413一个表单通常含有如下成员:文本框、密码框、单选框、复选框、下拉列表框、文本域框和按钮。如下图所示。姓名:密码:性别:爱好:职业:简述:男女音乐计算机体育教育业提交重置2020/2/2414动态网页设计技术(ASP)第一章网络程序设计概述第二章ActiveServerPages初步第三章ASP脚本语言—VBScript第四章Request和Response对象第五章Session和Application对象第六章Server对象第七章ASP存取数据库第八章ASP的内置组件第九章数据库存取组件2020/2/2415第一章网络程序设计概述1.1网络程序设计语言的产生背景Internet是20世纪发展最快、规模最大、涉及面最广的科技成果之一。它又称互联网,起源于1969年美国国防部高级研究计划局协助开发的ARPANET网。1987年,在美国国家科学基金会的推动下,将之主要从军事用途转向科学研究和民事用途,形成了今天的Internet主干网雏形NSFNET。在我国,中科院计算机网络信息中心于1994年4月正式接入Internet网,近几年2020/2/2416来Internet得到了飞速发展,每年连入In-ternet的计算机数目成指数增加。目前网络提供的服务主要是浏览、电子信箱、FTP服务、新闻组、Telnet远程登录等服务,其中是最常用的服务。(WorldWideWeb)又称万维网,起源于1989年欧洲粒子物理研究室。在发明之前,Internet主要用于科学研究和军事目的。自从1989年引入后,使Inter-net迅速走进千家万户,成为普通人查找资料、交流、娱乐的一个离不开的手段。现2020/2/2417在蓬勃发展的电子商务和远程教育等基本上都是基于的。之所以能风靡全世界,主要是它提供了超文本的多媒体文件形式,人们利用超链接就可以方便地访问分布在世界各地的丰富多彩的资源。最初的实现的,要实现最基本的网页,HTML是最简单的也是最丰富的。可是,它也存在一定的缺陷,那就是用HTML制作的网页是静态网页。所谓静态网页,就是网页内容在设计时就定好了,如果想修改或维护网页,只能修改源代码。2020/2/2418另外,最初的以提供信息资源为主,人们上网的主要目的是交流和查看资料。在这期间,它和普通的应用软件还是有区别的,比如学校管理软件、银行系统软件、财务管理软件等。这些系统软件一般也是基于网络的,但它们是C/S(Client/Server)架构的。C/S架构有一个缺陷,在客户端需要安装软件,而且不具有开放性。而最大的好处就是具有开放性,客户端只要有浏览器就行,也就是说,只要有能上网的计算机就行。因此,基于B/S(Brow-se/Server)架构的软件系统就成为趋势,2020/2/2419如现在网上流行的电子商店、远程教育系统、办公系统等。开始,人们利用CGI(通用网关接口)来实现网上数据库管理,但是CGI有点太难掌握了,除了专业人员,普通用户很难掌握。因此,产生一种使用简单、功能强大的网络程序设计语言就势在必行了。在这种背景下,ASP、PHP和JSP就应运而生了。1.2目前主要的网络程序设计语言目前,广泛使用的网络程序设计语言有ASP、PHP和JSP。它们基本上都是把脚2020/2/2420本语言嵌入到HTML文档中。它们的特点是:ASP学习简单,使用方便;PHP软件免费,运行成本低;JSP多平台支持,转换方便。1.2.1ASP概述ASP的全称是ActiveServerPages,是微软推出的用以取代CGI(CommonGatew-ayInterface)的动态服务器网页技术。由于ASP简单易学,又有微软的强大技术支持,所以目前ASP使用非常广泛,很多大型的站点都是用ASP开发的。ASP目前可以在WindowsNT、Windows2020/2/24212000上运行,在Windows98上安装了个人Web服务器PWS4.0(PersonalWebServer4.0)后也可以运行。它对客户端没有任何特殊的要求,只要有一个普通的浏览器就行。ASP文件就是在普通的HTML文件中嵌入了VBScript或JavaScript脚本语言。在ASP中,脚本语言是在服务器端运行的,当客户请求一个ASP文件时,服务器就把该文件解释成标准的HTML文件发过去。在服务器端运行的好处是:第一,可以不受客户端浏览器的限制;第二,可以很方便地和服2020/2/2422务器交换数据,比如读取数据库。ASP提供了几个内部对象和内部组件,利用它们可以很方便地实现表单上传、存取数据库等功能。除此之外,还可以使用第三方提供的专用组件实现发送E-mail、文件上传等功能。ASP程序的优点:ASP所使用的VBScript脚本语言直接来源于VB语言,非常容易掌握。把脚本语言直接嵌入到HTML文档中,不需要编译和连接就可以直接解释运行。利用ADO组件可以轻松存取数据库。2020/2/2423面向对象编程,可扩展ActiveXS-erver组件功能,也可以使用第三方提供的组件。从理论上说,可以实现任何功能。不存在浏览器兼容的问题。可以隐藏程序代码,在客户端仅可以看到由ASP输出的动态的HTML文件。ASP程序的缺点:运行速度比起HTML程序来运行较慢,这是因为每当客户端打开一个ASP网页时,服务器都须将该ASP程序从头到尾重读一遍,并加以解释执行,最后再送出标准的HTML格式文件给客户端,从而影响了运行2020/2/2424速度。有的网络操作系统不支持ASP文件或者支持得不好,用ASP开发的Web程序一般最好选用WindowsNT或Windows2000操作系统。1.2.2PHP概述PHP开始是一个用Perl语言编写的简单程序,PHP程序可以运行在Unix、Linux或者Windows操作系统下,对客户端浏览器也没有特殊要求,不过,它的运行环境安装比较复杂。PHP也是将脚本描述语言嵌入HTML文档中,它大量采用了C、Java和Perl2020/2/2425语言的语法,并加入了各种PHP自己的特征。它也是在服务器端执行的,不受客户端浏览器的限制,存取数据库也比较方便。PHP程序的优点:PHP是免费的,对于许多要考虑运行成本的商业网站来说,尤为重要。开放源码,所有的源码和文档都可以免费复制、编译和
本文标题:ASP动态网页设计技术(教案)
链接地址:https://www.777doc.com/doc-3971548 .html