Bài giảng Lập trình ứng dụng Web - Chương 5.2: Themes và Skin
Bạn đang xem bản rút gọn của tài liệu. Xem và tải ngay bản đầy đủ của tài liệu tại đây (476.89 KB, 7 trang )
<span class='text_page_counter'>(1)</span><div class='page_container' data-page=1>
<i><b>CH</b></i>
<i><b>ƯƠ</b></i>
<i><b>NG V:</b></i>
<b>THEMES VÀ SKIN</b>
</div>
<span class='text_page_counter'>(2)</span><div class='page_container' data-page=2>
<b>Khái ni m v Themes</b>
<b>ệ</b>
<b>ề</b>
Themes tương t nh Cascading style sheet ự ư
(CSS), nó cho phép đ nh nghĩa nh ng style cho ị ữ
các trang web. Themes có ch c năng sâu h n ứ ơ
CSS, cho phép ng d ng các style, graphic và ứ ụ
c các t p tin CSS vào nh ng trang c a ng ả ậ ữ ủ ứ
d ng.ụ
Themes là t p h p các đ nh nghĩa style sheet ậ ợ ị
cho các đi u khi n, cho t ng trang ho c cho c ề ể ừ ặ ả
m t ng d ng. Có th s d ng nhi u themes ộ ứ ụ ể ử ụ ề
</div>
<span class='text_page_counter'>(3)</span><div class='page_container' data-page=3>
<b>Khái ni m v Themes</b>
<b>ệ</b>
<b>ề</b>
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
ậ
</div>
<span class='text_page_counter'>(4)</span><div class='page_container' data-page=4>
<b>Xây d ng Themes</b>
<b>ự</b>
<i><b>Cách t o Themes</b></i>
<i><b>ạ</b></i>
Trong Solution Explorer Click ph i trên tên ả
Web site và ch n Add ASP.NET Folder, ọ
ch n Theme, khi đó xu t hi n m t th m c ọ ấ ệ ộ ư ụ
</div>
<span class='text_page_counter'>(5)</span><div class='page_container' data-page=5>
<b>Xây d ng Themes</b>
<b>ự</b>
Trong folder App_Theme, ch n Add
ọ
Folder, ch n Theme đ t o themes
ọ
ể ạ
T o t p tin style sheet trong folder
ạ ậ
Themes: Click ph i trên folder Themes
ả
ch n Add New Item. Trong c a s
ọ
ử
ổ
</div>
<span class='text_page_counter'>(6)</span><div class='page_container' data-page=6>
<b>Xây d ng Themes</b>
<b>ự</b>
Thi t k m t style sheet: trong c a s
ế
ế
ộ
ử
ổ
style sheet c a Visual Studio, click ph i
ủ
ả
trên Folder Elements ch n Add Style
ọ
</div>
<span class='text_page_counter'>(7)</span><div class='page_container' data-page=7></div>
<!--links-->
