《动态网页设计课件服务器控件》由会员分享，可在线阅读，更多相关《动态网页设计课件服务器控件（29页珍藏版）》请在金锄头文库上搜索。
1、主 编 张德芬 副主编 邓之宏,中国水利水电出版社,第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.NE
2、T）,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标记基础
3、上，加上“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控件列表控件 实际上也是一种内部控件 用于大量的数据列表显示多功能控件 提
4、供一些特定功能的控件，其对应的功能在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,动态网页设计（Dreamw
5、eaver 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,标签控件,用
6、于文本的显示 在页面的某个特定位置显示文本信息 格式： 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,链接按钮控件,显示效果与链接类似，但是会触发服务器端事件。 格式为：设计窗口：,201
7、8/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,动态网页设
8、计（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,动态网页设计（Dr
9、eamweaver 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,动态网页设计（Drea
10、mweaver 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,本章结束 再见！,
