Xem mẫu
- 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
nguon tai.lieu . vn