P.NET(C#)网站开发-电子教案-源代码-张志明第8章 外观设计.pptx

《P.NET(C#)网站开发-电子教案-源代码-张志明第8章 外观设计.pptx》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、第8章外观设计学习目标本章首先介绍样式，接着介绍主题的概念，然后讲解如何在网站中创建一个或多个主题以及主题的使用方法，最后在知识拓展中介绍Web用户控件、母板页等网页设计技术，这些技术主要用来美化Web页、合理布局界面元素。熟练掌握样式和主题的概念。熟练掌握Web用户控件的使用方法。熟练掌握母板页在Web应用程序中的应用。8.1情景分析当设计包含多个页面的站点时，必须考虑页面结构问题，合理的做法是使站点的所有页面具有通用的页面布局。例如，使整个站点的页面中都显示Logo图片导航栏和带有版权信息的页脚。ASP.NET提供的主题和母版页都是为了快速地对网站进行设计开发和后期能对网

2、站进行有效的维护管理，不同之处在于主题负责的对象是页面或服务器控件的样式，而母版页负责的对象是整个网站页面的布局结构，使用母版页可以创建通用的页面布局以及在多个页面中显示的通用内容。8.2样式从ASP.NET2.0开始，就包括了样式和主题，使用样式和主题，能够将样式和布局信息分解到单独的文件中，让布局代码和页面代码相分离。主题可以应用到各个站点，当需要更改页面主题时，无须对每个页面进行更改，只需要针对主题代码页进行更改即可。1CSS简介在任何Web应用程序的开发过程中，层叠样式表CSS（CascadingStyleSheets）都是非常重要的页面布局方法，而且CSS也是最高效

3、的页面布局方法。CSS是一组定义的格式设置规则，用了控制Web页面的外观，目前在网页设计中有着广泛的应用。CSS通常支持三种定义方式，一是直接将样式控制放置于单个HTML元素内，称为内联式；二是在网页的head部分定义样式，称为嵌入式；三是以扩展名为“.css”的文件保存样式，称为外联式。这三种样式适用于不同的场合，内联式适用于对单个标签进行样式控制；嵌入式可以控制一个网页的多个样式，当需要对网页样式进行修改时，只需要修改head标签中的style标签即可；而外联式能够将布局代码和页面代码相分离，在维护过程中，能够减少工作量。1CSS基础CSS样式的代码位于文件头部

4、>…之间，页面内容存放在HTML文档中，而用于定义表现形式的CSS规则存放在另一个文件中或HTML文档的某一部分，通常为文件头部分。将内容与表现形式分离，不仅可使维护站点的外观更加容易，而且还可以使HTML文档代码更加简练，缩短浏览器的加载时间。CSS能够通过编写样式控制代码来进行页面布局，在编写相应的HTML标签时，可以通过Style属性进行CSS样式控制，示例代码如下：您好！