第8章 ASP.NET中的样式,主题和母版页
母板页
母版页概述使用 母版页可以为应用程序中的页创建一致的布局。
单个母版页可以为应用程序中的所有页（或一组页）定义所需的外观和标准行为。
然后可以创建包含要显示的内容的各个内容页。
当用户请求内容页时，这些内容页与母版页合并以将母版页的布局与内容页的内容组合在一起输出。
母版页的工作原理母版页实际由两部分组成，即母版页本身与一个或多个内容页。
演练：在Visual Web Developer 中创建和使用 母版页本演练阐释如何创建一个母版页和几个内容页。
母版页使您可以创建一个页面布局（模板页），然后创建各个页面，这些页面包含的内容在运行时与母版页合并。
创建网站如果已经在Visual Web Developer 中创建一个网站（例如，通过执行演练：在Visual Web Developer 中创建基本网页中的步骤创建），可以使用该网站并跳至下一节“创建母版页”。
否则，按照下面的步骤创建一个新的网站和网页。
创建文件系统网站打开Visual Web Developer。
在“文件”菜单上单击“新建网站”。
出现“新建网站”对话框。
在“Visual Studio 已安装的模板”之下单击“ 网站”。
在“位置”框中输入要保存网站页面的文件夹的名称。
例如，键入文件夹名“C:\WebSites”。
在“语言”列表中，单击您想使用的编程语言。
单击“确定”。
Visual Web Developer 创建该文件夹和一个名为Default.aspx 的新页。
创建母版页母版页是用于设置页面外观的模板。
在本节中，将首先创建一个母版页。
然后，使用表格来对母版页进行布局，此母版页具有一个菜单、一个徽标和一个页脚，这些内容将在站点的每个页面中出现。
还将使用内容占位符，这是母版页中的一个区域，可以使用内容页中的信息来替换此区域。
创建母版页在解决方案资源管理器中，右击网站的名称，然后单击“添加新项”。
在“Visual Studio 已安装的模板”之下单击“母版页”。
ASP.NET程序开发实用教程课程设计
程序开发实用教程课程设计概述本课程是一门关于程序开发的实用教程，旨在帮助学员掌握 程序开发的基本流程和技能。
该课程设计包含程序开发的基础知识、实用技巧和实战应用，通过案例分析和实际项目实现，辅助学员逐步掌握程序开发的全流程。
学习目标本课程设计的学习目标如下：•掌握开发技能；•熟悉开发流程；•学会运用开发实际项目；•培养实战能力。
教学内容第一章：入门本章节介绍程序开发的基本概念和技术，包括程序的架构、项目创建、页面设计、控件使用等方面。
1.1 程序开发概述本节主要介绍程序开发的概念和技术，包括.NET框架、开发工具、代码编写、程序发布等方面。
1.2 开发环境搭建本节主要介绍开发环境的搭建，包括.NET框架安装、Visual Studio安装、IIS配置等方面。
1.3 程序架构本节主要介绍程序的架构设计，包括MVC架构、Web Form架构等方面。
1.4 开发流程本节主要介绍程序的开发流程，包括需求分析、设计、编码、测试、发布等方面。
1.5 页面设计本节主要介绍程序页面（Web Form）的设计，包括常用Web控件的使用、样式设计等方面。
第二章：常用控件设计本章节介绍程序中常用控件的使用方法和开发技巧，包括文本框、按钮、下拉列表等常见控件的使用。
2.1 文本框控件本节主要介绍文本框控件的使用方法和属性设置，包括Text、MaxLength、CssClass等方面。
2.2 按钮控件本节主要介绍按钮控件的使用方法和属性设置，包括PostBackUrl、CssClass等方面。
2.3 下拉列表控件本节主要介绍下拉列表控件的使用方法和属性设置，包括DataSource、DataValueField、DataTextField等方面。
2.4 标签控件本节主要介绍标签控件的使用方法和属性设置，包括Text、CssClass等方面。
第三章：数据访问设计本章节介绍程序中数据库访问技术，包括、ORM框架等方面。
3.1 访问数据库本节主要介绍访问数据库的原理和技术，包括常用对象和方法的使用。
(完整版)《Web程序设计》课后题答案
<siteMap>
<siteMapNode url="~/default.aspx" title="首页" description="首页">
<siteMapNode url="~/Newslist.aspx" title="新闻" description="新闻">
2）Visual Studio内置服务器的作用是什么？
答案：
Visual Studio开发服务器是在Windows操作系统（包括Home Edition版本）上本地运行的Web服务器。与IIS Express一样，它是专门构建用于在本地计算机上运行的。它不会处理针对其他计算机的请求。此外，它也不会提供应用程序范围外的文件。Visual Studio开发服务器是一种方法，可用于在向运行IIS的生产服务器发布网站或应用程序之前在本地进行测试。
（5）在“物理路径”框中，输入d:\CompiledSite。单击“确定”。
（6）在 IIS 管理器的“连接”窗格中，右击新的虚拟目录，然后选择“转换为应用程序”。此时将出现“添加应用程序”对话框。单击“确定”。
第
1.选择题。
（1）-（5）BCBCD (6)-(10)BACAD
2.填空题。
(1)<body bgcolor=”gray”text=”red”>
Web
1.简答题
1）什么是MSDN，它包含哪些功能？
答案：
MSDN（Microsoft Developer Network）是Microsoft公司面向软件开发者的一种信息服务。MSDN 实际上是一个以 Visual Studio 和 Windows 平台为核心整合的开发虚拟社区，包括技术文档、在线电子教程、网络虚拟实验室、微软产品下载（几乎全部的操作系统、服务器程序、应用程序和开发程序的正式版和测试版，还包括各种驱动程序开发包和软件开发包）、Blog、BBS、MSDN WebCast、与 CMP 合作的 MSDN 杂志等等一系列服务。
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 属性。
习题及参考答案 ASPNET案例教程教辅资料 教学课件
第1章习题及参考答案一．单选题1．（C ）技术是基于Java Servlet以及整个java体系的Web开发技术。
A．CGI B．ASP C．JSP D．PHP2．下面哪一个不是动态网页技术（D ）。
A． B．ASP C．JSP D．HTML3．在客户端网页脚本语言中最为通用的是( A )。
A．JavaScript B．VB C．Perl D．ASP4．下列描述错误的是( B )。
A．DHTML是HTML基础上发展的一门语言B．HTML主要分为两大类：服务器端动态页面和客户端动态页面C．客户端的DHTML技术包括HTML4．0、CSS、DOM和脚本语言D．DHTML侧重于WEB内容的动态表现5．可以不用发布就能在本地计算机上浏览的页面编写语言是（B ）。
A．ASP B．HTML C．PHP D．JSP6．一个HTML文档必须包含3个元素，它们是html、head和（B ）。
A．script B．body C．title D．link7．下面（C ）是换行符标签。
A．<body> B．<font> C．<br> D．<p>8．为了标识一个HTML文件，应该使用的HTML标记是( C )。
A．<p></p> B．<boby></body> C．<html></html> D．<table></table> 9．在静态网页中，必须使用（A ）标记来完成超级链接。
A．<a>…</a>B．<p>…</p>C．<link>…</link>D．<li>…</li> 10．用HTML标记语言编写一个简单的网页，网页最基本的结构是（D ）。
A．<html> <head>…</head> <frame>…</frame> </html>B．<html> <title>…</title> <body>…</body> </html>C．<html> <title>…</title> <frame>…</frame> </html>D．<html> <head>…</head> <body>…</body> </html>11．以下标记符中，用于设置页面标题的是（A ）。
《ASP.NET网页设计与网站开发》习题参考解答
据对定位和相对定位的区别是：参照物不同、z-index值相同时的处理方式不同。
4．解释下列概念
CSS、内联式、嵌入式、外部链接式
【解答要点】
第2章
1．简要回答什么是HTML、XML和XHTML。
【解答】
HTML超文本标记语言，是一种基于标记的网页设计语言。XML是用来对信息进行自我描述而设计的一种新语言。同HTML一样，XML也是一种基于文本的标记语言，但是XML可以让用户根据要表现的文档，自由地定义标记来表现具有实际意义的文档内容。XHTML是为了适应XML而重新改造的HTML，也是一种标记语言。它可以看作是从HTML到XML的过渡。XHTML要求在网页中出现的任何元素都应该被标记出来。
（5）服务器执行后台代码指定的操作。
（6）服务器将执行操作后的页面以HTML或XHTML标记的形式发送到客户端浏览器。
2．状态管理有哪些方式？
页面的状态管理有多种方式，有视图状态、Application和Session对象、Cookie对象、控件状态、隐藏域和配置文件等。
3．设计一个Web应用程序，包含一个页面，添加一个按钮。在该页面的Page_Load事件中添加代码将一个数组保存到视图状态中，然后单击按钮时，将该视图状态中的值换行输出到页面上。
见源程序。
第
1．Web服务器控件和Windows控件的执行有何不同？
【解答】
Windows控件的属性、方法、事件等都是在本机上执行的，而Web服务器控件则全部是在服务器端执行的。
2、利用HiddenField控件是否可用来存储保密数据？为什么？
母版的原理及应用技巧
母版的原理及应用技巧一、什么是母版母版（Master Page）是一种网页设计中的常用技术，解决了在设计大量网页时出现的重复性工作问题。
母版基本上是一种模板，定义了网页的整体框架和结构，并可以在其中添加占位符，用于填充不同的内容。
二、母版的原理母版是通过HTML和CSS技术实现的。
母版页面通常包含了整个网站的共同的结构和样式，并且可以在其中定义可替换内容的占位符。
当具体的网页需要使用母版时，可以将母版中的占位符替换成实际内容，从而生成具体的网页。
三、母版的应用技巧1. 统一网站风格使用母版可以实现整个网站的统一风格，例如统一的导航栏、页眉、页脚等，使得用户在浏览网站时能够感受到一致的用户体验。
2. 简化网页设计通过使用母版，设计师可以只需设计一个母版页面，然后根据需要替换其中的占位符，生成多个具体的网页。
这样可以极大地简化网页设计的工作量，提高效率。
3. 方便修改页面布局当需要修改整个网站的布局时，只需要修改母版页面即可，所有使用了该母版的网页都将自动应用新的布局，无需逐个修改每个网页。
4. 提高代码的复用性母版可以将网页的共同部分提取出来，作为一个可复用的模块。
这样可以减少代码的重复编写，提高代码的可维护性和复用性。
5. 简化网站的维护使用母版可以将网站的结构和样式分离开来，使得维护网站变得更加简单。
当需要修改样式时，只需修改母版样式表，所有使用了该母版的网页都将自动应用新的样式。
6. 支持多种设备和分辨率通过使用响应式设计技术，可以将多个不同分辨率的母版设计好，然后根据设备的屏幕大小自动选择合适的母版进行展示，从而适应各种终端设备。
四、如何使用母版使用母版可以按照以下步骤进行：1.创建一个母版页面，其中定义网页的整体结构和样式，并在需要的位置添加占位符。
2.创建具体的网页，通过指定使用哪个母版，将占位符替换为实际内容。
3.根据需要重复第二步，创建更多的具体网页。
五、总结母版是一种非常有用的技术，可以大大简化网页设计和维护的工作量，提高效率和代码的可重复使用性。
基于ASP NET的Web应用开发单元8任务2：利用AJAX实现局部刷新
二、基本知识与技能—ScriptManager控件
• 脚本控制器ScriptManager是AJAX程序运行的基础。它 用来处理页面上所有组件以及页面局部更新，生成相关客 户端代理脚本以便能够在JavaScript中访问Web Servic e等。 • 在支持 AJAX的页面中，有且只能有 一个ScriptManager控件来管理 AJAX相关的 控件和脚本。在AJAX应用中，ScriptManger控件基本 不需要配置就能够使用。因为ScriptManger控件通常需 要同其他AJAX控件搭配使用，在AJAX应用程序中，Scri ptManger控件就相当于一个总指挥官，这个总指挥官只 是进行指挥，而不进行实际的操作。
七、子任务2的实施
<div align="center" style="background-color: #00FFFF"> <asp:UpdatePanel ID="UpdatePanel1" runat="server" UpdateMode="Always"> <ContentTemplate> UpdateMode:Always 局部可更新区域一的更新时间： <%=DateTime.Now.ToString() %> <asp:Button ID="Button2" runat="server" Text="更新局部区域一（异步回发）" /> </ContentTemplate> </asp:UpdatePanel> </div> </div> <div align="center" style="background-color: #FFFF00"> <asp:UpdatePanel ID="UpdatePanel2" runat="server" UpdateMode="Conditional"> <ContentTemplate> UpdateMode:Conditional 局部可更新区域二的更新时间： <%=DateTime.Now.ToString() %><asp:Button ID="Button3" runat="server" Text="更 新局部区域二（异步回发）" /> </ContentTemplate> </asp:UpdatePanel> </div> UpdateModel.aspx代码 </form> </body>
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
8.4
小结
本章介绍了中的外观处理技术，首先讨论了 CSS，演示了在VS2010中如何创建CSS，如何向 页面应用CSS。接下来讨论了中的主题，主题可以 为中的服务器控件提供一致的外观，并可以方便的 切换主题，本章讨论了创建皮肤文件，使用命名皮肤处理多 个皮肤的冲突，在web.config配置文件中，为整个网站应用 主题以及如何动态的切换主题。 母版页类似于Word中的模板，本章讨论了如何创建母版 页，定义母版页的默认内容，如何处理母版页的相对路径， 动态加载母版页以及母版页的多级嵌套技术。
创建样式
在中，可以创建三种类型的样式： 1．内联样式 2．内部样式表 3．外部样式表
8.1.2
应用样式
现在己经创建好了CSS样式表文件，并定义了CSS 样式规则。下面来为Web页面应用样式。VS2010中提供 了一些非常实用的工具，用来非常精细的控制和修改 CSS样式。
8.2
主题
读者一定非常了解Windows主题，当选择不同的主 题设置时，Windows用户界面将会发生很大的变化。 提供了同样的主题的技术，这让用户可以对 Web站点进行统一的控制，很多Blog站点都提供了主题 选择功能，当选择不同的主题时会发现页面的很多方面 发生了变化，比如控件的显示，页面的布局等等。很多 初学者容易混淆主题与CSS的区别，CSS用于控制HTML 格式的呈现，而主题则可以控制服务器控件的 很多属性，一些属性可能会生产生不一样的HTML输出。
为整个网站应用主题
除了为单个页面使用Theme或者是 StyleSheetTheme属性设置主题之外，还可以为应用程 序中的所有页面同时应用主题。可以在web.config配置 文件中配置Web应用程序的所有页面都可用的主题。
8.2.5
添加CSS样式
也可以在主题中添加样式表文件来控制页面中的 HTML元素和控件的外观，如果向主题文件夹 中添加一个CSS文件，则CSS样式将被应用到应用了主 题的任何页面。
8.3.4
在web.config中配置母版页
可以在web.config配置文件中定义母版页，这样母 版将被应用到网站中所有的文件或者是某个指定文件夹 的文件。
8.3.5
修改母版页
使用母版页将会在多个内容页上显示相同的内容， 一些页面可能想覆盖某些母模页中定义的显示，来提供 自定义的显示。比如如果想修改内容页的标题，可以在 Page区中修改Title属性。也可以通过编程的方式改变 Title属性，除此之外还可以修改CSS中的样式规格，这 是因为母版页中的HTML<head>标签具有 runat=”server”声明，表示己经被设置为服务器端Head 标签，因此开发人员可以使用Page.Header属性来访问 Header中的属性。
8.2.1
创建主题
为了在中创建主题，需要先创建一个名为 App_Themes的主题文件夹用来存放主题，该文件夹必 须位于应用程序的根目录中。在该文件夹中可以存放多 个主题设置。每个主题必须用一个单独的子文件夹进中为TextBox控件创建了一个皮肤，当在页 面上应用主题后，会发现所有的TextBox控件的呈现外观 都发生了改变，这种皮肤称为默认皮肤。开发人员可能想 为某个指定的TextBox控件应用一种不同的皮肤，此时可 以考虑使用命名皮肤。
8.2.6
动态应用主题
一些网站提供了让用户选择主题的功能，用户根据 主题外观缩略图选择一个主题，将呈现相应的外观效果。 在中可以编程的方式动态的应用主题，只需要在 PreInit事件中动态的指定Theme属性，就可以实现主题的 动态切换效果。
8.3
母版页
母版页类似于Word中的模板，允许在多个页面中共 享相同的内容。比如网站的LOGO，可能需要在多个页 面中重用，则可以将其放在母版页中。在Dreamweaver 中可以使用模板页，的母版页与此类似。使用 母版页可以简化维护、扩展和修改网站的过程。并能提 供一致、统一的外观。
8.3.1
创建母版页
母版页的使用与普通页面类似，可以在其中放置文 件或者图形，任何的HTML控件和Web控件，后置代码等 等。母版页的扩展名以.master结尾，不能被浏览器直接 查看。母版页必须在被其他页面使用后才能进行显示。
8.3.2
默认内容
当在母版页中定义了ContentPlaceHolder后，也可 以在母版页中包含默认的内容，假如内容页中没有为母 版页中的ContentPlaceHolder控件关联相应的Content 控件的话，默认内容将进行显示。
8.1
在中应用CSS样式
随着Web的越来越盛行，Web设计也越来越趋向于 整体与结构化。在早期，比如在1999年以前，Web站点 的设计者们使用HTML语法来格式化显示样式，这种方式 具有多种限制，比如在不同的浏览器中的显示效果不一 致、缺乏标准的支持、HTML代码结构混乱等等。
8.1.1
8.3.3
母版页和相对路径
笔者将母版页和相对路径划为一小节来进行讨论，是有 来由的。中母版页处理相对路径有一些奇怪，不小 心可就会让开发人员摸不着北。假如在母版页中只添加一些 文本信息，这可能并不是任何问题。但是一个真正的网站或 应用程序，通常都需要在母版页中添加很多图片，或者是其 他的HTML标签来指向其他的资源，那么将会产生问题。
8.5.2
母版页是否可以嵌套，如何嵌套？
母版页可以嵌套，可通过本章8.3.7节的介绍，做一 个实例，然后简单描述下完成这个实例的过程，此题看 似操作题，但一般都不会上机面试，通常只简单描述下 流程即可。
8.5
常见面试题分析
8.5.1 如何让一个网站默认一个母版页？ 凡是全局的配置，必须得使用web.config来完成，本题可 以在其中如下设置： <configuration> <system.web> <pages masterPageFile=”~/MasterPage/MasterPage.master” /> </system.web> </configuration>
第8章
中的样式、主题和母版页
• • •
• • •
本章开始讨论的页面创作技术，现如今的网页网 站、Web Base应用程序越来越注重页面的外观和可操作性。 一致的外观能给用户良好的印象，并能充分展示企业的形象和 文化内涵。提供了多种用于统一页面外观的方法，主 要有： 样式 主题 母版页 本章内容有： 如何在中应用CSS样式 如何创建和使用主题 如何创建和使用母版页
8.2.3
处理主题冲突
当应用一个主题到页面上时，会检查Web 页面上的控件以及定义的皮肤文件以查看是否为控件定 义了属性，如果在皮肤文件中存在匹配的皮肤定义，将 覆盖控件本身的属性定义而使用皮肤定义。也就是说， 如果页面上应用了皮肤，那么在皮肤中定义的属性将具 有优先权。
8.2.4
8.3.6
动态加载母版页
可以为内容页动态的指定不同的母版页，在一些场 合，这个功能非常实用。比如网站提供了些外观的交互 式选择项，类似于现今比较流行的Blog系统，当用户选 择不同的外观时，动态的切换母版页，给用户不一样的 交互式体验。
8.3.7
母版页的嵌套
可以创建一个嵌套在其他母版页中的母版页，比如 设计一个上下两栏面局的母版页，顶栏显示网站Logo， 而底栏可能根据用户不同的需要呈现不同的页面布局， 例如左右式布局或三栏式布局等等。这时可以考虑使用 嵌套母版页，VS2010对嵌套母版页还提供了设计时的支 持。