TiengViet Giaotrinhthietkeweb

<HTML>
... Ton b ni ca ti liu c t y

</HTML>
<TITLE>Tiu ca ti liu</TITLE>
Gio trn Ti!t "! #$b % &'uy(n )*u Tu+n ,-ail% .rouutuan/yaoo.co-
01234567433
Phn I
Gii thiu ngn ng Html
I. Cc th nh cu trc t!i liu
1.1 HTML
8. t9 ny c :; <=n' > ?c n@n -t ti liu l ti liu )TABC tDc l nE cE
:; <=n' cc t9 )TAB > trn by. Ton b ni <un' ca ti liu c t 'i*a
c. t9 ny.
8F ..%
Trn <uyt :G ?$- cc ti liu "Hn' :; <=n' t9 <HTML> n n*n' t. tin IJn
bKn bn tLn'.
1.2 HEAD
T9 HEAD c <Mn' > ?c Nn .On - Ou co ti liu.
8F ..%
1.3 TITLE
8. t9 ny cP cE t> :; <=n' tron' .On - Ou ca ti liuC tDc l nE .Ki
nQ- tron' t9 .R- Ii 'iSi Rn bi c. t9 <HEAD>.
8F ..%
1.4 BODY
T9 ny c :; <=n' > ?c Nn .On ni <un' cTn ca ti liu 0 .On tn
Ubo<yV ca ti liu. Tron' .On tn cE t> cDa cc tHn' tin Nn <Rn' n+t
Nn > t Kn nn co ti liuC -u nnC -u IJn bKn :iu lin "!tC t l
co tran' ti liu... &*n' tHn' tin ny c t .On ta- :W ca t9.
Gio trn ti!t "! #$b
3
<HE"#>
... XOn - Ou UHE"#E$% ca ti liu c t y
</HE"#>
<&'#(>
.... .On ni <un' ca ti liu c t y
</&'#(>
<HTML>
<HE"#>
<TITLE>Tiu ca ti liu)*TITLE>
</HE"#>
<&'#( 8c ta- :W n!u cE>
... &i <un' ca ti liu
</&'#(>
</HTML>
01234567433
8F ..%
Trn y l cF .. cY bKn ca t9 BODYC tuy nin bZt Ou t[ )TAB 5.4 t cE
niu tuc tTn c :; <=n' tron' t9 BODY. \au y l cc tuc tTn cTn%
&"C+G$',-#. ]t -t Kn no E l- Kn nn Ubac"'roun<V co
IJn bKn. Gi trN ca ta- :W ny U.On :au <+u
bQn'V l ^_B ca ìl$ Kn. &!u "Tc tSc Kn na
Yn c;a :b trn <uyt t ton b -n n c;a
:b trn <uyt :G c lt "Tn bQn' niu Kn.
&GC'L'$. ]t -Ou nn co tran' "i i>n tN. &!u cK ai
ta- :W &"C+G$',-# I &GC'L'$ cMn' cE 'i
trN t trn <uyt :G i>n tN -Ou nn trScC :au
E -Si tKi Kn ln .Ta trn.
TE/T. cc Nn -u c* ca IJn bKnC "> cK cc -=c.
"LI-+.01LI-+.0LI-+. cc Nn -u :Zc co cc :iu lin "!t tron' IJn
bKn. TYn' Dn'C alin" Uactive linkV l lin "!t an' c
"Tc oRt 0 tDc l "i d c "Tc cut lne Ilin"
Uvisited linkV cP lin "!t d t[n' c "Tc oRte
& I@y -t ti liu )TAB cY bKn cE c+u trFc n :au%
II. Cc th nh 23ng 4h5i
2.1. th P
T9 c :; <=n' > Nn <Rn' -t oRn IJn bKn.
8F ..%
Gio trn ti!t "! #$b
4
&i <un' oRn IJn bKn
01234567433
2.2. Cc th nh dng !c H1"H2"H3"H4"H#"H$
)TAB f tr g -Dc -=c. 8F h rQn' -=c cP l cc cP <in Nn <Rn'
I -t lo'icC tDc l -fi trn <uyt :G t> in -=c <Si -t "uHn <Rn'
tTc .. 8E t> trn <uyt ny l ònt c* 3j .oint nn' :an' trn <uyt
"c l ònt c* 41 .oint. ] -=c c+. 3 l cao n+t I 'iK- <On !n c+. g.
THn' tLn' IJn bKn -=c c+. k ay c+. g tLn' cE "Tc tSc na Yn IJn
bKn tHn' tLn'.
lSi y l cc t9 <Mn' > Nn <Rn' IJn bKn <Rn' -=c%
<H6> ... <*H6> ]Nn <Rn' -=c c+. 3
<H7> ... <*H7> ]Nn <Rn' -=c c+. 4
<H8> ... <*H8> ]Nn <Rn' -=c c+. 5
<H9> ... <*H9> ]Nn <Rn' -=c c+. j
<H:> ... <*H:> ]Nn <Rn' -=c c+. k
<H;> ... <*H;> ]Nn <Rn' -=c c+. g
2.3 Th %&'ng d(ng B)
T9 ny "Hn' cE t9 "!t tFc tYn' Dn' UVC nE cE tc <=n' cuy>n :an'
<mn' -Si. Bu hC ni <un' IJn bKn tron' ti liu )TAB :G c trn <uyt #$b t>
in lin t=cC cc "oKn' trZn' lin nauC cc "h tn tabC "h tn ?uWn' <mn' u c
coi n -t "oKn' trZn'. ]> ?uWn' <mn' tron' ti liuC bRn .Ki :; <=n' t9
 
2.4 Th P)E
]> 'iSi Rn oRn IJn bKn d c Nn <Rn' :on bRn cE t> :; <=n' t9 <PRE>.
pJn bKn 'i*a ai t9 ny :G c t> in 'iWn' t n "i cFn' c n IoC
IT <= <+u ?uWn' <mn' tron' oRn IJn bKn 'iSi Rn bi t9 <PRE> :G cE h n'qa
cuy>n :an' <mn' -Si Utrn <uyt :G "Hn' coi cFn' n <+u ccV
8F ..%
III. Cc th nh 23ng 2<nh =ch
3.1. D*nh +ch th,ng th-ng
8F ..%
Gio trn ti!t "! #$b
5
<PRE>pJn bKn d c Nn <Rn'</PRE>
<,L>
<LI> A=c tD n+t
<LI> A=c tD ai
<*,B>
01234567433
8E j "i>u <an :c%
r lan :c "Hn' :Z. ?!. U ay "Hn' n :WV <,L>
lan :c cE :Z. ?!. Uay cE n :WV <'L>C -fi -=c tron' <a
n :c c :Z. ?!. tD tn.
lan :c tnc Yn <ME-,>
lan :c .n c+. <#I$>
pSi niu trn <uytC <an :c .n c+. I <an :c tnc Yn 'iWn' <an
:c "Hn' n :WC cE t> <Mn' lin ISi nau. pSi t9 sB ta cE cF .. :au%
tron' E%
TYPE =1 8c -=c c :Z. ?!. t$o tD tn 3C 4C 5...
ta 8c -=c c :Z. ?!. t$o tD tn aC bC c...
tA 8c -=c c :Z. ?!. t$o tD tn uC vC 8...
ti 8c -=c c :Z. ?!. t$o tD tn iC iiC iii...
tI 8c -=c c :Z. ?!. t$o tD tn wC wwC www...
&'oi ra cmn tuc tTn >T"$Tt ?c Nn 'i trN "i Ou co <an :c.
T9 < LI > cE tuc tTn T(PE. ?c Nn "h iu Ou <mn' Ubull$tV Dn' trSc
-fi -=c tron' <an :c. Tuc tTn ny cE t> n@n cc 'i trN % disc Uc+-
trmn @-Ve circle UImn' trmnVe square Un IuHn'V.
I1. Cc th nh 23ng 4? t@
4.1. Cc th nh dng .n /0 t1
\au y l cc t9 c :; <=n' > xuy Nn cc tuc tTn n in n'in'C in
@-C 'Rc cn... co cc "h tnC IJn bKn "i c t> in trn trn <uyt.
<&> ... </&>
<>T$'-G> ... </>T$'-G>
wn c* @-
 ... 
wn c* n'in'
Gio trn ti!t "! #$b
j
<'L TyX,t1/a/A/i/I>
<LI>Auc tu nat
<LI>Auc tu ai
<LI>Auc tu ba
</'L>
01234567433
 ... 
<,> ... </,>
wn c* 'Rc cn
<#A-> ]n <+u oRn IJn bKn 'i*a ai t9 ny l
Nn n'qa ca -t t[. 8Fn' tLn' c in
n'in' oc t> in xua -t "i>u c
bit no E.
<>> ... </>>
<\T_wz,> ... </>T$I+E>
wn c* bN 'Rc n'an'.
<&IG> ... </&IG>
wn c* lSn Yn bn tLn' bQn' cc tJn' "Tc
tSc ònt in tLi ln -t. pic :; <=n' cc t9
<&IG>l{n' nau tRo ra iu Dn' c* tJn' <On.
Tuy nin Wi ISi -fi trn <uyt cE 'iSi Rn I
"Tc tSc Wi ISi -fi ònt c*C It xu 'iSi Rn
nyC cc t9 <&IG> :G "Hn' cE h n'qa.
<>M"LL> ... </>M"LL>
wn c* na Yn bn tLn' bQn' cc 'iK-
"Tc tSc ònt in tLi i -t. pic :; <=n'
cc t9 <>M"LL>l{n' nau tRo ra iu Dn' c*
'iK- <On. Tuy nin Wi ISi -fi trn <uyt cE
'iSi Rn I "Tc tSc Wi ISi -fi ònt c*C It
xu 'iSi Rn nyC cc t9 <>M"LL> :G "Hn' cE h
n'qa.
<>,P> ... </>,P>
]Nn <Rn' cP :W trn U\u.$r\cri.tV
<>,&> ... </>,&>
]Nn <Rn' cP :W <Si U\ub\cri.tV
<&">EA'-T>
]Nn n'qa "Tc tSc ònt c* c :; <=n'
co !n !t IJn bKn. T9 ny cP cE -t
ta- :W :i|$t ?c Nn c} c*. T9
<vu\,~s&T> "Hn' cE t9 "!t tFc.
<A'-T> ... </A'-T>
8n "i>u c* i>n tN. Tron' t9 ny cE t>
t ai ta- :W :i|$t oc colort ?c Nn
c} c* I -u :Zc oRn IJn bKn nQ- 'i*a ai
t9. zTc tSc cE t> l tuyt Wi Un@n 'i trN
t[ 3 !n 6V oc tYn' Wi U4C0j...V :o ISi ònt
c* in tRi.
4.2. C2n 3 42n 56n t78ng t7*ng 9:5
Tron' trn by tran' #$b ca -n cc bRn luHn .Ki cF h !n Iic cJn l cc
IJn bKn > tran' #$b cE c -t bW c=c .. At :W cc t9 Nn <Rn' n PC
HnC IMG... u cE ta- :W ALIGN co .. bRn cJn l cc IJn bKn nQ- tron'
.R- Ii 'iSi Rn bi ca cc t9 E.
8c 'i trN co ta- :W ALIGN%
B,~T 8Jn l tri
8,&T,_ 8Jn 'i*a tran'
_wG)T 8Jn l .Ki
Gio trn ti!t "! #$b
k
01234567433
&'oi raC cFn' ta cE t> :; <=n' t9 CENTER > cJn 'i*a tran' -t "Wi IJn
bKn.
8F ..%
4.3. Cc /0 t1 ;c 5.<t
zh tn c :; <=n' > cP cufi "h tn i :au c ?$- l -t tnc t> <uy n+t.
zh tn e c :; <=n' > tc cc "h tn tron' -t t[.
zh tn Ad u\8ww Tn cufi
< 1g1 lt
> 1g4 't
157 a-.
4.4. => d!ng ?& +@c t78ng th.At /A cc t7*ng 9:5
At -u c tbn' . t[ ba tn .On -u cTnC E l% ]a U_$<VC can l cy
UGr$$nVC can nSc bi>n Uvlu$V. Tron' )TAB -t 'i trN -u l -t :W n'uyn <Rn'
$?a U !- cY :W 3gV cE Nn <Rn' n :au%
#RRGGBB
tron' E%
RR 0 l 'i trN -u ]a.
GG 0 l 'i trN -u can l cy.
BB 0 l 'i trN -u can nSc bi>n.
Au :Zc cE t> c ?c Nn xua tuc tTn b'colort ay colort. \au <+u bQn'
cE t> l 'i trN _Gv ay tn ti!n' un ca -u. pSi tn ti!n' unC ta cP cE t>
cP ra 3g -u tron' "i ISi 'i trN _Gv ta cE t> cP tSi 4kg -u.
\au y l -t :W 'i trN -u cY bKn%
M!u =Bc Gi tr TCn tiDng "nh
]a
]a :i-
can l cy
can nRt
~~1111
7v1111
11~~11
21,,21
_,l
lu_z_,l
G_,,&
BwG)TG_,,&
Gio trn ti!t "! #$b
g
<CENTER>pJn bKn :G c cJn 'i*a tran'</CENTER>
01234567433
can nSc bi>n
pn'
pn' nRt
TrZn'
]$n
c-
&u
TT-
TT- nRt
){n'
la ca-
Au {n' .=c Ki
xun
1111~~
~~~~11
~~~~,1
~~~~~~
111111
717171
uk4u4u
~~11~~
,,74,,
~~818v
~~uk11
111171
j3g2,3
6~~~lj
vB^,
y,BBs#
BwG)Ty,BBs#
#)wT,
vBu8z
G_uy
v_s#&
AuG,&Tu
pwsB,T
Xw&z
s_u&G,
&upy
_syuBvB^,
uûAu_w&,
8F ..%
<&'#(
LI-+ t color
"LI-+ t color
1LI-+ t color
&"C+G$',-# t url
&GC'L'$ t color
TE/T t color
T'PM"$GI- t pixels
$IGHTM"$GI- t pixels
LEATM"$GI- t pixels
>
.... .On ni <un' ca ti liu c t y
</&'#(>
\au y l h n'qa cc ta- :W ca t9 vsly%
8c ta- :W h n'qa
Bw&z 8P Nn -u ca IJn bKn :iu lin "!t
Gio trn ti!t "! #$b
6
01234567433
uBw&z 8P Nn -u ca IJn bKn :iu lin "!t an' an' cn
pBw&z 8P Nn -u ca IJn bKn :iu lin "!t d t[n' -
vu8zG_s^&l 8P Nn Na cP ca Kn <Mn' l- nn
vG8sBs_ 8P Nn -u nn
T,cT 8P Nn -u ca IJn bKn tron' ti liu
\8_sBB YES/NO 0 cc Nn cE ay "Hn' tan cun
TsXAu_Gw& B trn
_wG)TAu_Gw& B .Ki
B,~TAu_Gw& B tri
4.#. ChBn /.C& chD ch8 42n 56n
8F ..%
<A'-T
A"CE t font-name
C'L'$ t color
>IEE t n >
...
</A'-T>
4.$. Eh. n.< 42n 56n +.F& 3.Fn /At
pJn bKn :iu lin "!t ay cmn 'i l :iu IJn bKn l -t t[C -t c=- t[ ay -t cu
trn tran' #$b c <Mn' > lin "!t tSi -t tran' #$b "c. \iu IJn bKn l -Hi tr0
Ln' tron' E cDa cc lin "!t Ulin"V ca cc tHn' tin. lo ### c+u tn t[
niu tWn' "c nauC cOn .Ki cE -t xuy tZc t tn tWn' n+t co t+t
cK cc IJn bKn trn #$b. uy tZc t tn E l ^_B U^niI$r:al _$:ourc$
BocatorV.
8c tn .On ca ^_B c -in oR n trn.
Gio trn ti!t "! #$b
7
httFG**=Hl<I.Jnuh.H2u.JnGKLKL *M2ir6*2ir7*2ir8*in2HN.HTMLOch<FtHrLL6
#ch
JP
TCn h
th5ng
CQng
RSTng 2Un
TCn VilH
1W 2P JX ,$L
Cc th<m =50
IiDn0 truY
Jn
01234567433
#ch JP% B tn .On bZt buc ca ^_B. &E ?c Nn cc tDc trn <uyt
ca -y "c lin lRc ISi -y .=c I= n t! no > n@n <* liu. 8E niu
<Nc I= n http, wais, ftp, goph!, t"nt.
TCn h th5ng % B tn .On bZt buc ca ^_B. 8E t> l tn -in Oy
ca -y .=c I= oc cP l -t .On tn Oy trLn' . ny ?Ky ra "i IJn
bKn c yu cOu Iin nQ- trn -in ca bRn. Tuy nin nn :; <=n' Ln' <in
Oy .
CQng % zHn' l tn .On bZt buc ca ^_B. 8bn' l Na cP :oc"$t ca
-Rn' <n co -t 'iao tDc c= t>. Giao tDc tt. n'O- Nn nWi ISi cbn'
7171.
R Tng 2Un th mPc % B tn .On bZt buc ca ^_B. XKi cP ra Ln' <in tSi
ìl$ yu cOu "i "!t nWi ISi b+t " tWn' no. 8E t> Ln' <in tron' ^_B "c
ISi Ln' <in tnc :n tron' tWn' -y .=c I=. Tuy nin cE t> rFt 'n Ln'
<in bQn' cc t bit <an Ualia:V. 8c t -=c tron' Ln' <in cc nau bi
<+u 'Rc co U*V.
TCn VilH % zHn' l tn .On bZt buc ca ^_B. THn' tLn' -y .=c I= c
c+u n :ao co n!u "Hn' cP ra tn ìl$ t :G trK I ìl$ n'O- Nn trn t
-=c c yu cOu. ~il$ ny tLn' cE tn l in<$?.t-lC in<$?.t-C <$àult.t-l ay
<$àult.t-. &!u cn' "Hn' cE cc ìl$ ny t tLn' "!t xuK trK I l <an :c
lit " cc ìl$ ay t -=c con tron' t -=c c yu cOu
Cc th<m =5 % zHn' l tn .On bZt buc ca ^_B. &!u ^_B l yu cOu
t- "i!- trn -t cY : <* liu t truy I+n :G 'Zn Io ^_BC E cTn l oRn
-d Qn' :au <+u c+- ai UV.^_B cn' cE t> trK lRi tHn' tin c tu t@. t[
òr-. Tron' trLn' . <+u tJn' UV ?u+t in oRn -d Jn' :au l tn ca -t IN
trT UlocationV tron' ìl$ c cP ra.
]> tRo ra -t :iu IJn bKn cFn' ta :; <=n' t9 <A>.
8F ..%
<"
H$EA t url
-"ME t name
Tuvw&l,c t n
TITLE t title
T"$GET t _blank / _self
>
... siu vn bn
<*">
Gio trn ti!t "! #$b
2
01234567433
h n'qa cc ta- :W%
H$EA ]Na cP ca tran' #$b c lin "!tC l -t ^_B no E.
-"ME ]t tn co IN trT t t9.
T"&LEI-#E/ TD tn n "i +n .T- Tab
TITLE pJn bKn i>n tN "i <i cut trn :iu lin "!t.
T"$GET A tran' #$b c lin tron' -t c;a :b -Si U_blankV oc
tron' c;a :b in tRi U_selfVC tron' -t `ra-$ Utn `ra-$V.
4.G. H* chI tJng '.
^_B c trn by trn l ^_B tuyt Wi. &'oi ra cmn cE ^_B tYn' Wi ay cmn
'i l ^_B "Hn' Oy . ]Na cP tYn' Wi :; <=n' :n "c bit tYn' Wi 'i*a
IJn bKn in tLi I IJn bKn cOn ta- ci!u tSi. 8c tn .On tron' ^_B c
n'Jn cc bQn' "h tn n'Jn cc U"h tn 'Rc co /V. ]> tRo ra ^_B t Yn' WiC Ou
tin .Ki :; <=n' "h tn n'Jn cc. ^_B Oy in tRi :G c :; <=n' > tRo nn
^_B Oy -Si. &'uyn tZc l cc tn .On bn tri <+u n'Jn cc ca ^_B
in tRi c 'i* n'uynC cc tn .On bn .Ki c tay t! bQn' tn .On
^_B tYn' Wi. 8F h rQn' trn <uyt "Hn' ';i ^_B tYn' WiC nE bb :un' Io
^_B cY : d ?c Nn trSc tn .On ^_B tYn' Wi ?c Nn :au tuc tTn
r$`t. zh tn Ou tin :au <+u bQn' :G ?c Nn cc tn .On no ca ^_B
in tRi :G ta- 'ia > tRo nn ^_B -Si.
pT <=C n!u ^_B Oy l% http#$$it%&pa!t'nt()n*h(&*()n$HTML$in&+(ht' t%
#u h<i chm Z G% cP <Nc I= 'i* n'uyn nn' tay bi .On cmn lRi. pT
<= #$$www(fpt(,o'$ :G tKi tran' c ca -y .=c I= www(fpt(,o' ISi cMn' <Nc
I= tt..
#u g3ch ch[\ Z * % cP <Nc I= I -y .=c I= 'i* n'uyn nn' ton b
Ln' <in tay bi. pT <= $-a)as,!ipt$in&+(ht' :G tKi ìl$ in&+(ht' ca t
-=c -a)as,!ipt trn -y .=c I= www(it%&pa!t'nt()n*h(&*()n.
+hng c] 2u Fh^n cch cP cE tn ìl$ l tay bi. pT <= in&+.(ht' :G
tKi ìl$ in&+.(ht' tron' t -=c )TAB ca -y .=c I= www(it%
&pa!t'nt()n*h(&*()n.
#u th_ng Z O %G cP <Nc I=C -y .uc I=C Ln' <in I cK tn ìl$ 'i*
n'uynC cP tay bi IN trT tron' ìl$.
lo Ln' <in c ?$- l Yn IN c l@. nn cE t> :; <=n' .Yn' .. Ln'
<in tYn' Wi n tron' ^&wc ay A\0ls\ UtDc l . cP t -=c in tRi cmn .. cP
t -=c ca ca t -=c in tRiV.
^_B cY : cE t> c ?c Nn bQn' t9 <vu\,>.
Gio trn ti!t "! #$b
31
01234567433
4.K. EAt n'. *.3t8
&!u t tuc tTn r$`t ca t9 <a> 'i trN -ailto%a<<r$::/<o-ain t "i
"Tc oRt "!t nWi :G "Tc oRt cDc nJn' t in t; ca trn <uyt.
<"##$E>>>
Tran' #,v ny c
<" r$`t-ailto%$b-a:t$r/Inu.$<u.In >
#,vAu\T,_
<\A> bKo tr
<"##$E>>>
4.L. MN Ot -ng thPng nQ ng*ng
8F ..%
<H$
"LIG- t B,~T / 8,&T,_ / _wG)T
C'L'$ t color
-'>H"#E
>IEE t n
Ì#TH t widt
>
h n'qa cc ta- :W%
"LIG- 8Jn l UcJn triC cJn .KiC cJn 'i*aV
C'L'$ ]t -u co Ln' tn'
-'>H"#E zHn' cE bEn'
>IEE ] <y ca Ln' tn'
Ì#TH 8iu <i UtTn t$o .i?$l oc ca b rn' c;a :b
trn <uytV.
T9 ny 'iWn' n t9 BRC nE cn' "Hn' cE t9 "!t tFc tYn' Dn'.
1. Cc th chan ^m th<nh0 hbnh cnh
#.1. R.S. th.<&
Bin "!t ISi ìl$ a .Yn' tin cn' tYn' tn n lin "!t bn tLn'. Tuy I@y .Ki
t tn Fn' co ìl$ a .Yn' tin. XOn - rn' ca ìl$ .Ki co bi!t "i>u
ca ìl$.
Gio trn ti!t "! #$b
33
01234567433
zi>u XOn -
rn'
AH tK
Im<gH*GIA .giV pi!t tZt ca Gra.ic: wnt$rcan'$ ~or-at. zuHn
<Rn' ny ?u+t in "i -i n'Li cE nu cOu trao
bi Kn trn niu tWn' "c nau. &E c :;
<=n' trn t+t cK cc tWn' f tr 'iao <in {
oR. ]Nn <Rn' Gw~ l Nn <Rn' cun co -i
trn <uyt #,v. &c i>- ca nE l cP t>
in c 4kg -u.
A rn' ca cun ny l Gw~72C c t- niu
cDc nJn' co cc Dn' <=n' c bit n l- Kn
nn tron' :uWt 0 tDc l Kn cE t> nbi bQn' cc
l- -u nn 'iWn' ISi -u nn ca trn <uyt.
Im<gH*dPEG .eFHg pi!t tZt ca oint Xoto'ra.ic ,?.$rt Grou.. B
"uHn <Rn' Kn "c nn' cE t- "K nJn' nn.u
i>- nbi b@t ca "uHn <Rn' ny l lu tr* c n'
triu -u I nn cao nn "Tc tSc ìl$ Kn na
Yn I tLi 'ian <onloa< nan Yn. &E l cY :
co "uHn <Rn' AX,G. T+t cK cc trn <uyt u
cE "K nJn' ?$- Kn X,G.
Im<gH*TIAA .tiVV pi!t tZt ca Ta''$< w-a'$ ~il$ ~or-at. ]c
Aicro:o`t ti!t "! > xut Kn t[ -y xut cn'
n tRo cc +n .-.
THNt*HTML .HTML0
.htm
P\=t>criFt .HF=0 .F= ]c tRo ra > i>n tN I in cc IJn bKn cE c+t ln'
cao.
"2\IH
"cr\I<t
.F2V pi!t tZt ca Xortabl$ locu-$nt ~or-at. ucrobat
cn' :; <=n' cc :iu lin "!t n'ay tron' IJn bKn
cn' 'iWn' n HTML. T[ .in bKn 4.1C cc :Kn
.- ca ucrobat co .. lin "!t 'i*a niu IJn
bKn. u i>- lSn n+t ca nE l "K nJn' #y\w\yG.
1i2H\*MPEG .mFHg pi!t tZt ca Aotion Xictur$ ,?.$rt Grou.C l Nn
<Rn' <n co cc loRi .i- UIi<$oV. ]y l "uHn
<Rn' tHn' <=n' n+t <n co .i- trn #,v.
1i2H\*"1I .<Ji B "uHn <nR' .i- <o Aicro:o`t a ra.
1i2H\*fuic4Ti
mH
.m\J lo u..l$ 8o-.ut$r a raC cun Ii<$o ny c co
l cE niu u i>- Yn AX,G I upw. Ac <M d
c tTc . Io niu trn <uyt nn' Iin ca
.b bi!n bQn' ai loRi Nn <Rn' trn.
>\un2*", .\un2*MI#I .mi2 B "uHn <Rn' <n co - nRc in t; !t :Dc
tHn' <=n' c niu trn <uyt trn cc tWn'
"c nau f tr. ~il$ Ai\un2*$H<l"u
2i\
.r<m ]Nn <Rn' au<io t$o <mn'. At b+t tin "i :;
<=n' cc Nn <Rn' "c l ìl$ - tan tLn' cE
"Tc tSc lSn 0 <o I@y tLi 'ian tKi ?uWn' luC Tri lRi
au<io <mn' bZt Ou cYi n'ay "i tKi c -t .On
Gio trn ti!t "! #$b
34
01234567433
ìl$ tron' "i Iin tKi I cc .On "c.Ac <M ìl$
t$o Nn <Rn' ny "Hn' na Yn :o ISi cc Nn
<Rn' "c :on' cTn "K nJn' <mn' d "i!n
Nn <Rn' ny .M . ISi "K nJn' cYi n'ay l@.
tDc.
1$ML .Jrml pi!t tZt ca pirtual _$ality Ao<$lin' Ban'ua'$. 8c
ìl$ t$o Nn <Rn' ny cn' 'iWn' n HTML. Tuy
nin <o trn <uyt cE t> i>n tN c c;a :b 5
ciu nn n'Li ?$- cE t> cK- n@n c cK- 'ic
ba ciu.
#.2. H* T th*nh 4?8 Ot t?. 3.<& HTML
8F ..%
<&G>',-#
>$C t url
L''P t n
>
T9 ny "Hn' cE t9 "!t tFc tYn' Dn' U</&G>',-#>V. ]> cYi l. lRi IH Rn
cOn cP Nn LOOP = -1 oc LOOP = INFINITE. T9 BG/O0ND .Ki c
t tron' .On - Ou UtDc l nQ- tron' c. t9 HEADV.
#.3. ChUn Ot hVnh 6nhW Ot 8n 4.d:8 4?8 t?. 3.<& HTML
]> cn -t ìl$ Kn U..'C .'i`C .b-.V oc Ii<$o U.-.'C .aIiV Io ti liu )TABC
bRn cE t> :; <=n' t9 IMG.
8F ..%
<IMG
"LIG- t TsX/AwllB,/vsTTsA
"LT t text
&'$#E$ t n
>$C t url
Ì#TH t widt
HEIGHT t ei!t
H>P"CE t vspace
1>P"CE t space
TITLE t title
#(->$C t url
>T"$Tt ~wB,sX,&/As^\,sp,_
L''P t n
>
Gio trn ti!t "! #$b
35
01234567433
Tron' E%
"LIG- t TsX/ AwllB,/
vsTTsA/ B,~T/ _wG)T
8Jn n' IJn bKn bao xuan Kn
"LT t t$?t 8P Nn IJn bKn :G c i>n tN n!u cDc
nJn' :o .ictur$ ca bro:$r bN tZt i ay
i>n tN tay t! co Kn trn n*n' trn <uyt
"Hn' cE "K nJn' i>n tN { oR. pJn bKn ny
cmn c 'i l ndn ca Kn. ]Wi ISi trn <uyt
cE "K nJn' f tr { oRC <mn' IJn bKn ny :G
in ln "i n tN
tron' IMn' ca Kn n!u Kn ca c tKi I !t.
8F h .Ki t IJn bKn tron' ai <+u ny ".
n!u trion' IJn bKn cDa <+u cc ay cc "h tn
c bit 0 tron' trLn' . n'c lRi cE t> ba <+u
ny "..
&'$#E$ t n ]t "Tc tSc Ln' Iin c IG xuan Kn UtTn
t$o .i?$lV.
>$C t url ]Na cP ca ìl$ Kn cOn cn Io ti liu.
Ì#TH/HEIGHT 8P Nn "Tc tSc ca Kn c i>n tN.
H>P"CE/1>P"CE 8P Nn "oKn' trWn' ?un' xuan n Kn
UtTn t$o .i?$lV t$o bWn .Ta trnC <SiC triC .Ki.
TITLE t titl$ pJn bKn :G i>n tN "i con cut tra trn Kn
#(->$C t url ]Na cP ca ìl$ Ii<$o.
>T"$T t
~wB,sX,&/As^\,sp,_
8P Nn ìl$ Ii<$o :G c cYi "i ti liu c
- ay "i tra con cut Io nE. 8E t> "!t .
cK ai 'i trN ny nn' .Ki .n cc cFn' bi
<+u .y.
L''P t n/w&~w&wT, 8P Nn :W lOn cYi. &!u BssX t w&~w&wT,
t ìl$ Ii<$o :G c cYi IH Rn lOn.
1I. Cc th nh 23ng Icng Iigu
\au y l cc t9 tRo bKn' cTn%
<T"&LE> ... </T"&LE> ]Nn n'qa -t bKn'
<T$> ... </T$> ]Nn n'qa -t n' tron' bKn'
<T#> ... </T#> ]Nn n'qa -t H tron' n'
<TH> ... </TH> ]Nn n'qa H cDa tiu ca
ct
<C"PTI'-> ... </C"PTI'-> Tiu ca bKn'
8F ..%
<T"&LE
Gio trn ti!t "! #$b
3j
01234567433
"LIG- t B,~T / 8,&T,_ / _wG)T
&'$#E$ t n
&'$#E$C'L'$ t color
&'$#E$C'L'$#"$+ t color
&'$#E$C'L'$LIGHT t color
&"C+G$',-# t url
&GC'L'$ t color
CELL>P"CI-G t :.acin'
CELLP"##I-G t .a<in'
>
<C"PTI'->Tiu ca bKn' bi>u</C"PTI'->
... ]Nn n'qa cc <mn'
<T$
"LIG- t B,~T/8,&T,_/_wG)T
1"LIG- t TsX/AwllB,/vsTTsA>
... ]Nn n'qa cc H tron' <mn'
<T#
"LIG- t B,~T / 8,&T,_ / _wG)T
1"LIG- t TsX / AwllB, / vsTTsA
&'$#E$C'L'$ t color
&'$#E$C'L'$#"$+ t color
&'$#E$C'L'$LIGHT t color
&"C+&$',-# t url
&GC'L'$ t color
C'L>P"- t n
$'`>P"- t n
>
... &i <un' ca H
</T#>
...
</T$>
...
</T"&LE>
h n'qa cc ta- :W%
"LIG- * 1"LIG- 8Jn l co bKn' I ni <un' tron' -fi H.
&'$#E$ zTc tSc Ln' "9 cia H tron' bKn'C c o t$o
.i?$l. Gi trN 1 cE n'qa l "Hn' ?c Nn lC 'i*a
cc H tron' bKn' cP cE -t "oKn' trZn' na >
.n bit. &!u cP > bor<$r t n'O- Nn
Gio trn ti!t "! #$b
3k
01234567433
bor<$rt3. pSi n*n' bKn' cE c+u trFc .Dc tR.C nn
t l > n'Li ?$- cE t> .n bit r cc <mn'
I ct.
&'$#E$C'L'$ Au Ln' "9
&'$#E$C'L'$#"$+
&'$#E$C'L'$LIGHT
Au .Ta tWi I .Ta :n' co Ln' "9 nbi.
&"C+G$',-# ]Na cP tSi t. Kn <Mn' l- nn co bKn'
&GC'L'$ Au nn
CELL>P"CI-G zoKn' cc 'i*a cc H tron' bKn'
CELLP"##I-G zoKn' cc 'i*a ni <un' I Ln' "9 tron' -fi H
ca bKn'.
C'L>P"- 8P Nn H :G "o P"- 8P Nn H :G "o cE cc . IJn bKnC . <an :c lna cnC nFt b+-C nFt
cn...
G.2. T8 X87
]> tRo ra -t òr- tron' ti liu )TABC cFn' ta :; <=n' t9 ~s_A ISi cF .. n
:au%
8F ..%
<A'$M
"CTI'- t ulr
METH'# t G,T Xs\T
-"ME t na-$
T"$GET t `ra-$na-$ blan" :$l`
>
<00 8c .On t; iu "i>n ca òr- c t y
00>
<I-P,T ...>
<I-P,T ...>
</A'$M>
Tron' E
Gio trn ti!t "! #$b
3g
01234567433
"CTI'- ]Na cP :G ';i <* liu tSi "i òr- c :ub-it UcE t> l
Na cP tSi -t cYn' trn 8GwC -t tran' u\X...V.
METH'# XYn' tDc ';i <* liu.
-"ME Tn ca òr-.
T"$GET 8P Nn c;a :b :G i>n tN "!t xuK :au "i ';i <* liu
t[ òr- !n :$rI$r.
]t cc Wi tn' i>u "i>n Un . IJn bKnC H "i>- traC nFt b+-...V Io tran'
#$b
8F .. t9 INP0T%
<I-P,T
"LIG- t B,~T 8,&T,_ _wG)T
T(PE t v^TTs& 8),8zvsc ~wB, wAuG, Xu\\#s_l
_ulws _,\,T \^vAwT T,cT
1"L,E t Ialu$
>
G.3. T8 Ot d*nh +ch 31* chBn
8F ..%
<>ELECT -"MEttn <an :c >IEEtciu cao>
<'PTI'- 1"L,EtIalu$3 >ELECTE#> Tn -=c cn tD n+t
<'PTI'- 1"L,EtIalu$4> Tn -=c cn tD ai
<00 lan :c cc -=c cn 00>
</>ELECT>
G.4. T8 hOY +8n th68 42n 56n
8F ..%
<TE/T"$E"
C'L>ts" c#t
$'`>ts" $n!
-"MEttn
>
%n bn ban &'u
Gio trn ti!t "! #$b
36
01234567433
</TE/T"$E">
Gio trn ti!t "! #$b
37
01234567433
Phn II
thiDt 4D hHI =i 2Png m= Vr\ntF<gH
I. CC THAO TC C BN
1. Cc thao tc chnh khi son tho mt trang web
To mi mt trang web: Chn chc nng File/New/Page /Normal Page hay
chn icon New trn Toolbar.
Luu trang web: Chn chc nng File/Save hay chn icon Save trn Toolbar.
luu trang web dui dng mt tn khc chn chc nng File/Save As.
Xem truc hin thi ca trang web dang thit k: Chn chc nng File/Preview
in Browser. Lc ny ca s trnh duyt Internet Explorer (IE) s hin thi trang
web m chng ta dang son tho. Nn luu trang web truc khi chn chc nng
ny.
Ca s mn hnh son tho trang web cung cp 3 cch "hiu (view) khc nhau
v 1 trang web.
o Nu bn chn Normal view, bn c th bin tp trang web dui dng
WYSIWYG. V du bn c th g vn bn vo, thay di mu sc, kch
thuc ch, . b
o Nu bn chn HTML view, bn s thy duoc cc m HTML tuong ng vi
cch trnh by ca trang web ca bn. V du, nu trong Normal view bn
chn vo mt table th trong HTML view, bn s thy cc tag tuong ng
nhu sau:
<table border="1" width="100%">
<tr><td width="100%"> </td></tr>
</table>
o Nu bn chn Preview view, tuong tu vi chc nng Preview in Browser
2. To cc thnh phn ca trang web\
2.1. Thi gian cqp nhqt (Time stamp)
Chn Insert/Date and Time.
Chn dinh dng ngy thng v thi gian ph hop vi nhu cu ca bn
2.2. ung k ngang (Horizontal line)
Chn Insert/Horizotal line.
t cc thuc tnh cho dung k ngang bng cch double click chut ln n.
Sau d chn cc thng s v Width, Height, Color, Alignment
2.3. List
Chn Format/Bullets and Numbering.
Sau khi hp hi thoi xut hin, bn hy chn cc dng bullet v numbering
tuong ng.
thay di cc thuc tnh ca bullet nhu mu sc, kiu ch, ., ta chn
Format/Bullets and Numbering/Style
Gio trn ti!t "! #$b
32
01234567433
Ngoi ra, ta cn c th chn hnh nh d thay cho cc kiu bullet thng thung.
thay di, ta chn Format/Bullets and Numbering/Picture bullets, ri chn
nh dng d lm bullet
b dinh dng bullets, ta chn Format/Bullets and Numbering/Plain Bullets.
2.4. Tables
Ngui ta thung dng table d:
o Hin thi cc thng tin c dng dng/ct, v du nhu bng thi kha biu,
thng tin sn phm, ..
o Trnh by (layout) cc vn bn(text) v cc nh d ha(graphics).
to mt bng, ta c th dng mt trong hai cch:
o Chn Table/Insert Table. Khi hp hi thoi to bng hin ra, bn phi
cung cp cc thng tin chi tit cho vic to bng, v du nhu s dng, s
ct, kch thuc, ...
o Chn Table/Draw Table. Vi chc nng ny, bn s dng bt v d to
cc dng, ct
khng hin (hide) border ca bng, ta click phi chut ln table, chn Table
Properties/Border/Sizes bng 0.
tch mt cell hay trn nhiu cell li, ta chn Tabe ri chn Split /Merge
Cells.
thm hoc xa cc cell, ta chn Table ri chn Insert/Delete Cells.
2.5. Mt s hiu ng dqc bit
Chuyn trang (Page transition): Chn Format/Page Transition.
Hiu ng ch chuyn dng theo chiu ngang (Marquees): Chn
Insert/Component/Marquee. Sau khi hp thoi hin ra, bn g vo dng ch
cn chuyn dng v dt cc thuc tnh khc nhu mu sc, font ch, .
Thm hiu ng font ch cho cc hyperlink: Chn Format/Background, check
vo Enable hyperlink rollover effects. Sau d bn c th chn cc mu theo
mun.
2.6. Chn nh
Chn chc nng Insert/Picture/From File.
t thuc tnh v kch thuc ca nh, click phi chut ln nh, ri chn Picture
Properties.
to cc hotspot hyperlink, ta chn hnh v tuong ng (hnh ch nht,
ellipse, .) trn thanh toolbar pictures. Chn vng trn nh, ri din thng tin
ca hyperlink vo
2.7. Chn hyperlink
Chn chc nng Insert/Hyperlink.
Sau khi hp thoi hin ra, g vo hyperlink tuong ng. C 3 dng:
o ia ch Internet, c dng: http://. V du: http:// www.yahoo.com
o Lin kt ti mt trang trong site, c dng: /thu muc/tn tp tin. V
du: ../images/shopping.htm
o Lin kt ngay chnh trong trang, dt bng bookmark.
Gio trn ti!t "! #$b
41
01234567433
3. |nh dng trang
Click phi chut ln trang, chn Page Properties.
dt mu nn cho trang, chn Background/Colors/Background
dt nh nn cho trang, chn Background/Formatting/Background picture.
dt cc thng s v mu sc cho hyperlink, chn
Background/Colors/Hyperlink
dt tiu d cho trang chn General/Title.
Gio trn ti!t "! #$b
43
01234567433
II. THC HNH
1. To trang web cho nhm.
Khi dng Microsoft Front Page 2000.
Son trang web c nhn ca nhm dt tn l InfoGroup<n>.htm (v du
nhm 1 s ly tn l InfoGroup1.htm). Cc thng tin chnh ca cc thnh
vin trong nhm bao gm: H v tn, Cng vic v chc vu hin nay, ia ch
lin lc, in thoi, Fax, Email, Mobile Phone, ... Ngoi ra cc nhm c th b
sung cc thng tin khc.
Upload trang web d son ln website.
Th truy cp trang web d ti ln.
2. Tham kho cc site thng tin ca Vit Nam
http://vnexpress.net/
http://www.vnn.vn/ .
http://www.vdc.com.vn
3. Tham kho cc site bn hng ni ting
http://shopping.yahoo.com
http://www.amazon.com
4. Tham kho cc site gii tr
http://greetings.yahoo.com
http://www.vnn.vn/ecards/
http://www.fpt.vn/Postcard/main.asp
http://www.geraldstevens.com/
http://www.1800flowers.com/
5. Tham kho cc site v lao dng vic lm ti VN
http://203.162.5.43/ld2000/
http://www.vietname-business.com/jobnld/
http://www.jobsonline.saigonnet.vn/
6. To trang web cha cc hyperlink dng d truy cqp nhanh
To trang web dt tn l Links.htm cha cc hyperlink d d cp trn. B
sung thm cc hyperlink v cc phn loi khc m cc anh chi d bit.
Upload ln website v kim tra li.
7. To trang HomePage
To trang web HomePage dt tn l Default.htm gii thiu v nhm v cc
cng vic m nhm dang trin khai.
Kt ni hai trang d to vo HomePage.
Upload ln website v kim tra li.
8. Chn ch d d thit k website
Website v dich vu vic lm.
Gio trn ti!t "! #$b
44
01234567433
Website v dich vu nh dt (http://www.nhadat.com).
Website bo din t (http://vnexpress.net )
Website trung hc.
Website bn hng (ca hng, siu thi o trn Internet)
Website dich vu gii tr nhu ECards, in hoa, ...
Cc ch d khc...
Gio trn ti!t "! #$b
45
01234567433
III. NG K WEBSITE MIN PH TRN INTERNET
1. Vo dia ch http://www.freeservers.com d dng k website min ph vi dia ch
truy cp c dng http://<yourname>.freeservers.com
2. G vo dia ch m bn du dinh dng k ti yourname. Sau d click Go. Mn hnh
tip theo s hin ra, bn chn muc cui cng 100% Free Hosting Option v click
vo SignUp
Gio trn ti!t "! #$b
4j
01234567433
3. Sau d bn hy din vo cc thng tin lin quan cn thit nhu H tn, mt khu,
email, . Cui cng g vo ATK d chc rng bn d dng vi cc qui dinh ca
FreeServers khi cung cp dich vu min ph ny.
4. Nu dng k thnh cng, mn hnh sau s hin ra d cung cp cho bn mt s lua
chn khi xy dung website ca mnh.
Gio trn ti!t "! #$b
4k
01234567433
Gio trn ti!t "! #$b
4g
01234567433
IV.THIT K MT S WEBSITE MU

1. Thit k website theo mu sau (http://greetings.yahoo.com)
2. Thit k website theo mu sau (http://www.flowers.com)
Gio trn ti!t "! #$b
46
01234567433
3. Thit k website theo mu sau (http://shopping.yahoo.com)
Gio trn ti!t "! #$b
47
01234567433
4. Thit k website theo mu sau (http://www.is-edu.hcmuns.edu.vn)
Gio trn ti!t "! #$b
42
01234567433
5. Thit k website theo mu sau (http://vnexpress.net)
6. Thit k website theo mu sau (http://www.codeproject.com)
Gio trn ti!t "! #$b
51
01234567433
Gio trn ti!t "! #$b
53
01234567433
7. Thit k website theo mu sau (http://www.bttvn.com )
tham kho cch thit k cc trang web trn, hy:
- Ti v my bng cch chn chc nng Save ca IE.
- Dng MS Front Page d m tp tin d luu ln
- Chuyn qua li gia cc mn hnh Normal View v HMTL View d bit cch thit
k
Vi mi trang web d xem hy ch cc vn d sau:
- Cch b tr cc bng (table)
- Cch s dung font ch
- Cch chn vo cc hnh nh d trang tr
- Cch dinh ngha cc thuc tnh nhu mu ch, mu nn, ...
- Phn tnh (khng thay di) mi khi click vo cc hyperlink chuyn qua mt ni
dung mi
T cc trang web trn, hy t thit k cc trang cho website ca nhm.

Gio trn ti!t "! #$b
54
01234567433
Phn I Gii thiu
ngn ng Html................................................................................................. 6
I. Cc th nh cu trc t!i liu...................................................................... 6
II. Cc th nh 23ng 4h5i................................................................................ 7
III. Cc th nh 23ng 2<nh =ch...................................................................... 8
I1. Cc th nh 23ng 4? t@.............................................................................. 9
1. Cc th chan ^m th<nh0 hbnh cnh .............................................................66
1I. Cc th nh 23ng Icng Iigu.................................................................. 69
1II. A'$M...................................................................................................... 6;
Phn II thiDt 4D
hHI =i 2Png m= Vr\ntF<gH ............................................................................. 6j
Gio trn ti!t "! #$b
55

TiengViet Giaotrinhthietkeweb

Uploaded by

Document Information

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

TiengViet Giaotrinhthietkeweb

Uploaded by

Copyright:

Available Formats

<HTML>

... Ton b ni ca ti liu c t y

You might also like