6.0-7.1C#应用程序统筹教程.ppt

ASP.NET应用程序统筹;1.页面布局 2.母版页 3.皮肤和主题 4.站点导航 5.资源与本地化;网页的基本布局方式 页面元素定位 表格布局 DIV和CSS布局 ;1.1 网页的基本布局方式;1.2 页面元素定位;坐标绝对定位示例：;1.3 表格布局;实现方法 新建一个.aspx页面，设置body元素的style属性为text-align:center，div元素的style属性为width: 780px; text-align:center“ 切换到【设计】视图，将鼠标光标停在div标记内。选择菜单【表】中的【插入表】命令，打开【插入表】对话框，定义表格大小为4行3列，指定宽度为100%，边框值为1，边框颜色为红色 ;1.页面布局;表格中部分常用的属性 ;1.4 DIV和CSS布局;定义层 通过【工具箱】面板中的【HTML】选项卡中托拽一个“Div”项到设计视图中 一个简单的定义DIV的例子 ;盒子模型 盒子模型主要定义四个区域：内容(content)、边框距(padding)、边界(border)和边距(margin) ;层的定位 float浮动属性是DIV和CSS布局中的一个非常重要的属性 具体参数如下： float:none用于设置是否浮动 float:left用于表示对象向左浮动 float:right用于表示对象向右浮动 ;利用DIV和CSS实现页面布局 页面结构包含以下几块： 标题区（header），用来显示网站的标志和站点名称等。 导航区（navigation），用来表示网页的结构关系，如站点导航，通常放置主菜单。 主功能区（content），用来显示网站的主题内容，如商品展示、公司介绍等。 页脚（footer），用来显示网站的版权和有关法律声明等 ;利用DIV和CSS实现页面布局 通常采用 DIV元素来将这些结构先定义出来，类似这样： ;利用DIV和CSS实现页面布局 ; 为了给访问者一致的感受，每个网站都需要具有统一的风格和布局。例如，整个网站具有相同的网页头尾、导航栏、功能条以及广告区。我们已学习了使用用户控件来实现网站的一致性。 ASP.NET 2.0为了提高工作效率，降低开发和维护强度，提供母版页功能。在母版页中，将Web应用程序的公用元素，例如：网站标志、广告条、导航条、版权声明等内容整合到母版页中，母版页可看作是一种页面模板，最根本的目的是为应用程序创建统一的用户界面和样式。; 在实现一致性的过程中，必须包含两个文件：一种是母版页（.master)，另一种是内容页（.aspx)。母版页封装页面中的公共元素，内容页实际是普通的.aspx文件，包含除母版页之外的其他非公共内容。在运行过程中，ASP.NET引擎将两种页面内容文件合并执行，最后将结果发给客户端浏览器。;一、母版页的形式 在项目中添加新项，选择“母版页” ;;2.母版页; 假设一个网站如上显示，页头和页尾是所有页面的 公共部分，二者之间的区域是非公共部分内容，若使用 用户控件，则需将页头和页尾作为两个用户控件设计。 建立好母版页后，新建内容页（即普通页面）时， 要把选择母版页勾上。 ; ASP.NET 提供的母版页功能，可以创建真正意义上的页面模板，整个应用过程，可归纳为“两个包含，一个结合”。 两个包含：公共部分包含在母版页，非公共部分包含在内容页。对于页面中内容的非公共部分，只需在母版页中使用一个或多个ContentPlaceHolder控件来占位即可。 一个结合：指通过控件应用以及属性设置等行为，将母版页和内容页结合，例如，母版页中ContentPlaceHolder控件的ID属性必须与内容页中Content控件中的ContentPlaceHolder属性绑定;二.母版页的运行机制 单独的母版页是不能被用户所访问。下图是母版页和内容页的控件对应关系： ;（1）用户访问内容页； （2）获取内容页后，读取@Page指令，若指令引 用到一个母版页，则也读取该母版页，若为 第一次请求，则两个页都要进行编译； （3）母版页合并到内容页的控件树中； （4）各个Content控件的内容合并到母版页中相对 应的ContentPlaceHolder控件中； （5）呈现结果页； ; 在运行时，母版页成为了内容页的一部分，实际 上，母版页的作用与用户控件作用方式大致相同，即作 为内容页的一个子级，并作为内容页中的一个容器。 三.母版页和内容页事件顺序 ; 这8个过程显示初始化和加载母版页及内容页是一个相互交叠的过程。这8个过程对应着11个具体事件，