7/11/2009
1
Môn học: Lập trình ASP.NET
Xây dng giao din Website
TRƯNG ĐI HC KHOA HC T NHIÊN
KHOA CÔNG NGH THÔNG TIN
B MÔN CÔNG NGH PHN MM

Ni dung
Web Server Controls và các thành phần thể hiện
giao diện
Sử dụng CSS trong ASP.NET
Skins và Themes
Master Pages
User Controls
7/11/2009
2
Thành ph$n th& hi'n giao di'n
Properties Mô tả
BackColor Thành phần background color
BorderColor Thành phần boder color
BorderWidth Độ dày của đường boder
BoderStyle Loại đường viền border (dotted, dashed, solid, double, etc)
CssClass Xác định tên của lớp Css được gán cho control
Enabled Enable, hoặc disable control
Font Xác định font chữ cho các control
ForeColor Xác định màu sắc của text hiển thị
Height Độ cao của control
Style Các định dạng thể hiện của control
Visible Xác định control có hiển thị ra giao diện website hay không
Width Độ rộng của control
Thành ph$n th& hi'n giao di'n
Các thuộc tính thành phần này có thể được khai
báo thông qua markup hoặc programmatically
Các thuộc tính thành phần này render trong
browser như các inline CSS styles
7/11/2009
3
Thành ph$n th& hi'n giao di'n
Inside CSS
CSS và ASP.NET
Ngoài cách thay đổi giao diện Website thông qua các
thuộc tính thành phần của các control, ASP.NET còn hỗ
trợ cơ chế Cascading Style Sheet (CSS)
Các Web Server Control có thể định nghĩa CSS thông
qua thuộc tính CssClass
7/11/2009
4
Vì sao s1 d2ng CSS
Ưu điểm:
Là giải pháp tốt trong việc xây dựng layout của các
website
Phân rõ giữa nội dụng Website (HTML) và cách thể hiện
giao diện (CSS)
Dễ dàng thay đổi khi có nhu cầu bảo trì, nâng cấp
Khuyết điểm:
Khó sử dụng hơn so với khi thực hiện định dạng trên các
tag HTML
Gặp một số vấn đề về không tương thích trình duyệt
CSS và ASP.NET
Khi xây dựng các ứng dụng ASP.NET, cần lựa chọn
các xây dựng giao diện thể hiện như thế nào cho
website:
Sử dụng các thuộc tính thành phần của các control
(Forecolor, BackColor,…)
Sử dụng external CSS file => hiệu quả
Ví dụ: để xác định thuộc tính Font cho các controls
trong một trang web, thay vì phải khai báo nhiều lần
trên tất cả controls thì ta chỉ cần khai báo một luật duy
nhất trong CSS và áp dụng nó cho tất cả các control.
7/11/2009
5
Themes và skins
Themes và Skins là một cơ chế mở rộng trong
ASP.NET dùng với mục đích quản lý tập trung các thể
hiện giao diện của website
Giống như CSS, themes là cơ chế giúp tách biệt giữa
phần nội dung và định dạng thể hiện của website
Themes có thể kết hợp sử dụng cùng với CSS
Themes và skins
