第10讲主题和样式段克奇课件.ppt

Duankeqi@ ASP.NET Web实用开发技术 主讲：段克奇  邮箱：Duankeqi@ 第10讲 主题和样式 1.概述 2.样式 3.主题与外观 4.单个页面引用主题 5.整个网站引用主题 1.概述 开发任何web程序的过程通常需要考虑两个主要方面：功能和外观。Web应用程序的功能方面，主要包括站点的结构、控件的行为、用户经验、保护应用程序安全的代码、当用户单击按钮时产生什么事件等 考虑外观可以使得站点更加美观一些，包括颜色、图象的使用，页面的布局，在某种程度上也包括呈现给浏览器的代码的样式 一个成功的应用程序在这两个方面之间能够达到一个平衡，为用户提供容易使用并且看起来美观的站点，很多失败的站点就是因为没有在这两者之间达到平衡。 2.样式 布局和样式是一个站点必不可少的组成部分，布局是一方面，而样式则是更重要一个环节。 Style属性 Css层叠样式表 link href=“style.css” rel=“stylesheet” type=“text/css” body { font-size:12px;color:black;} table { font-size:12px; font-weight:bold; line-height:20px} 存在问题:对客户端控件的控制没问题，但对于服务器端控件则会失去效果,比如TextBox、DataList、GridView等。 3.主题与外观 主题Theme:主题由外观、级联样式表 (CSS)组成。 外观Skin:外观文件具有文件扩展名 .skin，它包含各个服务器控件的属性设置。一个外观文件可以包含一个或多个控件类型的一个或多个控件外观。 控件外观类型:“默认外观”和“已命名外观” 如果控件外观没有设置 SkinID 属性，则是默认外观。 已命名外观是设置了SkinID 属性的控件外观。 4.单个页面引用主题 使用页面的StyleSheetTheme属性引用“默认外观” 使用控件 SkinID引用“已命名外观” 5.整个网站引用主题 在Web.config文件中,修改如下节点: pages styleSheetTheme=“主题名称” 使用控件 SkinID引用“已命名外观” 本讲总结 本讲详细讲解了主题和样式的实现方法和使用方法。 具体学习了如何定义和使用css样式表文件,同时学习了ASP.NET中主题和外观的定义和使用方法，以及他们在网站设计中的重要性。 * 第10讲 主题和样式 *