BI TP THC HNH THIT K WEBPhn 1: NGN NG HTML Yu cu chung To cy th mc c cu trc nh sau, lu gi cc tp tin HTM vo th mc HTML Ni dung vn bn s dng bng m Unicode Mi th mc s lu 1 loI tp tin. Lu gi bi tp s dng v sau. BI TP 01 S dng trnh son tho NotePad soan tho ni dung sau lu vo th mc HTML t tn l: Wellcome.html Save as type: All Files Encoding: UTF-8 Welcome to HTML Cho mng bn n vi ngn ng thit k web HTML (Hypertext Makup Language)

M xem kt qu trang HTML Xem Source Code trang web t trnh duyt M tp tin HTML t trnh son tho v lu lI vi tn khc l: Wellcom2.HTML iu chnh ni dung hin th trong trang l: Chc cc bn hc tt ngn ng HTML S dng ngn ng HTML son tho trang Web bng Front Page c ni dung v nh dng theo mu. BI TP 2a: (Lu tp tin Headings.htm) Yu cu: dng Tag Hn, H1 n H6.

BI TP 2b: (Lu tp tin HeadingCenter.htm)

.

1/14

BI TP 2c: (Lu tp tin Alignment.htm)

BI TP 2d: (Lu tp tin Emphasis.htm) Yu cu: S dng mu nn.

BI TP 03 (Lu tp tin tn Cohaimo.html) S dng ngn ng HTML son tho trang Web bng Front Page c ni dung v nh dng theo mu. Yu cu: C nI dung thanh tiu , nh dng m, nghing, gch chn, gch ngang ch, C phn cch cc on, xung dng cho mi cu th. C nh ni dung bi th khng b rt dng khi rng ca s trnh duyt khng ,

BI TP 04 (Lu tp tin tn: ChisoTrenduoi.htm) Yu cu: Dng 1 c ch 4 in m Hng dn: To ch s Trn/Di Vn bn : To ch s trn cho vn bn. Vn bn : To ch s di cho vn bn.

2/14

BI TP 05 K t c bit (Lu tp tin tn: Kyhieudacbiet.html) Nhp M tn hay M s ca k t tng ng K t TM

M tn &Copy; &Trade;

M s

K t Khong trng

M tn &Quote;

M s "

&Reg; Cc k hiu s dng m tn hay m code Cc ng k ngang khng bng, kch thc 100%/50% ca s C mu cho cc k t c bit. Mu nn ty , tt c vn bn khng b rt dng.

BI TP 06: (Lu tp tin tn: Hieuungvb.html) To hiu ng chuyn ng cho cc dng vn bn trn trang: Lp lin tc t tri sang phI, ch , c 4 Loi hiu ng n vin trang hiu ng chuyn ng ngc li (Alternate). Hng dn: HIU NG CHUYN NG CH Chui k t Trong : Hiu ng: +Scroll:Bt u t 1 cnh bin mt cnh kia +Slide:Bt u t 1 cnh dng li cnh kia +Alternate:Bt u t 1 cnh chuyn ngc li cnh kia Hung: Left, Right, Center Hng bt u n1: S ln lp ; Nu khng s dng Loop th dng marguee s lp lin tc. n2: Khong cch(Pixel) gia mi ln lp n3: Thi gian ch gia mi ln lp. BI TP 07 (lu vi tn LT07TC3.hmtl): Bn hy vit trang web theo tng ca chnh bn c mu nn l mu c t hp s thp lc phn l #FFFFCC, topmargin = 20 C ni dung l : Gii thiu v lp LT07TC31. - V qu trnh hc, thnh vin lp, a ch lin h, ban cn s lp, nhng hot ng ca lp. - Chn hnh nh tng trng.

3/14

BI TP 08: (Lu tp tin tn: ChuongTrinhDTWeb1.html) Dng u c tiu H3, mu Cc dng ni dung dng DS khng nh s th t. Mu xanh. Dng cui c s dng vn bn dng ch thch, c mu khc cc mu cn li

BI TP 09: (Lu tp tin tn: Unordered.htm)

BI TP 10: (Lu tp tin tn: ChuongTrinhDTWeb2.htm) Dng u c tiu H3, Cc dng ni dung dng DS c nh s th t, mu xanh.(Mu nn tu .)

BI TP 11: (Lu tp tin tn: ChuongTrinhDTWeb.htm) Thit k dng danh sch c nh s th t lng nhau. ng k ngang khng bng 30% ca s. Dng cuI dng VB ch thch.

BI TP 12: (Lu tp tin tn: ChuongTrinhDTTHVP.htm) Thit k dng danh sch nh ngha. Mu ch ty . C nh nn Lu trong th mc Images.

4/14

BI TP 13: (Lu tp tin tn: Definition.htm)

BI TP 14: (Lu tp tin tn: TaisanBill.htm) Thit k theo mu c : nh canh l phi vn bn canh u bao quanh l tri, kch thc ngang nh 130. Trn nh c cu ch thch Bill thm Vit Nam, C nh nn trang m bt ng. (nh c lu trong th mc Images ca Site) BI TP 15: (Lu tp tin tn: ChuongTrinhDaoTao.html) Yu cu: Thit k ni dung theo mu Ti mc 2 to lin kt thc hin m 1 trang ChuongTrinhDTWeb.html (Cng ca s) Hc phn I, II, III thc hin to lin kt n tng hc phn tng ng trong cng trang hin ti.

BI TP 16: (Lu tp tin tn: DanhBaWeb.html) Yu cu: To lin kt n cc Website ln lt theo trnh t: www.vnexpress.net www.tuoitre.com.vn www.nhacso.net www.ngoisao.net www.echip.com.vn www.vietnamnet.vn M ca s hp th cho php soan gi th n: hpt7777@gmail.com

5/14

BI TP 17: (Lu tp tin tn: KetQuaHocTap.html) Yu cu: Thit k & Trnh by theo mu: Mu nn dng tiu v dng cui, mu ch ty rng Table=600, Khong cch gia cc =0 , dy ng vin 1, mu vin ty Canh l v trn ng theo mu,

BI TP 18: (Lu tp tin tn: Dangnhap.html) Thit k trang s dng form trnh by cc I tng: Textbox,Password,SubmitButton,ResetButton Nn kt hp Table trnh by

BI TP 19: (Lu tp tin tn: Gopy.html) Thit k trang s dng form to cc I tng bn trong theo mu thc hin lin kt gi ni dung n a ch mail ca bn hoc hpt7777@gmail.com Nn kt hp Table trnh by

BI TP 20: (Lu tp tin tn: Thamdoykien.html) Thit k trang s dng form to cc i tng bn trong theo mu. Nn kt hp Table trnh by

6/14

BI TP 21 (Lu tp tin tn: Tintuc.html) Yu cu: Trang web gm c 3 khung c tn l : Khungtren, Khungtrai, Noidung Khong cch gia cc khung l 0, Khung trn: Chn 1 Tp tin nh lm Banner, Khong cch l tri, phI khung=0, Khng co thay I kch thc Khung tri : l trang DMTin.html cha 2 lin kt m 2 trang tng ng: Tinkt.html & TinCT.html Khung nI dung: Hin th cc trang c to lin kt t khunbg tri. Mc nh ban u hin trang TinKT.html Cc trang thit k theo mu sau: Khi Cllick lin kt: Kinh t 100

500

150 Khi Click lin kt Chnh tr

600

BI TP 22 (Lu tp tin tn: Tuduy.html)

7/14

BI TP 23 (Lu tp tin tn: ThangCanh.html) Thit k theo s thch v mu sc.

8/14

BI TP 24 (Lu tp tin tn: Form.html)

BI TP 25 (Lu tp tin tn: LienKet.html)

9/14

PHN 2: THIT K BNG FRONT PAGE 2003 Bi 1:

Bi 2:

10/14

Bi 3:

Bi 4:

Bi 5:

11/14

Bi 6:

Bi 7:

Bi 8:

12/14

Bi 9:

Bi 10:

13/14

Bi tp n tp: Thit k trang web sau

14/14