Cơ sở dữ liệu - Chương 06: Thiết kế layout

pdf 25 trang vanle 2480
Bạn đang xem 20 trang mẫu của tài liệu "Cơ sở dữ liệu - Chương 06: Thiết kế layout", để tải tài liệu gốc về máy bạn click vào nút DOWNLOAD ở trên

Tài liệu đính kèm:

  • pdfco_so_du_lieu_chuong_06_thiet_ke_layout.pdf

Nội dung text: Cơ sở dữ liệu - Chương 06: Thiết kế layout

  1. Chương 06 THI T K LAYOUT 1.Web User controls 2.Master Pages 3.Themes Và Skin 4.Site Navigation Controls 11 Written by: Dương Thành Pht
  2. 1. Web User controls 1.1 Gii thiu Khi kt hp các control đ to thành mt control mi gi là Web user control (UC)  S dng UC cũng ging như s dng th tc, hàm  kh năng tái s dng UC trên các trang web  Phn m rng ca US là: .ascx 22 Written by: Dương Thành Pht
  3. 1.2 To và s dng User control To mi User control:  To mi 1 Web user control  Thit k ging như thit k 1 trang aspx Chn: Web User Control ðt tên: *.ascx 33 Written by: Dương Thành Pht
  4. S dng User control:  Kéo và th UC vào trang aspx, lúc đĩ trang aspx s xut hin tag 44 Written by: Dương Thành Pht
  5. 2. Master Pages 2.1 Gii thiu  Master pages cho phép to 1 b cc nht quán trên các trang web trong cùng 1 website (tương t template)  Ni dung th hin trên trình duyt là s kt hp gia trang .master master page và trang .aspx (hoc .ascx) content page  Master page là tp tin cĩ phn m rng .master  Thao tác thit k: Ging như trang aspx, nhưng phi b sung ít nht mt điu khin ContentPlaceHolder 55 Written by: Dương Thành Pht
  6. Master page Content page Trang kt qu 66 Written by: Dương Thành Pht
  7. 2.2 To trang Master  Bưc 1: To mi Item  chn icon Master Page và đt tên trang: *.master 77 Written by: Dương Thành Pht
  8.  Bưc 2: Thit k b cc chung (cĩ th s dng User control) và b sung ContentplaceHolder vào trang master 88 Written by: Dương Thành Pht
  9. 2.3 S dng trang Master  Bưc 1: To mi trang web (.aspx) khai báo s dng trang master 99 Written by: Dương Thành Pht
  10.  Bưc 2: Thit k b sung ni dng trên trang *.aspx (cĩ th kéo các User control vào) 01 01 Written by: Dương Thành Pht
  11. 3. Themes Và Skin 3.1 Gii thiu  Themes là tp hp các khai báo thuc tính v hình thc hin th(màu sc, nét ch, . . .) ca điu khin  Dùng áp dng chung cho tt c các trong trong mt ng dng hoc tt c các ng dng trên webserver  Themes đưc to t các thành phn: skin, css, images . . . Ti thiu phi cĩ skin. Các thành phn này đt trong thư mc App_Themes  Skin là mt tp tin cĩ phn m rng là .skin, cha các tag to ra các server control kèm theo các khai báo thuc tính. 11 11 Written by: Dương Thành Pht
  12.  Cĩ 2 loi skin:  Default skin: Khơng khai báo thuc tính skinID, mc đnh ng dng s áp dng skin này cho tt c các điu khinco1 cùng kiu khai báo.  Named skin: cĩ khai báo thuc tính skinID, mun s dng thì phi khai báo tưng minh trên điu khin c th.  To file skin:  Thêm mi 1 item 21 21 Written by: Dương Thành Pht
  13.  To file skin:  Thêm mi 1 item chn skin file đt tên file .skin 31 31 Written by: Dương Thành Pht
  14.  To Theme:  Click phi Project Add ASP.NET Folder Theme 41 41 Written by: Dương Thành Pht
  15. 4. Site Navigation Controls Gii thiu  Dùng đ chuyn đn mt trang web khác và th hin cu trúc logic ca website (sitemap). Gm các điu khin: Menu, TreeView, SiteMapPath kt hp vi SiteMapDataSource  Các điu khin này thưng s dng trong trang Master 51 51 Written by: Dương Thành Pht
  16. 4.1 ðiu khin Menu Dùng th hin menu và cho phép ngưi dùng chuyn đn mt trang web khác khi chn mt chc năng Thao tác to: To điu khin Menu vào trang web Chn mu đnh dng Thit k Menu 61 61 Written by: Dương Thành Pht
  17. Auto Format: Chn mu đnh dng 71 71 Written by: Dương Thành Pht
  18.  Edit Menu Items: Thit k Menu 81 81 Written by: Dương Thành Pht
  19. 4.2 ðiu khin TreeView Dùng th hin menu dng cây và cho phép ngưi dùng chuyn đn mt trang web khác khi chn node Thao tác to: To điu khin TreeView vào trang web Chn mu đnh dng Thit k các node 19 Written by: Dương Thành Pht
  20. Auto Format: Chn mu đnh dng 02 02 Written by: Dương Thành Pht
  21.  Edit Node: Thit k các node 21 Written by: Dương Thành Pht
  22. 4.3 ðiu khin SiteMapPath Dùng th hin cu trúc logic ca website và cho phép ngưi dùng chuyn đn mt trang web khác Ni dung cu trúc ca Website mc đnh đưc cha trong tp tin Web.sitemap Thao tác to: To tp tin Web.sitemap 22 22 Written by: Dương Thành Pht
  23. Nút gc Nút con Nút cháu To điu khin SitemapPath vào các trang 23 Written by: Dương Thành Pht
  24. Kt qu 42 42 Written by: Dương Thành Pht
  25. 4.4 ðiu khin SiteMapDataSource Dùng đ cha ngun d liu lưu tr trong tp tin Web.sitemap  Thưng s dng kt hp vi các điu khin Menu, TreeView  ð liên kt vi TreeView, Menu ch đnh thuc tính DataSourceID ca 2 điu khin này là: Tên SiteMapDataSource 52 52 Written by: Dương Thành Pht