动态Web技术2(免费阅读).pptVIP

动态Web技术（ASP.NET） 深圳职业技术学院 郭玲 1、作用 使用母版页统一网站界面 2、母版页的创建 （1）右击“解决方案资源管理器”中的项目名称，在弹出的菜单中选择“添加新项”命令，弹出“添加新项”对话框。 （2）选择“母版页”选项，[添加] （3）制作页面，添加网页内容和ContentPlaceHolder控件 3、母版页的使用 使用母版页创建网页（内容页） （1）右击项目名称，选择“添加新项” （2）选择“web窗体”选项，[添加] （3）勾选“选择母版页”，选择所用母版 （4）在可编辑区域制作网页内容 4、母版页的特点 扩展名为“.master”，它也是页面 母版页由特殊的@ Master指令识别 包含所有顶级HTML元素 包含ContentPlaceHolder控件 不能独立运行 5、内容页的特点 文件名为：*.aspx 源文件@Page指令中的MaterPageFile属性指定母版 不能包含html、head、form这些顶级HTML元素 Content控件与母版页的ContentPlaceHolder控件对应 6、如何对现有网页应用母版？ （1）在Page指令中添加MasterPageFile属性 （2）去掉顶级Html代码（html、body、form） （3）添加Content控件，把网页内容包含进去 7、内容页如何访问母版页控件？ 答：Master.findControl(“控件ID”) 10.1 主题和皮肤概述 1、什么是主题？ 开发者将页面的样式和布局信息，存放到一个独立的文件中，总称为主题（Theme）。 接下来，可以将该主题应用于任何站点，来控制站点中页面和控件的外观。 通过对主题的切换，便可以轻松的实现网站风格的切换。 说到底，主题只是一个文件夹，存在于网站根目录下App_Themes文件夹中，是属性设置的集合，包含： 外观（皮肤）文件（ *.skin ） ：具有文件扩展名，它包含各个控件的属性设置 样式文件（*.CSS）：包含网页HTML元素的样式设置 以及其他图片等资源文件。 10.1 主题和皮肤概述 2、如何创建主题？ 在网站根目录下创建App_Themes文件夹 。 在App_Themes文件夹中创建主题文件夹，文件夹的名称就是主题名称 创建皮肤文件、样式文件。 10.1 主题和皮肤概述 3、如何创建皮肤文件？ 右击主题文件夹，“添加新项”，选择“外观文件”选项。 打开文件编辑各控件的属性。 10.1 主题和皮肤概述 4、如何使用皮肤文件？ 1）对全网站应用 Web.config中将 pages元素的theme或 StyleSheetTheme属性设置为主题名称 2）对单个网页应用 @ Page指令的Theme或 StyleSheetTheme属性设置为要使用的主题的名称 10.1 主题和皮肤概述 5、如何给一个主题中添加样式文件？ 1）右击主题， “添加新项” ，选择“样式表”模板，为其命名 2）对该样式表文件进行编辑（可以在CSS大纲中对样式表内容进行管理)。 10.1 主题和皮肤概述 6、如何对同一控件的不同实例设置不同的外观？ 答：使用命名外观 1）在皮肤文件中对控件外观设置SkinID属性 2）在网页中设置控件的SkinID属性将已命名的外观应用于控件。 10.1 主题和皮肤概述 7、如何实现多主题的自动切换（换肤）？ 答：以编程方式应用主题 Page_PreInit 事件中指定 Page.theme属性 10.1 主题和皮肤概述 8、皮肤文件除手工书写外有没有其他简便方法？ 答：有，可以先向页面中加入控件，然后在属性窗口中设置它的各种属性，制作所要达到的效果。 然后复制该控件的整个代码到皮肤文件中，去掉该控件的Id属性。 （再根据需要为其添加SkinId属性定义），这样关于该控件的主题代码就制作完毕。 10.1 主题和皮肤概述 9、如果应用了主题，而网页又在本地设置了控件的外观属性，控件将体现何种效果？ 答：这要看主题设置的优先级 1）@ Page指令中设置Theme属性 主题设置优先 2）@ Page指令中设置StyleSheetTheme属性 本地控件设置优先 10.1 主题和皮肤概述 10、其它要注意的问题 1）每页只能应用一个主题。 2）母版页与主题： 不能直接将ASP.NET主题应用于母版页，内容页的主题也会应用于母版页 。 SZPT GuoLing 主讲内容 母版页和主题 一、母版页 一、母版页 一、母版页 一、母版页 一、母版页 一、母版页 一、母版页 二、主题 二、主题 二、主题 二、主题 二、主题 二、主题 二、主题 二、