Bài giảng Lập trình ứng dụng Web - Chương 4: Master Page - Trường Cao đẳng Cao Thắng

CHƯƠNG IV:MASTER PAGELý thuyết 3 tiếtThực hành 6 tiếtGiới thiệu về Master PageASP.Net 2.0 cung cấp một cách đơn giản để tạo trang template làm nền tảng cho bất kỳ trang web nào trong website. Các template này gọi là Master Page.Sử dụng master page giúp cho việc xây dựng các ứng dụng trở nên dễ dàng hơn và dễ quản lý hơn Giới thiệu về Master PageKhi làm việc với master Pages ta tạo ra một tập tin master – template được tham chiếu bởi subpage hoặc content pageTập tin Master page có phần mở rộng .master, và tập tin content page có phần mở rộng là .aspx Giới thiệu về Master PageMCMCMaster page.masterContent page.aspxCombined PageThiết kế trang Master PageĐặt tất cả nội dung muốn chia sẻ (dùng chung) trong trang master (MasterPage), thông thường gồm các phần:Header section (Tiêu đề trang)Navigation (Menu - )Footer section Trang nội dung (Content page) chứa tất cả các nội dung của trang ngoại trừ các phần tử của trang master Thiết kế trang Master PageVí dụ một kiểu trang masterNavigationHeaderContentFootermy.masterHeaderFooterNavigation Here is the content that replaces default.aspx (content-page)my.masterHeaderFooterNavigation Here is my basic default content my.masterFooterNavigation Here is my basic default content Headermy.masterHeaderFooterNavigation Here is my basic default content default.aspx (content-page) Here is the content that replaces /asp:content>my.masterHeaderFooterNavigation Here is my basic default content default.aspx (content-page) Here is the content that replaces /asp:content>my.masterHeaderFooterNavigation Here is my basic default content default.aspx (content-page) Here is the content that replaces /asp:content>Ví dụ:default.aspx (content-page) Here is the content that replaces /asp:content>Thiết kế 1 trang Master PageMaster-page: design-timeTạo a master page với phần mở rộng .masterĐịnh nghĩa a master trong Thêm Content:Có thể là trang .html control page contentThay thế phần place-holder:Sử dụng Thêm nội dung mặc định của trang Default content!!! Thiết kế 1 trang Master PageMaster-page: design-timeTạo 1trang ASP.NET page (.aspx)Tiền chỉ thị: chỉ đến Master PageTạo thuộc tính Thêm nội dung thay thế phần content của Master Page:Tag or server-side script allowed controls replace regions in the master:contentplaceholderid nội dung của MasterPage chứa nội dung của từng trang web conThiết kế 1 trang Web Server dùng Master-page: design-timeCách sử dụng a master-page login.aspx Navigation Support section default.aspxProgramatic master selectionDynamic selection of master-pageMaster-pagesNested master-pagesMaster-pages can be nestedEnables a master to master relationshipUseful when a site enforces an overall layout and defines sub-layouts withinASPXMASTER (ASPX Content-page)MASTER (MASTER)MASTER (ASPX Content-page)Master-pagesNested master-pagesContent Place Holder ‘Sub’Content Place Holder ‘Main’mysite.masterproductsection.masterMaster-pagesNested master-pages: Conceptualmysite.masterHeaderFooterproductsection.master // Menu provided defaultMaster-pagesNested master-pageshowtobuy.aspxpartners.aspxBài tập: Tạo 1 Website theo mẫu: Đề tài nhóm.Bài tập 9:BT_WebTintuc (Design)BT_WebBank(Design)