Web Course 2 - Tong Quan Ve Web Va TKWeb

Lp trnh v Thit k Web 2
Bi 1 TNG QUAN V WEB V THIT K WEB
Khoa CNTT H.KHTN

2007 Khoa Cng ngh thng tin
Lp trnh v Thit k Web 2 Bi 1 : Tng quan v Web v Thit k Web
Internet - Mng cc my tnh
2007 Khoa CNTT - HKHTN
Web - Mng thng tin
Web l g?
L cc dch v phn tn cung cp thng tin multimedia da trn hypertext
Phn tn: thng tin c t trn nhiu my ch khp th gii multimedia: thng tin bao gm text, graphics, sound, video hypertext: l k thut c s dng truy cp thng tin
C khong hn 30 t trang web thuc hn 108 triu website (2-2007 - Netcraft's survey)
Cc thnh phn ca web

Webpage
L trang web. C th hin th cc thng tin di dng vn bn, hnh nh, m thanh, ...
Homepage : Trang ch. Thng l trang u tin (mc nh) khi

truy cp mt website.
Website
Tp hp cc trang web. Website ca cc t chc hay c nhn trn mng bao gm tp hp cc trang web lin quan n t chc ny.
Uniform Resource Locator (URL)

a ch ca web trn internet
Web Browser
ng dng truy cp n trang web qua URL
Trang ch Website Yahoo
Web hot ng nh th no?

Internet (WWW) Users (clients) Browse resources (HTML files) Authors write HTML
WWW Servers
Web Cc khi nim chnh

Web = Protocol + Language + Naming infrastructure HTTP - HyperText Transport Protocol L giao thc giao tip gia WWW client and server HTML - HyperText Markup Language Ngn ng biu din cc ti liu WWW URL - Uniform Resource Locator a ch web (xc nh duy nht)
Web - Cc khi nim chnh

a ch IP IP Address tracecrt www.yahoo.com L 1 con s 32 bit, chia thnh 4 s 8 bit, vd: 203.162.33.44 (gm 2 phn: network address, host address) Xc nh i tng nhn v gi thng tin trn Internet bit IP: ping www.intel.com
Web - Cc khi nim chnh

Tn min Domain name L tn giao dch ca cng ty hay t chc trn Internet. V d: www.intel.com : L a ch ca 1 my ch thuc t chc (cng ty) INTEL C a ch IP l 128.241.220.72, c tn my ch l WWW L tn min cp 1 (.com, org, .edu,. biz, .net,) nh x gia tn min v a ch IP Do DNS server Domain name system (service) m trch
Web cc khi nim chnh URL nh v cc ti nguyn Internet

URL l nh danh duy nht cho cc ti nguyn Internet Ch ra:
Cch truy cp V tr ti nguyn
C php chung:
protocol://host_name[:port_num][/path][/file_name]
http://www.microsoft.com:8080/en/us/default.aspx
protocol server name port directory/file name on the server
Web Cc khi nim chnh Browser

Ly hin th (nu c th) cc ti nguyn khc nhau Kh nng hin th :
text-only (Lynx, ...) graphic (MSIE, Netscape, ...)
Hin th c nhiu loi nh

TEXT, GIF, JPEG, sound, video, postscript,...
H tr nhiu giao thc

HTTP, FTP, SMTP, POP, ...
C th plug-in cc cng c vo browser tng tnh nng (3D animation, SWF, ...)
Cc giao tc chun trn Web

Browser URL 1. DNS lookup DNS server 2. TCP connection 3. HTTP request 4. HTTP response optional parallel connections Origin Server Web Server IIS
Cc bc thit lp Website
Xc nh yu cu Website Mua tn min Thu ch hosting Thit k Website a vo hot ng Duy tr thng tin, bo dng website
Xc nh mc ch yu cu ca Website
Mc tiu, yu cu c bn ca WebSite i tng phc v Ch ca WebSite
Mc tiu, yu cu c bn
ra mc tiu khi qut, ngn gn, r rng ca Website cn thit k L cng c nh gi s thnh bi ca mt Website Mc tiu phi di hn, bao trm ton b k hoch pht trin
i tng phc v
Xc nh loi c gi chnh ca Website Tm hiu v:
S hiu bit Trnh S thch Kinh nghim duyt Web
i tng phc v (tt)

Thit k tt = thch hp cho mt di rng cc loi c gi c trnh v nhu cu khch nhau
Ch ca Website
Gip nh hng cho nh thit k
Gio dc Hun luyn (online trainning) Tin tc Gii tr Din n trao i tho lun Mua bn, qun l.
Xem v d
Ch ca Website Din n
Ch ca Website o to trc tuyn
Ch ca Website Tin tc online
Ch ca Website Mua bn trc tuyn
Mua tn min
Tn min = Tn website
Tn ngn Gi nh D c, khng gy nhm ln Th hin c tn cng ty hoc nhn hiu chnh ca cng ty
rosevilleelectric.com Roseville + Electric
Mua tn min
Thu ch hosting
H iu hnh Dung lng Bng thng Ngn ng h tr H qun tr CSDL h tr Email POP3 SSL
Thit k giao din Website
Logo
Header
Menu
Content
Thit k giao din : 2x2 Layout
Thit k giao din : Table within a table
36 Tng quan v thit k Web 2007 Khoa CNTT - HKHTN
The inner table
Thit k giao din : Centered with three columns
Thit k giao din : Cu trc phc tp
Xc nh kiu ch, mu sc
Phng ch
c gi Trnh duyt, phn gii Ngn ng s dng Font c chn, khng chn
ph thuc vo
c im thng tin
Gam mu
thng nht trong ton b Website
Font ting Vit: VNI, TCVN3, Unicode
Xc nh kch thc khung nhn

Phi lm cho c gi cm nhn c kch thc ca trang thng tin, bit h ang u, c th lm g ? Lu , hu ht cc trang web u khng va khp vi mn hnh 14-15 inch.
Xc nh cu trc WebSite : Phn cp
Xc nh cu trc WebSite : Phn cp

Dng t chc cc khi thng tin phc hp. L h thng c dng thng dng nht Gn vi m hnh t chc th gii thc D hnh dung t chc website Ci nhn tng quan t trang ch
Mt s vn lin quan n vic thit k giao din c bn Thit k hng ti ngi s dng Cc gip nh hng r rng Khng c trang cui cng (dead-end) Bng thng v nh hng n gin v tnh nht qun Tnh n nh ca cc trang Web Phn hi v i thoi Tnh tng thch trn cc trnh duyt khc nhau (thay th)
Thit k hng ti ngi s dng

Ngi s dng l i tng chnh quyt nh s thnh bi ca Website Xy dng cc kch bn mu cho cc loi i tng s dng khc nhau
Thit k hng ti ngi s dng

Yu cu mc hon ho ca thit k giao din ha
Cch tt nht: th nghim
nhn cc phn hi t c gi.
Cc gip nh hng r rng

c gi c th tr li cc cu hi:
ang u ? C th lm g ? C th i tip ti u ?
Biu tng nht qun, d hiu, theo chun qui nh
Khng c trang cui cng (dead-end)

Mi trang c t nht mt lin kt. Lun c kh nng quay li trang ch, cc trang ch cht trn Website Trang dead-end cc trang khc. tht vng, mt kh nng n vi
Nn lin kt v trang ch trong mi trang.
Bng thng v nh hng

S kin nhn ca c gi c gii hn. Tc i khi l yu t quyt nh n vic la chn Website. Phn bit gia thit k cho Internet v Intranet
n gin v tnh nht qun

Ty vo loi ng dng c gi s khng n tng v s phc tp khng l do. c bit l c gi phc thuc vo thi gian v thng tin chnh xc. Cc biu tng n gin, quen thuc, nht qun trong tt c cc trang
Tnh n nh ca cc trang Web

n nh v cu trc v ni dung Cu trc: cc thnh phn c t ng ch v hot ng nhp nhng. Ni dung:
cc mi lin kt lun m bo c ch n ni dung lun m bo thch hp v phi cp nht cho ph hp vi ng cnh ti thi im c gi duyt Web.
Phn hi v i thoi
Chun b trc cho vic tr li, p ng cc i hi, gp ca c gi mt cch nhanh nht c th. Lun c cung cp a ch lin kt vi Webmaster Ln k hoch nhn s ph trch lu di
Tnh tng thch trn cc trnh duyt khc nhau

Khng phi mi trnh duyt u hin th trang web ca chng ta ging nhau. Lu khi c c gi s dng web browser khng c kh nng h tr ha (mobile, PDA, ). S dng nhn (tag) ALT trong HTML thay th
Thi gian qun l

Website cn c cp nht thng tin c gi lun cm nhn c ci mi Nu phn no c cp nht New Nu website phc tp ? thm k hiu
Ghi thi gian cp nht, s ngi truy cp thm mt trang What new
Lin kt trang web, qung co

To lin kt n cc trang thng tin (i tc, khch hng) tng uy tn Khi n nh thu ph: chuyn i hnh thc kinh doanh,
Thu t logo, qung co Thu ph thnh vin .
Ph lc, ngun thng tin, cc trang gip , FAQ

Thng tin bo co thng c ng thm cc ph lc trn web c
FAQ (Frequently Answer Questions) l tng cho vic thit k website h tr FAQ gim thiu nhn s v chi ph cho vic h tr, t vn khch hng
Lp trnh v Thit k Web 2
LAB1 Kho st cc website
Khoa CNTT H.KHTN

2007 Khoa Cng ngh thng tin
Ni dung
Thit lp nhm, to Mail cho nhm
m bo mi ngi c Email, Account trn Moodle
Tm kim thng tin v WEB Hosting

Cch dng Free Hosting
Cng c lp trnh v thit k web

FrontPage / Dreamweaver (MX, CS3) Photoshop (v.7, CS3)
Kho st cc Website Mt s trang web cung cp hnh nh lm web

www.clipart.com http://free-clip-art.com/
Mt s trang web cung cp cc kiu font ch

http://www.1001freefonts.com/fontfiles/main.htm
Mt s trang web cung cp mu thit k giao din web

http://www.freewebsitetemplates.com

Web Course 2 - Tong Quan Ve Web Va TKWeb

Uploaded by

Document Information

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

Web Course 2 - Tong Quan Ve Web Va TKWeb

Uploaded by

Copyright:

Available Formats

Lp trnh v Thit k Web 2

Bi 1 TNG QUAN V WEB V THIT K WEB

Khoa CNTT H.KHTN

Lp trnh v Thit k Web 2 Bi 1 : Tng quan v Web v Thit k Web

Internet - Mng cc my tnh

2007 Khoa CNTT - HKHTN

Lp trnh v Thit k Web 2 Bi 1 : Tng quan v Web v Thit k Web

Web - Mng thng tin

2007 Khoa CNTT - HKHTN

Lp trnh v Thit k Web 2 Bi 1 : Tng quan v Web v Thit k Web

2007 Khoa CNTT - HKHTN

Lp trnh v Thit k Web 2 Bi 1 : Tng quan v Web v Thit k Web

Cc thnh phn ca web

Homepage : Trang ch. Thng l trang u tin (mc nh) khi

Uniform Resource Locator (URL)

Lp trnh v Thit k Web 2 Bi 1 : Tng quan v Web v Thit k Web

Trang ch Website Yahoo

2007 Khoa CNTT - HKHTN

Lp trnh v Thit k Web 2 Bi 1 : Tng quan v Web v Thit k Web

Web hot ng nh th no?

Lp trnh v Thit k Web 2 Bi 1 : Tng quan v Web v Thit k Web

Web Cc khi nim chnh

2007 Khoa CNTT - HKHTN

Lp trnh v Thit k Web 2 Bi 1 : Tng quan v Web v Thit k Web

Web - Cc khi nim chnh

2007 Khoa CNTT - HKHTN

Lp trnh v Thit k Web 2 Bi 1 : Tng quan v Web v Thit k Web

Web - Cc khi nim chnh

2007 Khoa CNTT - HKHTN

Lp trnh v Thit k Web 2 Bi 1 : Tng quan v Web v Thit k Web

Web cc khi nim chnh URL nh v cc ti nguyn Internet

2007 Khoa CNTT - HKHTN

Lp trnh v Thit k Web 2 Bi 1 : Tng quan v Web v Thit k Web

Web Cc khi nim chnh Browser

Hin th c nhiu loi nh

H tr nhiu giao thc

Lp trnh v Thit k Web 2 Bi 1 : Tng quan v Web v Thit k Web

Cc giao tc chun trn Web

2007 Khoa CNTT - HKHTN

Lp trnh v Thit k Web 2 Bi 1 : Tng quan v Web v Thit k Web

2007 Khoa CNTT - HKHTN

Lp trnh v Thit k Web 2 Bi 1 : Tng quan v Web v Thit k Web

2007 Khoa CNTT - HKHTN

Lp trnh v Thit k Web 2 Bi 1 : Tng quan v Web v Thit k Web

2007 Khoa CNTT - HKHTN

Lp trnh v Thit k Web 2 Bi 1 : Tng quan v Web v Thit k Web

2007 Khoa CNTT - HKHTN

Lp trnh v Thit k Web 2 Bi 1 : Tng quan v Web v Thit k Web

2007 Khoa CNTT - HKHTN

Lp trnh v Thit k Web 2 Bi 1 : Tng quan v Web v Thit k Web

2007 Khoa CNTT - HKHTN

Lp trnh v Thit k Web 2 Bi 1 : Tng quan v Web v Thit k Web

i tng phc v (tt)

2007 Khoa CNTT - HKHTN

Lp trnh v Thit k Web 2 Bi 1 : Tng quan v Web v Thit k Web

2007 Khoa CNTT - HKHTN

Lp trnh v Thit k Web 2 Bi 1 : Tng quan v Web v Thit k Web

2007 Khoa CNTT - HKHTN

Lp trnh v Thit k Web 2 Bi 1 : Tng quan v Web v Thit k Web

Ch ca Website o to trc tuyn

2007 Khoa CNTT - HKHTN

Lp trnh v Thit k Web 2 Bi 1 : Tng quan v Web v Thit k Web

Ch ca Website Tin tc online

2007 Khoa CNTT - HKHTN