资源预览内容
第1页 / 共29页
第2页 / 共29页
第3页 / 共29页
第4页 / 共29页
第5页 / 共29页
第6页 / 共29页
第7页 / 共29页
第8页 / 共29页
第9页 / 共29页
第10页 / 共29页
亲,该文档总共29页,到这儿已超出免费预览范围,如果喜欢就下载吧!
资源描述
主 编 张德芬 副主编 邓之宏,中国水利水电出版社,第5章 服务器控件,2018/9/7,动态网页设计(Dreamweaver CS3+ASP.NET),3,第5章 常用内置对象,5.5 用于控制传送的内部控件,5.4 用于文本输入和显示的控件,5.3 WEB服务器控件,5.2 表单,5.1任务概述,5.6 用于选择的内部控件,5.7 任务实现,2018/9/7,动态网页设计(Dreamweaver CS3+ASP.NET),4,本章教学内容,表单基础 WEB服务器控件 工作任务:用ASP.NET控件设计用户注册页面,2018/9/7,动态网页设计(Dreamweaver CS3+ASP.NET),5,5.1 任务概述,用户登录或用户注册页面是一个典型的动态页面。本章我们将学习如何用ASP.NET控件,设计“动态”的用户注册页面。,2018/9/7,动态网页设计(Dreamweaver CS3+ASP.NET),6,5.2 表单,表单 Web页由HTML标记组成,包含在和标记之间 表单是Web页的一部分,包含在和标记之间WEB表单 具有runat=“server”属性 在服务器上运行 表单标记格式:,2018/9/7,动态网页设计(Dreamweaver CS3+ASP.NET),7,HTML服务器控件与WEB服务器控件,HTML服务器控件 HTML服务器控件就是在HTML标记基础上,加上“runat=server”属性形成的表示在服务器上执行 静态网页中:ASP.NET网页中,对应的HTML服务器控件为:Web 服务器控件是ASP.NET 网页上的新型控件,具有强大的页面显示和事件处理能力。,2018/9/7,动态网页设计(Dreamweaver CS3+ASP.NET),8,5.3 WEB服务器控件,WEB服务器控件 以标记 开始 控件中包含RunAt=”Server”属性 一般也包含Id属性,Id属性用于标识控件。WEB服务器的分类 基本WEB控件(内部控件) 可以映射到HTML控件的WEB控件列表控件 实际上也是一种内部控件 用于大量的数据列表显示多功能控件 提供一些特定功能的控件,其对应的功能在HTML服务器控件中是没有的,如日历控件、广告控件验证控件 提供数据验证的控件,2018/9/7,动态网页设计(Dreamweaver CS3+ASP.NET),9,在Dreamweaver CS3中使用WEB服务器控件,“插入记录”菜单中包含WEB服务器控件的菜单项,2018/9/7,动态网页设计(Dreamweaver CS3+ASP.NET),10,DW CS3中常用的ASP.NET控件,2018/9/7,动态网页设计(Dreamweaver CS3+ASP.NET),11,DW CS3中ASP.NET标签,2018/9/7,动态网页设计(Dreamweaver CS3+ASP.NET),12,5.4 用于文本输入和显示的控件,文本输入控件 用于文本输入和显示 可以实现HTML控件中、的作用格式:或,2018/9/7,动态网页设计(Dreamweaver CS3+ASP.NET),13,标记,如果是第一次加入WEB服务器控件,DW CS3还会自动在网页代码中加入标记 红色的虚线框代表表单。,2018/9/7,动态网页设计(Dreamweaver CS3+ASP.NET),14,Dreamweaver CS3中的ASP.NET文本控件设计窗口,2018/9/7,动态网页设计(Dreamweaver CS3+ASP.NET),15,标签控件,用于文本的显示 在页面的某个特定位置显示文本信息 格式: text 或 ,2018/9/7,动态网页设计(Dreamweaver CS3+ASP.NET),16,5.5 用于控制传送的控件,包括:,2018/9/7,动态网页设计(Dreamweaver CS3+ASP.NET),17,按钮控件,格式:设计窗口:,2018/9/7,动态网页设计(Dreamweaver CS3+ASP.NET),18,按钮控件的标签编辑器窗口,2018/9/7,动态网页设计(Dreamweaver CS3+ASP.NET),19,链接按钮控件,显示效果与链接类似,但是会触发服务器端事件。 格式为:设计窗口:,2018/9/7,动态网页设计(Dreamweaver CS3+ASP.NET),20,图片按钮控件,图片形式的按钮 触发事件 格式为: ,2018/9/7,动态网页设计(Dreamweaver CS3+ASP.NET),21,超链接控件,Hyperlink控件用于创建超链接,可以是文本超链接,也可以是图片超链接。 格式为:,2018/9/7,动态网页设计(Dreamweaver CS3+ASP.NET),22,5.6 用于选择的内部控件,复选控件 (CheckBox) CheckBoxList单选控件 (RadioButton) RadioButtonList下接列表,2018/9/7,动态网页设计(Dreamweaver CS3+ASP.NET),23,复选框,格式为: ,2018/9/7,动态网页设计(Dreamweaver CS3+ASP.NET),24,复选框列表,格式为: ” dataTextField=”绑定字段” datatValueField=”绑定字段” repeatColumns=”列表项的列数” repeatDirection=”列表项的方向(Vertical|Horizontal)” repeatLayout=”列表项的呈现方式(Flow|Table)” onSelectedIndexChanged=”事件响应函数的名字” ,2018/9/7,动态网页设计(Dreamweaver CS3+ASP.NET),25,单选按钮,格式为: ,2018/9/7,动态网页设计(Dreamweaver CS3+ASP.NET),26,单选按钮列表,格式为: ” dataTextField=”绑定字段” datatValueField=”绑定字段” repeatColumns=”列表项的列数” repeatDirection=”列表项的方向(Vertical|Horizontal)” repeatLayout=”列表项的呈现方式(Flow|Table)” onSelectedIndexChanged=”事件响应函数的名字” ,2018/9/7,动态网页设计(Dreamweaver CS3+ASP.NET),27,下拉列表控件,格式为: ” dataTextField=”绑定字段” datatValueField=”绑定字段” rows=”列表项的行数” selectionMode=”选择模式(Single|Multiple)” onSelectedIndexChanged=”事件响应函数的名字” ,2018/9/7,动态网页设计(Dreamweaver CS3+ASP.NET),28,5.7 任务实现:用ASP.NET控件设计用户注册页面,界面设计:,2018/9/7,动态网页设计(Dreamweaver CS3+ASP.NET),29,本章结束 再见!,
网站客服QQ:2055934822
金锄头文库版权所有
经营许可证:蜀ICP备13022795号 | 川公网安备 51140202000112号