Giáo trình thiết kế web

! " # $ % & '( ( ) ( * !+( ,! ! ! ! ! /! 0 $ 1 2 $+( !3 "

!

"# $% & ' $( ) * &#& ! + ,- $ , $ , ! + ! &#& )

"/ 0 $( &#& -1& &#& "-2 34 + "5 & 6 &

-&#& * $ + , -7 &#& 5 8 &#& ! 9 &: ; !

& ! "# 2 - #& &: ;< $( = &#& - #& % >3 !

? & @ 0 9 &#& , -7 "1& + ! & - -A B C - !

& - ) &#& &: ;D & ' "1 0

& - -A E - F & 6 $( "5 "G& ! &#& ) 3! 5

O& H P W & OHP Q X#& ! 9 > &#& R $V &: ;<

$( & & - &) ! & #& $ + &/ = $ + Y Z

! & &% 0

O& K F OKF Q ! Z ! + & R & [ 0 ,

;/ >& OKF &T 5 & 2 &#& & ! 0 3# 23 Z OKF ! Z ! +

& ' &T 5 ";D& 3 % \ 3# !- , -7 !-0

O& ]Q Z ) D &#& ^ ) & - _ &#& ! 9 9 3`3 ;/ #& a

3@ ! 9 #& - 3 ;< 32 % & % &: ! 9

";D& 2- 0 O& ] ";D& $( !3 & > "5 # 5 @ $ ;/ #& &:

,- $ , $ , 31& $( T &T 5 U $V - &#& R $V ;< 3# ! &#&

& ;/ * #&0

bc b A- 3 c - & -& - Q "8 & 6 a 3@ 23 B 32 @ @ A

Z & d & &% "8 & 6 B &: Z , ! ,- $ , $ , "

- Z R&0 bc ;< $( ! Qee "5 & 6 "8 "8 & 6 ,

B 0 bc #& ! - Qee A Qee.3 -Qee000

J 3 QZ 8 > Z 7 &T 5 ! ">& &: Z 0 Z 3 &T

5 # $V & - Z & d f g h 2 &#& = % \ f g !-0J 3 & - _ #& " Z 9 "4 & 6 "8 0 - Z bc Z 3 ";D& "# $% > ;a& i $% j 0 Xk ";D& G !

- & - 0

& [ & - ;< $( 0 I! -7 &T 5 & - _ ;< $( = ) 3 "G& 7 - ! g& + &#& A - $ -1& $ -

= "9 i &#& % 3@ p D >3 $- 2 g Y "8 0

K & $ N KN Q - &#& + Y f &/ = $ + "q !

% "# $- BJ -2 - ";D& U $V @ 4 - 3# > a ! + S3# > 3 0 KN " ";D& 8 - &#& 32 #& e& : ; ! 3@

;/ # !3 & - &#& 3# > &# q &T q3 ) !- &#& !

&: &#& &/ = $ + D #&0 rq ! -2 "@& ) a $ + s ;<

U $V ) q3 " % "` $ + t ";D& q3 ) !- i &#&

!- ` 31 ) f0 - f KN &k "@& ) a 8s &T 5 $( &(3@ % "# "5 q3 ) !- &#& &/ = $ + 3# > a 3#

> 3 ! 3# > &# q 0 + &T 3@ S &: KN

" 8 &2 0 KN ! 3@ % "# 8& g ! [& >& & 6 a uv + 0

JS + &/ KC CX bFHO C HC C C ! B KCc "# R & - S & R&

U f $ + &/ V& h & -# ! & w !- 0 X#& &q x &: KN

9 S &% [& &: 3@ &q x O g 0 y Y &: &q x t ";D&

5 + - 3@ $ + - h3 &#& &@ ;/ R a &#& ;< $ +

! &#& ! ;/ R a &#& $ + 0

A F - -&- FQ z - R& `

Q K

, Q & d 7 0

F $$ Q "8 & 6 F > $V Qee77703 & - -A 0&-3

H Q &/ = $ + - $ + 0 @ @ ; ) &#& ` 3@ & : "`

";D& p & R& D f "5 ! 3@ &/ = & - &#& : V& & +& ; *3

[ &#& ) ! ! ) &#& Y "8 0 J% \ 3@ ; )

!- V& V & - &#& 3V& ">& ! "` ";D& &- ! 3@ &/ = $ + & ;<

D &#& "T ";D& ; - 3# > 0 g& { p { &: &#&+ &/ = $ + $- ;/ R& 2 + ! + ";D& &#& %3

* &T 3 34 S ! ";D& - &#& | ; ;a& "q 0

;< ";D& & ! ` &- $ $ + #& "T &T 3@

` ;< $ + 0 I> $V ` 3 &: 3@ &U ! $ - &T

5 h3 &T &#& ; Q B C J E- XO CzPc} X $

cO B z z cC OB FcBXC ~•0 € " cC CH P u~• Z~u• HbC HO C Z~ e u e €~0

Q - & ;/ * Y f &/ = $ + Y "q ! &% [& &/

= &: +& ; ! 5 8 $ + - "T &#& - 3V& $ + ";D&

a = &#& Y + * ! $- +& "1 & [ - &#& ! ! &#& &@ 0 X#&

! R a &#& $ + &: &#& & ;/ * Y f $ + ;a

! &#& &@ * R a &#& ;< $ + 0 - & ;/ * U f o ;< &T 5

$( + "5 2- 3@ > h3 &#& &@ ! &#& ! &T >-# 0 - & ;/ * U f ;< &T 5 $( + "5 2- 3@

> h3 &#& &@ ! &#& ! &T > -# 0 - 3@ ! & ;/ * U

f o ! + $ + ";D& 2- i > | D ; t p & R& $ + |

!-% \ o !- &: ! + ! t R& ?& " &#& ! + #& &T

Y " T0 Xk &T + & - _ 2 g 2- & - 3* $%

$;a &#& 3! * "h G -1& ";D& "# S R g &#& 3! * f g

"T ! &#& 3S t 5 8 3@ ! + Y !3 & - & [ -2 "@

i 3@ + >& D 0

E A F - -&- E FQ "8 ;a& ` + - R& ` + 0

-` "h @ "q ! 3@ & ' i3 - " 3 ` $‚

8 d & - &#& + & ;/ * ! $ + Y + S " + -2 0

X ;/ * E F &k ";D& $( "5 G & - "8 ;a& ` + b B] 3@ "8

;a& ;a $‚ +& ` $ + 0

B Q @ + S h3 &#& 32 3# > ";D& a 23-! a 2- " ` + ) D & - &#& $8& V ` $ + ; ") o ` &#& + ; > " + U ! &#& T3 0

B ! 3@ ;/ # _ S &#& 32 3# > + ! # 5 3@

&#& @ 4 93 -2 "@ &: o + S ! 0

h S& "9 &: B ! + S 3# > & J@ N S& F | ^ G !

32 OcFO 3@ 32 > +3 ";D& o 3 Z€ƒ€ "5 2- " ` +) D & - +& D #& - G& - &#& & * &R Y S& | 0OcFO "4 & - f ` * "l - - "T 3d3# > &: + S "` &T { T & + { a % \ 3# > !

!- #&0

J% \ 32 3# > !- $g &/ = &: OcFO "` ";D& 3 ;3@ ) D &#& q3 " + -# g Y 3 > "8 ;/ ! g " `

! & [ ";D& $;a $2 { & > : ; &T " ` { 0

Kg # 5 &: 32 OcFO "/ 9 & 6 $- &9 ` Y qgQ

2 ! &T & S 2 3@ & @& % & &T 5 + -# 3@ S

a &#& 23 ! &: T0

; ;= ! "4 ";D& & R 3 ! "[ ^ ! &#& "h 3 3

!-& @!-& !-& ( I8 0

Kg & 6 ! 32 53 -# &: B ";D& p & R& 3 x - & +OcFO "4 & S 2 3@ &#& ! & "S a &#& p g& &: g& ;D "h

rT ! f $- 2 - & + &T h S& o OcFO + " ";D& %

& 3@ &#& @ 4 0

2 B „ ";D& i3 3V& ">& V& V +& & &%

& - a - G& & + &: T & - _ 3G + S "` &T 5

z- Q - &#& + S $( b B] "4 S a 32 B "q ! 3@

& ;/ * $g &/ = * "/ $( "5 *3 &#& + &#& & ;/ * &#&

"8 M ! &#& `3 #& - &#& & : "` $- 2 #& "8 0 z- "9

";D& -2 2 ;< "2 G& b -A - ! ";D& "1 - ) % ;a& &: ;< 0

&-y #& a E F ! & z- &: B "| x 2 ! U $V

&#& & ` & : 32 ` ; 3V& ! ` &#& + 0 !- "T 2 & 6 &9

3 ;a Y &#& * "/ ! % C *3 % 3V& "` 3! 2 Y q30

;< 2 * !- 3@ * "/ #& &T ` g & G /

& - " & S &( & G ";D& 3@ !3 5 8 &#& 0 K "T 2 &T

5 "G& ! &% 2 ! !- g& ; "M &: 2 0

F 7- $Q 3) ' 3) + @ & &V - + -! $( "5 #& "8 "[

;< U $V ";D& _ "S a 3@ & ;/ * 3# > -1& 32 3# > !

"5 #& "8 &#& 23 Y ` 2 &: G ; & 6 "G& ";D& "G& ! -1&

";D& - & _ &#& +

& 6 S - & Q …KbJ†…eKbJ†

… ‡ @&‡ > ‡~ˆ #‡ 8‡Z @&‡ > ‡~ˆ #‡ 8‡~000†000…e ‡ †

-1& "/ % !Q … ‡ †X d …e ‡ †

‡ n !- $2 & ;< -1& - "` ";D& ! &#& &T 5 h !- 0

& ")3 …J† &[ # …J†& d ")3…eJ†

S ! …F† &T &[ # …F O Bz ˆ †3@ "-2 …eF†

<= ; >

…A- &- - ˆ{j‰vvvvv{ A & ˆ{I $ {†rq ! "-2 R

% 3! "x &T ! I $ 0…eA- †…

†…A-&- - ˆ{J & {A & ˆ{I $ {†rq ! "-2 R 3!

&T &k ! I $ 0…eA- †…e †

rq ! "-2 R %3! "x &T ! I $ 0

rq ! "-2 R 3!

&T &k !

I $ 0

… †… †H| & ! o ")3 o …e †…e †

r-2 ! & # 0…eA- †… ˆ{&

{†…A-A & ˆ{I $ {†r-2 ! & 0…eA- †…e †…

ˆ{ {†…A- A & ˆ{I $ {†r-2 ! &

0…eA- †

r-2 ! & # 0r-2 ! & 0r-2 ! & 0

…e † = & S 0 7 ";D& ? "9 ! [& = ! 0

5 7F AC D DE Q … COH† "# $% " 53 ? "9

&: 7 0 …e COH† &T 5 x Y 0

5 G AH D I DE I Q … B C† & 6 "8 "` &: &: 7 0

- ,- $Š

5 J 5 D0+ K DE0+ K L $( & 6 "8 ? "9 ! [& 9 @

I ? &: b A- 3 c - & -& - Q ! Z & d & &%

"8 & 6 B &: Z , -1& ! ,- $, $ , - &( ! R& - -&- &: -1& !

&) !-0 R& ;< $( Qee & - &#&

"8 & 6 B &: 3@ 7 0 I! $2 bc #& !

- Qee & - &#& "8 & 6 B &: Z ; 3V& $8& V

- ! A Qee & - &#& "8 & 6 ! E F0

Y "8 ;a& ;Q ONbO J OXy J & EbX KBO zcO}

zcCC B C OcPP OI} P BIC FbcF C j‰vvvvv

KB ICc CO , B C }C P,0JOXyzcPb Hˆ X 6 "8 ` & - 7 . ! "8 & 6 ! )

!3 ` 0JzXP Pcˆ&- - X 6 "8 3! ` & - 7

JzFcPFCc BCKˆEB]CH X 6 "8 ` 7 & @ & @

& - 0

CE OczB ˆ X 6 "8 ` # 7 . ! Z S $;/ >

-B yˆ&- - X 6 "8 3! & - &#& & ; ";D& {$ + {

-7 0C] ˆ&- - X 6 "8 3! - 7

PF OczB ˆ X 6 "8 ` 7 . ! Z S $;/ >

-I B yˆ&- - X 6 "8 3! & - &#& "4 ";D& {$ + {

-7 0I> $VQ

<= ; >

… †… Aˆ{j @ $ 3V& ~{† V& ~…e †…e †

… †… Aˆ{j @ $ 3V& u{† V& u…e †…e †

$ + ! "x3! "4

5 R# U DY DEY Q 5 8 2& $;a - &

… †H| ! 2& $;a…e † H| ! 2& $;a

… †H| ! 2& …e † H| ! 2&

A-5 ! # D_+% DE_+% Q & 6 "8 A- Ž 3! 0 r8 M ;Q

KB•Cˆ Q & 6 "8 >& ;a& o Z " ‹0 3 $% &@ • -1& o

> ;a& "5 & 6 "8 +& -1& 3 >& ;a& - a > & ;a& "4 "8 JOKCEP 0

5 R# H D0 +Y% Q "8 2& ` & - ; + 0 ! ";D& "1

…JzKPb H

KXcˆ

PPFˆ †

- "TQ

Q & 6 "8 ) 2&0 X#& 5 2& &T 5 ! ,OI Ob BHB0

Q & 6 S 9 1 2 ! 2&0 ˆ Z -1& A * t 1 " !- "T

CBz ˆ ,BH ˆ Q & 6 "@ & - ! "@ @ &: 0 r/ 8 i 0

KFOXCˆ IKFOXCˆ Q & 6 "8 - &#& o " Y T

-& ` ! $G&0

I> $VQ

…O cCEˆ{ $ 0 3{†…B z KcXˆ{ 3 e -&0 A{ O ˆ{•&#& @ $ ‘{

O Bz ˆ BHH C KOXCˆ•IKFOXCˆ•† @ $ …eO†…eF†

5 5 $9# DY D I DEY D+ D I DE+ Q H #& ?

L $ #& &#& "8 M $( a …H † "5 & 6 "8 3‚ &9 "8 M !

…HH† "5 & 6 "8 "8 M & - 3‚ #& "8 = …H †0

X ` @ 31& "8 &: t ! & ` @ a % &: $| @ %

-0 r5 & 6 "8 & ` @ &#& U $V @& > ,BH ˆ “ "5 Y "8

& ` @ 0

I> $VQ

… OJ C JPcHCcˆZ,BH ˆZvv“†

… c†… H†’ ZZ… H†’ Z~

r5 3 "` & - U $V …XOF BP †…eXOF BP †0 1& "8 "`

&: i3 = ! & ` 0 &T 5 "p i &#& $(

O Bz ˆ Q ` &: &T # 8 ! CE -1& cBz

JOXyzcPb Hˆ Q & 6 "8 ` &:

KU $V …EcO CKC † ! …eEcO CKC † "5 & &U p * $ + ! `

&U p &- A 3 0 …EcO CKC † ";D& $( w3 a …EcO C† "5 "8 M

…A 3 3 ˆ{3 &‡ &{ ˆ{ - ‡$ { &ˆ{ Qee & e 3 e ‡Z0 3{†

…A 3 3 ˆ{ - ‡$ { &ˆ{ Qee & e 3 e ‡~0 3{†

…eA 3 †

…e 3 †

d A 3 &T Z > $V A 3 # &T 3 ˆ{3 &‡ &{ ! A 3 &T

3 ˆ{ - ‡$ {0 r5 2- o A 3 3 &‡ & a A 3 - ‡$ & 6 "8

- A 3 3 &‡ & ; Q ˆ{ - ‡$ {0 &ˆA Q "5 & 6 "8 7

5 + 0X#& 7 ‡Z0 3 ! ‡~0 3 &9 2- ;a&2- 7 ~A 3 0 3 & R & [ 0 @ $ &: 7 ‡Z0 3 -

… COH†…e COH† &T #- Q

… $†

… † V& V& & +&…e †

&T 3S + & 1 & t * Z f $- !- "T 3! 3 S -! @ @ $

! ";D& & R - &( Z 7 ! & ` 0 y "T &9 "1 &#&

"9 7 "5 &9 ;< $( &T 5 & & !- "T "5 " "3@ "-2 ; + G Y q3 3! &9 _- & - " "-2 "T0

`\ a5 5 D DE U $5 L

dc `\ a5 d 7 SB5 S @8" S #f 5 6"7L 3 ! ^) & 6 "8 Z "8 $ ">& "5 " "9 "-2 0

…O 3 ˆ{ 3 {†& d f g "9 "-2 …eO†

…O cCEˆ{ Qee77703 & - -A 0&-3{†…B z KcXˆ{ 3 e 0 A{†X &

!-! "5 " 7 &: & - -A …eO†

…O cCEˆ{3 -Q – 0 0 $ {† – 0 0 $ …eO†… †

5 h Bi# G AH D % DE %

H( "5 2- &#& & d "` - x ( f ( - &% "` "T - 7 0

XT ƒ &% "` #& ";D& "8 M ; Q

U;' #> & & , B & & ' (

^ Z& & , ZB & & ' (

k # i& & , iB & & ' (

v & & 7 B & & ' (

H' 7 B )& &

• 1# & & 7 B & & ' (

— Œj~••s Œ - s K3 - B& $ &

Is <s % / 0 0t% _.+%

BM $Q $ R > 6"7

"4 * ! - 9 7 M [ 2 5 ";D& &[ # &:2- 7 ! d D & - 2 ) * 7 "@ 0 - g& 2

&9 !3 7 M i &#& & n ! o

&: * "4 &T &#& & &V 2- 7 3@ &#& g& Y {, }- K

B , }- z { ,}KB,}z 0 J2 & 6 U $V & 6 !- % i & &V

&: 2 $( 5 + ";D& " ` 2 3- 3 S 0 K "q ! 3@ S

& &V p + Q

& C$ - Q F 9 ! &T - & z- $ & X-33 &

-& - -A E - & - -A H - 3 C - 3 B H Q &#& &

&V ! $• U $V ! + Y

& - -A ,- $Q &T 5 2- ! ; 7 a @ $ - [0

P W & E - Q & &V ! & &% & - 2 3@ 3‚ * "˜ "5 o

"T 2 &T 5 & G & - 3* 3@ S 3‚ o f ! U - @ $ &: 2 0

Ia g "< &: &#& & &V -2 - 7 "4 ! & - +& 2- Z

7 &| T ! 3% ` < 0 I% "` "1 ! 7

"˜ ! 4 &( a - [0 I% "` ! V @&-! -! !- g p & R& ! '3 3^ &: 2 0

< ^ AM _ 5 "

X & & @ !- K eF - 3 e & - -A E - F 0 ! * t % + Q

X G &#& 5 + ; 3V& ! 7 Q & & I 7 ! & G & & I 7 !

& G E- $ 0 ; f &#& 3V& #& & G 0

r5 n !- &#& + Q X G

r5 3 / ;D& Y 7 Q X G F 7

r5 3 7 ) g - * $ + Q X & [ {F 7 J -7 {

& &V K $ $ &T * "M 3`3 3# 000 0

X#& 5 ;D &#& & &V & & !- &T #& $V ; - *-2 - , 7- $0

XU p $( "5 n ! @ $ + -1& -2 - 7 G &

3 Y 7 XU p # 5 + &q ; 3V& &: 7 0 ? "[

!- A "5 3= &U p 3 S "T 2 * & & [ >

&: 0 S 3= @ ; 3V& * & & !- $% • S G ; 3V&

* & & $% 0

R d 5 6"7 B

X G E e 7eF & G - 3 F 3 S 2- 7

;< -1& & G E 3 F ! 5 A 3 3 S 2- 7 &T

A 3 0 X & Py "5 [&0

XT 5 2- 7 - &#& 3‚ "4 "8 m $- E- F & &% i &#& & G

E e 7eF ! & G 3‚ & - 7 > $VQ J - E- 3 F , Ž $

000 ! g& + - ;a $‚ &: 7 0

J & - $ - $Q X & [ -7 "5 & 6 "8 ) q3 !3 2& ` !

& G & & - E- "5 1 34 q3 ` -1& & 6 "8 S 9 2 q3

` - 0

X G J & - $Q

r# $% & & - J & - $ & ! & & [ J -7 "5 & G ) !3

` & - 7 0

C - - AA & Q & G & & - ! 2 3 S &#& "-2

&T + g& & @ !3 g p @ &T 7 & G &T

5 & G 3! & @ o [ c- - K 0

- ( X- - 2 &T 5 "p 3! & - ` 7 & - $ 3!

&: 3! &: 3! &: "4 $ + $

3! " $ + & 0

X G Q "# $% & & - {K & A - 3 { ! & 6 "8 S & - `

7 0 r# $% & & - {K & A A 3 { ! & 6 "8 S & - #

7 0

R @8" S

2-X & 5 ;D -1& & G B e -1& n X •y

" Z 7 #& * n "8 & 6 ! bc -1& & G g& A

o $ #& "4 &T = ! & & Py

" Z 3 &( * & G 3 o J 3

! & & Py0

R #9# A oB v b0 SB5 Sc 5

r4 2- 3S " &#& 9 @ $ - &( Z 7 3 & - 3d 9 @ $ - 7 "5 & 6 &9 & & !- 3V& V& &#&

2-9 @ $ ! " 9 @ $ ;/ R 0 S 2- &#& @

2 - 2- &#& " 53 $o 3 ;a&0 X#& ;a& 2- 3

H & 5 &- # a 8 > &9 2- " 53 $o

X G & R& B eJ 3

r1 & - " 53 $o ! & & Py0 S -# Z 3 !- * & & 3

"4 &T - $ #& ! & & X 0 S " Z 3 "4 "8 M *

& G 3 "T ! & & [ z- -0

K "T 3 S a " 53 $o ! & 6 &9 g& + - #&

2-" 3 0

2 w >

H & 5 &- # " 8 > 3 S & w * & & [

X G

";< $‚ ! ) * ! & & Py

R 57 "

) S $| -7 ! S &@ &- 3 ! & & Py0

^ 5 6"7 e# 6"7 $ " Aq #x

X & 5 ;D -1& & G E eP

! " #$% & $ ' (

y z% / 0 `{%

3 &#& A $ !- A- 3 !- 7

X#& + &: IJK&

X#& !3 &: IJK&

X#& + &: L K&

X#& ;/ R& &: L K&

X#& "S ;D &: L K&

$ $ 7- -1&e ! 7- & $ - R& XFeBF &T "9 ": "8 & 6

BF H K.000 #- # Y ` & ™ ; 3V&.000 53 S &#&3# > - 32 0

K KN Q 3 KN ! #- PHJX

K B B A- 3 - K Q 9 3`3 ;< w3 - , 0 J2 &T

5 &! "1 [& &! 7 -1& &! 7 0

K O& K F OKF Q &! "1 o A 0 &! "1 0 X 2

{ & 3 { o 3 {3 & - -A { 3! * % +

? "[ !- ! $8& V ,,, "5 "p &% * $8& V 3@ @ -2 %+ ! 2 & G $ & - Q

? "[ !- ; 3V& &T O ! -3 ! ; 3V& ! šB š777 @

2 "# $% @ 53 C & "5 &#& A 0 &T 5 & 2 ";D&0

| }

R d 5 575$" " #"

H ! &#& - - $8& & - - "g-& ; - &#& A G !

$ $ & 0 ;a& &T 5 2- Z $ ;a& 2 2- Z $ &

"5 ; $ 0 Z $ & &T 5 ; ` $ ! Z $ &T 5 ;

~0 r5 3= @ &› $ $ & n !- &› a / - @ K Ž J 0 ; f

i &› $ & &T ; 30

u0 r5 & 6 "8 $ & ! $ A $ & & G & & - H A H & 0

•0 r5 " ` & 6 $ & 3 - & G - 0

@ -2 - H H & % + 0 r ` & 6 - & - >& D 0

•0 r5 " ` & 6 $ & R& * - @ -2 C$ H H & & & X-70 r5 ) 8& " ` & 6 $ & & & K& $ 0

a $ & &: $ "5 $• $! V& h ! q & - + Y g& + 0

2 & 6 "8 3@ $ & #& * A - - $8& ";D& 2- ; 3@ 9 &:

•0 - @ H H & & G $ & ; $ !- "T0

J2 &T 5 2- Z $ & & - $ "4 & G i &#& & G … 7† ! -! %

- @ -2 7 H H & 0

ƒ0 - @ K Ž J n !- $ ;D 3 J "5 &% # & - $ &

&: $ 0

‹0 - @ - H & & G $ & & R A - - $8& 0

J2 &T 5 2- Z $ & & - A - - $8& i &#& & G … 7† ! -! %