图31admin_defaultmaster母版42制作.PPTVIP

能力目标 知识目标 项目4 商务网站的主体框架设计 能够通过母版页制作网站母版页面 1 能够使用页面导航控件创建网页导航 2 能够创建网站的主题与皮肤 3 掌握版页的创建与应用 1 掌握页面导航控件的使用 2 掌握网站的主题与皮肤的创建与应用 3 任务导入 随着网站功能的增强，一个网站往往包括几十，甚至上百个网页。这种情况下，不可能对每个页面的风格进行单独的设计与维护，如何解决具有同一风格网页界面的设计和维护，是每个网站需要解决的问题。ASP.NET 2.0提供了母版页、网页导航控件与主题功能。本章主要通过创建网站母版页、网页导航、网站主题与皮肤，实现网站整体界面与风格的统一。 相关知识 4.1 界面主体框架设计 页面主体框架主要由5个部分组成(如图4-1所示)：页头、导航、页尾、内容1和内容2。其中页头、导航和页尾是网站页面的公共部分。内容1是网站部分页面的公共部分，内容2是网站页面的非公共部分。 图4-1 界面主体框架图 4.2 母版页设计 4.2.1 母版页的创建 在“解决方案资源管理器”窗口中，右击网站名称，在弹出的快捷菜单中选择“添加新项”菜单项，在打开的对话框中选择“母版页”项，并以.master后缀命名。单击“添加”，在界面中出现一个ContentPlaceHolder方形窗口，这个方形窗口是配置网页的地方。 4.2 母版页设计 4.2.2 母版页的应用 母版页的应用 (1) 直接从母版页中生成新网页 在母版页中，右击ContentPlaceHolder控件，在弹出的快捷菜单中选择“添加内容页” (2) 在创建新网页中选择母版页 在网站中创建新网页时，在新建网页的对话框中，选择“选择母版页”复选框。单击“添加”按钮，出现选择母版页对话框。 4.3 ASP.NET的网页导航系统 4.3.1 站点地图 URL属性 Title属性 Description属性 Description of the contents 指定该栏目链接的地址，链接地址必须是网点的相对地址。 Description of the contents 实现用户在鼠标移动到该栏目时，出现该栏目的描述文本。 站点地图是一个XML文件，文件的后缀是.sitemap。文件中显示多个节点(siteMapNode)，每个节点包含3个属性： Description of the contents 指定该栏目的名称，显示在页面中。 4.3 ASP.NET的网页导航系统 4.3.2 SiteMapPath控件 网站导航控件(SiteMapPath)用于显示浏览者当前的位置，它必须与网站地图文件相结合，一般放置于网站的母版页中。 用户不需要为它编写任何代码，只要网站中设置了站点地图文件，将SiteMapPath控件放进网页，就会自动与站点地图连接。 显示以根节点作为起点，直到浏览者当前位置的路径，如图4-4所示。它只能显示已经浏览过的路径，而不能显示前进方向的网页。利用它可以方便地返回到前面的节点。 4.4 ASP.NET的主题与皮肤 4.4.1 主题的创建与应用 Step 1 Step 2 Step 3 右击网站名，选择“添加文件夹”菜单项 选择“主题文件夹”项 右击shop 快捷菜单中选择“外观文件”菜单项 弹出皮肤文件的框架 例如取名为shop.skin 网站主题的创建方法 4.4 ASP.NET的主题与皮肤 4.4.1 主题的创建与应用 (1) 主题应用于网页 (2) 主题应用于整个网站 通过网站的配置文件Web.config一次性应用于整个网站的所有网页 4.4 ASP.NET的主题与皮肤 4.4.2 皮肤的定义与应用 定义控件的皮肤可直接打开所创建的皮肤文件，在代码窗口中定义其显示外观。 利用“SkinID”属性定义不同的值进行区分。在应用皮肤时，通过设置不同的“SkinID”来实现，如下所示： asp:TextBox id=TextBox1 SkinID=RedTextBox Runat=Server/ asp:TextBox id=TextBox2 SkinID=BlueTextBox Runat=Server/ 任务实施 4.1 母版页设计 后台页面母版页 前台母版页 注册、登录 母版页 本网站共包括3个母版页 4.1 母版页设计 4.1.1 母版页的页面布局 (1) 打开前面所创建的网站，在“解决方案资源管理器”窗口中，右击网站名称，在弹出的快捷菜单中选择“添加新项”菜单项。 (2) 在“添加新项”对话框中，选择“母版页”项，并命名为default.master。 (3) 打开default.master，转到“设计”视图右击contentplaceholder控件，在弹出的快捷菜