当前位置:文档之家› 第一章 Web技术 精校版

第一章 Web技术 精校版

第一章 Web技术 精校版
第一章 Web技术 精校版

第一章Web应用与开发word版

课程内容:

(1)Web技术简介

(2)HTML

(3)CSS

(4)JavaScript

(5)https://www.doczj.com/doc/cb1164846.html,

?https://www.doczj.com/doc/cb1164846.html,控件和对象

?https://www.doczj.com/doc/cb1164846.html,数据库应用程序

第一章Web技术简介

?什么是Web?

?什么是Web服务器?

?什么是Web页面?

?统一资源定位符URL

?浏览器的工作机理及种类

?C/S模式与B/S模式

?Web访问的机理

?Web开发平台的组成

?常用Web开发工具

Internet与WWW

?Internet是一个网络上的网络,或者说是一个全球范围的网间网。在Internet中分布了成千上万的计算机,这些计算机扮演的角色和所起的作用各不相同。有的计算机可以收发电子邮件,有的可以为用户传输文件,有的负责对域名进行解析,更多的机器则用于组织并展示相关的信息资源,方便用户的获取。所有这些承担服务任务的计算机统称为服务器。

?WWW服务

?文件传输服务(FTP)

?电子邮件服务(E-mail)

?远程登录服务(Telnet)

?……

Web定义

?全称为World wide web,缩写为WWW,中译为“万维网”

?万维网是一个建立在客户机/服务器(Client/Server)模型之上,以HTML语言和HTTP协议为基础,能够提供面向各种Internet服务的、一致的用户界面的一种信息服务系统。

理解Web

?1)Web是Internet提供的一种服务。

?2)Web是一个巨大的信息宝库。

?3)Web上的信息彼此关联。

?4)Web上的信息保存在Web站点中。

?5)Web简单易用。

什么是Web服务器?

?Web服务器又称WWW服务器、网站服务器、站点服务器,就是将本地的信息用超文本(Hypertext)组织,为用户在Internet上搜索和浏览信息提供服务。从本质上来说Web服务器实际上就是一个软件系统。一台计算机可以充当多个Web服务器,为提高用户的访问效率,一般情况下一台计算机只充当一个Web服务器;为提供大量用户的访问,多台计算机可以形成集群,只提供一个Web服务。平常,我们将只充当一个Web服务器的一台计算机就叫做Web服务器。

什么是Web页面?

?Web在提供信息服务之前,所有信息都必须以文件方式事先存放在Web服务器所管辖磁盘中某个文件夹下,其中包含了由超文本标记语言HTML(HyperText Markup Language)组成的文本文件,我们称这些文本文件为超链接文件,又称网页文件,或称Web页面文件(Web Page)。

URL统一资源定位器

?信息资源放在Web服务器之后,需要将它的地址告诉给用户,以便让用户来访问,这就是统一资源定位符URL(Uniform Resource Locators)的功能,俗称为网址。

?URL的构成:

<协议> <主机[端口号]> <路径> <文件名>

通过不同的协议来访问因特网上的不同资源。

eg:

https://www.doczj.com/doc/cb1164846.html,/tag/六级淘金词汇/2001.html

端口

?一类是标准端口:

端口号从0到1023

?另一类须在IANA (赋值地址和端口号组织)注册登记:端口号从1024到65535

WWW的工作原理

客户端和服务器的概念

客户端

是指用来与数据提供者(服务器)通信的软件和硬件。客户端和服务器相连,发送和接收信息。

服务器

一般是指能向许多客户端同时提供数据的大型计算机。服务器一词既可以指实际的计算机,也可以指一套软件。

客户端和服务器可以在同一台电脑上,但它们通常是在由网络相连的不同电脑上。

Web 浏览器

Web 浏览器浏览器是用来解释Web 页面并完成相应转换和显示的程序。 Web 浏览器最基本的功能:

解释HTML 文档; 运行并显示Java 、ActiveX 以及脚本语言等编程语言创建的应用、程序、

动画等;

1994年Netscape Navigator 推出。

Microsoft 从1995年开始推出Web 浏览器:Internet Explorer 。

◆ 负责处理客户端的HTTP 请求并与主机上的操作系统通信。

◆ 负责为用户提供所需要的网页,并对客户端浏览器发来的请求作出响应。

浏览器/服务器的工作过程

? 用户启动浏览器,并在浏览器中指定一个URL ,浏览器便向该URL 所指向的Web

服务器发出请求

HTT P

客户浏览器

Web 服务器

客户浏览器

? Web 服务器接到浏览器的请求后,把URL 转换成页面所在服务器上的文件路径名 ? 如果URL 指向的是普通的HTML 文档,Web 服务器直接将它送给浏览器。

? 如果HTML 文档中嵌有CGI 程序,Web 服务器就运行CGI 程序,并将结果传送至

浏览器。

浏览器/服务器的工作过程

什么是HTTP 协议

HTTP (Hypertext Transport Protocol ):超文本传输协议

它不仅保证计算机正确快速地传输超文本文档,还确定传输文档中的哪一部分,以

及哪部分内容首先显示(如文本先于图形)等

它是建立在TCP/IP 协议基础上的应用层协议, 采用统一资源标识码定位WWW

服务器的资源,并获取它。 HTTP 是请求/响应式协议 HTTP 的宏观工作原理 统一资源标识符(URL) 协议版本号

MIME 信息(请求修饰符、客户机信息和可能的内容)

状态行(信息的协议版本号、一个成功或错误的代码)

客户机

服务器

响应

MIME 信息( 服务器信息、实体信息和可能的内容) 一个请求例子

Get /mattmarg/ HTTP/1.0

User-Agent: Mozilla/2.0 (Macintosh; I; PPC) Accept: text/html; */* Cookie: name = value

Referer: https://www.doczj.com/doc/cb1164846.html,/html/96/47/index2a.html Host: https://www.doczj.com/doc/cb1164846.html, 一个响应例子

HTTP/1.0 200 Found

Date: Mon, 10 Feb 1997 23:48:22 GMT Server: Apache/1.1.1 HotWired/1.0 Content-type: text/html

Last-Modified: Tues, 11 Feb 1997 22:45:55 GMT

HTTP 协议基础

1.建立连接

2.发送请求

3.发送响应

4.关闭连接

HTTP 的特点

? 以Client/Server 模型为基础。 ? 简易性。

? 客户机要连接到服务器,只需发送请求方式和URL 路径等少量信息。HTTP

规范定义了七种请求方式,最常用的有三种:GET 、HEAD 和POST 。

? 灵活性。

? HTTP 允许任意类型数据的传送。内容-类型(content-type)标识指示了所传输

数据的类型。

? “无连接”性。

客户机

服务器

?“无连接”意味着每次连接只限处理一个请求。客户要建立连接需先发出请

求,收到响应,然后断开连接。

?无状态性。

?这既是优点也是缺点。一方面,由于缺少状态使得HTTP累赘少,系统运行

效率高;另一方面,缺少状态意味着所需的前面信息必须重现,导致每次连

接需要传送较多的信息。

Cookie

用于存储客户端的状态,其流程为:

(1)当客户端请求一URL时,服务器在响应的表头中附加数个Set-Cookie表头

(2)客户端收到此表头时将Cookie信息存储在硬盘中

(5)当客户再次请求相同的URL时,将Cookie信息发往服务器

(4)服务器根据客户的Cookie信息决定其下一步的操作并将新的Set-Cookie送往客户端

C/S模式与B/S模式

?C/S计算模式将应用一分为二:前端是客户机,几乎所有的应用逻辑都在客户端进行和表达,客户机完成与用户的交互任务。后端是服务器,它负责后台数据的查询和管理、大规模的计算等服务。通常客户端的任务比较繁重,称作“肥”客户端,而服务器端的任务较轻,称作“瘦”服务器。

?C/S模式的结构如图1-3所示:

?C/S计算模式具有以下几个方面的优点:通过异种平台集成,能够协调现有的各种基础结构:分布式管理;能充分发挥客户端PC的处理能力,安全、稳定、速度快,且在适当情况下可脱机操作。

?B/S模式的结构如图1-4所示。

图1-4 B/S模式结构

?B/S模式与传统的C/S模式相比体现了集中式计算的优越性:具有良好的开放性,利用单一的访问点,用户可以在任何地点使用系统;用户可以跨平台以相同的浏览

器界面访问系统;因为在客户端只需要安装浏览器,取消了客户端的维护工作,有效地降低了整个系统的运行和维护成本。

Web开发平台的组成

.NET开发平台

?2000年6月,微软公司宣布其.NET战略。2001年,ECMA通过了Microsoft提交的C#语言和CLI标准,这两个技术标准构成了.NET平台的基石。2002年,Microsoft 正式发布.NET Framework和Visual Studio .NET开发工具。

?微软公司的.NET战略揭示了一个全新的境界,提供了一个新的软件开发模型。.NET 战略的一个关键特性在于它独立于任何特定的语言或平台。它不要求程序员使用一种特定的程序语言。相反,开发者可使用多种.NET兼容语言的任意组合来创建一个.NET应用程序。多个程序员可致力于同一个软件项目,但分别采用自己最精通的.NET语言编写代码。

Java EE开发平台

Java EE(Java ENTERPRISE EDITION)是纯粹基于Java的解决方案,之前较低版本叫做J2EE。1998年SUN发布了EJB 1.0标准,EJB为企业级应用中必不可少的数据封装、事务处理、交易控制等功能提供了良好的技术基础。J2EE平台的三大核心技术SERVLET、JSP 和EJB都已先后问世。1999年,SUN正式发布了J2EE的第一个版本。紧接着,遵循J2EE 标准,为企业级应用提供支撑平台的各类应用服务软件争先恐后地涌现了出来。IBM的WebSphere、BEA的WebLogic都是这一领域里最为成功的商业软件平台。

网页制作工具

1.Sausage HotDog Professional

?HotDog是较早基于代码的网页设计工具,支持最新的Web标准和扩展,其最具特色的是提供了许多向导工具,能帮助设计者制作页面中的复杂部分。

?HotDog是个功能强大的软件,对于那些希望在网页中加入CSS、Java、RealVideo 等复杂技术的高级设计者,是个很好的选择。

2.Adobe Dreamweaver、Fireworks、Flash、Golive

Dreamweaver友好的界面、功能强大和快捷的工具以及可视化特征,可以使初学者直接在页面上添加和编辑元素,而不用写源代码,软件会自动将结果转换为HTML源代码,而且它还集成了目前最流行的制作网页的多种功能,比如可通过层叠样式(CSS)格式化文本,通过表格定位网页元素,通过时间轴实现一些网页的动画,以及可进行源代码编写修改功能等,大大方便了网页设计者。

?Fireworks也是由Macromedia公司开发的一种工具。它以处理网页图片为特长,并可以轻松创作GIF动画。它的出现使Web作图发生了革命性的变化。Fireworks是专为网络图像设计而开发,内建丰富的支持网络出版功能,比如Fireworks能够自动切图、生成鼠标动态感应的javascript。而且Fireworks 具有十分强大的动画功能和一个几乎完美的网络图像生成器(Export功能)。它增强了与Dreamweaver的联系,可以导出为配合CSS式样的网页及图片。

3.Microsoft FrontPage 2003

?FrontPage是微软推出的Microsoft办公系列软件Office家族的成员之一,它是具有“所见即所得”特点的网页制作软件,使用FrontPage2003制作网页,你能真正体会到“功能强大,简单易用”的含义。FrontPage2003的主要功能是设计、制作、管理网页或站点,它的操作对象主要是网页或网站。从单个的网页到复杂的网站的设计制作,以及本地或远程网站的管理,都可以使用FrontPage2003完成。FrontPage2003带有

图形和GIF动画编辑器,支持CGI和CSS。

IBM Eclipse

?Eclipse是一种可扩展的开放源代码的IDE(集成开发环境),由IBM出资组建。Eclipse 允许在同一IDE中集成来自不同供应商的工具,并实现了工具之间的互操作性,从而显著改善了项目工作流程,使开发者可以专注在实际开发目标上。Eclipse的最大特点是它能接受由Java开发者自己编写的开放源代码插件,这类似于微软公司的Visual Studio和Sun公司的NetBeans平台。Eclipse为工具开发商提供了更好的灵活性,使他们能更好地控制自己的软件技术。Eclipse框架灵活、扩展容易,因此很受开发人员的喜爱,目前它的支持者越来越多,大有成为Java第一开发工具之势。

它的缺点是较复杂,初学者理解起来比较困难。

Web基本技术介绍

?HTML技术

?DHTML技术

?什么是Java Applet

?JavaScript与VBScript

?ActiveX

?CGI技术

?PHP

?JSP

?ASP/https://www.doczj.com/doc/cb1164846.html,

?Web Services

HTML技术

?HTML是HyperText Markup Language(超文本标记语言)的缩写,是一种用来制作超文本文档的简单标记语言,它实际上是标准通用标记语言(SGML,Standard Generalized Markup Language)的一个子集。

?HTML文件是一种纯文本文件,通常它带有.htm或.html的文件扩展名(在UNIX和Windows 95中的扩展名为.html)。

DHTML技术

?DHTML即动态的HTML语言(Dynamic HTML)。除了具有HTML语言的一切性质外,其最大的突破就是可以实现在下载网页后仍然能实时变换页面元素效果、使人们在浏览Web页面时看到五彩缤纷、绚丽夺目的动态效果。DHTML并不是一门新的语言,它是以下技术、标准或规范的一种集成:

(1)HTML 4.0

(2)CSS (Cascading Style Sheets,层叠样式单)

(3)CSSL(Client-Side Scripting Language,客户端脚本语言)

(4)HTML DOM(HTML文档对象模型,Document Object Model)

web技术概要分类

?客户端技术

?服务端技术

客户端技术

?对象嵌入技术

?Java Applet技术

?客户端脚本程序技术

什么是Java Applet

?Java 小应用程序即Java Applet是指用Java编写的能够在Web页中运行的应用程序,它的可执行代码为class文件。它具有安全、功能强和跨平台等特性。IE、Netscape 等主流浏览器都能显示包含Applet的页面。

?Applet是从远程服务器上下载到本地客户机上运行的,出于安全的考虑,对它的运行进行了必要的限制。例如不能运行本地机上的程序,只能与它所对应的服务器联系;无法对本地机上的文件进行读写操作;除了可获取本地机使用的Java版本号、操作系统名称及版本号、文件名分隔符、文件路径外,无法获得本地机的其他信息。

?Java Applet可提供动画、音频和音乐等多媒体服务,并能产生原本只有CGI(公共网关接口)才能实现的功能。因此Java Applet已经成为Web技术的重要组成部分。JavaScript与VBScript

?JavaScript是目前使用最广泛的脚本语言,它是由Netscape公司开发并随Navigator 浏览器一起发布的,是一种介于Java与HTML之间、基于对象的事件驱动的编程语言。使用JavaScript,不需要Java编译器,而是直接在Web浏览器中解释执行。

?VBScript脚本语言是Visual Basic Script的简称,有时也被缩写为VBS,它是Microsoft Visual Basic的一个子集,即可以看作是VB语言的简化版。VBS和Javascript一样都用于创建客户方的脚本程序,并处理页面上的事件及生成动态内容。

ActiveX

?ActiveX控件是由软件提供商开发的可重用的软件组件。它是微软公司提出的一种软件技术。ActiveX控件可用于拓展Web页面的功能,创建丰富的Internet应用程序。

开发人员可直接使用已有大量商用或免费ActiveX控件,也可通过各种编程工具如VC、VB、Delphi等根据控件所要实现的功能进行组件开发。Web开发者无需知道这些组件是如何开发的,一般情况下不需要自己编程,就可完成使用ActiveX控件的网页设计。例如ActiveX控件ActiveMovie可用于播放视频与动画,你只需要在控件的属性中指定参数值,就可在Web页面中控制其播放。现在很多浏览器包括IE、Netscape、Firefox等都支持ActiveX技术。

对象嵌入技术

将Applet对象或ActiveX控件作为对象插入到HTML文档中,由浏览器执行。如:

classid=“clsid:B16555C0-06DB-101B…”

id=Spin Button

width=15

>

服务端技术

?服务器端的脚本程序技术

?中间件技术

CGI技术

?CGI是公共网关接口(Common Gateway Interface)的缩写,是用于连接Web页面和应用程序的接口。本身HTML语言的功能是比较贫乏的,难以完成诸如访问数据库等一类的操作,而实际的情况则是经常需要先对数据库进行操作(比如文件检索系统),然后把访问的结果动态地显示在主页上。此类需求只用HTML是无法做到的,

所以CGI便应运而生。CGI是在Web Server端运行的一个可执行程序,由主页的一个超链接激活进行调用,并对该程序的返回结果进行处理后,显示在页面上。

PHP

?PHP(PHP:Hypertext Preprocessor,超文本预处理器,也称Professional Home Page)是利用服务器端脚本创建动态网站的技术,它包括了一个完整的编程语言、支持因特网的各种协议、提供与多种数据库直接互联的能力,包括MYSQL、SQL SERVER、SYBASE、INFORMIX、ORACLE等,还能支持ODBC数据库连接方式。

?PHP也是一种跨平台的软件,在大多数Unix平台、GUN/Linux和微软Windows平台上均可以运行。

JSP

?JSP(Java Server Page)是由Sun公司于1999年推出的一项因特网应用开发技术,是基于Java Server以及整个Java体系的Web开发技术,利用这一技术可以建立先进、安全和跨平台的动态网站。JSP技术是以Java语言作为脚本语言的,使用JSP标识或者Java Servlet小脚本来生成页面上的动态内容。JSP页面看起来象普通HTML页面,但它允许嵌入服务器执行代码。服务器端的JSP引擎解释JSP标识和小脚本,生成所请求的内容,并且将结果以HTML页面形式发送回浏览器。在数据库操作上,JSP可通过JDBC技术连接数据库。

ASP/https://www.doczj.com/doc/cb1164846.html,

?https://www.doczj.com/doc/cb1164846.html,完全基于模块与组件,具有更好的可扩展性与可定制性,数据处理方面更是引入了许多激动人心的新技术,正是这些具有革命性意义的新特性,让https://www.doczj.com/doc/cb1164846.html, 远远超越了ASP,同时也提供给Web开发人员更好的灵活性,有效缩短了Web应用程序的开发周期。https://www.doczj.com/doc/cb1164846.html,与Windows Server 家族的完美组合为中小型乃至企业级的Web商业模型提供了一个更为稳定、高效、安全的运行环境。

Web Service

?Web Services是自包含、自描述、模块化的应用,可以在网络中被描述、发布、查找以及通过Web调用。Web Services需要一套协议来实现分布式应用程序的创建。

要实现互操作性,Web Service还必须提供一套标准的类型系统,用于沟通不同的平台、编程语言和组建模型中的不同类型系统。Web Services平台涉及到的主要内容包括:

?采用与平台无关、厂商无关的XML表示数据的基本格式;

?采用W3C制定的XML Schema XSD定义作为标准的数据类型;

?采用SOAP(Simple Object Access Protocol,简单对象访问协议)作为交换XML编码信息的轻量级协议;

?采用基于XML语言的WSDL(Web Service描述语言)作为Web Services及其函数、参数和返回值的描述文档;

?采用UDDI(Universal Description , Discovery , and Integration,统一描述、发现和集成)规范实现Web 服务的相互操作,例如可用UDDI实现Web Service的注册、查找、调用等。

?用远程过程调用RPC和消息传递实现和Web Services之间的通信。

Web 2.0概述

?Ajax

?网志Blog

?社会书签

?维基百科Wiki

?内容聚合RSS

?一般来说Web 2.0(也有人称之为互联网2.0)是相对Web 1.0的新的一类互联网应用的统称。Web 1.0的主要特点在于用户通过浏览器获取信息,Web 2.0则更注重用户的交互作用,用户既是网站内容的消费者(浏览者),也是网站内容的制造者。由Web 1.0单纯通过网络浏览器浏览网页模式向内容更丰富、联系性更强、工具性更强的Web 2.0互联网模式的发展已经成为互联网新的发展趋势。

?如果说Web 1.0是以数据为核心的网,那么Web 2.0是以人为出发点的互联网。从知识生产的角度看,Web 1.0的任务是将以前没有放在网上的人类知识,通过商业的力量,放到网上去。Web 2.0的任务是,将这些知识通过每个用户的浏览求知的力量,协作工作,把知识有机地组织起来,在这个过程中继续将知识深化,并产生新的思想火花;从内容产生者角度看,Web 1.0是商业公司为主体把内容往网上搬,而Web

2.0则是以用户为主,以简便随意方式把新内容往网上搬,以实现信息共享;从交互

性看,Web 1.0是网站对用户为主;Web 2.0是以用户对用户为主。从技术上看,由于Ajax等技术的使用,Web客户端工作效率越来越高。下面我们主要对Ajax、Blog(博客)、Tag、Wiki、RSS作简单介绍。

Ajax

?Ajax(Asynchronous JavaScript and XML,异步JavaScript和XML)最早由Jesse James Garrett提出。区别于传统的Web应用,Ajax应用的主要目的就是提高用户体验:?不刷新整个页面,在页面内与服务器通信;

?使用异步方式与服务器通信,不需要打断用户的操作,具有更加迅速的的响应能力;

?应用系统不需要由大量页面组成。大部分交互在页面内完成,不需要切换整个页面。

?由此可见,Ajax使得Web应用更加动态,带来了更高的智能,并且可以提供表现能力丰富的Ajax UI组件。这样一类新型的Web应用叫做RIA(Rich Internet Application)应用。

网志Blog

?Blog的全名是Web log,后来缩写为Blog,中文意思是“网络日志”,一般人们喜欢称之为“博客”。Blog是一个易于使用的网站,您可以在其中迅速发布想法、与他人交流以及从事其他活动,所有这一切都是免费的。

?博客是一种新的生活方式、新的工作方式、新的学习方式和交流方式,是“互联网的第四块里程牌”。

社会书签

?网摘又名网页书签,英文原名是Social Bookmark,直译是“社会书签”。世界上第一个网摘站点https://www.doczj.com/doc/cb1164846.html,的创始人Joshua在2004年发明了网摘。网摘是一种服务,它提供的是一种收藏、分类、排序、分享互联网信息资源的方式。

维基百科Wiki

?Wiki一词来源于夏威夷语“wee kee wee kee”,原本是“快点快点”的意思,中文译为“维客”或“维基”。它是一种多人协作的写作工具。Wiki站点可以有多人,甚至任何访问者维护,每个人都可以发表自己的意见,或者对共同的主题进行扩展或者探讨。

Wiki指一种超文本系统。这种超文本系统支持面向社群的协作式写作,同时也包括一组支持这种写作的辅助工具。

内容聚合RSS

?RSS是站点用来和其他站点之间共享内容的一种简易方式(也叫聚合内容,Really Simple Syndication)的技术。最初源自浏览器“新闻频道”的技术,现在通常被用于新闻和其他按顺序排列的网站,例如Blog。RSS搭建了一个信息迅速传播的技术平

台,使得每个人都成为潜在的信息提供者。发布一个RSS文件后,这个RSS Feed 中包含的信息就能直接被其他站点调用,而且由于这些数据都是标准的XML格式,所以也能在其他的终端和服务中使用。

HTML5与CSS3 web前端开发技术习题答案

第一章 1.简答题 (1)在Web前端开发方面,HTML5与HTML4比较,主要解决哪几方面的问题? HTML5的核心在于解决当前Web开发中存在的各种问题。 一是解决Web浏览器之间的兼容性问题。在一个浏览器上正常显示的网页(或运行的Web 应用程序),很可能在另一个浏览器上不能显示或显示效果不一致; 二是文档结构描述的问题。HTML4之前的各版本中,HTML文档的结构一般用div元素描述,文档元素的结构含义不够清晰; 三是使用HTML+CSS+JavaScript开发Web应用程序时,开发功能受到很大的限制,比如本地数据存储功能、多线程访问、获取地理位置信息等,这些都影响了用户的体验。 (2)HTML5新增的全局属性有哪几个?描述其主要功能。 HTML5新增的全局属性,是指可以对任何元素都使用的属性。功能如下所示。

(3)HTML5是下一代Web语言的开发框架,典型特性有哪些? HTML5从标记语言的功能提升到下一代Web语言的开发框架,他集成了HTML+CSS3+JavaScript的Web应用框架。。 良好的语义特性。HTML5支持微数据与微格式,增加的各种元素赋予网页更好的意义和结构,适于构建对程序、对用户都更有价值的数据驱动的Web应用。HTML5增加了section元素、article元素、nav元素以及aside元素等结构元素。 强大的绘图功能。通过使用Canvas API动态地绘制各种效果精美的图形,也可以通过SVG 绘制可伸缩矢量图形。 增强的音视频播放和控制功能。新增了audio和video 元素,可以不依赖任何插件而播放音频和视频。 HTML5的数据存储和数据处理的功能。 包括离线应用、Web通信、本地存储等功能,HTML5还支持WebSQL和IndexedDB等轻量级数据库,增强了数据存储和数据检索能力。 获取地理位置信息。HTML5新增了Geolocation API规范,应用于移动设备中的地理定位。 提高页面响应的多线程。HTML5新增了Web Workers来实现多线程功能。通过Web Workers,将耗时较长的处理交给后台线程,降低Web服务的响应时间,有利于增强用户体验。 方便用户处理文件和访问文件系统的文件文件API 。HTML5的文件API包括FileReader API 和File SystemAPI。 除了上面介绍的HTML5的特性之外,HTML5还有管理浏览器历史记录的History API。HTML5可以通过脚本语言在浏览器历史记录中添加项目,以及在不刷新页面的前提下显示地改变浏览器地址栏中的URL地址;而HTML5的拖放功能可以使用mousedown、mousemove、mouseup等方法来实现拖放操作。

Web开发技术习题集

Web开发技术 第一章 1.下列动态网页和静态网页的根本区别描述错误的是(D) https://www.doczj.com/doc/cb1164846.html,/examTest/stuExamList/javascript:void(0)A、静态网页服务器端返回的HTML文件是事先存储好的; https://www.doczj.com/doc/cb1164846.html,/examTest/stuExamList/javascript:void(0)B、动态网页服务器端返回的HTML文件是程序生成的; https://www.doczj.com/doc/cb1164846.html,/examTest/stuExamList/javascript:void(0)C、静态网页文件里只有HTML标记,没有程序代码; https://www.doczj.com/doc/cb1164846.html,/examTest/stuExamList/javascript:void(0)D、动态网页中只有程序,不能有HTML代码; 真棒,答对了! 2.下面哪一项不是网页制作工具(D) https://www.doczj.com/doc/cb1164846.html,/examTest/stuExamList/javascript:void(0)A、FrontPage; https://www.doczj.com/doc/cb1164846.html,/examTest/stuExamList/javascript:void(0)B、Dreamweaver; https://www.doczj.com/doc/cb1164846.html,/examTest/stuExamList/javascript:void(0)C、Visual Studio; https://www.doczj.com/doc/cb1164846.html,/examTest/stuExamList/javascript:void(0)D、PhotoShop; 3.目前的物联网、大数据和云计算的智能生活时代属于下列哪个web发展阶段(C)

https://www.doczj.com/doc/cb1164846.html,/examTest/stuExamList/javascript:void(0)A、web1.0; https://www.doczj.com/doc/cb1164846.html,/examTest/stuExamList/javascript:void(0)B、web2.0; https://www.doczj.com/doc/cb1164846.html,/examTest/stuExamList/javascript:void(0)C、web3.0; https://www.doczj.com/doc/cb1164846.html,/examTest/stuExamList/javascript:void(0)D、web4.0; 题目解析:一般认为11或者12年开始进入Web 3.0时代,属于大互联时代。典型特点是多对多交互,不仅包括人与人,还包括人机交互以及多个终端的交互。智能手机促进了移动互联网的发展。现在是大互联时代的初期,真正的3.0时代一定是基于物联网、大数据和云计算的智能生活时代,实现了“每个个体、时刻联网、各取所需、实时互动”的状态,也是一个“以人为本”的互联网思维指引下的新商业文明时代。 4.关于webservice,下列说法错误的是(D) https://www.doczj.com/doc/cb1164846.html,/examTest/stuExamList/javascript:void(0)A、webservice可以通过手机端访问; https://www.doczj.com/doc/cb1164846.html,/examTest/stuExamList/javascript:void(0)B、Web应用程序中无需下载安装Web服务可直接调用网上的Web服务提供的方法来实现某个功能; https://www.doczj.com/doc/cb1164846.html,/examTest/stuExamList/javascript:void(0)C、webservice服务可实现分布式应用; https://www.doczj.com/doc/cb1164846.html,/examTest/stuExamList/javascript:void(0)D、webservice不能通过局域网访问; 题目解析:局域网可以访问在本局域网内部的webservice服务,能不能访问webservice取决于web服务的服务所在网络位置。

web开发技术试卷及参考答案

《WEB开发技术》期末考卷(A) 一、选择题(30题、每题2分、总计60分) 1、是用于创建Web应用程序的平台,此应用程序可使用IIS和.NET Framework在Windows 服务器上运行。 # 2、文件由Visual 创建,用于定义Web应用程序的配置。 A. 3、打开SQL Connection 时返回的SQL Server 错误号为4 060,该错误表示: 。 A. 连接字符串指定的服务器名称无效 B. 连接字符串指定的数据库名称无效 C. 连接超时 D. 连接字符串指定的用户名或密码错误 4、在DataSet中,若修改某一DataRow 对象的任何一列的值,该行的DataRowState 属性的值将变为。 A. B. C. D. 5、关于网页中的图像,下列说法正确的是。 A.图像由标签开始,由结束 B.图像标签的href属性用于指定图像链接的URL 属性的值是所要显示图像的URL D.以上全都是错的 6、如果希望单击超链接打开新的HTML页面,则需将target属性设为。 7、为创建在SQL Server 2000 中执行Select 语句的Command 对象,可先建立到SQL Server 2000 数据库的连接,然后使用连接对象的方法创建SqlCommand 对象。 A. CreateObject B. OpenSQL C. CreateCommand D. CreateSQL 8、为了在程序中使用ODBC .NET 数据提供程序,应在源程序工程中添加对程序集______ 的引用。 A. B. C. . D. 9、DataAdapter 对象的DeleteCommand 的属性值为null,将造成: A. 程序编译错误 B. DataAdapter 在处理DataSet 中被删除的行时,将引发异常 C. DataAdapter 在处理DataSet 中被删除的行时,这些行将被跳过不处理 D. DataAdapter 在处理DataSet 中被删除的行时,将出现对话框询问用户如何处理该行 10、下列语句的值是。 String str=”中华人民共和国”; (“人”); B.2 11、应用程序中所有页面均可以访问变量。 12、指令用于定义页面解析器和编译器所使用的特定的页面的属性。 A. @Page B. @Control C. @Import D. Register

Web开发技术习题集

第一章 1.下列动态网页和静态网页的根本区别描述错误的是(D) A、静态网页服务器端返回的HTML文件是事先存储好的; B、动态网页服务器端返回的HTML文件是程序生成的; C、静态网页文件里只有HTML标记,没有程序代码; D、动态网页中只有程序,不能有HTML代码; 真棒,答对了! 2.下面哪一项不是网页制作工具(D) A、FrontPage; B、Dreamweaver; C、Visual Studio; D、PhotoShop; 3.目前的物联网、大数据和云计算的智能生活时代属于下列哪个web发展阶段(C) A、; B、; C、; D、; 题目解析:一般认为11或者12年开始进入Web 时代,属于大互联时代。典型特点是多对多交互,不仅包括人与人,还包括人机交互以及多个终端的交互。智能手机促进了移动互联网的发展。现在是大互联时代的初期,真正的时代一定是基于物联网、大数据和云计算的智能生活时代,实现了“每个个体、时刻联网、各取所需、实时互动”的状态,也是一个“以人为本”的互联网思维指引下的新商业文明时代。 4.关于webservice,下列说法错误的是(D) A、webservice可以通过手机端访问; B、Web应用程序中无需下载安装Web服务可直接调用网上的Web服务提供的方法来实现某个功能;

C、webservice服务可实现分布式应用; D、webservice不能通过局域网访问; 题目解析:局域网可以访问在本局域网内部的webservice服务,能不能访问webservice取决于web服务的服务所在网络位置。 5.域名系统DNS的含义是(A) A、Domain Name Service; B、Direct Network System; C、Dynamic Network System; D、Distributed Network Service; 6.下列有关浏览器到服务器到脚本到程序表述正确的是(D) A、一个URL指向一个CGI脚本. 一个CGI脚本的URL能如普通的URL一样在任何地方出现; B、服务器接收请求, 按照那个URL指向的脚本文件(注意文件的位置和扩展名),执行脚本; C、脚本执行基于输入数据的操作,包括查询数据库、计算数值或调用系统中其他程序; D、脚本不能产生某种Web服务器能理解的输出结果; 7.关于“服务端/客户端技术”的描述,不正确的是(D) A、“服务器端/客户端技术”描述的是一种工作方式; B、我们用来浏览网页的计算机属于客户端; C、web服务器既属于服务器端,也可属于客户端; D、web服务器只能属于服务器端; 8. 下面这段Html代码在浏览器中运行结果为(C)

asp。net web 应用开发技术喻钧课后答案修正版

第一章 1.填空、选择题(1)网址(2)D (3)A (4)C (5)A 2.解答题 (1)c/s结构适用于局域网,要有专门的小范围的网络硬件环境,b\s结构则是适用于广域网,只要能接入internet的用户即可使用;c/s结构用户有固定还有限,系统升级和维护难,成本也高, b\s结构客户端零维护,易于实现系统的无缝升级;c/s结构软件单一、整体性好,可重用性差;b\s结构是多重结构,构件独立,可重用性好;c/s结构客户端和服务器是平台相关,b\s结构则是不相关;c/s结构信息控制性强,b\s结构就相对来说较弱。 (2)他们主要区别在于服务器对他们的处理方式不同。静态网页都具有一个固定的URL,它的内容是原封不动被传递的,想要修改网页内容,必须修改HTML源代码,静态网页没有数据库的支持,不支持客户端与服务器端的交互;动态网页中,不同额请求和访问数据的变化会生成不同的HTML代码,网页内容会改变,它具有数据库访问功能,支持客户端与服务器端的交互。 (3)客户端脚本语言都是解释型的,基于对象的脚本语言,他们的工作机制是:将脚本嵌入到web页面中,并随着HTML文件一起传送到客户端,由浏览器解释执行;服务器脚本语言则都运行在服务器端,能够动态的生成网页,脚本运行不受客户端浏览器限制,脚本程序都是将脚本语言嵌入到HTML文件中,执行后返回到客户端HTML代码。 第二章 1.(1)HTML网页文件的标记是,网页文件的主体标记是,标记页面标题的标记是。 (2)表格的标签是(

),单元格的标签是()。表格的宽度可以用百分比和(像素)两种单位来设置。 (3)表单对象的名称由(name)属性设定;提交方法由(method)属性指定;若要提交大量数据,则采用(POST)方法;表格提交后的数据处理程序由(target)属性指定。 (4)当表格以电子邮件的形式发送,MIME类型设置为(multipart)。 (5)DTD是对(XML)文档所做的规范和约定。 2、(1)A; (2)C; (3)C; (4)A; (5)A;(6)B;(7)D;(8)C. (9) B; (10) A; 3、 (1)XML和HTML都来自于SGML,它们语法相似,但是传统的HTML无法表达数据的含义,而这恰恰是电子商务、智能搜索必须的。HTML不能表述化学符号。数学公式、音乐符号、矢量图形等。HTML扩展性差,而且XML语法较为严格,具有良好的自描述性。(2)XHTML包括XML和HTML,DHTML就是动态的HTML,包含HTML/XHTML,CSS,JavaScript。 (3)XML Schema比DTD提供额类型更多,具有更强的表现能力,能够更好的满足不同领域应用的需求。 (4)CSS包含一个或多个格式化规定和定义,他控制XML和HTML文档中的标签如何在浏览器的显示;XSLT用于将一种XML文档转换为另外一种XML文档,或者可被浏览器识别的其他类型的文档,比如HTML和XHTML。换句话说,CSS只适合用于输出比较固定的最终文档。CSS的优点是简洁,消耗系统资源少;而XSLT虽然功能强大,但因为要重新索引XML结构树,所以消耗内存比较多。将它们结合起来使用,比如在服务器端用XSLT 处理文档,在客户端用CSS来控制显示 第三章 一、选择题 1、D 2、A 3、B 4、C 5、C 6、C 7、B 8、C

asp。net-web-应用开发技术喻钧课后答案修正版

asp。net-web-应用开发技术喻钧课后答案修正版

第一章 1.填空、选择题(1)网址(2)D (3)A (4) C (5)A 2.解答题 (1)c/s结构适用于局域网,要有专门的小范围的网络硬件环境,b\s结构则是适用于广域网,只要能接入internet的用户即可使用;c/s结构用户有固定还有限,系统升级和维护难,成本也高, b\s结构客户端零维护,易于实现系统的无缝升级;c/s结构软件单一、整体性好,可重用性差;b\s结构是多重结构,构件独立,可重用性好;c/s结构客户端和服务器是平台相关,b\s结构则是不相关;c/s结构信息控制性强,b\s结构就相对来说较弱。 (2)他们主要区别在于服务器对他们的处理方式不同。静态网页都具有一个固定的URL,它的内容是原封不动被传递的,想要修改网页内容,必须修改HTML源代码,静态网页没有数据库的支持,不支持客户端与服务器端的交互;动态网页中,不同额请求和访问数据的变化会生成不同的HTML代码,网页内容会改变,它具有数据库访问功能,支持客户端与服务器端的交

互。 (3)客户端脚本语言都是解释型的,基于对象的脚本语言,他们的工作机制是:将脚本嵌入到web页面中,并随着HTML文件一起传送到客户端,由浏览器解释执行;服务器脚本语言则都运行在服务器端,能够动态的生成网页,脚本运行不受客户端浏览器限制,脚本程序都是将脚本语言嵌入到HTML文件中,执行后返回到客户端HTML代码。 第二章 1.(1)HTML网页文件的标记是,网页文件的主体标记是,标记页面标题的标记是。 (2)表格的标签是(

),单元格的标签是()。表格的宽度可以用百分比和(像素)两种单位来设置。 (3)表单对象的名称由(name)属性设定;提交方法由(method)属性指定;若要提交大量数据,则采用(POST)方法;表格提交后的数据处理程序由(target)属性指定。 (4)当表格以电子邮件的形式发送,MIME类型设置为(multipart)。

相关主题
文本预览
相关文档 最新文档