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

Chia sẻ: ViDoraemon2711 ViDoraemon2711 | Ngày: | Loại File: PPT | Số trang:18

Thêm vào BST

Báo xấu

93
lượt xem 4
download

Download Vui lòng tải xuống để xem tài liệu đầy đủ

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.

Chủ đề:

Bình luận(0) Đăng nhập để gửi bình luận!

Lưu

Nội dung Text: 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 (contentpage) 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 Masterpage: designtime 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 placeholder:  Sử dụng  Thêm nội dung mặc định của trang
Thiết kế 1 trang Master Page Masterpage: designtime --> --> --> --> runat="server"> Default content!!! content!!!
Thiết kế 1 trang Web Server dùng Masterpage: designtime 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 serverside 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 masterpage default.aspx Navigation Navigation Support Support section section login.aspx
Programatic master selection Dynamic selection of master-page
Masterpages Nested masterpages  Masterpages can be nested  Enables a master to master relationship  Useful when a site enforces an overall layout and defines sublayouts within ASPX ASPX MASTER (ASPX Contentpage) MASTER (ASPX Contentpage) MASTER (ASPX Contentpage) MASTER (ASPX Contentpage) MASTER (MASTER) MASTER (MASTER)
Masterpages Nested masterpages mysite.master productsection.master Content Place Holder Content Place Holder ‘Main’ ‘Sub’
Masterpages Nested masterpages: Conceptual mysite.master productsection.master Header // Menu provided default Footer
Masterpages Nested masterpages 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)