Web开发技术.docx
《Web开发技术.docx》由会员分享,可在线阅读,更多相关《Web开发技术.docx(19页珍藏版)》请在冰豆网上搜索。
Web开发技术
第1章Web开发技术概述
⏹什么是万维网?
WWW是WorldWideWeb(环球信息网)的缩写,也可以简称为Web,中文名字为“万维网”。
Web就由互联网上的上述各种各样的服务器相互连接组成
⏹什么是B/S结构?
它和C/S结构相比,有什么优点?
B/S模式是一种基于Web的协同计算模式,是一种三层架构的瘦客户机/肥服务器的计算模式。
B/S模式与传统的C/S模式相比体现了集中式计算的优越性:
具有良好的开放性,利用单一的访问点,用户可以在任何地点使用系统;用户可以跨平台以相同的浏览器界面访问系统;因为在客户端只需要安装浏览器,取消了客户端的维护工作,有效地降低了整个系统的运行和维护成本。
⏹试比较ASP、PHP、JSP、ASP.NET各自的特点。
ASP:
利用它可以产生和执行动态的、互动的和高性能的Web服务应用程序。
ASP使用VBScript、JavaScript等简单易懂的脚本语言,结合HTML代码,即可快速地完成网站的应用程序开发。
PHP:
它包括了一个完整的编程语言、支持因特网的各种协议、提供与多种数据库直接互联的能力,包括MYSQL、SQLSERVER、SYBASE、INFORMIX、ORACLE等,还能支持ODBC数据库连接方式。
JSP:
是基于JavaServer以及整个Java体系的Web开发技术,利用这一技术可以建立先进、安全和跨平台的动态网站。
JSP技术是以Java语言作为脚本语言的,使用JSP标识或者JavaServlet小脚本来生成页面上的动态内容。
ASP.NET:
它既不是一种程序语言,也不是一种开发工具,而是一种技术框架,它含有若干内建对象,用于Web服务器端的开发。
利用它可以产生和执行动态的、互动的和高性能的Web服务应用程序。
ASP使用VBScript、JavaScript等简单易懂的脚本语言,结合HTML代码,即可快速地完成网站的应用程序开发。
⏹简述Web访问的机理。
⏹请说明Ajax技术的工作原理。
不刷新整个页面,在页面内与服务器通信;使用异步方式与服务器通信,不需要打断用户的操作,具有更加迅速的的响应能力;应用系统不需要由大量页面组成。
大部分交互在页面内完成,不需要切换整个页面。
由此可见,Ajax使得Web应用更加动态,带来了更高的智能,并且可以提供表现能力丰富的AjaxUI组件。
⏹DHTML技术的特点及功能是什么?
DHTML即动态的HTML语言(DynamicHTML)。
除了具有HTML语言的一切性质外,其最大的突破就是可以实现在下载网页后仍然能实时变换页面元素效果、使人们在浏览Web页面时看到五彩缤纷、绚丽夺目的动态效果。
⏹Web2.0的特点是什么?
它包含哪些内容?
注重用户的交互作用,用户既是网站内容的消费者(浏览者),也是网站内容的制造者
内容更丰富、联系性更强、工具性更强
包含内容:
Ajax、Blog(博客)、Tag、Wiki、RSS
第2章Web开发环境的建立
⏹1.熟悉IISWeb服务器配置过程。
⏹2.熟悉VisualStudio2005开发环境。
⏹3.在VS2005环境下配置源代码控制软件VSS6.0。
⏹4.新建一个空网站,并通过代码控制软件管理,熟悉VSS6.0的常用功能。
⏹5.新建一个空网站,试着用三种方式发布网站。
第3章HTML基础与层叠样式单CSS
1、简要说明什么是HTML。
HTML语言是超文本标记语言(HyperlinkTextMarkupLanguage)的缩写。
它是WorldWideWeb的描述语言,是一种描述文档结构的语言,而不能描述实际的表现形式。
2、创建一个页面,该页面由两段不同的文字组成,第一段文字全部是黑体,颜色为红色,字体大小为4;第二段文字的第一个字大小为5,颜色为蓝色,字体为隶书,其他的文字全部是宋体,大小为3,颜色为黑色。
3、简要说明框架在网页布局中的作用。
4、什么是CSS?
与传统的HTML文档相比较,使用CSS有什么优点?
CSS是一种格式化网页的标准方法,它就颜色、字体、间隔、定位以及边距等格式提供了几十种属性,这些属性可通过style应用于在HTML标记中。
(1)简化了网页的格式代码,外部的样式表还会被浏览器保存在缓存里,加快了下载显示的速度,也减少了需要上传的代码数量(因为重复设置的格式将被只保存一次)。
(2)只要修改保存着网站格式的CSS样式表文件就可以改变整个站点的风格特色,在修改页面数量庞大的站点时,显得格外有用。
避免了一个一个网页的修改,大大减少了重复劳动的工作量。
5、为网页添加样式表的方法有哪几种?
它们之间有什么区别?
链入外部样式表、导入外部样式表、联入样式表和内联样式。
其中联入样式表和内联样式是将CSS的功能组合于HTML文件之内,而链接及导入外部样式表则是将CSS功能以个别文件的方式独立于HTML文件之外,然后再通过链接或导入的方式将HTML文件和CSS文件链接在一起。
6、创建一个包含10个页面左右的网站。
要求所有页面中的标题、正文、图像和链接具有相同的样式;所有的样式定义都位于单独的样式文件中,所有HTML文件都使用链接的方法将样式文件链接到当前文件中。
要求合理使用文字、图像、并用表格进行适当排版,导航结构清晰,具有一定的站点风格。
7、上网浏览,查看源代码,分析优秀网站是如何使用CSS技术的。
第四章DHTML动态网页制作
ØDHTML的组成是什么?
Javascript、VBScript、DocumentObjectModel(文件目标模块)简称DOM、Layers和CascadingStyleSheets(CSS)
ØJavaScript脚本语言有哪些特点?
与JAVA语言的区别?
特点:
简单性。
基于对象。
可移植性。
安全性。
区别:
①Java是SUN公司推出的新一代面向对象的程序设计语言,支持类和继承,主要应用于网络编程;JavaScript只是基于对象的,主要用于Web页面编写脚本,是Netscape公司的产品。
②Java程序编译后以类的形式存放在服务器上,由浏览器下载用Java虚拟机去执行它。
JavaScript源代码嵌入HTML文件中,使用时由浏览器对它进行识别、解释并执行。
③Java采用强变量检查,即所有变量在编译之前必须声明。
JavaScript中变量声明,采用弱变量,在使用前不需作声明,而是解释器在运行时检查其数据类型。
J④ava程序可单独执行,而JavaScript程序只能嵌入HTML中,不能单独执行。
⑤Java程序的编写、编译需要专门的开发工具,如JDK(JavaDevelopmentKit)、VisualJ++等;而JavaScript程序只是作为网页的一部分嵌入HTML中,编写JavaScript程序只要用一般的文本编辑器即可。
ØJavaScript中如何创建对象?
引用JavaScript内置对象,如Date、Math、String等;用户自定义对象;
引用浏览器对象
ØJavaScript主要内置对象有哪些?
如何利用JavaScript进行事件编程?
如Date、Math、String等。
在HTML文件中,可用支持事件驱动的JavaScript语言编写事件处理程序。
ØJJavaScript主要有哪些对象?
Array对象,String对象,Math对象,date对象,Number对象
Ø通过HTMLDOM如何操纵HTML元素?
在HTMLDOM中,打开的浏览器窗口可看成window对象,浏览器显示页面的区域可看成document对象,各种HTML元素就是document的子对象。
要对某个HTML元素进行操控,必须为它设置ID属性或Name属性。
我们可以把某HTML元素的ID属性看成是该控件的名称,DOM中通过ID属性或Name属性来操控HTML元素。
建议全部用ID属性,而不用Name属性,Name属性只是为了兼容低版本浏览器
ØHTMLDOM树在Web开发中有什么作用?
HTMLDOM是一种结构化的对象模型,采用DOM技术访问和更新HTML页面内容时,首先依据HTML源代码,建立页面的树形结构模型,然后按照树形结构的层次关系来操纵Web页面。
第5章可扩展标记语言XML
⏹1.简单陈述什么是XML?
XML与HTML有什么区别?
XML是一种类似于HTML的标记语言
XML是用来描述数据的
XML的标记不是在XML中预定义的,你必须定义自己的标记
XML使用文档类型定义(DTD)或者模式(Schema)来描述数据
XML使用DTD或者Schema后就是自描述的语言
⏹2.CSS与XSL有什么区别?
XSL与CSS在很多功能上是重复的,但是它比CSS功能强大,不过XSL的强大功能与其复杂性是分不开的。
CSS只允许格式化元素内容,不允许改变或安排这些内容。
但是XSL没有这些限制,它可以提取元素、属性值、注释文本等几乎所有的文档内容。
在XML领域,用XSL来格式化文档是未来发展的方向。
CSS是一种静态的样式描述格式,其本身不遵从XML的语法规范。
而XSL不同,它是通过XML进行定义的,遵守XML的语法规则,是XML的一种具体应用。
也即XSL本身就是一个XML文档,系统可以使用同一个XML解释器对XML文档及其相关的XSL文档进行解释处理。
⏹3.什么是XML数据岛?
如何使用?
所谓XML数据岛就是在HTML页面文档中采用HTML中的专门标签“”定义的一块数据。
可用HTML标记的属性datasrc指定XML数据源的ID,用datafld属性绑定XML数据源中的节点元素名称来获取数据。
XML数据岛在HTML页面中使用有两种方式,即内嵌式和连接式。
⏹4.XMLDTD与XMLSCHEMA有什么区别?
DTD是用不同于XML语言编写的,需要不同的解析器技术。
这增加了工具开发商的负担,他们不仅要开发用于XML文档自身的解析器,还要专门开发用于DTD的解析器。
此外,对于那些学习XML技术的人来说,还得专门去学习DTD语法规则。
◎DTD不支持名称空间(又叫名域空间或名字空间)。
XML的优点是能够很好地支持数据之间的跨平台或跨系统,如果没有名称空间,则各种名称就会发生冲突,致使数据之间无法正确识别。
◎DTD不支持继承和子类。
◎DTD中没有数据类型的概念,就无法验证某些具有特殊含义的元素是否符合预先定义的要求。
⏹5.怎么理解XML安全性?
XML有哪几种安全标准?
XML文档作为ASCII文件,已成为Internet上的信息交换格式,而与信息交换有关的一个重要问题是安全。
XML文档安全包括:
1)机密性2)完整性3)真实性4)抗否认性
⏹6.XPATH和XPOINTER有什么区别?
XLINK与HTML中的超级链接有什么区别?
①XPointer用于在资源内定位片断(fragement),它支持在XML文档中定位元素、属性、字符串等内部结构。
例如,我们可以定位到根元素或者当前元素的第5个子元素,也可以定位到文档中的某一个位置或两个位置之间的区域。
②Xpointer采用基于XSL转换中的XPath语言,并在其基础上进行了扩展。
Xpointer不再使用xpath中的节点这个概念,而改用位置(location),每一个位置可以是节点、点(point)或范围(range)。
点就是XML文件内的某个位置,而范围则是两个点之间的所有文档内容。
③Xpath只能定位一个节点,而Xpointer除了定位一个节点外,还可定位点和范围;通过字符串匹配定位资源片段;在URI引用中定位资源片断。
⏹7.对本章的所有例子进行上机验证。
第6章.NETWeb应用程序开发技术
1.熟悉ASP.NET的各种常用控件。
2.GRIDVIEW控件、DATALIST控件和REPEATER控件的优缺点及其他们分别使用时的场合。
3.写一个ASP.NET页面,该页面使用连接对象连接NORTHWIND数据库,并使用GRIDVIEW控件显示下面的信息:
–所有供应商的地址、所在城市、联系人姓名和电话号码;
–所有雇员的姓名和地址,按年龄降序显示
4.分别使用DATALIST控件和REPEATER控件实现对NORTHWIND数据库中PRODUCTS表的数据显示、分页和排序。
5.使用FORMVIEW控件实现对NORTHWIND数据库中CATEGORIES表的数据显示,并且实现增加编辑和添加数据记录功能。
效果如下:
第7章Ajax程序设计技术
l简单陈述什么是ajax技术。
Ajax的作用是什么?
Ajax通过异步数据交换和处理,可以显著提高Web应用程序运行效率,给Web开发者带来了新的希望。
Ajax并不是一门新的语言或技术,它实际上是几项技术按一定的方式组合在一起共同协作中发挥各自的作用。
Ajax的工作原理相当于在用户和服务器之间加了一个中间层—Ajax引擎,使用户操作与服务器响应异步化。
并不是所有的用户请求都提交给服务器,像一些数据验证和简单的数据处理等都交给Ajax引擎自己来做,只有确定需要从服务器读取新数据时再由Ajax引擎代为向服务器提交请求。
lajax有哪些应用框架,它们都有哪些特点?
l对本章的例子进行上机练习。
第8章Web站点规划设计、性能优化及安全性
1.设计和开发一个Web站点需要注意哪些问题?
2.建设一个Web站点的一般步骤是什么?
1.Web站点准备阶段2.域名注册3.Web站点的需求分析和总体设计4.确定Web站点的组织与风格5.Web站点开发和运行环境的确定6.Web站点的开发7.Web站点的测试8.将Web站点接入Internet,并做好网站推广9.Web站点的运行安全和维护管理
3.进行网站开发时,应该从哪些方面来提高网站性能和安全?
(1)对Web应用系统应建立基于角色的用户权限管理机制;
(2)使用参数化存储过程。
(3)输入有效性验证。
(4)尽量少用session和Application变量,切忌不要通过session用来在页面间传递大数据量。
(5)信息加密存储。
(6)窗体身份验证。
9.4.1登录模块
default.aspx源文件如下:
<%@PageLanguage="C#"AutoEventWireup="true"CodeFile="default.aspx.cs"Inherits="defaultlogin"%>
DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http:
//www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
//www.w3.org/1999/xhtml">
重庆大学艺术类专业考试招生系统
……
用户名:TextBoxID=userIdTextBoxRunat=serverWidth="101px"MaxLength="10"TabIndex="1"/>RequiredFieldValidatorid="userIdValidator"ControlToValidate="userIdTextBox"ErrorMessage="用户名不能为空"runat=server>*
RequiredFieldValidator>
密 码:TextBoxID=passwordTextBoxRunat=serverTextMode=passwordWidth="101px"MaxLength="20"TabIndex="2"/>
RequiredFieldValidatorID="RequiredFieldValidator1"runat="server"ControlToValidate="passwordTextBox"ErrorMessage="密码不能为空">*
RequiredFieldValidator>
验证码:TextBoxID=verifyTextBoxRunat=serverWidth="101px"MaxLength="10"TabIndex="3"/>
RequiredFieldValidatorid="RequiredFieldValidator2"ControlToValidate="verifyTextBox"ErrorMessage="请输入验证码"runat=server>*
RequiredFieldValidator>
换一个"onclick="this.src=this.src+'?
temp='+(newDate().getTime().toString(36))"/>
|
temp='+(newDate().getTime().toString(36));returnfalse">small">看不清楚?
换一个
|
……