主题和母版页(母版页)
母板页
母版页概述使用 母版页可以为应用程序中的页创建一致的布局。
单个母版页可以为应用程序中的所有页（或一组页）定义所需的外观和标准行为。
然后可以创建包含要显示的内容的各个内容页。
当用户请求内容页时，这些内容页与母版页合并以将母版页的布局与内容页的内容组合在一起输出。
母版页的工作原理母版页实际由两部分组成，即母版页本身与一个或多个内容页。
演练：在Visual Web Developer 中创建和使用 母版页本演练阐释如何创建一个母版页和几个内容页。
母版页使您可以创建一个页面布局（模板页），然后创建各个页面，这些页面包含的内容在运行时与母版页合并。
创建网站如果已经在Visual Web Developer 中创建一个网站（例如，通过执行演练：在Visual Web Developer 中创建基本网页中的步骤创建），可以使用该网站并跳至下一节“创建母版页”。
否则，按照下面的步骤创建一个新的网站和网页。
创建文件系统网站打开Visual Web Developer。
在“文件”菜单上单击“新建网站”。
出现“新建网站”对话框。
在“Visual Studio 已安装的模板”之下单击“ 网站”。
在“位置”框中输入要保存网站页面的文件夹的名称。
例如，键入文件夹名“C:\WebSites”。
在“语言”列表中，单击您想使用的编程语言。
单击“确定”。
Visual Web Developer 创建该文件夹和一个名为Default.aspx 的新页。
创建母版页母版页是用于设置页面外观的模板。
在本节中，将首先创建一个母版页。
然后，使用表格来对母版页进行布局，此母版页具有一个菜单、一个徽标和一个页脚，这些内容将在站点的每个页面中出现。
还将使用内容占位符，这是母版页中的一个区域，可以使用内容页中的信息来替换此区域。
创建母版页在解决方案资源管理器中，右击网站的名称，然后单击“添加新项”。
在“Visual Studio 已安装的模板”之下单击“母版页”。
ASPNET中的CSS、主题和母版页
主题和母版页（层叠样式表、主题）整合网站的第一步是采用一组一致的可视化样式。
CSS 为格式化Web 页面提供了跨平台的解决方案，它可以和HTML 或则XHTML 一起工作并几乎被所有的现代浏览器支持。
使用CSS 时，可以利用样式表定义一组预定义格式，然后通过CssClass 属性把这些样式表链接到适当的控件。
样式表由规则组成，每个规则定义了Web 页面中的一个元素应该如何被格式化。
每个规则的名字包含两部分：1.点号前面表明规则要作用的HTML 元素，点号前面什么都没有表示这个规则可作用于所有的HTML 元素。
2.点号后面的部分是一个唯一的名称，叫做CSS 类名，类名区分大小写。
.heading1{font-weight:bold;font-size:large;color:Lime;font-family:Verdana, Arial, Sans-Serif;}还可以创建自动应用到HTML 标签的规则，只要把标签名作为规则名即可：h2{color: Red;}这种自动的样式表看起来很有用，但它在 里却不是那么方便。
通常你直接处理的是控件而不是独立的HTML 标签。
有时候你总是不能确定将会用什么标签呈现某个控件，因此，最好通过类名显示指定规则。
如果你不喜欢手工书写CSS 规则，VS 允许使用设计器来构建。
只要添加一个规则的声明，在花括号中点击鼠标右键，选择创建样式即可。
一个典型的样式表会定义大量的规则，样式表常用于正式定义网站用户界面主要的格式，参考下面的样式表：body{font-family: Verdana, Arial, Sans-Serif;font-size: small;}.heading1{font-weight: bold;font-size: large;color: Lime;}.heading2{font-weight: bold;font-size: medium;font-style: italic;color: #C0BA72;}.blockText{padding: 10px;background-color: #FFFFD9;border-style: solid;border-width: thin;}VS 中选择视图，其他窗口，文档大纲，可以清楚的罗列当前样式表中所有的规则，可以迅速定位到某一规则：要在Web 页面里使用某个规则，首先页面要链接到适当的样式表，可在<head> 节中添加如下代码（可在VS中拖动样式表进入head）：<link href="MyStyleSheet.css"rel="stylesheet"type="text/css"/><div><!-- 对于普通控件应用样式,可设置 CssClass 属性.--><asp:Label ID="Label1"runat="server"Text="This Label uses the heading1 style."CssClass="heading1"></asp:Label><!-- 对于一段普通的 HTML,要使用 class 特性 --><div id="paragraph"runat="server"class="blockText"><p>This paragraph uses the blockText style.</p></div></div>也可通过“应用样式”窗口来指定具体的规则应用（视图->应用样式），这个设计可以实现一个预览的效果，不过注意以下几点：∙如果选中的是Web 控件，它添加或修改CssClass 属性。
母版页的使用
母版页的使⽤⼀、母版页简介使⽤母版页可以为应⽤程序中的页创建⼀致的布局。
单个母版页可以为应⽤程序中的所有页（或⼀组页）定义所需的外观和标准⾏为。
母版之所以称为母版，就是将⼤部分⽹页上固定内容，⽐如导航栏，版权声明栏放到⼀个母版⾥，然后编写⽹页时只需要调⽤母版就⾏了，内容页就不需要再写那些内容了。
不需要将相同的部分再写⼀遍。
母版中可以标记多个asp:ContentPlaceHolder。
母版页仅仅是⼀个页⾯模板，单独的母版页是不能被⽤户所访问的。
单独的内容页也不能够使⽤。
母版页和内容页有着严格对应关系。
母版页中包含多少个ContentPlaceHolder控件，那么内容页中也必须设置与其相对应的Content控件。
当客户端浏览器向服务器发出请求，要求浏览某个内容页⾯时，引擎将同时执⾏内容页和母版页的代码，并将最终结果发送给客户端浏览器。
在中母版页有两种作⽤，⼀是提⾼代码的复⽤（把相同的代码抽出来），⼆是使整个⽹站保持⼀致的风格和样式。
母版页⽆法直接启动运⾏，需要套⽤的⼦页⾯启动把它带出来母版页的嵌套，⼀般⽤2层⾜够，最多3层<asp:ContentPlaceHolder ID="id" runat="server"> - 母版页中的位置预留<asp:Content ID="Content2" ContentPlaceHolderID="id" runat="Server"> - 填坑⼆、母版页的建⽴和使⽤1.母版页的建⽴添加新项-母版页在新建的母版页中⾃动⽣成了两个ContentPlaceHolder控件，其中⼀个在head区， ID是“head”；另⼀个在body区，默认ID是“ContentPlaceHolder1”，可以根据需要⾃⼰命名。
在内容页中，两个控件会变成与其相对应的Content控件，⽤户需在content内进⾏开发。
ASP.NET程序设计习题
《程序设计》复习习题基础一、选择题1、.NET Framework是一种( )。
A、编程语言B、程序运行平台C、操作系统D、数据库管理系统2、用Visual 编写的程序被编译成中间语言（MSIL）后，运行时还要再一次被编译，这种编译被称为( )。
A、CLRB、JITC、GCD、GDI3、运行程序的计算机必须安装 ( )。
A、.NET Framework和IISB、C、C#和D、4、要使程序立即运行需要按( )键。
A、F5B、Ctrl+F5C、F 10D、F11二、判断题１、浏览器只能解释HTML和JavaScript代码，不能解释后台代码。
2、页面的<HEAD>标签是可有可无的，而<BODY>标签是必不可少的。
3、JavaScript脚本在发送到客户端之前，需要将其编译成HTML代码。
三、思考题1、静态网页与动态网页的区别是什么？2、现动态交互式网页的技术与方法是什么？3、微软推出的有什么意义？服务器控件一、选择题1、指定Label控件的边框风格，需要设臵其（）属性。
A、BorderColorB、BackColorC、BorderStyleD、BorderWidth2、要将数据源绑定到控件，需要调用控件的（）方法。
A、LoadB、DataBindC、DisposeD、GetType3、要掩盖TextBox控件中文本，需要将控件的TextMode属性设臵为（）。
A、PasswordB、MultiLineC、SingleLineD、Null4、要使文本框最多输入6个字符，需要将该控件的（）属性值设臵为6。
A、MaxLengthB、ColumnsC、RowsD、TabIndex5、要使Button控件不可用，需要将控件的（）属性设臵为false。
A、EnabledB、EnableViewStateC、VisibleD、CausesValidation6、DropDownList被选中项的索引号被臵于（）属性中。
母板页(masterPage)
SiteMapDataSource对象
SiteMapDataSource控件提供了一个数据源控件， Web 服务器控件及其他控件可使用该控件绑定到 分层的站点地图数据
<HTML> <BODY> <FORM runat="server"> <asp:SiteMapDataSource id="SiteMapDataSource1" runat="server" /> <asp:TreeView id="TreeView1" runat="server" DataSourceID="SiteMapDataSource1"> </asp:TreeView> </FORM> </BODY> </HTML>
Site.master
<%@ Master %>
default.aspx
<%@ Page MasterPageFile="Site.master" %> <asp:Content ContentPlaceHolderID= "Main" RunAt="server" />
http://.../default.aspx
效果实现
步骤3：
在“校园在线超市”网站中，创建站点地图文件， 文件名为Web.sitemap。
<?xml version="1.0" encoding="utf-8" ?> <siteMap xmlns="/AspNet/SiteMap-File-1.0" > <siteMapNode url="" title="" description=""> <siteMapNode url="Default.aspx" title="首页" description="" /> <siteMapNode url="login.aspx" title="会员天地" description="" /> <siteMapNode url="find.aspx" title="琳琅满目" description="" /> <siteMapNode url="boardcast.aspx" title="校园广播" description="" /> <siteMapNode url="InfoList.aspx" title="出行指南" description="" ></siteMapNode> </siteMapNode> </siteMap>
Web编程技术-布局与导航
制作人：潘冰1.1主题什么是主题 创建主题和外观 主题文件的应用
1.1.1 1.1.2 1.1.3
制作人：潘冰
1.1.1
什么是主题
主题(Theme)是指控件和页面外观属性设置的集合（文件 组）。 主题是一个目录，允许三种类型文件：外观文件、样式文 件和一些图形文件。
– 外观文件（皮肤文件,后缀为.skin）：用来定义一批服务器控件 的外貌。例如，可以定义一批TextBox或者Button服务器控件的底 色、前景色。 – 样式文件（后缀为.css） ：用来定义HTML的标签。
制作人：潘冰
1.网站布局
网站布局概述 1）站点布局传统解决方案
–使用框架、（表格、层） –使用包含文件 –使用用户自己定义控件
2）2.0提供网站布局技术
–主题 –母版 –用户控件
制作人：潘冰
1.网站布局
1.1 主题 1.2 母版 1.3 用户控件
有关实例在samples/myLayOut
相关代 码
制作人：潘冰
演示效果
制作人：潘冰
1.网站显示风格
1.1 主题 1.2 母版 1.3 用户控件
制作人：潘冰
1.3
用 户 控 件
1.3.1 用户控件概述 1.3.2 用户控件举例 1.3.4 使用用户控件注意事项
制作人：潘冰
1.3.1
用户控件概述
用户控件(User Control)是一种将页面的部分内容 单独保存起来的页面，供多个页面重复使用。
制作人：潘冰
1.1.3
主题文件的应用
有时需要对同一种控件定义多种显示风格，此时可以在外观 文件中，在控件显示的定义中用SkinID属性来区别。 例如，在TextBox.skin文件中对TextBox的显示定义了三种 显示风格：
ASP.NET程序设计习题
《程序设计》复习习题基础一、选择题1、.NET Framework是一种( )。
A、编程语言B、程序运行平台C、操作系统D、数据库管理系统2、用Visual 编写的程序被编译成中间语言（MSIL）后，运行时还要再一次被编译，这种编译被称为( )。
A、CLRB、JITC、GCD、GDI3、运行程序的计算机必须安装 ( )。
A、.NET Framework和IISB、C、C#和D、4、要使程序立即运行需要按( )键。
A、F5B、Ctrl+F5C、F 10D、F11二、判断题１、浏览器只能解释HTML和JavaScript代码，不能解释后台代码。
2、页面的<HEAD>标签是可有可无的，而<BODY>标签是必不可少的。
3、JavaScript脚本在发送到客户端之前，需要将其编译成HTML代码。
三、思考题1、静态网页与动态网页的区别是什么？2、现动态交互式网页的技术与方法是什么？3、微软推出的有什么意义？服务器控件一、选择题1、指定Label控件的边框风格，需要设臵其（）属性。
A、BorderColorB、BackColorC、BorderStyleD、BorderWidth2、要将数据源绑定到控件，需要调用控件的（）方法。
A、LoadB、DataBindC、DisposeD、GetType3、要掩盖TextBox控件中文本，需要将控件的TextMode属性设臵为（）。
A、PasswordB、MultiLineC、SingleLineD、Null4、要使文本框最多输入6个字符，需要将该控件的（）属性值设臵为6。
A、MaxLengthB、ColumnsC、RowsD、TabIndex5、要使Button控件不可用，需要将控件的（）属性设臵为false。
A、EnabledB、EnableViewStateC、VisibleD、CausesValidation6、DropDownList被选中项的索引号被臵于（）属性中。
Web应用设计第4章 主题母版页
5
4.1.1 主题概述
用户界面外观主要与控件和页面的样式有关。几乎所 有的控件都具有Style属性，用于设置前景色、背景色、 边框样式、字体等属性。在网站制作过程中，可以一个 控件一个控件的去设置，这样会做许多重复性的工作， 而且还不容易保持站点中页面外观的一致性。利用 2.0提供的主题功能，可以快速地为服务器控件 定义外观，并且所定义的外观可应用到单个页面、应用 程序的所有页面及所有的应用程序中。
文本框控件，按题目要求进行设置，第二个文本框应用 命名皮肤，第三个文本框禁用皮肤文件。要将定义的 TextBox.skin皮肤文件应用于该页面中的文本框，需要 在@Page指令中添加代码“Theme=”主题目录名称”” 属性，该皮肤文件位于Temes_skin主题目录中，因此 需在@Page指令中添加“Theme=”Temes_skin””属性。
第4章
主题、母版页
本章内容
掌握创建和应用主题的方法 掌握母版页的使用方法
2
本章重点
本章重点
外观文件 CSS样式文件 母版页
本章难点
创建和使用主题及母版页
3
主题、母版页
4.1 主题 4.2 母版页 4.3 本章小结
4
4.1 主题（Theme）
主题（Theme）是 2.0提供的一种新技术，是 指控件和页面外观属性设置的集合。通过为控件和页面 套用主题，可以使用户界面外观达到一致化的显示效果。
6
4.1.1 主题概述
在一个主题中至少要包括一个皮肤文件（或称外观文件， 扩展名为.skin），还可包括级联样式表文件（扩展名 为.css）。外观文件不同于CSS样式， CSS样式只能用来定义页面和HTML标记的外观样式 外观文件用来定义服务器控件的外观样式。 如果将两者结合起来就可以定义不同类型的控件。
课后题答案
第一章1.简述WEB的特点。
答：①Web是图形化和易于导航的②Web与平台无关。
无论平台是什么，都可以通过Internet访问Web。
③Web是分布式。
图形、声音、视频等大量信息可以放在不同的站点，但在逻辑上是一体化的。
④Web是动态的。
信息的提供者经常对网站上的信息进行更新。
2.简述静态网页和动态网页的执行过程，说明两者的异同。
答：静态网页：指那些不能够接收用户输入信息的Web网页，其内容是静态的，唯一的响应就是接受鼠标单击超链接后显示所链接的网页。
其执行过程如下：①用户在客户端将HTML文件的网址输入到浏览器的地址栏，请求一个HTML网页。
②Web浏览器向Web服务器发送HTML文件请求，称为Request （请求）。
③Web服务器找到该HTML文件，将其传送给用户浏览器，称为Response（响应）。
④用户的Web浏览器解释HTML文件，结果在Web浏览器中显示。
动态网页：是采用ASP、、JSP或PHP等语言动态生成的网页，只有在接到用户访问请求后才生成网页并传输到用户的浏览器。
其执行过程如下：①用户在客户端将一个网址输入到浏览器的地址栏，请求一个Web网页。
②Web浏览器向Web服务器发送Web网页请求，称为Request （请求）。
③Web服务器找到该文件对其进行解释并生成标准的HTML文件。
④Web浏览器将HTML文件传送给用户浏览器，称为Response （响应）。
用户的Web浏览器解释HTML文件，结果在Web浏览器中显示。
③异同点：第2章 编程模型2.简述典型的网页结构答: 页面的内部结构是非常模块化的，包括页面指令、代码和页面布局3个独立的部分。
●页面指令。
页面指令建立该页面的运行环境，规定引擎的运行库如何处理该页面，控制页面的行为。
●页面布局。
页面布局表示页面的可视元素，包括标记、服务器控件和静态文本。
●源代码部分。
源代码部分包括页面和控件事件处理程序等，先编译后执行。
其中页面指令和页面布局统称为HTML部分。
2021年如何制作PPT母版详细教程
目录一、准备好做母版的素材2二、打开“幻灯片母版”21.新建 Microsoft PowerPoint 演示文稿22.选择“视图”23.选择“幻灯片母版3三、设计幻灯片母版31.设计母版样式32.将准备的好的素材插入到母版中5四、保存母版61.点击“文件”62.选择“另存为”63.选择保存类型7五、应用母版71．新建Microsoft PowerPoint 演示文稿然后进入到母版界面（重复步骤二中）。
7Click here to enter text.欧阳光明（2021.03.07）2．选择“主题”73．选择“浏览主题”74．关闭“母版视图”95．选择“新建幻灯片”10注：本文档针对Microsoft PowerPoint 2007或Microsoft PowerPoint 2010。
一、准备好做母版的素材首先准备好PPT母版所需的图片、音乐、图标等。
例如：先准备好PPT首页的图片和一些精美按钮。
图片：按钮1：按钮2：二、打开“幻灯片母版”1.新建 Microsoft PowerPoint 演示文稿2.选择“视图”进入“视图”界面：3.选择“幻灯片母版进入“幻灯片”母版设计界面：三、设计幻灯片母版1.设计母版样式母版界面的左侧，会默认新建母版样式：选择“背景样式”添加背景：选择好背景后左侧会出现这样的效果：也可以选择“主题”进行编辑，这些背景或主题根据自己的设计需求。
2.将准备的好的素材插入到母版中四、保存母版1.点击“文件”2.选择“另存为”3.选择保存类型五、应用母版1．新建 Microsoft PowerPoint 演示文稿然后进入到母版界面（重复步骤二中）。
2．选择“主题”3．选择“浏览主题”选择类型“Office主题和PPT模版”选择刚才保存的母版，单击“应用”：此时左侧栏就会变成先去设计的母版样式：4．关闭“母版视图”5．选择“新建幻灯片”选择母版样式中的幻灯片6．最后应用母版的效果。
第8章 ASP.NET中的样式,主题和母版页
8.3.3 母版页和相对路径
笔者将母版页和相对路径划为一小节来进行讨论, 是有来由的中母版页处理相对路径有一 些奇怪,不小心可就会让开发人员摸不着北.假 如在母版页中只添加一些文本信息,这可能并不 是任何问题.但是一个真正的网站或应用程序, 通常都需要在母版页中添加很多图片,或者是其 他的HTML标签来指向其他的资源,那么将会产生 问题.
8.2.2 创建命名皮肤
在上一节中为TextBox控件创建了一个皮肤,当在页面上应用主题 后,会发现所有的TextBox控件的呈现外观都发生了改变,这种皮 肤称为默认皮肤.开发人员可能想为某个指定的TextBox控件应用 一种不同的皮肤,此时可以考虑使用命名皮肤. 创建命名皮肤与创建默认皮肤类似,唯一不同点是需要为命名皮 肤指定一个SkinID属性,用于命名一个皮肤. 注意:在一个皮肤文件中,可以有多个命名的皮肤文件,但是只 能具有一个默认的皮肤文件. 下面在TextBox.skin文件中添加一个命名皮肤文件,代码如下所 示. <asp:TextBox BackColor="Yellow" BorderStyle="Dotted" Runat="Server" /> <asp:TextBox SkinID="NamedSkin" BorderStyle="Dashed" BorderWidth="2px" Runat="Server" />
8.3.5 修改母版页
使用母版页将会在多个内容页上显示相同的内容,一些页面可能想覆盖某 些母模页中定义的显示,来提供自定义的显示.比如如果想修改内容页的 标题,可以在Page区中修改Title属性.也可以通过编程的方式改变Title 属性,除此之外还可以修改CSS中的样式规格,这是因为母版页中的 HTML<head>标签具有runat="server"声明,表示己经被设置为服务器端 Head标签,因此开发人员可以使用Page.Header属性来访问Header中的属 性.
母版页使用)
母版页使用详解收藏母版页是VS2005中新引入的一个概念，它很好地实现界面设计的模块化，并且实现实现了代码的重用。
它就像婚纱影楼中的婚纱模板，同一个婚纱模板可以给不同的新人用，只要把他们的照片贴在已有的婚纱模板就可以形成一张漂亮的婚纱照片，这样可以大大简化婚纱艺术照的设计复杂度。
这里的母版页就像婚纱模板，而内容页面就像两位新人的照片。
在VS2003中没有母版页，要实现这种设计重用的效果，我们只能用“用户控件”来实现，但用户控件没有一种可视化的组合外观，使用起来不太方便。
母版页（扩展名是.master）它的使用跟普通的页面一样，可以可视化的设计，也可以编写后置代码。
与普通页面不一样的是，它可以包含ContentPlaceHolder控件，ContentPlaceHolder控件就是可以显示内容页面的区域。
代码如下：<%@ Master Language="C#" AutoEventWireup="true" CodeFile="MasterPage.master.cs" Inherits="MasterPage" %>......<form id="form1" runat="server"><div><asp:contentplaceholder id="ContentPlaceHolder1" runat="server"></asp:contentplaceholder></div></form>......注意：1、这里的声明指示符是“<%@ Master...%>”2、其内部包含<asp:contentplaceholder......>控件内容页（扩展名是.aspx）在建立内容页面的时候，在“添加新项”对话框中要选中“选择母版页”复选框。
什么是母版页-世界大学城
什么是母版页?
、
母版页:
是文件与 Web窗体类似。
定义一致并可重用的布局、代码和内容，这些内容一般供Web 应用程序中
的多个页面使用。
文件扩展名为.master。
包含@Master指令。
不会显示完整的网页。
运行时，内容与功能与同一个网站的其他网页合并。
使用母版页的优点有：
允许集中网页的通用功能。
可方便地创建一组控件和代码，并将结果应用于一组页面。
提供对网页布局的详细控制。
允许从单个内容页自定义母版页。
包括一个处理程序，该程序防止直接在浏览器中处理母版页。
当一个网页引用母版页时，：
访存请求页。
访存被请求的网页所引用的母版页。
合并母版页与请求页的内容。
将合并结果发送到浏览器。
设计母版页：
母版页一般包含一个或多个ContentPlaceHolder控件，这些控件由其ID属性
识别。
ContentPlaceholder控件提供了一个位置，运行时将在该位置合并来自引用页
面的内容。
还可以在页面上添加其他HTML标记、HTML控件和Web服务器控件
（ContentPlaceHolder控件以外）。
还可以在母版页上添加任何服务器端代码
Content Place。
十二、使用母版页实现页面布局
⼗⼆、使⽤母版页实现页⾯布局在这篇⽂章中，我们学习如何使⽤母版页在多个页⾯中创建统⼀布局。
例如：我们想把当前web程序中所有数据都以两列的页⾯布局形式来设置显⽰。
我们可以使⽤母版⾯来设置所有页⾯中共有的数据内容，如：⽹站Logo、导航链接、⼴告条等。
这样每个页⾯中都会⾃动显⽰这些在母版页中设置的内容。
这⾥我们学习如何创建⼀个新的母版页，并使⽤该母版页创建⼀个新页⾯。
⼀、创建母版⾯下⾯我们创建⼀个具有两列显⽰的母版页，在解决⽅案管理器中的Views\Shared⽂件夹上右击，选对“Add”-“New Item”，在弹出的对话框中选择“MVC View Master Page”如图所⽰：《图1》我们可以在程序中创建多个母版页视图，每个母版页视图中可以定义不同的显⽰布局。
母版页看起来很像⼀个标准的 MVC视图，不⼀样的是：母版页中包含⼀个或多个<asp:ContentPlaceHolder>标记。
<asp:ContentPlaceHolder>标记⽤来指定可以被内容页⾯重写的区域。
⽐如下⾯的母版页中，定义了两列的布局，它包含两个<asp:ContentPlaceHolder>标记，每个<asp:ContentPlaceHolder>标记都代表⼀列Listing 1 – Views\Shared\Site.master<%@ Master Language="C#" AutoEventWireup="true" CodeBehind="Site.Master.cs" Inherits="MvcApplication1.Views.Shared.Main" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ""><html xmlns="" ><head id="Head1" runat="server"><title></title><style type="text/css">html{background-color:gray;}.column{float:left;width:300px;border:solid 1px black;margin-right:10px;padding:5px;background-color:white;min-height:500px;}</style><asp:ContentPlaceHolder ID="head" runat="server"></asp:ContentPlaceHolder></head><body><h1>My Website</h1><div class="column"><asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server"></asp:ContentPlaceHolder></div><div class="column"><asp:ContentPlaceHolder ID="ContentPlaceHolder2" runat="server"></asp:ContentPlaceHolder></div></body></html>在上⾯的母版页视图中包含两个<div>标签，分别对应两列布局。
模板、主题、母版区别
模板、主题、母版区别对于刚刚开始接触制作PPT的朋友来说，PPT模板是一个必然会接触的「好东西」。
使用PPT模板，可以让一个对PPT制作知识了解程度只有5分的人做出70分的PPT，这样的诱惑，是绝大多数人都抵抗不了。
我自己也曾经一度使用过PPT模板，对于这种使用模板给PPT带来的「质的飞跃」非常了解。
下面这两页PPT是我2010年一前一后制作的两个PPT，是不是完全不像是出自同一个人之手？那么这些PPT模板都是怎么做出来的呢？在PowerPoint的「视图」选项卡里，有一个「母版视图」，这个「母版」和「模板」是不是有什么联系？另外，在PowerPoint的开始屏幕以及「设计」选项卡中又有很多看起来和模板没什么区别的东西，被称为「主题」，这又是一个什么东西？现在，你有没有发现自己其实从来没有搞清楚过这些概念？今天，就和大家好好梳理一下这几个概念之间的联系——看完这篇文章，可不能再傻傻分不清楚了！01 什么是模板？我们先从大家最熟悉的「模板」说起。
下面这样的就是典型的PPT模板：PPT模板就是已经做好了页面的排版布局设计，但却没有实际内容的PPT。
所有应该写实际内容的地方，都只是放置了使用提示如「点击添加文字」的字样。
拿到这样的PPT模板之后，只需要更改里面的图片，以及在相应的位置写上文字，就可以完成PPT的制作。
由于模板等同于以及完成了PPT视觉设计方面的工作，使用者只需要填充内容，无需掌握太多的软件操作技巧以及平面设计知识，大大降低了制作PPT的难度，所以受到广大无设计基础的使（jia）用（ban）者（gou）们的喜爱。
我要我要我要不过，由于你要展示的内容在结构和「要点数量」上并不都能刚好与模板吻合，往往需要在模板上增加或删减一些元素，很多缺乏基本设计能力的人就在这一步上栽了跟头。
通常你会发现：要么新增出来的元素样式与原模板格格不入，要么是自己明明只打算讲4点，模板上却有6个空位……删掉吧，页面布局不知道怎么重新调整，不删吧，又到哪里去编两点出来充数呢？02 什么是主题？如果说PPT模板是已经做好了设计需要填写内容的PPT，那么PowerPoint内置的「主题」显然也是模板的一种。
第6章——主题和母版页
6.1 主 题
6.2 母版页
6.1 主 题
6.1.1 主题概述
主题（Theme）是指网页和控件外观属性设置的集合，其工作原理 类似于CSS，为网站提供统一的风格。 主题提供了一种简易方式，可以独立于应用程序的网页，来为网站 的控件和网页设置样式，因此便于Web应用程序对其进行维护。 一个网站可以有多个主题，这样在设计网站时可以先不考虑样式， 在以后要进行样式设计时，也无须更新网页或更改代码。另外，可以从 外部获得自定义主题，例如将另一个网站的主题复制到本网站中，因此
3. 图像文件和其他资源
主题中还可以包含图像文件和其他资源，例如脚本文件或声音文件。
例如，页面主题的一部分可能包括 TreeView 控件的外观。可以在主 题中包括用于表示展开按钮和折叠按钮的图形。 例如，在Blue主题中有一个filename.jpg文件，以下代码设置了Image 控件的图像文件： <asp:Image runat="server" ImageUrl="~/Bule/filename.jpg" />
主题可以方便地重用。
主题是存在于App_Themes文件夹中一个子文件夹，每个子文件 夹就是一个主题，其中包括外观文件（.skin）、CSS文件（.css，样式 表文件）、图像文件和其他资源。 在设计网页时不必在网页中显式引用主题，只需把它们放到 App_Thems文件夹中，应用程序会自动加载相关的主题。 一个主题下必须至少包含一个外观文件，也可以有多个外观文件。
（2）右击主题Blue，在弹出的菜单中选择“添加新项”命令，打开 “添加新项”对话框。选择“外观文件”模板，如下图所示。
（3）单击“添加”按钮，将会为Blue主题添加一个外观文件，这里
ppt中母版,模板,主题,版式之间的区别和联系？
ppt中母版,模板,主题,版式之间的区别和联系？模板是现成的样式（包括图片动画等），直接输入内容就可以使用了。
母版是自己设计模板的菜单项。
主题是给设置好的PPT更换颜色、背景等统一的内容。
版式指ppt内容在页面上的分布情况。
模版是别人设定好以后的ppt课件，你可以直接在设定好的位置输入内容，其他不用更改。
母板则是由你自己设定的在每一页ppt上显示的固定内容，如ppt 页码、作者、单位、徽标、固定词组等等。
一个完整专业的演示文稿，有很多地方需要统一进行设置：幻灯片中统一的内容、背景、配色和文字格式等等。
这些统一应该使用演示文稿的母版、模板或主题进行设置。
如何让他们协调有序呢？母版加模板：共性与个性起舞在ppt2007 演示文稿设计中，除了每张幻灯片的制作外，最核心、最重要的就是母版的设计，因为它决定了演示文稿的一致风格和统一内容，甚至还是创建演示文稿模板和自定义主题的前提。
ppt2007的母版有两个最明显的改变：设置了“主母版”，并为每个版式单独设置“版式母版”（还可创建自定义的版式母版）。
要把“主母版”看成演示文稿幻灯片共性设置的话，“版式母版”就是演示文稿幻灯片个性的设置。
主母版设计“ 主母版”能影响所有“ 版式母版”，如有统一的内容、图片、背景和格式，可直接在“主母版”中设置，其他“版式母版”会自动与之一致。
版式母版设计包括标题版式、图表、文字幻灯片等，可单独控制配色、文字和格式。
模板的创建母版设置完成后只能在一个演示文稿中应用，想一劳永逸、长期应用吗？就把母版设置保存成演示文稿模板吧。
“保存”为“ 演示文稿设计模板（*.pot）”即可。
在ppt2007 中，模板创建完成后，需要通过“ 主题”来进行应用。
主题：让外观锦上添花ppt主题是一组统一的设计元素，包括背景颜色、字体格式和图形效果等内容。
利用设计主题，可快速对演示文稿进行外观效果的设置，母版和设计模板就可以当作一种主题。
主题颜色它由8种颜色组成，包括背景、文字强调和超链接颜色。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
主题和母版页（母版页）标准化网站布局的格式只是整个过程的一部分，你还需要保证通用的元素，如网站的标题、网站的导航控件等在每个页面里都出现在相同的位置。
解决这一问题的关键在于创建一个可以重复应用到整个网站的简单而灵活的布局。
有3 个基本办法可以选择：∙用户控件。
用户控件时标准化通用页面元素的优秀方式，但是，它们自身并不能解决页面布局的问题，因为没有办法保证用户控件在所有页面中都被放到同样的位置。
∙HTML 框架。
框架是在一个浏览器窗口中同时显示多个页面的HTML 基本工具。
它的主要缺点是它里面的每个页面必须通过单独请求服务器进行检索，这些页面的代码不得不完全独立。
这同时意味着一个框架里的页面不能和其他框架中的页面交互，也不能影响其他框架中的页面。
（至少不能通过服务器端代码）∙母版页。
母版页是 的一个特性，它专门设计用于标准化Web 页面布局。
它可定义固定的内容并声明Web 页面里可插入自定义内容的部分。
如果在整个网站中使用同一个母版页，就可以确保获得同样的布局。
最妙的是，如果修改了母版页的定义，应用它的所有页面都会自动变化。
要为页面模版提供一个可操作且灵活的解决方案，必须满足以下几个条件。
∙要能够单独定义页面的某个部分并在多个页面里重用它。
∙要能够创建一个定义了可编辑区域的封闭布局。
重用这个模版的页面只能够在许可的区域内添加或修改内容。
∙页面能够对重用的元素做一些自定义。
∙可以声明性的绑定页面倒页面模版（不使用代码）或者能够在运行时动态绑定到页面。
∙可以用工具（如VS）设计一个使用页面模版的页面。
为了实现这一切， 定义了两种新的页面类型：母版页和内容页。
母版页和普通的Web 页面一样，它可以包含任何HTML、Web 控件甚至代码的组合。
母版页还可以包含内容占位符（定义的可修改区域）。
内容页引用一个母版页并获得它的布局和内容。
此外，内容页可以在任意的占位符里加入页面特定的内容。
换句话说，内容页将母版页没有定义的缺失了的内容填入母版页。
母版页和一般Web窗体的区别是：∙母版页由Master 指令开始，并提供和Page 指令相同的信息。
而所有Web 窗体都由Page 指令开始。
∙只有母版页才可以使用ContentPlaceHolder控件，这个控件是内容页可以插入内容的部分。
创建一个母版页后，会得到一个只包含2 个ContentPlaceHolder控件的空白页。
第一个是在<head>区域定义的，它让内容页面能够增加页面元数据，比如搜索关键字和样式表链接。
第二个也是更重要的ContentPlaceHolder被定义在<body>区域，它代表页面显示的内容。
另外，母版页不能被直接请求，要使用母版页，必须创建一个关联的内容页。
下面是个简单的母版页示例，它有一个静态的横幅，其后跟着一个ContentPlaceHolder控件，然后是一个页脚：<%@ Master Language="C#" AutoEventWireup="true"CodeFile="SiteTemplate.master.cs"Inherits="Chapter16_SiteTemplate" %><html xmlns="/1999/xhtml"><head runat="server"><title></title><asp:ContentPlaceHolder ID="head"runat="server"></asp:ContentPlaceHolder></head><body><form id="form1"runat="server"><div><div style="background: black; height: 87px; font-weight: bold; font-size: 20px;color: white; font-family: Verdana"><img align="left"src="headerleft.jpg"/><img align="right"src="headerright.jpg"/><br/><asp:ContentPlaceHolder ID="TitleContent"runat="server">My Site</asp:ContentPlaceHolder></div><br/><br/><asp:ContentPlaceHolder ID="ContentPlaceHolder1"runat="server"></asp:ContentPlaceHolder><br/><em>Copyright © 2008.</em></div></form></body></html>要在其他页面里使用母版页，必须在Page 指令里加入MasterPageFile特性：<%@ Page Title="" Language="C#"MasterPageFile="~/Chapter16/SiteTemplate.master" ... %>只设置MasterPageFile特性还不足以把普通的页面转变成内容页。
内容页必须定义要插入一个或多个ContentPlaceHolder控件的内容（并编写这些控件需要的代码）。
由于母版页已经提供了外壳，因此，试图在内容页中加入<html>、<head>、<body>之类的元素，则会产生一个错误。
要为ContentPlaceHolder提供内容，要用到另一个叫Content 的特殊控件。
ContentPlaceHolder和Content 控件具有一对一的关系。
对于母版页里的每个ContentPlaceHolder，内容页会提供一个对应的Content 控件（除非不准备为那个区域提供任何内容）。
通过匹配ContentPlaceHolder的ID 和对应的Content 控件的Content.ContentPlaceHolderID属性将它们对应起来。
<%@ Page Title="" Language="C#"MasterPageFile="~/Chapter16/SiteTemplate.master"AutoEventWireup="true" CodeFile="Default.aspx.cs"Inherits="Chapter16_Default" %><asp:Content ID="Content1"ContentPlaceHolderID="ContentPlaceHolder1"ru nat="Server"><p class="Code"style="margin: 0in 0.1in 0pt 0in"><span style="font-size: 10pt; font-family: TheSansMonoConNormal">Far out in the unchartedbackwaters of the unfashionable end of the western spiral arm of the Galaxy liesa small unregarded yellow sun.</span></p></asp:Content><asp:Content ContentPlaceHolderID="TitleContent"ID="Content2"runat="se rver">Custom Title</asp:Content>为了更好的理解母版页是如何工作的，值得通过跟踪（在Page 指令里加入Trace=true）来看看内容页。
借助这种方式可以了解控件的层次。
你会发现 首先为母版页创建控件对象，包括ContentPlaceHolder（它充当一个容器），接着它会把内容页的控件加入ContentPlaceHolder。
如果需要动态配置母版页或内容页，可以响应任意一个类中的Page.Load事件。
有时你可能会同时在母版页和内容页中使用初始化代码。
这种情况下，理解每个事件发生的顺序就很重要。
首先创建母版页控件，然后添加内容页的子控件。
然后它触发母版页的Page.Init事件，随后是内容页的Page.Init事件。
对于Page.Load事件，也是相同的步骤。
（如果有冲突，那么内容页的自定义会覆盖在母版页相同阶段所做的修改）母版页定义ContentPlaceHolder时可以包含默认的内容（内容页没有提供相应的Content 控件时才会使用的内容）。
内容页不能只使用母版页默认内容的一部分或只编辑这一部分。
这是不可能的，因为默认内容是保存在母版页里面而不是内容页中。
所有，要么完全使用，要么就全部替换它。
HTML 使用基于流的布局。
这意味着随着内容的增加，页面会被重新组织，其他一些内容会被挤到一边。
这样的布局会使得难以获得母版页预期的结果。
如果你不小心，就会破坏原本完美的布局，插入到<Content>标签的大量信息会把页面结构弄得乱七八糟。
为了控制这些问题，大部分母版页使用HTML 表格或者CSS 定位来控制布局。
使用表格时，基本原则是把整个页面或页面的部分分解到行和列里。
然后你就可以把ContentPlaceHolder加入到某个单元格里，从而保证其他内容多少会按照预期的那样对齐。