!"#$$%&'()&#$$ Chương 2 To website v xây dng phn giao din *** * +,-KimSoft./,012-0,#$$%345106 • 701!486 9,2:,- • 48;21-6 :,- • 48&,91<691< • 48)1-,6 9,2- • 48)1016 /,012" =>4$*6+,-?,@- # A-1Default.aspx6 • B,4-2,<-1C@102-1;D482-EFDA.4G-1H-+2+,-1C@102-1;D10<4,EI-+ -1J1-;1K3 GV: D5L8)1M21,-N14 Trang * !"#$$%&'()&#$$ +-1MasterPage.master6 • 701!486 :,-O-P1-1 • Qặ--R2'6 1-11- =>4$#6+-11-11- S +-4SeaBlue6 • +-45-4SeaBlue6 B,4-2,<;T-6 ?,@- 486 924 QU--R2'6 1V20 =>4$6+-41V20 • +-45Images4-41V20 B,4-2,<-456 ;;W4X1V20 486 92. GV: D5L8)1M21,-N14 Trang # !"#$$%&'()&#$$ QU--R2'6 O1 ;A4>4Y4Z1-41V20&'-45O1&71-+.7-45B03 • +@,2Default.css4-41V20 B,4-2,<-456 ;;W4X1V20 486 O--24- QU--R2'6 C@102- =>4$S6+@,2C@102-4-41V20 • /,[-4@,2Default.css45106 ! "#$%&'()*+ ,-./)##01)#2344 ! 56# 7#34 ##4 ).66( %,89+ ! "#$% :;##<#%89 17#=>?$)').#@A)BC8 ! 5# GV: D5L8)1M21,-N14 Trang !"#$$%&'()&#$$ 7#=##4 ).66( %D#89+ ! "#$%E6 %FFG6F888 ! 5#6 HIJ7#J 6) ! "#$%E6 %FFG6F888 :C#'#K#0L8 ! 8#6. ) )M ! "#$%E6 %FFG6F888 :C#'.#)#6N#H8 ! 8#6.#H )6H )%## 7# ! "#$(OP#2#K#'0LQ+8 ! 5 6I#7#4##4 R ! "#$:# S##T)#U#?N8 ! 5#) 6#JI#7#4 ##4R ! "#$&' 6.#V)#W6))X%Y(7#(++ ! 5) 647#RR ).6)7# ! :&6?W)X#$)N'()+ ! 5)H8)5)8) IIIZ ).66([ :Y).\689+ )7# 7# 6) ##] ! "#$)N' ! 5)H8 GV: D5L8)1M21,-N14 Trang S !"#$$%&'()&#$$ IIII 96 ! "#$)N'8 ! 5)H8 IIII ).6)5)] 96 ! "#$) ! 5) ).6))HY 56) ).6)5)) # ! "#$)) ! 5)) H ).6)7# ##J ! "#$)6 ! 5)6 ).66([ :Y).\689+ )7# IIIZ 7# 6) J ##] ! "#$)6 ! 5)6 ) )7# ! "#$)6 ! 5)6#H )6 )%## 7# ! "#$))) ! 5))) JIJI 5)))H8)5)))8) 7# GV: D5L8)1M21,-N14 Trang !"#$$%&'()&#$$ )5]JI 5)))H8)6 7# ] ! "#$#) ! 5#) 6 4 # 7#RR )). ).6)^# ! "#$#) ! 5#) )_7 ! "#$#) ! 5#)H8 IIII 96 ! "#$#) ! 5#)H8)5#)8) IIIZ ).66([ :Y).\689+ )5)R 7# 6) ##] ! "#$#) ! 5 7#= ##]R ).66([ G89+ ! "#$GE6 ! 56 ) ! "#$GE6 ! 86. 7# 6) GV: D5L8)1M21,-N14 Trang \ !"#$$%&'()&#$$ ! "#$GE6 ! 86. ) )M ! "#$GE6 ! 86.#H )6H )%## 7# ! "#$G: S#888 ! 5 ) Z ! "#$%## ! 8### ).6)5)54 4RAcontrol ASP.NET v HTML t1nh&'-11-11-45106 • 4R&'A,&;4]416 4R,&header6 `abEb6abHbc `Hab#bc888` Hc ` c 4R,&041!2,D!-42-6 `Hab#bc `Hab6#bc888` Hc `Habbc,` Hc `Hab#)bc:#)` Hc ` Hc GV: D5L8)1M21,-N14 Trang ^ !"#$$%&'()&#$$ 4R,&4106 `Hab6#bc `Hab#6bc 888 ` Hc ` Hc 4R,-1;C1-10-2.&',&41036 `Hab#6bc `Ed6)[dabEd6)b6abHbeMabb c ` Hc 4R0-2&_,A-40`-a445106 `Hab#6bc `Ed6) [dabEd6)b 6abHb eMabb c `E6 [dab6%b 6abHb SSab#6.b d6)[dabEd6)b Mab%b E6d)d,Habb .,.:abb )d,Habb c ` Hc • ?[-b0YA5_-R45106 `=fE,6abS5b6gH^6ab6bSGabE"88)b [#abE"b=c `hdMS:_"g#"iY,[Sb ^ZS d:dj%:E,8: geb b# 77787Z8 :D # d:d #8bc `#ab# 77787Z8 RRR #bc `#ab%b6abHbc `ck` c ` #c `c `abEb6abHbc `h"#$?$6(%+c `)E[dab)Eb6abHbc ` )Ec `Hab#bc `Hab6#bc `Hab#6bc `hSEd6)c `Ed6)[dabEd6)b 6abHb eMabb c `hSE6c `E6[dab6%b 6abHb SSab#6.b d6)[dabEd6)b Mab%b E6d)d,Habb GV: D5L8)1M21,-N14 Trang % !"#$$%&'()&#$$ .,.:abb )d,Habb c ` Hc `Habbc,` Hc `Hab#)bc:#)` Hc ` Hc ` Hc ` c ` c ` #c • 4R&'A,&;4]R-A,)@-26 `h"#$)N'(,S+c `Hab)bc `H)ab)bc `[[dab7b 6abHb [iabl [ 78b [abb #)abIb ce7 ` Hc `H)abbc `c6Je7%` c ` ce7888 ` Hc `H)abbc `c6Je7%` c ` cM#7888 ` Hc `S")%[dab,Sb6abHb c ` Hc • 4R&'A,&;4]c,d1-1,6 `h"#$m(S+c `Hab)bc `Hab6)bc `Hab))bc `Hab)6bc `E"#[dabE"#b6abHb c ` Hc `Hab)))bc `S")%[dabESb6abHbc `cn` c`cn` c`cn` c`cn` c `cn` c`cn` c`cn` c`cn` c ` S")%c ` Hc ` Hc ` Hc • 4R&'A,&;4]R;4Y,B,4-26 GV: D5L8)1M21,-N14 Trang e !"#$$%&'()&#$$ `h"#$)N#@(D#S+c `Hab#)bc `H)ab)bc `[[dab[b 6abHb [iabl [ 78b [abb #)abIb c: ` Hc `H)abbc `c6Je7%` c ` ce7888 ` Hc `H)abbc `c6Je7%` c ` cM#7888 ` Hc `S")%[dabD#Sb6abHb c ` Hc • 4R&'A,&;4]0f,9-6 `h"#$)6A(G+c `Habbc `hSE6c `Hab6bc `E6[dab6Gb 6abHb ab6#6b SSab6.b d6)[dabEd6)b Mab%b E6d)d,Habb .,.:abb )d,Habb c ` Hc `Habbc `cS#n)4k ` Hc ` Hc GV: D5L8)1M21,-N14 Trang *$ [...]... Page_Load(object sender, EventArgs e){ } } 31 Chạy và kiểm tra chương trình GV: Dương Ngọc Long Nam – longnamit@yahoo.com Trang 19 Xây dựng ứng dụng web CMS / E-Commerce sử dụng ASP.NET 3.5, C# 2008 và SQLServer 2005 32 Thêm vào 2 trang Contact.aspx và About.aspx sử dụng MasterPage.master để test • Tạo trang Contac.aspx và About.aspx • Thay đổi code cho trang Contact.aspx.cs và About.aspx.cs kế thừa từ lớp BasePage... longnamit@yahoo.com Trang 14 Xây dựng ứng dụng web CMS / E-Commerce sử dụng ASP.NET 3.5, C# 2008 và SQLServer 2005 12 Áp dụng Theme cho các trang: • Thay vì áp dụng Theme cho từng trang bằng cách thêm trực tiếp vào thuộc tính @Page, chúng ta thêm vào file web.config, chỉ 1 lần và áp dụng cho tất cả các trang bằng cách thêm theme="SeaBlue" masterPageFile="~/MasterPage.master" vào tag pages như... “Select master page” trong hộp hội thoại “Add New Item” MasterPage.master Hình 06: Tạo trang Default.aspx 10 Tạo thư mục Images cho project • • • • Right-click project : KimSoft Chọn : New Folder Đặt tên là : Images Copy các hình ảnh của project vào thư mục Images vừa tạo (Từ thư mục Resources) 11 Thêm hình và text vào phần ContentPlaceHolder MainContent như sau: . !"#$$%&'()&#$$ Chương 2 To website v xây dng phn giao din *** * +,-KimSoft./,012-0,#$$%345106 •