Master page

Chia sẻ: Nguyen Ha | Ngày: | Loại File: PDF | Số trang:29

Thêm vào BST

Báo xấu

74
lượt xem 1
download

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

Master Page cho phép bạn bố trí layout của ứng dụng một cách phù hợp Tổ chức thực hiện: xây dựng Master Page xây dựng các trang nội dung

Chủ đề:

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

Lưu

Nội dung Text: Master page

Bài 4: MASTER PAGE 4.1 Master page 4.2 Nested master-pages 4.3 Themes và skin
4.1 Master page  Ví dụ  Khái niệm  Thiết kế  Demo
Ví dụ  http://hn.24h.com.vn/  http://hui.edu.vn/QuangNgai/
Khái niệm  Master Page cho phép bạn bố trí layout của ứng dụng một cách phù hợp  Tổ chức thực hiện:  xây dựng Master Page  xây dựng các trang nội dung
Thiết kế  Cấu trúc:  Header section (Tiêu đề trang)  Navigation (Menu - )  Footer section  Cách tạo:  Add trang *.master (Viết code hoặc dùng Design + Code)  Add trang.aspx
Demo 1  Sử dụng demo mặc định
Chào mừng bạn đến với chúng tôi! Head vị trí một số thông tin footer
Welcome to ASP.NET!
Demo 2
4.2 Nested master-pages  Khái niệm  Thiết kế  Demo
Khái niệm  Sử dụng trang chủ là một trong những tính năng nổi tiếng trong ASP.NET 2.0 trở lên  Sử dụng trang chủ lồng nhau, chúng ta có thể làm cho trang web trông linh hoạt hơn
Content Page Nested Master Page Master Page
Thiết kế  Bước 1: Hãy làm cho một trang Master Page  Bước 2: Tạo một trang Nested Master – Page MasterPageFile="~/MasterPage_Cha.master"  Bước 3: Tạo một trang Content MasterPageFile="~/MasterPage_Con.master"
Demo
4.2 Theme và skin  Theme  Skin
Theme  Là một bộ sưu tập các thiết lập cho phép bạn xác định giao diện và điều khiển của trang  Mỗi folder themes chỉ chứa các phần tử của themes gồm:  Một file skin đơn  Tập tin CSS  Images
Các bước thực hiện  Bước 1: Tạo các folder  Bước 2: Tạo file css  Bước 3: Add ảnh