页面外观设计与布局母版页

《页面外观设计与布局母版页》由会员上传分享，免费在线阅读，更多相关内容在应用文档-天天文库。

1、湖南科技职业学院备课纸课题页面外观设计与布局母版页授课班级电子商务3111班课时2课时教学目标知识目标技能目标态度养成目标1.创建母版页、内容页。2.母版页的工作原理。3.母版页的嵌套。4.母版页和内容页中的事件。5.从内容页访问母版页的内容1．了解母版页的工作原理2.掌握创建母版页、内容页的方法3.了解母版页和内容页中的事件。4.掌握从内容页访问母版页的内容的方法1.动手操作能力2.参照帮助文档学习的能力重点难点A重点：掌握创建母版页、内容页的方法。B难点：了解母版页的工作原理。能力训练任务案例上机实训6——参见

2、教材P182页教学方法组织形式讲练结合、实例分析、操作为主学习评价1．85%的学生对重点难点的理解速度A很快B较快C一般(√)D较慢E很慢2．85%的学生对重点难点的理解深度A深刻理解、能独立完成练习B一般理解(√)C仅限于记忆层次、必须演示方能完成练习D记忆困难，演示时都无法跟上节奏。资源1.教材、上课PPT；2.Visualstudio2008；环境多媒体机房作业第6章习题部分第一题、第二题写在书上教学后记1、课时量分配适当减少,只需____个课时合理2、学生就本次课的课堂练习完成情况：l学习能力强的学生：(能

3、、指导后能、不能)l学习能力中等的学生：(能、指导后能、不能)l学习能力较差的学生：(能、指导后能、不能)3、学生就本次课的作业完成情况：l学习能力强的学生：(能、指导后能、不能)l学习能力中等的学生：(能、指导后能、不能)l学习能力较差的学生：(能、指导后能、不能)（第页）湖南科技职业学院备课纸1.目标概述[2分钟]n本节中将讲述如下主要内容：l创建母版页l创建内容页l母版页的工作原理l母版页和内容页中的事件l从内容页访问母版页的内容l母版页的嵌套n通过教学使学生了解母版页的相关知识。2.回顾[3分钟]回顾CSS

4、样式文件和主题的相关知识。3.课程知识点讲解3.1.创建母版页[15分钟]主题：母版页的主要特点是：为开发人员提供了在已有页面上进行统一布局的功能。这样做的好处是：开发人员不必花时间考虑如何将统一的布局嵌套到各个页面。在没有母版页技术的时候，这项工作需要编程来实现，比较复杂。（第页）湖南科技职业学院备课纸1.1.创建内容页[20分钟]l主题：应用母版页的.aspx页面称为内容页，它实际上是通过内容占位符控件与母版页建立起关系。l母版页中定义的占位符，最终需要由内容页来代替，内容页中的内容在运行时将自动绑定到特定的母

5、版页中。l在内容页中，母版页的ContentPlaceHolder控件预留的可编辑区会被自动替换为Content控件，开发人员只需要在Content控件区域中填充内容即可，在母版页中定义的其它标记将自动出现在使用了该母版页的.aspx页面中。1.2.母版页的工作原理[15分钟]主题：·母版页的工作原理如下：·（1）用户在浏览器中通过内容页的URL来请求访问Web页面。·（2）获取该页后，读取页面的Page指令。如果该指令引用一个母版页，则读取相应的母版页。如果是第一次请求这两个页，则两个页都要进行编译。·（3）将内

6、容页中各个Content控件的内容合并到母版页中相应的ContentPlaceHolder控件中，生成结果页。·（4）用户浏览器中呈现服务器返回的由母版页与内容页合并的结果页。1.3.母版页和内容页中的事件[15分钟]主题：·母版页和内容页都可以包含控件的事件处理程序。·对于控件而言，事件是在本地处理的，即内容页中的控件在内容页中触发事件，母版页中的控件在母版页中触发事件。（第页）湖南科技职业学院备课纸·也就是说，控件事件不会从内容页发送到母版页，同样，也不能在内容中处理来自母版页控件的事件。·母版页与内容页合并后

7、事件的发生顺序如下：·母版页控件Init事件。·内容页控件Init事件。·母版页Init事件。·内容页Init事件。·内容页Load事件。·母版页Load事件。·内容控件Load事件。·内容页PreRender事件。·母版页PreRender事件。·母版页控件PreRender事件。·内容控件PreRender事件。1.1.从内容页访问母版页的内容[10分钟]·有时需要在内容页中访问母版页的内容，可以使用弱类型引用和强类型引用两种类型。·弱类型引用（调用FindControl方法进行访问）·显式地给FindCont

8、rol方法传递一个控件的ID值·将返回值转换成已知类型的控件·访问控件属性stringstrSearch=((TextBox)Master.FindControl("txtSearch")).Text;//母版页中公开属性publicstringSearchText{get{returntxtSearch.Text;}set{txtSearch.Text=v