当前位置:文档之家› 第9章主题和母版页技术

第9章主题和母版页技术


2.添加两个主题Theme01、Theme02,并建立对应的两个皮肤Theme01.skin、
Theme02.skin
3.为页面的PreInit事件添加代码如下:
protected void Page_PreInit(object sender, EventArgs e) { Page.Theme = Request["DropDownList1"]; }
主题概述 创建页面主题 创建皮肤 主题应用与禁用 主题应用实例
组成 运行过程 优越之处
技术应用过程 创建与使用 母版页的原理 内容页的关联 技术常用控件
访问母版页 动态附加母 版面
程序员的十大品质之9 忠信笃敬,圣人之术
出自南宋袁采《世范》,原文为“言忠信,行敬笃,乃圣人教人取 重于乡曲之术。盖财物交加,不损人而益己,患难之际,不妨人而利 己,所谓忠也。不所许诺。纤毫必偿,有所期约,时刻不易,所谓信 也。处事近厚,处心诚实,所谓笃也。礼貌卑下,言辞谦恭,所谓敬 也。若能行此,非惟取重于乡曲,则亦无人自得。” 今天是品质和实力并重的时代,程序员要既有编程实力,又有忠 信敬笃的品质。编写程序非一朝一夕之事,客户要约期限,彼此要常 沟通。与客户相处其要决为“忠 信笃敬”四字。做事讲诚信,做人要 表里如一,编程过程中因一时解决不了的技术难题而影响工期要如实 说明,万不可自以为聪明,做事投机取巧。轻诺必寡信,约定工期时 要充分考虑到可能出现的特殊情况。 听讲 认真
Footer占位控件。内容页上要遵循以下规则:
(1)
一定要设定MasterPageFile属性以指定所使 用的母版页; 不能有<html>、<head>、<body>和执行在服 务器端的<form>标签,因为这些标签早已定义 在母版中,内容页只能定义网页内容。
(2)
(3)
为了对应到母版页的ContentPlaceHolder 控 件,在内容页中一定要添加Content控件。
学习激励与案例导航
第一位计算机应用专业博士刘积仁
刘积仁,教授,博士生导师。1955年8 月生于辽宁省丹东市,1980年毕业于东北工 学院计算机应用专业,1986年赴美国国家标
准局计算机研究院计算机系统国家实验室留
学。他是我国培养的第一位计算机应用专业 博士,33岁时被破格提拔为教授,是当时全 国最年轻的教授之一。他如今身兼多职:全 国政协委员,东软集团有限公司董事长、总 裁,沈阳东软软件股份有限公司董事长,兼 任东北大学副校长,计算机软件国家工程研 究中心主任,中国软件行业协会副理事长, 中国互联网协会副理事长„„
外部样式表 (External Style Sheet)
把内联样式表中的<style></style >之间的样式规则定义语句放在 一个单独的外部文件中,这个外 部文件就是外部样式表文件,其 扩展名是.css。
9.1.2 CSS样式的创建
1.启动Viusual Studio 2008
依次在主菜单中单击【文件】【新建】【网站】,出现“新建网站”对话框,选择 【空网站】,单击“确定”,完成新网站的建立,如9-1所示。
第9章
主题和母版页技术
9.1 CSS样式的使用 9.2 主题的使用 9.3 母版页
也提供了模板制作工具即母版页技术,母版页技术的诞生,可以批量制作 网页、维护网页。如图9-10所示:
图9-10 word模板示意图 Nhomakorabea9.3.1 母版页的组成
静态元素 母版页
+
动态元素
母版页技 术组成 内容页
2.对单个页面应用主题
<pages theme="主题名称"/>
3.禁用主题
9.2.4 主题的应用与禁用
1. 对整个网站应用主题
2.对单个页面应用主题
<% @pages theme="主题名称" %>
3.禁用主题
9.2.4 主题的应用与禁用
1. 对整个网站应用主题
2.对单个页面应用主题
<% @page EnableTheming=”false” %>
+
全局主题
3.皮肤文件的含义
皮肤即外观文件,它包含各个控件的属性设置。控件外观设置类似于控件标记
本身,但只包含要作为主题的一部分来设置的属性。
9.2.2 创建页面主题
页面主题的创建,如图9-6所示。
图9-6 创建页面主题
第1步右键单击 第2步添加文件夹
第3步单击主题
添加主题后,将在网站中自动生成主题文件夹App_Themes,同时在该文件夹下 自动创建了一个子文件夹,该文件夹主要用来保存主题文件和其他组成元素,子文件 夹的名称就是文件夹的名称。在实际应用时,应将默认名称改成有意义的名字。向主 题文件夹中添加主题的皮肤、CSS样式表、和图片文件元素,如图9-7所示。

9章
主题和母版页技术
人生短暂,事业征程却漫长;学业有时,学习时 光却伴随我们每个人一生,牢牢利用大学生活的每时 每刻,时时抓住人生每一个机遇更好利用人生最美好 的大学时光.
本章知识结构框图
CSS样式的 使用
主题使用
母版页概述
母版页的 使用
母版页编 程
CSS样式概述 CSS样式的创建 CSS样式的应用
9.3.3 母版页的优越之处
母版页具有下面的优点: 1.使用母版页可以集中处理页面的通用功
能,以便可以只在一个位置上进行更新;
2.使用母版页可以方便地创建一组控件和 代码,并将结果应用于一组页面。例如, 可以在母版页上使用控件来创建一个应用 于所有页的菜单; 3.通过允许控制占位符控件的呈现方式, 母版页可以在细节上控制最终页的布局;
图9-7主题文件夹
9.2.3 创建皮肤
右击App_Themes文件夹,在弹出的菜单中选择“添加新项”,在添加新项窗口选 择“外观文件”项,并重新命名。如图9-8示:
重新命名
9.2.4 主题的应用与禁用
1. 对整个网站应用主题
2.对单个页面应用主题
3.禁用主题
9.2.4 主题的应用与禁用
1. 对整个网站应用主题
9.1.1 CSS样式概述
1.CSS的含义
CSS是Cascading style Sheet的简称 ,翻译成中文的含义就是“层叠样式表单 ”,一般称做“层叠样式表”,或“样式 表”。它实质上是一系列格式设置规则, 它们控制Web页面内容的外观。使用CSS设 置页面格式时,内容与表现形式是相互分 开的。页面内容(HTML代码)位于自身的 HTML文件中,而定义代码表现形式的CSS 规则位于另一个文件(外部样式表)或HTML 文档的另一部分(通常为<head>部分)中。 使用CSS可以非常灵活并更好地控制页面 的外观,从精确的布局定位到特定的字体 和样式等。之所以称做“层叠”是因为同 一段文字可以用多个样式表从不同角度进 行修饰,可以使用一个样式表设置颜色, 使用另外一个样式表设置字体。
4.母版页提供一个对象模型,使用该对象
模型可以从各个内容页自定义母版页。
9.3.4 母版页技术应用过程
母版页技术应用过程如图9-11所示:
9.3 .5 母版页的创建与使用
1.启动Viusual Studio 2008 【空网站】,单击“确定”,完成新网站的建立;如图9-12所示: 图9-12 新建空网站
9.1 CSS样式的使用 9.2 主题的使用 9.3 母版页
主题包括以下三个文件
皮肤文件
CSS文件
图片文件
9.2.1 主题概述
1.主题的含义
主题由皮肤、级联样式表、图像和其他资源组成的用于进行页面属性设置的集合, 它提供了一种简单的方法设置控件的样式属性。
2.主题的分类
页面主题
主题分为
第9章
主题和母版页技术
9.1 CSS样式的使用 9.2 主题的使用 9.3 母版页
第9章
主题和母版页技术
9.1 CSS样式的使用 9.2 主题的使用 9.3 母版页
表格布局
网站页面的布局 两种方式
+
CSS+DIV布局 CSS是Cascading Style Sheets(层叠样 式表)的简称,用于增强控制网页样式并 允许将样式信息与网页内容分离的一种 标记语言。引入CSS的目的就是把结构 与样式分离即减少网页的代码量,加快 页面传送速度。它可以有效地对页面的 布局、颜色和字体等实现更加精确的控 制。
3.禁用主题
下表是TextBox1禁用主题的语法格式
<asp:TextBox ID="TextBox1" runat="server" EnableTheming=false></asp:TextBox>
9.2.5 主题应用实例
1.设计页面。在页面下添加控件并对属性进行简单设置,如图9-9所示。 图9-9 创建皮肤
图9-1 新建空网站
2.添加样式表
在解决方案资源管理器中,单击右键【添加新项】,在弹出的“添加新项”菜 单中选择【样式表】,单击“添加”按钮,如图9-2所示。
图9-2 添加新项
第3步:单击
第1步:右击 第2步:单击
3.添加样式规则
右击样式文件窗口,在弹出的样式菜单中选择“添加样式规则”菜单项,将弹出 的如图9.2所示的“添加样式规则”对话框。在该窗口左侧提供了三种类型的样式选 择器。
(3)拖动鼠标左键,连续选中第一行的两个单元格,按下鼠标右键,单击【修改】
【合并单元格】,将第一行合并;如图9-15所示; 图9-15 插入表格
(4)单击主菜单上的【格式】菜单项,在下拉菜单中选择【背景色】将第一
行背景色设置为蓝色,以此法设置第二行左侧背景色,并调整第二行左右比例,
相关主题