9_1母版页、主题和皮肤.pptVIP

专题九 母版页、主题皮肤和个性化 案例一 母版页、主题和皮肤 回顾 用户控件 自定义控件 教学目标 掌握母版页和内容页的创建方法，了解母版页的优点 理解母版页的运行机制 理解主题、皮肤文件、样式表文件的概念及其关系 了解主题的应用范围 掌握各种主题样式的优先级 工作任务 制作北京翰子昂教育科技发展有限公司的首页及会员登陆页面。 相关实践知识30-1 1. 启动Microsoft Visual Studio 2005，新建一个“ASP.NET 网站”。创建时在“位置”框中输入要保存网站的文件夹的名称“D:\WebSiteHandsOn”。为了以后的操作方便，把自动生成的Default.aspx文件删除。 2. 在解决方案资源管理器中，右击网站的名称，然后单击“添加新项”，弹出如图所示的对话框。在“Visual Studio 已安装的模板”之下单击“母版页”，在“名称”框中键入母版页的名称“MasterHandsOn.master”，单击“添加”按钮，创建一个母版页。 相关实践知识30-2 相关实践知识30-3 3. 设置母版页的页面布局，向母版页中添加一个HTML的Table控件，修改源代码，把表格设为三行一列，并设置表格的宽度为“800px”，高度为“560px”，border属性设为“1”，在第一行和第三行的td标记中设置其align属性为“center”。把ContentPlaceHolder2控件拖入到第二行的单元格中。 4. 向表格的第一行中添加一个Label标签控件，修改其Text属性为“北京翰子昂教育科技发展有限公司”，ID属性改为“lblComName”。 相关实践知识30-4 5. 再向表格的第三行添加两个Label标签控件，中间用换行符br/隔开，修改上面标签的Text属性为“地址：北京市海淀区上地三街9号”，ID属性改为“lblAddress”；下面标签的Text属性为“电话：010，ID属性改为“lblPhone”。到此，母版页设置完毕，完成后母版页的源代码大致如下： 相关实践知识30-5 %@ Master Language=C# AutoEventWireup=true CodeFile=MasterHandsOn.master.cs Inherits=MasterHandsOn % !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN /TR/xhtml1/DTD/xhtml1-transitional.dtd html xmlns=/1999/xhtml head runat=server title无标题页/title /head body form id=form1 runat=server table style=Width:800px; height:560px; border=1 tr td align=center asp:Label ID= lblComName runat=server Text=北京翰子 昂教育科技发展有限公司 SkinID=head /asp:Label /td /tr 相关实践知识30-6 tr td asp:contentplaceholder id=ContentPlaceHolder2 runat=server/asp:contentplaceholder /td /tr tr align=center td asp:Label ID= lblAddress runat=server Text=地址：北 京市海淀区上地三街9号 /asp:Labelbr / asp:Label ID= lblPhone runat=server Text=电话： 010/asp:Label /td /tr /table /form /body /html 相关实践知识30-7 6. 向网站中添加内容页。右击网站的名称，然后单击“添加新项”。在“Visual Studio 已安装的模板”之下单击“Web窗体”，在“名称”框中键入母版页的名称“Default.aspx”，勾上“选择母版页”前面的复选框（如图9-2所示），点击“添加”按钮，出现如图9-3所示的“选择母版页对话框”。 相关实践知识30-8 相关实践知识30-9 7. 在对话框中选择母版页“MasterHandsOn.aspx”，点击【确定】按钮，创建出第一个内容页。然后修改其@Page指令的Title属性值为“公司首