第10章样式和主题.pptVIP

2006-10 《计算机网络基础（第二版）》 杜煜 《计算机通信与网络》 第一章 计算机网络概论 第10章 样式和主题 本章主要内容 母版页和内容页 样式表CSS 主题和外观 10.1 母版页和内容页 母版页可用来创建统一的框架，并且可把每个页面的内容都放到这个框架中。母版面是一个以具有扩展名为.master（MyMaster.master）的ASP.NET文件，它可以包含静态布局，母版页由特殊的@Master指令识别，使用该指令的母版页有别于内容页，且每个.master文件只能包含一条@Master指令。 10.1.1 创建母版页 在ASP.NET 2.0中，除了@Master指令和一个或多个ContentPlaceHolder服务器控件，母版页基本上类似于标准的ASP.NET页。母版页中使用的ContentPlaceHolder容器控件（通的.aspx文件中不允许使用控件）起到一个占位符的作用，它能够在母版页中标识出某个区域，可以让相关网页插入定制控件的位置。 主要步骤 打开“添加新项”对话框，如图模板列表中选择“母版页”项，在“名称”文本框中将其命名为“MasterPage.master”。 接下来设计“母版页”，假设要设计一个论坛系统，该论坛最上部显示论坛基本信息，最下部显示版权信息，中间部分为动态内容，可以使用表格进行布局，在动态内容的地方使用contentplaceholder占位即可。如修改页面的form/form内部，具体代码实现见如下。 form id=form1 runat=server table width=748px cellspacing=0 cellpadding=5 border=0 align=center tr style=height:100px align=center td论坛基本信息/td /tr tr tdasp:contentplaceholder id=ContentPlaceHolder1 runat=server /asp:contentplaceholder/td /tr tr style=height:20px align=center td论坛版权信息/td /tr /table /form 10.1.2 创建内容页 在创建完一个完整的母版页之后，接下来必须要创建内容页。内容页的创建与母版页的创建相似，其创建过程比较简单。在创建过程中，主要是要注意两点：一是内容中所有内容必须包含在Content控件中；二是内容页必须绑定母版页。 10.1.3 以编程方式访问母版页 把母版页中“论坛基本信息”文字改成一个Label控件: asp:Label ID=lab_ForumInfo runat=server Text=论坛基本信息/asp:Label 在Default.aspx.cs的访问母版页的该控件，代码如下。 protected void Page_Load(object sender, EventArgs e) { if (!IsPostBack) SetBind(); } private void SetBind() { Label lab = Master.FindControl(lab_ForumInfo) as Label; if (lab != null) lab.Text = 使用页面访问母版页中的控件; } 10.2 样式表CSS 10.2.1 什么是CSS 层叠样式表简写为CSS，是英文Cascading Style Sheets的缩写。它是W3C定义和维护的标准，一种用来为结构化文档（如HTML文档或XML应用）添加样式（字体、间距和颜色等）的计算机语言。 CSS最重要的目标是将文件的内容与它的显示分隔开来。在CSS出现前，几乎所有的HTML文件内都包含文件显示的信息，如字体的颜色是什么、背景应该是怎样的、如何排列、边缘和连线等都必须一一在HTML文件内列出，有时还需要重复列出。CSS使用户可以将这些信息中的大部分隔离出来，简化HTML文件，这些信息被放在一个辅助的，用CSS语言编写的文件中。 10.2.2 CSS的基本语法 CSS的定义是由3部分构成：选择符（selector），属性（properties）和属性的取值（value），其