L8 thietkeweb

8/2/2010

Bài 7KLӃWNӃWUDQJ:HE

Ĉӛ%i/kP
9LӋQ&17777- Ĉ+%.+1
1

1ӝLGXQJ
‡
‡
‡
‡

&ѫVӣFӫDWKLӃWNӃ:HE
&iFWLrXFKtWKLӃWNӃWUDQJ:HE
&iFEѭӟFWKLӃWNӃWUDQJ:HE
1KӳQJVDLOҫPWKѭӡQJJһSNKLWKLӃWNӃWUDQJ
Web

2

1


8/2/2010

&ѫVӣFӫDWKLӃWNӃ:HE
‡ 7KLӃWNӃWUDQJ:HEOjJu"
‡ &{QJQJKӋWKLӃWNӃ:HE
‡ 0{KuQKSKiWWULӇQ:HE

3

7KLӃWNӃWUDQJ:HEOjJu"
‡ 7KLӃWNӃ:HEOjNӻ[ҧRFӫDYLӋFWKLӃWNӃFiF
QӝLGXQJKLӇQWKӏÿѭӧFWUX\ӅQWҧLÿӃQQJѭӡLVӱ
GөQJWK{QJTXD:RUOG:LGH:HEEӣLWUuQK
GX\ӋW:HEKRһFFiFSKҫQPӅP:HENKiFQKѭ
566«en.wikipedia.org/wiki/Web_design)
‡ 7KLӃWNӃ:HEOjVӵOӵDFKӑQYjNӃWKӧSFiF
WKjQKSKҫQFyPһWÿӇWҥRUDKuQKWKӭFYjFҩX
WU~FFӫDPӝWWUDQJ:HE
(keywordmktg.com/Glossary.aspx)
4

2


8/2/2010

7KLӃWNӃWUDQJ:HEOjJu"
‡ 7KLӃW NӃ Web vs 7KLӃW NӃ các FăQ
phòng trong ngôi nhà?
‡ 7KLӃW NӃ WӕW là gì?
7KLӃW NӃ WӕW là WҥR ra PӕL quan KӋ
JLӳD các thành SKҫQ ÿѭӧF KLӇQ WKӏ và
WҥR ra Vӵ cân EҵQJ (balance) JLӳD
chúng
(Principles of beautiful web design)
5

&{QJQJKӋWKLӃWNӃZHE
‡ &iFNKiLQLӋPOLrQTXDQÿӃQ:HE
± :HESDJH:HEVLWH:HEWƭQK:HEÿӝQJ«
± 1J{QQJӳOұSWUuQKZHE

‡ 0{KuQKWKLӃWNӃ:HEKLӋQÿҥL
± Model ± View ± Controller (MVC)

‡ 7ӕLѭXKyDEӝWuPNLӃP
± Search Engine Optimization (SEO)

6

3


8/2/2010

0{KuQKSKiWWULӇQWUDQJ:HE
‡ 0{KuQKSKiWWULӇQJLӕQJQKѭP{KuQKSKiW
WULӇQSKҫQPӅPWK{QJWKѭӡQJ
‡ &iFEѭӟF
± Requirement
± Analyse
± Design
± Implement
± Test
± Document
7

0{KuQKSKiWWULӇQWUDQJ:HE
‡ Document
± Statement Of Work (SOW)
± Proposal Document (PD)
± Software Requirements Specification (SRS)
± Software Design Document (SDD)
± Software Test Description (STD)
± Software Test Report (STR)
± Software User Manual (SUM)
8

4


8/2/2010

&iFWLrXFKtWKLӃWNӃWUDQJ:HE
Tiêu chí chính:
‡ 7KLӃWNӃKѭӟQJQJѭӡLGQJ
‡ 7tQKWLӋQGөQJYjNKҧGөQJ

9

&iFWLrXFKtWKLӃWNӃWUDQJ:HE
‡
‡
‡
‡
‡

‡
‡
‡
‡

+m\ÿѫQJLҧQWURQJWKLӃWNӃ
1rQWҥRFiFÿѭӡQJOLQNU}UjQJ
ĈӏQKKѭӟQJPLQKEҥFK
ĈѭDUDKѭӟQJGүQFKRQJѭӡLVӱGөQJ16'

&XQJFҩSFKR16'QKӳQJWKӭKӑFҫQ
+ҥQFKӃWӕLÿDWKӡLJLDQGRZQORDG
7UiQKQKӳQJÿăQJNêNK{QJFҫQWKLӃW
6ӱGөQJPjXVҳFKjLKzD
)RQWFKӳVӱGөQJ
10

5


8/2/2010

+m\ÿѫQJLҧQWURQJWKLӃWNӃ

%ҥQVӱGөQJGӉGjQJ
ZHEVLWHFӫDW{L"
11

7ҥRFiFÿѭӡQJOLQNU}UjQJ

Ĉk\OjFiLJu"

12

6


8/2/2010

ĈӏQKKѭӟQJPLQKEҥFK

7{LÿDQJӣÿkX"

13

ĈѭDUDKѭӟQJGүQFKR16'

7{LNK{QJKLӇXW{LSKҧL
OjPQKѭWKӃQjR"
14

7


8/2/2010

&XQJFҩSFKR16'QKӳQJWKӭKӑ
FҫQ

1JѭӡLVӱGөQJPXӕQÿLӅX

gì?
15

+ҥQFKӃWӕLÿDWKӡLJLDQGRZQORDG

%ҥQFyWKӇFKӡW{LEDROkX"

16

8


8/2/2010

7UiQKQKӳQJPүXÿăQJNêNK{QJ
FҫQWKLӃW

%ҥQFyWKtFKÿăQJNt
không?
17

6ӱGөQJPjXVҳFKjLKzD

%ҥQFySKҧLOjPӝW
KӑDVƭ"
18

9

8/2/2010

)RQWFKӳVӱGөQJ

ĈyFySKҧLOjPӝWIRQW
FKӳÿһFELӋW"
19

10. Others

‡ 7KrPNKRҧQJWUӕQJ
‡ 7KrPQJѭӡLGQJ

20

10


8/2/2010

11. Principles of Beautiful web
design
‡
‡
‡
‡
‡

%ӕWUtYjNӃWKӧS/D\RXW&RPSRVLWLRQ

2. Màu (Color)
.ӃWFҩX7H[WXUH

7ҥRFKӳ7\SRJUDSK\

+uQKҧQK,PDJHU\


21

7UuQKGLӉQYjNӃWKӧS

22

11


8/2/2010

7ӍOӋYjQJ
‡ /êWKX\ӃWOѭӟL*ULG7KHRU\

‡ 7ӍOӋYjQJJROGHQUDWLR

± SKL «a


‡ 4X\WҳFPӝWSKҫQED

23

4X\WҳFPӝWSKҫQED

24

12


8/2/2010

4X\WҳFPӝWSKҫQED

25

4X\WҳFPӝWSKҫQED

26

13


8/2/2010

&kQEҵQJÿӕL[ӭQJ

gr0w.com
27

&kQEҵQJNK{QJÿӕL[ӭQJ

28

14


8/2/2010

&kQEҵQJNK{QJÿӕL[ӭQJ

29

ĈӝSKkQJLҧLPjQKuQK

30

15


8/2/2010

&iFEѭӟFWKLӃWNӃWUDQJ:HE
‡
‡
‡
‡
‡
‡
‡

%ѭӟF;iFÿӏQKFKLӃQOѭӧFSKiWWULӇQ

%ѭӟFĈăQJNêWrQPLӅQ
%ѭӟF%LrQWұSQӝLGXQJ
%˱ͣF7KL͇WN͇O̵SWUuQKZHEVLWH
%ѭӟF/ѭXWUӳYj[XҩWEҧQ
%ѭӟF4XҧQJEiYjSKiWWULӇQQӝLGXQJ
%ѭӟF&KXҭQEӏFKRQKӳQJWKD\ÿәLWѭѫQJODL
31

%˱ͣF7KL͇WN͇O̵SWUuQKZHEVLWH
‡
‡
‡
‡
‡
‡

%ѭӟF;iFÿӏQK\rXFҫXNKiFKKjQJ
%ѭӟF3KiFWKҧRêWѭӣQJWUrQJLҩ\
%ѭӟFĈiQKJLiPүXSKiFWKҧR
%ѭӟF7KLӃWNӃÿӗKӑDEҧQÿѫQVҳF
%ѭӟF3KӕLPjXFKRJLDRGLӋQZHE
%ѭӟF;k\GӵQJWjLOLӋXYӅ&666FULSWҦQK)ROGHU
cho trang web
‡ %ѭӟF6ӱGөQJFiFQJ{QQJӳÿӇWKLӃWNӃJLDRGLӋQ
‡ %ѭӟF.LӇPWUDWUrQFiFWUuQKGX\ӋW
‡ %ѭӟF&KX\ӇQPmQJXӗQWӟLEӝSKұQSKiWWULӇQZHE

iGURU

32

16


8/2/2010

%ѭӟF;iFÿӏQK\rXFҫXNKiFKKjQJ
‡ 0өFWLrX
;iFÿӏQKFKtQK[iF\rXFҫXFӫDNKiFKKjQJYӅ
PөFÿtFKVӱGөQJYjWKLӃWNӃFӫDWUDQJZHE
‡ 7KӵFKLӋQ
± &iFNLӃQWKӭFYӅNKҧRViWWURQJP{Q377.
± &KXҭQEӏFiFELӇXPүXÿӇOҩ\\rXFҫXNKiFKKjQJ
± 7ѭYҩQYjWKѭѫQJOѭӧQJYӟLNKiFKKjQJYӅ\rX
FҫX
33

%ѭӟF;iFÿӏQK\rXFҫXNKiFKKjQJ
‡ &iFQӝLGXQJ
± .KiLTXiWFKӭFQăQJFҩXWU~FQӝLGXQJYӅJLDR
GLӋQÿӕLWѭӧQJVӱGөQJ
± ;iFÿӏQKFiFTX\WUuQKQJKLӋSYөWURQJKӋWKӕQJ
± 6ҳS[ӃSÿӝѭXWLrQFӫDFiF\rXFҫX
± ĈiQKJLiNKiFKTXDQFiFFKӭFQăQJYjKLӋXQăQJ

34

17