1 / 26
文档名称:

ASP.NET应用开发教程教学资源的案例12 的设计网站外观.ppt

格式:ppt   大小:6,081KB   页数:26页
下载后只包含 1 个 PPT 格式的文档,没有任何的图纸或源代码,查看文件列表

如果您已付费下载过本站文档,您可以点这里二次下载

分享

预览

ASP.NET应用开发教程教学资源的案例12 的设计网站外观.ppt

上传人:梅子 2022/4/14 文件大小:5.94 MB

下载得到文件列表

ASP.NET应用开发教程教学资源的案例12 的设计网站外观.ppt

相关文档

文档介绍

文档介绍:案例12 设计网站外观
授课课时:4课时(180分钟)
主编:刘志成
*
案例描述
。母版页的主要功能是为应用程序提供创建统一p="true" CodeFile="" Inherits="main" Title="Untitled Page" %>
<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder2" Runat="Server">
</asp:Content>
*
案例完成步骤
创建项目与母板页
(7)在“Content1”处拖入1个ImageButton控件和1个Panel控件,Panel控件中拖入3个HyperLink控件;在“Content2”处拖入一个Image控件,控件属性设置同作业2的属性设置表。
(8)编写ImageButton单击事件,在Page对象的Load事件中添加如下代码:
*
案例完成步骤
创建项目与母板页
程序运行后,。
*
案例完成步骤
应用主题与外观
1.在单个页面中应用主题
在单个页面中应用主题,只要在页头设置Theme属性值为主题名就行,然后再设置控件的SkinID属性,就能看出效果。单个页面中应用主题页面的HTML代码如图12-15所示。请读者注意用椭圆突出显示的代码。
*
案例完成步骤
应用主题与外观
3.动态加载主题
动态加载主题,就是通过编程方式应用主题,,立即加载主题信息。实现动态加载主题的核心是修改Page对象的Theme属性值。
4.登录页面应用主题
在程序运行后才能看到主题的应用效果,如图所示。
*
知识链接
母版页概述
1.母版页
,它可以包含静态布局。母版页由特殊的Master指令识别,该指令的使用使母版页有别于内容页,。母版页除了开头的Master指令和一个或多个ContentPlaceHolder服务器控件外,。
2.内容页
内容页就是原来讲到的Web窗体,但它与母版页关系密切,母版页定义了网页的框架,内容页主要包含页面中的非公共的内容,。内容页的关键部分是Content控件,它为其他控件的容器。Content控件只能与对应的ContentPlaceHolder服务器控件结合使用,而不是一个独立的控件。
*
知识链接
主题的概述
主题是指页面和控件外观属性设置的集合。开发人员可以利用主题定义页面和控件的外观,还可以利用主题快速一致地设置所有应用程序的页面。
1.主题的组成元素
主题由CSS级联样式表、外观、图像和其他资源组成,其中外观是必不可少的组成元素之一。
(1)CSS样式
(2)外观文件
(3)图像和其他资源
*
知识链接
主题的概述
2.主题文件的存储和组织方式
若在项目中添加一个外观文件,其操作步骤如下。
(1)右键单击“解决方案资源管理器”中的项目名,打开快捷菜单,然后选择“添加新项”选项,打开“添加新项”对话框。
(2)在“添加新项”对话框的“模板”列表中选择“外观文件”,单击“添加”按钮就弹出如图所示的警告框。单击“是”按钮就可以添加一个外观文件。
*
知识链接
主题的创建
1.创建外观文件
创建外观文件的步骤如下:
(1)右键单击“Label”,打开快捷菜单,然后选择“添加新项”选项,打开如图所示的对话框。
*
知识链接
主题的创建
(2)在“添加新项”对话框的“模板”列表中选择“外观文件”,在“名称”文本框中将其命名为“”,单击“添加”按钮。
(3)添加外观文件之后,解决方案资源管理器窗口中主题文件夹文件组织方式如图所示。
(4)在“”外观文件中添加相关代码