Tải bản đầy đủ (.pdf) (7 trang)

Bài giảng Lập trình ứng dụng Web - Chương 4: Master Page

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 (1.19 MB, 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 IV:</b></i>



<b>MASTER PAGE</b>


Lý thuyết 3 tiết


</div>
<span class='text_page_counter'>(2)</span><div class='page_container' data-page=2>

<b>Gi i thi u v  Master Page</b>

<b>ớ</b>

<b>ệ</b>

<b>ề</b>



 ASP.Net 2.0 cung c p m t cách đ n gi n  đ  ấ ộ ơ ả ể


t o  trang  template  làm  n n  t ng  cho  b t  k  ạ ề ả ấ ỳ


trang  web  nào  trong  website.  Các  template 
này g i là Master Page.ọ


 S  d ng master page giúp cho vi c xây d ng ử ụ ệ ự


các  ng  d ng  tr   nên  d   dàng  h n  và  d  ứ ụ ở ễ ơ ễ


qu n lý h nả ơ


</div>
<span class='text_page_counter'>(3)</span><div class='page_container' data-page=3>

 Khi làm vi c v i master Pages ta t o ra m t t p ệ ớ ạ ộ ậ


tin  master  –  template  được  tham  chi u  b i ế ở


subpage ho c ặ content page


 T p tin Master page có ph n m  r ng ậ ầ ở ộ <b>.master</b>, 


và  t p  tin ậ content  page  có  ph n  m   r ng  là ầ ở ộ


</div>
<span class='text_page_counter'>(4)</span><div class='page_container' data-page=4>

<b>Gi i thi u v  Master Page</b>

<b>ớ</b>

<b>ệ</b>

<b>ề</b>




M C


MC


Master page


.master Content page.aspx


</div>
<span class='text_page_counter'>(5)</span><div class='page_container' data-page=5>

 Đ t t t c  n i dung mu n chia s  (dùng chung) ặ ấ ả ộ ố ẻ


trong trang master (MasterPage), thông thường 
g m các ph n:ồ ầ


 Header section (Tiêu đ  trang)ề
 Navigation (Menu ­ )


 Footer section 


 Trang n i dung (Content page) ch a t t c  các ộ ứ ấ ả


n i dung c a trang ngo i tr  các ph n t  c a ộ ủ ạ ừ ầ ử ủ


</div>
<span class='text_page_counter'>(6)</span><div class='page_container' data-page=6>

<b>Thi t k  trang Master Page</b>

<b>ế</b>

<b>ế</b>



</div>
<span class='text_page_counter'>(7)</span><div class='page_container' data-page=7>

Navigatio<sub>n</sub>


</div>

<!--links-->

×