主版页面.PDF

第八章 主版页面 学习目标 认识主版页面与内容页面的技术内含 学习主版页面与内容页面的使用 学习主版页面与内容页面的设计技巧 8.1 主版页面简介 在网页设计中， 范本是一个相当重要的技巧，使用 过Dreamweaver的程序开发人员或是美术人员应该了 解透过模板可以建立版型一致的网页，而且只要在 模板中建立CSS串接样式表单外观、JavaScript客户 端脚本和服务器端的程序(如PHP, ASP, JSP或ASP .NET)，而只要套用这个范本的所有网页都会内含范 本所拥有的内容，当范本的内容一修改，即同时将 范本的内容一次更新到套用范本的所有网页 ，透过 模板的设计技巧，网页的更新或维护就变得相当方 便。 在ASP .NET 2.0开始也引进了类似模板的设计技巧 ，称之为主版页面(master page)，主版页面必须和 内容页面 (content page)一起使用。 两者说明如下： 2 1. 主版页面(master page) 主版页面的扩展名为 *.master ，该文件可内含静态 文字、HTML 标签、JavaScript客户端脚本和服务器 控件，通常可使用主版页面来定义网页的共享内容 。 如下写法使用C# 程序语言来撰写主版页面，将此份 主版页面的程序代码后置档设为 MyMasterPage.master.cs表示此份主版页面继承自 MyMasterPage类别。 %@ Master Language=C# CodeFile=MyMasterPage.master.cs Inherits=MyMasterPage % 3 由于 主版页面无法直接执行 ，您可以在主版页面 使用HTML表格进行网页编排、使用CSS配置网页外 观、放置Flash广告动画、使用巡览控件导览网站 、加入建立网站公司的Logo及著作权注意事项… 等网页所需的一致性功能与网页版面。 此外，主版页面必须内含一个或多个的 ContentPlace Holder控件 ，此控件用来预留空间 以提供给内容页面(*.aspx) 放置其它内容。 4 3. 内容页面的执行 如下图，当客户端浏览器要求浏览内容页面 ( 即 ASP.NET网页)时，所指定浏览的内容页面 会与所套用的主版页面进行合并 ，接着再将 合并后的结果显示于客户端的浏览器上。 5 6 8.2 主版页面与内容页面的使用 了解主版页面与内容页面的技术内含与运作 方式之后，本节将以实作方式来学习如何设 计主版页面与内容页面。 7 8 9 10