Bài giảng Lập trình WebForm: Master page, theme & skin - ThS. Nguyễn Hà Giang

Bài này trang bị cho người học những hiểu biết về master page, theme & skin. Nội dung chính trong bài gồm có: Cách tạo trang master, tạo các trang nội dung, demo, ý nghĩa của theme, phân biệt theme và CSS, file skin, Demo. Mời các bạn cùng tham khảo để biết thêm các nội dung chi tiết.
Nội dung trích xuất từ tài liệu:
Bài giảng Lập trình WebForm: Master page, theme & skin - ThS. Nguyễn Hà Giang1 Masterpage,Theme&Skin  NguyễnHàGiang Nguyen Ha Giang Nộidung2  Masterpage  Cáchtạotrangmaster  Tạocáctrangnộidung  Demo  Theme&skin  ÝnghĩacủaTheme  PhânbiệtthemevàCSS  FileSkin  Demo Nguyen Ha Giang Masterpage3  Masterpageđịnhnghĩamộtkhuônmẫuchungchophép ápdụngchonhiềutrangwebtrongtoànbộwebsite  Contentpagelàwebformcósửdụngmasterpage Master Page Content Page Nguyen Ha Giang Cáchthứcmasterpagelàmviệc4  Masterpageđịnhnghĩacấutrúccơbảncủatrang  Baogồmcácthànhphầnchungnhưheader,footer, menu…  Masterpagecóthểchứacáccontentregionnơimànội dungmớicóthểđượcthêmvào.  Mộtcontentpagesẽcótấtcảcácthànhphầncốđịnh từmộtmasterpage,vàcóthểbổsungtùyývàocác contentregion Nguyen Ha Giang MinhhọaMasterpage5 master content master master content Nguyen Ha Giang CúphápcủaMasterpage6  Tạotrangmasterpage  Phầnmởrộnglà.master  Directive:  Xâydựngcácphầnnộidungchungchotoànsite  Header,footer,menu,layout…  Tạocácvùngplaceholdercontrolchodànhnộidung (contentregion),màcáctrangsẽtùybiếnbổsungvào! Nguyen Ha Giang CúphápcủaContentpage7  Đốivớinhữngtrang.aspx  Thamchiếuđếnmasterpagetrongdirective  Xâydựngnộidungchocácphầnplaceholdercontrolđã tạotrongmasterpage.  ThiếtkếphầnContentcontrol,mỗitrangsẽcónộidung riêng  Cóthểcónhiềuvùngcontentcontrol,tùytheocáchthiếtkế masterpage  Ánhxạcáccontentcontrolnàyvàoplaceholdertrongmaster page. Nguyen Ha Giang KếthợpMP&CP8  Trangmasterđịnhnghĩanộidungchungvàplaceholder   Contentpagethamchiếuđếnmastervàđưanộidung vàocácplaceholder  Site.master default.aspx http://.../default.aspx Nguyen Ha Giang CáchtạoMasterpage9 Nguyen Ha Giang CáchtạoMasterpage(2)10  Mặcđịnhsite.mastercódạngsau Để dành nội dung Cho content page Nguyen Ha Giang CáchtạoMasterpage(3)11  Tathiếtkếlạisite.master  Thêmtablevào,chialàmcácphầnheader,left,main contentvàfooter header left Content placeholder footer Nguyen Ha Giang CáchtạoMasterpage(4)12  Phầnsourcecủasite.master Lưuý:phầnheader,footervà leftsẽđượcthiếtkếtùytheo ứngdụngwebcụthể Phầnplaceholderdành chocontentpage Nguyen Ha Giang CáchtạoContentpage13  Tạoformmớicótemplatelà“webcontentform”(trongphiên bảnVS2008),trongVS2005thìchọn“selectmasterpage”. ChọnWebcontentform Tên file aspx Nguyen Ha Giang CáchtạoContentpage(2)14  Tiếptheochọnmasterpagechocontentwebform Tên file master page Nguyen Ha Giang CáchtạoContentpage(3)15  Phầnsourcecủacontentpage:DemoWebForm1.aspx Ánhxạđếnplaceholdercontrol “MainContent”trong site1.master Nguyen Ha Giang CáchtạoContentpage(4)16  Trongmànhìnhdesigncủacontentpage Phầnthiếtkếdànhchocontent page:DemoWebForm1.aspxởđây! Phầnnàylàcủasite1.master, khôngeditởđâyđược! Nguyen Ha Giang CáchtạoContentpage(5)17  VídụbổsungnộidungchoContentpage Nguyen Ha Giang CáchtạoContentpage(6)18  CáctrangContentpagechỉchứaphầnchỉdẫn,vàcác tagcontentcontrol(phụthuộcvàosốplaceholder controlcủamasterpage)  Bêntrongcácvùngcontentcontroltathiếtkếwebform bìnhthường. Nguyen Ha Giang Khaibáosửdụngmasterpage19  Khaibáotrongtừngfileaspx  SửdụngthuộctínhMasterPageFiletrongphầnDirective ƯuđiểmkhidùngMasterpage20  Tạorakhuônmẫuchungchotoànbộphầnlayoutcủa site  Địnhnghĩamộtlầnvàsửdụnglại,c ...