Bài giảng Lập trình ứng dụng Web - Chương 4: Master Page

Bài giảng Lập trình ứng dụng Web - Chương 4: Master Page trình bày các nội dung chính sau: Giới thiệu về Master Page, thiết kế trang Master Page, thiết kế 1 trang Web Server dùng Master-page: design-time, cách sử dụng a master-page. Mời các bạn cùng tham khảo.
Nội dung trích xuất từ tài liệu:
Bài giảng Lập trình ứng dụng Web - Chương 4: Master Page CHƯƠNG IV: MASTER PAGE Lý thuyết 3 tiết Thực hành 6 tiết Giới thiệu về Master Page  ASP.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 Page  Khi 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 page  Tậ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 Page Master page Content page .master .aspx M C MC Combined Page Thiế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 Page  Ví dụ một kiểu trang master Header Navig ation Content Footer Ví dụ: my.master default.aspx (content­page) Header Header Navigation Navigation Here is my basic HereHere is the is the content content default content thatthat replaces replaces … … /asp:content> Footer Footer Thiết kế 1 trang Master Page Master­page: design­time 1. Tạo a master page với phần mở rộng .master 2. Định nghĩa a master trong  o 1. Thêm Content: o Có thể là trang .html  control page content o Thay thế phần place­holder:  Sử dụng    Thêm nội dung mặc định của trang Thiết kế 1 trang Master Page Master­page: design­time --> --> --> --> runat=server> Default content!!! content!!! Thiết kế 1 trang Web Server  dùng Master­page: design­time 1. Tạo 1trang ASP.NET page (.aspx) 2. Tiền chỉ thị: 1.  chỉ đến Master Page 2. Tạo thuộc tính  3. Thêm nội dung thay thế phần content của Master Page: 1. Tag  or server­side script allowed 2.  controls replace regions in the master: 1. contentplaceholderid nội dung của MasterPage 2.  chứa nội dung của từng trang web  con Cách sử dụng a master­page default.aspx Navigation Navigation Support Support section section login.aspx Programatic master  selection Dynamic selection of master-page Master­pages Nested master­pages  Master­pages can be nested  Enables a master to master relationship  Useful when a site enforces an overall layout  and defines sub­layouts within ASPX ASPX MASTER (ASPX Content­page) MASTER (ASPX Content­page) MASTER (ASPX Content­page) MASTER (ASPX Content­page) MASTER (MASTER) MASTER (MASTER) Master­pages Nested master­pages mysite.master productsection.master Content Place Holder  Content Place Holder  ‘Main’ ‘Sub’ Master­pages Nested master­pages: Conceptual mysite.master productsection.master Header // Menu provided default Footer Master­pages Nested master­pages partners.aspx howtobuy.aspx Bà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)