Trong ứng dụng web của bạn, có thể cho phép người sử dụng tuỳ chỉnh cách hiển thị theo các giao diện khác nhau bởi việc sử dụng các MasterPage khác nhau. Bạn có thể sử dụng một menu các MasterPage cho phép người sử dụng chọn các layout ưa thích của họ
Một MasterPage được gộp với một trang nội dung trong vòng đời thực thi của trang asp.net, điều này có nghĩa là bạn không thẻ load động một MasterPage trong sự kiện Load của trang. Thay vào đó bạn phải load một MasterPage trong sự kiện PreInit, đây là sự kiện đầu tiên trong vòng đờì của trang asp.net
Ví dụ: trang LoadDynamic.aspx
<%@Page Language="C#"MasterPageFile="~/master1.master"AutoEventWireup="true"
CodeFile="LoadDynamic.aspx.cs" Inherits="LoadDynamic"Title="Untitled Page" %>
<scriptrunat="server">
protectedvoid Page_PreInit(object sender, EventArgs e) {
if (Request.QueryString["master"]!=null) {
switch (Request.QueryString["master"]) { case"Dynamic1": Profile.MasterPage = "master1.master"; break; case"Dynamic2": Profile.MasterPage = "master2.master"; break; } } MasterPageFile = Profile.MasterPage; } </script>
<asp:ContentID="Content1"ContentPlaceHolderID="ContentPlaceHolder1"
Runat="Server">
Day la trang noi dung<br />
Day la trang noi dung<br />
Day la trang noi dung<br />
Day la trang noi dung<br />
Day la trang noi dung<br />
<ahref="?master=Dynamic1">MasterPage 1</a><br/>
<ahref="?master=Dynamic2">MasterPage 2</a><br/> </asp:Content>
Trong ví dụ trên giả sử ta đưa vào 2 masterPage với MasterPage1 có màu nền: #e5e5e5 và MasterPage2 với mầu nền: #13B5F1
Thì kết xuất của chương trình như sau:
Kết xuất khi bạn chọn MasterPage2
Kết xuất khi chọn MasterPge1
Chương 7. Thiết kế Website với themes
Bạn có thể tạo Themes bằng cách bạn thêm vào ứng dụng một Folder đặc biệt của ứng dụng được đặt tên là App_Themes trong thư mục gốc của ứng dụng,
Trong Folder themes có thể chứa nhiều kiểu File bao gồm cả ảnh và text. bạn có thể tổ chức nội dung của themes trong các folder con của nó. Hai kiểu của File quan trọng nhất trong themes là
- skin files
- Cascading Style Sheet files
Trong chương này bạn sẽ được học cả hai cách trình bày trong thêm với CSS và Skin