第3章 网页设计.ppt
《第3章 网页设计.ppt》由会员分享,可在线阅读,更多相关《第3章 网页设计.ppt(36页珍藏版)》请在淘文阁 - 分享文档赚钱的网站上搜索。
1、ASP.NET Web程序设计与应用程序设计与应用第第3章章 网页设计网页设计第第3 3章章 网网页页设设计计第第3章章 网页设计网页设计3.1 静态网页设计静态网页设计3.2 动态网页设计动态网页设计3.3 HTML控件控件3.4 Web服务器控件服务器控件3.5 Web表单验证控件表单验证控件3.6 用户控件用户控件2第第3 3章章 网网页页设设计计学习目标学习目标了解静动态网页的基本感念及其区别与联系了解静动态网页的基本感念及其区别与联系掌握常用掌握常用HTML控件控件的使用;的使用;掌握常用掌握常用Web服务器控件服务器控件的使用;的使用;掌握掌握Web表单验证控件的使用;表单验证控件
2、的使用;理解理解用户控件用户控件的的创建与使用创建与使用3第第3 3章章 网网页页设设计计3.1 静态网页设计静态网页设计静态网页特点如下:静态网页特点如下:1)静态网页每个网页都有一个固定的)静态网页每个网页都有一个固定的URL,且网页,且网页URL以以.htm、.html、.shtml等常见形式为后缀,等常见形式为后缀,而不含有而不含有“?”;2)网页内容一经发布到网站服务器上,无论是否有用)网页内容一经发布到网站服务器上,无论是否有用户访问,每个静态网页的内容都是保存在网站服务器上户访问,每个静态网页的内容都是保存在网站服务器上的,也就是说,静态网页是实实在在保存在服务器上的的,也就是说
3、,静态网页是实实在在保存在服务器上的文件,每个网页都是一个独立的文件;文件,每个网页都是一个独立的文件;3)静态网页的内容相对稳定,因此容易被搜索引擎检)静态网页的内容相对稳定,因此容易被搜索引擎检索;索;4)静态网页没有数据库的支持,在网站制作和维护方)静态网页没有数据库的支持,在网站制作和维护方面工作量较大,因此当网站信息量很大时完全依靠静态面工作量较大,因此当网站信息量很大时完全依靠静态网页制作方式比较困难;网页制作方式比较困难;5)静态网页的交互性交叉,在功能方面有较大的限制。)静态网页的交互性交叉,在功能方面有较大的限制。4第第3 3章章 网网页页设设计计3.2 动态网页设计动态网页
4、设计ASP程序的执行过程如图程序的执行过程如图3.5所示。当浏览器所示。当浏览器向向Web服务器请求调用服务器请求调用ASP文件时,文件时,Web服服务器响应该务器响应该HTTP请求,调用请求,调用ASP引擎,解释引擎,解释被申请的文件。当遇到与被申请的文件。当遇到与Active X Script兼兼容的脚本(容的脚本(VBScript、JavaScript)时,)时,ASP引擎调用相应的脚本引擎进行解释处理。引擎调用相应的脚本引擎进行解释处理。若脚本指令中涉及对数据库的访问,就通过数若脚本指令中涉及对数据库的访问,就通过数据库引擎与后台数据库进行连接,由数据库访据库引擎与后台数据库进行连接,
5、由数据库访问组件实现对数据库的操作,并将执行结果动问组件实现对数据库的操作,并将执行结果动态生成一个态生成一个HTML页面返回页面返回Web服务器端,然服务器端,然后与页面中非脚本的后与页面中非脚本的HTML合并成一个完整的合并成一个完整的HTML页面送至客户端浏览器。页面送至客户端浏览器。5第第3 3章章 网网页页设设计计6第第3 3章章 网网页页设设计计ASP功能强大,但也存在下列一些不足:功能强大,但也存在下列一些不足:1).仅仅2种非类型语言:种非类型语言:VBscript,Javascript 2).ASP页需要解释;页需要解释;3).代码,代码,HTML和文本的混合;和文本的混合;
6、4).使用同一文件;使用同一文件;5).额外的功能代码;额外的功能代码;6).代码不能重用;代码不能重用;7).没有调试机制;没有调试机制;8).先关闭先关闭WEB服务器才能安装新版本的服务器才能安装新版本的DLL。7第第3 3章章 网网页页设设计计3.2.2 ASP.NETASP.NET优点主要表现在:优点主要表现在:1).增强的性能增强的性能2).易于部署:易于部署:3).开发工具支持开发工具支持4).多语言支持多语言支持5).高效可管理性高效可管理性6).可缩放性和可用性可缩放性和可用性7).自定义性和扩展性自定义性和扩展性8).安全性安全性8第第3 3章章 网网页页设设计计3.3 HT
7、ML控件控件Web控件和控件和Html控件各自特点如下:控件各自特点如下:1)使用起来也相当方便)使用起来也相当方便,举个简单的例子举个简单的例子,例如例如Button的生成的生成:Html控件是将庞大控件集合全部弄到页面中,用到哪个功能,就控件是将庞大控件集合全部弄到页面中,用到哪个功能,就设置一下属性设置一下属性,如下如下:这样会占用相当大的控件资源这样会占用相当大的控件资源 Web控件是将集成式的拆解成单功能的:控件是将集成式的拆解成单功能的:这样就可以节省不必要的控件所占用的资源了。这样就可以节省不必要的控件所占用的资源了。2)Web控件具有回送功能控件具有回送功能,能够用能够用Vie
8、wState维持控件的状态。维持控件的状态。Html控件则不能控件则不能,当点击页面的操作,其状态就会丢失。当点击页面的操作,其状态就会丢失。3)Html控件与控件与Web控件最大的区别是它们对事件处理的方法控件最大的区别是它们对事件处理的方法不同。对于不同。对于Html窗体控件,当引发一个事件时,浏览器会处理它。窗体控件,当引发一个事件时,浏览器会处理它。但对于但对于Web控件,事件仅由浏览器生成,但浏览器不会处理它,控件,事件仅由浏览器生成,但浏览器不会处理它,客户端要给服务器发个信息,告诉服务器处理事件。客户端要给服务器发个信息,告诉服务器处理事件。不过有些事不过有些事件,比如件,比如:
9、按下键按下键/移动移动/鼠标等事件,鼠标等事件,A中没有这些事件中没有这些事件(因为这些事件即时性强,服务器处理得不够及时,这时候因为这些事件即时性强,服务器处理得不够及时,这时候Html控件就发挥其作用了,结合控件就发挥其作用了,结合Html事件协助完成。事件协助完成。9第第3 3章章 网网页页设设计计3.3.1 HtmlForm控件控件属性描述ActionURL,定义当提交表单时把数据送往何处。注释:该属性总是设置为页面自身的URL!Attributes返回该元素的所有属性名称和值对。Disabled布尔值,指示是否禁用该控件。默认是false。EncType用来编码表单内容的MIME类型
10、。id控件的唯一id。InnerHtml设置或返回该HTML元素的开始标签和结束标签之间的内容。特殊字符不会被自动转换为HTML实体。InnerText设置或返回该HTML元素的开始标签和结束标签之间的所有文本。特殊字符会被自动转换为HTML实体。Method表单向服务器传送数据的方式。合法的值是post和get。默认是post。Name表单的名称。runat规定该控件是一个服务器控件。必须被设置为server。Style设置或返回被应用到控件的CSS属性。TagName返回元素的标签名。Target加载URL的目标窗口。Visible布尔值,指示该控件是否可见。10第第3 3章章 网网页页设
11、设计计3.3.2 HtmlInputText控件控件属性描述Attributes返回该元素的所有属性名称和值对。Disabled布尔值,指示是否禁用该控件。默认是false。id该元素的唯一id。MaxLength该元素中可允许字符的最大数目。Name元素的名称。runat规定该控件是一个服务器控件。必须被设置为server。Size元素的宽度。Style设置或返回被应用到该控件的CSS属性。TagName返回元素的标签名。Type元素的类型。Value元素的值。Visible布尔值,指示该控件是否可见。11第第3 3章章 网网页页设设计计3.3.3 HtmlInputButton控件控件属性
12、描述Attributes返回该元素的所有属性名称和值对。Disabled布尔值,指示是否禁用该控件。默认是false。id该控件的唯一id。Name元素的名称。OnServerClick当该按钮被点击时被执行的函数的名称。runat规定该控件是一个服务器控件。必须被设置为server。Style设置或返回被应用到控件的CSS属性。TagName返回元素的标签名。Type该元素的类型。Value元素的值。Visible布尔值,指示该控件是否可见。12第第3 3章章 网网页页设设计计3.3.4 HtmlTable 控件控件属性描述Align指定表格的对齐方式Attributes返回此元素所有属性名
13、和属性值BGColor指定表格的背景色Border指定边框的宽度。提示:设置border=0将显示没有边框的表格!BorderColor指定边框颜色CellPadding指定单元格边界与其中内容之间的间距CellSpacing指定单元格之间的间距Disabled指明此控件是否被禁止的一个布尔值。默认值是falseHeight指定表格的高度id此控件的唯一idInnerHtml设置或返回HTML元素开始标签和结束标签之间的内容。特殊字符不会被自动转换成HTML实体InnerText设置或返回HTML元素开始标签和结束标签之间的所有文本。特殊字符将被自动转换成HTML实体Rows返回一个HtmlR
14、owCollection对象,此对象代表此表格中的所有行runat规定此控件是服务器控件。必须被设置为serverStyle设置或返回应用于此控件的CSS特性TagName返回此元素的标签名称Visible指明此控件是否可见的一个布尔值Width指定表格的宽度13第第3 3章章 网网页页设设计计3.3.5 HtmlSelect 控件控件属性描述Attributes返回此元素所有属性名和属性值DataMember要使用的数据表名称DataSource要使用的数据源名称DataTextField数据源中的一个将被显示在下拉列表中的字段DataValueField数据源中的一个指定下拉列表中每个可选
15、项的值的字段Disabled指明此控件是否被禁止的一个布尔值。默认值是falseid此控件的唯一idInnerHtml设置或返回HTML元素开始标签和结束标签之间的内容。特殊字符不会被自动转换成HTML实体InnerText设置或返回HTML元素开始标签和结束标签之间的所有文本。特殊字符将被自动转换成HTML实体Items下拉列表选项清单Multiple是否可一次选择多项OnServerChange选择项发生变化时将被执行的函数名称runat规定此控件是服务器控件。必须被设置为serverSelectedIndex被选项的索引指针Size下拉列表中的可见选项数目Thenumberofvisib
16、leitemsinthedrop-downlistStyle设置或返回应用于此控件的CSS特性TagName返回此元素的标签名称Value当前选中项的值Visible指明此控件是否可见的一个布尔值14第第3 3章章 网网页页设设计计3.3.6 HtmlImage控件控件属性描述Align此图像如何根据周围的元素对齐。合法值有:top、middle、bottom、left、rightAlt此图像的一个简短描述Attributes返回此元素所有属性名和属性值Border环绕此图像的边框的宽度Disabled指明此控件是否被禁止的一个布尔值。默认值是falseHeight此图像的高度id此控件的唯一
17、idrunat规定此控件是服务器控件。必须被设置为serverSrc要显示的图像的URLStyle设置或返回应用于此控件的CSS特性TagName返回元素标签名称Visible指明此控件是否可见的一个布尔值Width此图像的宽度15第第3 3章章 网网页页设设计计3.4 Web服务器控件服务器控件服务器端控件是服务器端控件是ASP.NET框架的基础部分之框架的基础部分之一。作为一。作为ASP.NET框架的核心,服务器端控框架的核心,服务器端控件是件是.NET框架中的一些表示框架中的一些表示Web Form上可上可视化元素的类。一些服务器端控件几乎就是某视化元素的类。一些服务器端控件几乎就是某些
18、标准些标准HTML标签的简单映射,并提供一些服标签的简单映射,并提供一些服务器端的高效实现。而另外一些服务器端控件务器端的高效实现。而另外一些服务器端控件则是更大规模的抽象,封装了复杂的则是更大规模的抽象,封装了复杂的GUI任务,任务,例如页面中显示数据的网格等,并最终输出成例如页面中显示数据的网格等,并最终输出成HTML表示。需要特别注意的是,使用服务器表示。需要特别注意的是,使用服务器端控件的应用程序最终仍将呈现在浏览器中。端控件的应用程序最终仍将呈现在浏览器中。下面介绍常用的服务器端控件。下面介绍常用的服务器端控件。16第第3 3章章 网网页页设设计计3.4.1 ASP.NET Labe
19、l 控件控件Label 控件必须放在移动控件必须放在移动 ASP.NET 网页上的网页上的 Form 或或 Panel 控件中,或者放在移动控件中,或者放在移动 ASP.NET 网页上的控件的模板中。也可以将它拖动到移动用户控网页上的控件的模板中。也可以将它拖动到移动用户控件页上。使用件页上。使用 Text 属性设置属性设置 Label 控件要显示的文控件要显示的文本。本。通过设置通过设置 Alignment、ForeColor、Font、StyleReference 和和 Wrapping 属性,可以在设计属性,可以在设计时更改时更改 Label 控件的外观。将控件的外观。将 BreakAf
20、ter 属性设属性设置为置为 false 以防止在标签之后出现分行符。应用程序以防止在标签之后出现分行符。应用程序可以通过编程方式在运行时更改属性。此外,应用程序可以通过编程方式在运行时更改属性。此外,应用程序还可以使用数据绑定动态设置属性值。还可以使用数据绑定动态设置属性值。若要针对特定设备自定义若要针对特定设备自定义 Label 控件的外观,请对该控件的外观,请对该控件应用设备筛选器。设备筛选器使应用程序可以基于控件应用设备筛选器。设备筛选器使应用程序可以基于目标设备的功能重写属性值。目标设备的功能重写属性值。17第第3 3章章 网网页页设设计计3.4.2 ASP.NET TextBox控
21、件控件属性描述.NETAutoCompleteType规定TextBox控件的AutoComplete行为。2.0AutoPostBack布尔值,规定当内容改变时,是否回传到服务器。默认是false。1.0CausesValidation规定当Postback发生时,是否验证页面。2.0Columnstextbox的宽度。1.0MaxLength在textbox中所允许的最大字符数。1.0ReadOnly规定能否改变文本框中的文本。1.0Rowstextbox的高度(仅在TextMode=Multiline时使用)。1.0runat规定该控件是否是服务器控件。必须设置为server。TagKe
22、yTexttextbox的内容。1.0TextMode规定TextBox的行为模式(单行、多行或密码)。1.0ValidationGroup当Postback发生时,被验证的控件组。Wrap布尔值,指示textbox的内容是否换行。1.0OnTextChanged当textbox中的文本被更改时,被执行的函数的名称。18第第3 3章章 网网页页设设计计3.4.3 ASP.NET Button控件控件属性描述.NETCausesValidation规定当Button被点击时是否验证页面。1.0CommandArgument有关要执行的命令的附加信息。1.0CommandName与Command相
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 第3章 网页设计 网页 设计
限制150内