第十一章：Web用户控件 在这一章里面，我们要学习 1:为什么要Web用户控件 2:如何创建Web用户控件 3:给Web用户控件加属性 4:给Web用户控件加方法 5:给Web用户控件加事件 6:Web用户控件应用举例 7:利用用户自定义控件，快速拼装网站，以实现母版页功能 为什么要自定义Web控件 对已有的Web控件进行组合，从而实现页面代码的重用。我们可以把一个网站 中经常要使用到部分区域做成一个Web控件，这样这个Web控件将可以在这个网站 的任意部分进行重用 如何自定义Web控件 添加-->Web用户控件。其扩展名为*.ascx 给用户自定义控件加属性 1)加属性的方法与winform一样 2)如果这个属性是依赖于自定义控件的某个Web控件，则可以直接 加属性，但如果是单纯的属性，则一定要使用session对像来保存 比如： public string MyProperty { get { return Session["MyProperty"].ToString(); } set { Session["MyProperty"] = value; } } 给用户自定义控件加方法 与winform一样 给自定义控件加事件 A:在自定义用户控件页面中 1)声明事件指针 public event EventHandler OnClick; (事件句柄类型) (指针名) 以后这个指针就指向外面的与EventHandler是同一种类型 的事件过程 2)触发事件： if (this.OnClick!=null) //表示如果这个指针有某个具体的指向 { this.OnClick(sender, e); 就通过指针去执行它所指向的事件 } B:在使用这个控件的页面的Page_Load事件中写入： this.MyUserControll1.OnClick += new EventHandler(LonginButton_OnClick); 注意使用Tab键会自动生成对应的代码 举例： 1)做一个登录框的Web用户控件，并添加用户名密码属性，同时加入单击登录按钮的事件 2)做一个专门用来显示某些对像内容的Web控件，像列表一样，有超链接 像显示新闻一样 利用用户自定义控件，快速拼装网站，以实现母版页功能 举例：拼装网站 第十二章：Css样式表 1:什么是样式表 2:如何来定义样式表 3:样式表中的选择器 4:如何在页面中来使用样式表 5:几种常用的样式表 什么是样式表 CSS就是Cascading Style Sheets，中文翻译为“层叠样式表”，简称样式表，它是一种制作网页的新技术 样式表是由很多的样式规则组成的，这些规则规定浏览器如果显示文档。一旦样式表创建好之后，就可以 把这种样式规则应用于整个网页上，从页让这些网页也具备这些样式规则，最重要的是一旦修改了样式表， 则所有应用于该样式表的网页都会更着发生变化 如何来定义样式表 格式： 选择器{属性名：属性值} 比如： h1{color:red} 把h1的文字颜色变成红色 说明： 1)选择符是可以是多种形式，一般是你要定义样式的HTML标记，例如BODY、P、TABLE……，你可以通过此方法定义它的属性和值，属性和值要用冒号隔开 2)如果属性的值是多个单词组成，必须在值上加引号，比如字体的名称经常是几个单词的组合： table {font-family: "sans serif"} 3)如果需要对一个选择符指定多个属性时，我们使用分号将所有的属性和值分开： table{color:red;font-size:40px} 表的字体颜色为红色，字体大小为40px 4)为了使你定义的样式表方便阅读，你可以采用分行的书写格式： table { color:red; font-size:40px //最后一个不用分号 } 5)你可以把相同属性和值的选择符组合起来书写，用逗号将选择符分开，这样可以减少样式重复定义 比如： table,h1{color:red;font-size:40px} 样式表中的选择器 1)html选择器： 这些选择器使用html标记的名称，因此该样式表只能够应用于一种html标记 2)类选择器： 用类选择符你能够把相同的元素分类定义不同的样式，定义类选择符时，在自定类的名称前面加一个点号 比如： h1.c1{color:red} h1.c2{color:white} 把同个标记h1定义成为两种不同的样式 然后用不在不同的段落里，只要在HTML标记里加入你定义的class参数： 说明： 1:类的名称可以是任意英文单词或以英文开头与数字的组合，一般以其功能和效果简要命名 2:类选择符还有一种用法，在选择符中省略HTML标记名，这样可以把几个不同的元素定义成相同的样式： 这样的类可以被应用到任何元素上 比如： .color{color:red} 以后无论什么标记都能够使用这个color。注意与 h.color{color:red}的区别 3)伪类选择器： 主要是用来做超链接的样式 如何在页面中来使用样式表 1:链入外部样式表 把样式表做一个样式表文件，然后再通过 <link rel="stylesheet" type ="text/css" href="CSS/CSS.css" />语法进行链接 2:内部样式表 内部样式表是把样式表放到页面的<head>区里，这些定义的样式就应用到页面中了，样式表是用<style>标记插入的 <style type="text/css"> hr {color: sienna} p {margin-left: 20px} body {background-image:url("images/back40.gif")} </style> 几种常用的样式表 a:visited { text-decoration: none; color: #000000; } a:hover { text-decoration: none; color: #000000; } a:active { text-decoration: none; } a:visited:一开始的链接 a:hover 鼠标放在链接上的状态 a:active 在链接上按下鼠标时的状态 如何让表格自动换行： 1)<table style="table-layout:fixed"> 2)<td style="word-break:break-all">
评论