Bài giảng Phát triển Web nâng cao - Chương 5: Themes và Skin

Chương 5 của bài giảng Phát triển Web nâng cao trang bị cho người học những hiểu biết về Themes và Skin. Trong chương này, người học sẽ tìm hiểu các nội dung cụ thể như: Khái niệm về Themes, xây dựng Themes, định nghĩa nhiều tùy chọn cho Skin, tạo Skin, áp dụng skin vào trang.

CHƯƠNG V: THEMES VÀ SKIN Lý thuyết tiết Thực hành tiết Khái niệm Themes   Themes tương tự Cascading style sheet (CSS), cho phép định nghĩa style cho trang web Themes có chức sâu CSS, cho phép ứng dụng style, graphic tập tin CSS vào trang ứng dụng Themes tập hợp định nghĩa style sheet cho điều khiển, cho trang cho ứng dụng Có thể sử dụng nhiều themes ứng dụng Khái niệm Themes  Mỗi folder themes chứa phần tử themes gồm:    Một file skin đơn Tập tin CSS Images: hinh ảnh Xây dựng Themes  Cách tạo Themes  Trong Solution Explorer Click phải tên Web site chọn Add ASP.NET Folder, chọn Theme, xuất thư mục App_Themes Xây dựng Themes   Trong folder App_Theme, chọn Add Folder, chọn Theme để tạo themes Tạo tập tin style sheet folder Themes: Click phải folder Themes chọn Add New Item Trong cửa sổ template chọn Style Sheet Xây dựng Themes  Thiết kế style sheet: cửa sổ style sheet Visual Studio, click phải Folder Elements chọn Add Style Rule… Xây dựng Themes Xây dựng Themes  Để tạo style cho tag, ta chọn tên tag khung element add vào khung Style rule hierarchy Xây dựng Themes Xây dựng Themes  Để hiệu chỉnh style, ta click phải tên tag folder element, chọn Build Style, xuất hộp thoại Style Builder Xây dựng Themes Xây dựng Themes  Áp dụng ASP.NET theme vào trang Xây dựng Themes  Áp dụng theme cho toàn ứng dụng:  Mở tập tin Web.cofig Xây dựng Themes  Loại bỏ themes cho server control Mặc dù themes thiết lập mức ứng dụng hay trang, thời điểm muốn thay theme định nghĩa, ta dùng thuộc tính EnableTheming bên tag servercontrol EnableTheming="false" Xây dựng Themes   Loại bỏ themes cho trang web: Khi áp dụng themes cho web site tất trang ảnh hưởng themes, trang khơng muốn sử dụng themes t dùng cú pháp:   Định nghĩa nhiều tùy chọn cho Skin   Skin định nghĩa style áp dụng cho server control trang ASP.NET, skin làm việc mối liên kết tập tin CSS tập tin hình ảnh Để tạo themes sử dụng ứng dụng ASP.NET ta sử dụng file skin đơn folder themes File skin có nhiều tên phải có phần mở rộng skin Tạo skin  Click phải folder chứa skin chọn Add new Item, chọn skin Tạo skin Áp dụng skin vào trang  Trong trang ASPX ... thể sử dụng nhiều themes ứng dụng Khái niệm Themes  Mỗi folder themes chứa phần tử themes gồm:    Một file skin đơn Tập tin CSS Images: hinh ảnh Xây dựng Themes  Cách tạo Themes  Trong Solution... servercontrol EnableTheming="false" Xây dựng Themes   Loại bỏ themes cho trang web: Khi áp dụng themes cho web site tất trang ảnh hưởng themes, trang khơng muốn sử dụng themes t dùng cú pháp: