Bài giảng Thiết kế Web: Tổng quan về thiết kế Web - Phạm Thế Bảo

1/29/2010(cid:3)

T(cid:1240)NG(cid:3)QUAN(cid:3)V(cid:1220)(cid:3)THI(cid:1218)T(cid:3)K(cid:1218)(cid:3)WEB(cid:3)

PH(cid:1188)M TH(cid:1218) B(cid:1190)O ptbao@hcmus.edu.vn

Ph(cid:1189)m(cid:3)Th(cid:1219)(cid:3)B(cid:1191)o(cid:3)(cid:882)(cid:3)(cid:26)HKHTN(cid:3)Tp.HCM(cid:3)

Ph(cid:1195)n(cid:3)1:(cid:3)Xác(cid:3)(cid:284)(cid:1231)nh(cid:3)m(cid:1257)c(cid:3)(cid:284)ích,(cid:3)yêu(cid:3)c(cid:1195)u c(cid:1259)a(cid:3)Website(cid:3)c(cid:1195)n(cid:3)thi(cid:1219)t(cid:3)k(cid:1219)(cid:3)

Ph(cid:1195)n(cid:3)2:(cid:3)Thi(cid:1219)t(cid:3)k(cid:1219)(cid:3)giao(cid:3)di(cid:1227)n(cid:3)

Ph(cid:1195)n(cid:3)3:(cid:3)Các(cid:3)thành(cid:3)ph(cid:1195)n(cid:3)(cid:3) c(cid:1131)(cid:3)b(cid:1191)n(cid:3)c(cid:1259)a(cid:3)Website(cid:3)

1(cid:3)

Ph(cid:1195)n(cid:3)4:(cid:3)M(cid:1245)t(cid:3)s(cid:1237)(cid:3)v(cid:1193)n(cid:3)(cid:284)(cid:1221)(cid:3)c(cid:1195)n(cid:3)(cid:3) quan(cid:3)tâm(cid:3)

1/29/2010(cid:3)

Ph(cid:1195)n(cid:3)1(cid:3)(cid:882)(cid:3)Xác(cid:3)(cid:284)(cid:1231)nh(cid:3)m(cid:1257)c(cid:3)(cid:284)ích,(cid:3)yêu(cid:3)c(cid:1195)u(cid:3) c(cid:1259)a(cid:3)Website(cid:3)c(cid:1195)n(cid:3)thi(cid:1219)t(cid:3)k(cid:1219)(cid:3) • M(cid:1257)c(cid:3)tiêu,(cid:3)yêu(cid:3)c(cid:1195)u(cid:3)c(cid:1131)(cid:3)b(cid:1191)n(cid:3)c(cid:1259)a(cid:3)WebSite(cid:3) (cid:129) (cid:26)(cid:1237)i(cid:3)t(cid:1133)(cid:1255)ng(cid:3)ph(cid:1257)c(cid:3)v(cid:1257)(cid:3) (cid:129) Ch(cid:1259)(cid:3)(cid:284)(cid:1223)(cid:3)c(cid:1259)a(cid:3)WebSite(cid:3)(cid:3)

Ph(cid:1189)m(cid:3)Th(cid:1219)(cid:3)B(cid:1191)o(cid:3)(cid:882)(cid:3)(cid:26)HKHTN(cid:3)Tp.HCM(cid:3)

M(cid:1257)c(cid:3)tiêu,(cid:3)yêu(cid:3)c(cid:1195)u(cid:3)c(cid:1131)(cid:3)b(cid:1191)n(cid:3)

(cid:129) (cid:26)(cid:1221)(cid:3) ra(cid:3) m(cid:1257)c(cid:3) tiêu(cid:3) khái(cid:3) quát,(cid:3) ng(cid:1203)n(cid:3) g(cid:1233)n,(cid:3) rõ(cid:3) ràng(cid:3) c(cid:1259)a(cid:3)

(cid:129)

Website(cid:3)c(cid:1195)n(cid:3)thi(cid:1219)t(cid:3)k(cid:1219)(cid:3) Là(cid:3) công(cid:3) c(cid:1257)(cid:3) (cid:284)(cid:1223)(cid:3) (cid:284)ánh(cid:3) giá(cid:3) s(cid:1269)(cid:3) thành(cid:3) b(cid:1189)i(cid:3) c(cid:1259)a(cid:3) m(cid:1245)t(cid:3) Website(cid:3)

(cid:129) M(cid:1257)c(cid:3) tiêu(cid:3) ph(cid:1191)i(cid:3) dài(cid:3) h(cid:1189)n,(cid:3) bao(cid:3) trùm(cid:3) toàn(cid:3) b(cid:1245)(cid:3) k(cid:1219)(cid:3) ho(cid:1189)ch(cid:3)

phát(cid:3)tri(cid:1223)n.(cid:3)

2(cid:3)

1/29/2010(cid:3)

(cid:26)(cid:1237)i(cid:3)t(cid:1133)(cid:1255)ng(cid:3)ph(cid:1257)c(cid:3)v(cid:1257)(cid:3)

(cid:129) Xác(cid:3)(cid:284)(cid:1231)nh(cid:3)lo(cid:1189)i(cid:3)(cid:284)(cid:1233)c(cid:3)gi(cid:1191)(cid:3)chính(cid:3)c(cid:1259)a(cid:3)Website(cid:3) (cid:129) Tìm(cid:3)hi(cid:1223)u(cid:3)v(cid:1221):(cid:3)

o S(cid:1269)(cid:3)hi(cid:1223)u(cid:3)bi(cid:1219)t(cid:3) o Trình(cid:3)(cid:284)(cid:1245)(cid:3) o S(cid:1251)(cid:3)thích(cid:3) o Kinh(cid:3)nghi(cid:1227)m(cid:3)duy(cid:1227)t(cid:3)Web(cid:3)…(cid:3)

(cid:129) Thi(cid:1219)t(cid:3) k(cid:1219)(cid:3) t(cid:1237)t(cid:3) =(cid:3) thích(cid:3) h(cid:1255)p(cid:3) cho(cid:3) m(cid:1245)t(cid:3) d(cid:1191)i(cid:3) r(cid:1245)ng(cid:3) các(cid:3) lo(cid:1189)i(cid:3) (cid:284)(cid:1233)c(cid:3) gi(cid:1191)(cid:3) có(cid:3) trình(cid:3) (cid:284)(cid:1245)(cid:3) và(cid:3) nhu(cid:3) c(cid:1195)u(cid:3) khách(cid:3)nhau(cid:3)

Ch(cid:1259)(cid:3)(cid:284)(cid:1221)(cid:3)(cid:3)

(cid:129) Giúp(cid:3)(cid:284)(cid:1231)nh(cid:3)h(cid:1133)(cid:1247)ng(cid:3)cho(cid:3)nhà(cid:3)thi(cid:1219)t(cid:3)k(cid:1219)(cid:3)

(cid:129)

o Giáo(cid:3)d(cid:1257)c(cid:3) o Hu(cid:1193)n(cid:3)luy(cid:1227)n(cid:3)(online(cid:3)trainning)(cid:3) o Tin(cid:3)t(cid:1261)c(cid:3) o Gi(cid:1191)i(cid:3)trí(cid:3) o Di(cid:1225)n(cid:3)(cid:284)àn(cid:3)trao(cid:3)(cid:284)(cid:1241)i(cid:3)th(cid:1191)o(cid:3)lu(cid:1201)n(cid:3) o Mua(cid:3)bán,(cid:3)qu(cid:1191)n(cid:3)lý….(cid:3) ví(cid:3)d(cid:1257)(cid:3)

3(cid:3)

1/29/2010(cid:3)

Ví(cid:3)d(cid:1257)(cid:3)(cid:882)(cid:3)Di(cid:1225)n(cid:3)(cid:284)àn(cid:3)

Ph(cid:1189)m(cid:3)Th(cid:1219)(cid:3)B(cid:1191)o(cid:3)(cid:882)(cid:3)(cid:26)HKHTN(cid:3)Tp.HCM(cid:3)

Ví(cid:3)d(cid:1257)(cid:3)(cid:882)(cid:3)Online(cid:3)training(cid:3)

Ph(cid:1189)m(cid:3)Th(cid:1219)(cid:3)B(cid:1191)o(cid:3)(cid:882)(cid:3)(cid:26)HKHTN(cid:3)Tp.HCM(cid:3)

4(cid:3)

1/29/2010(cid:3)

Ví(cid:3)d(cid:1257)(cid:3)(cid:882)(cid:3)tin(cid:3)t(cid:1261)c(cid:3)

Ph(cid:1189)m(cid:3)Th(cid:1219)(cid:3)B(cid:1191)o(cid:3)(cid:882)(cid:3)(cid:26)HKHTN(cid:3)Tp.HCM(cid:3)

Ví(cid:3)d(cid:1257)(cid:3)(cid:882)(cid:3)Online(cid:3)Shopping(cid:3)

Ph(cid:1189)m(cid:3)Th(cid:1219)(cid:3)B(cid:1191)o(cid:3)(cid:882)(cid:3)(cid:26)HKHTN(cid:3)Tp.HCM(cid:3)

5(cid:3)

1/29/2010(cid:3)

Ph(cid:1195)n(cid:3)2(cid:3)(cid:882)(cid:3)Thi(cid:1219)t(cid:3)k(cid:1219)(cid:3)giao(cid:3)di(cid:1227)n(cid:3)

(cid:129) (cid:26)i(cid:1223)m(cid:3)khác(cid:3)bi(cid:1227)t(cid:3)gi(cid:1267)a(cid:3)tài(cid:3)li(cid:1227)u(cid:3)thông(cid:3)th(cid:1133)(cid:1249)ng(cid:3)và(cid:3)

trang(cid:3)WEB(cid:3)

(cid:129) M(cid:1245)t(cid:3) s(cid:1237)(cid:3) v(cid:1193)n(cid:3) (cid:284)(cid:1221)(cid:3) liên(cid:3) quan(cid:3) (cid:284)(cid:1219)n(cid:3) vi(cid:1227)c(cid:3) thi(cid:1219)t(cid:3) k(cid:1219)(cid:3)

giao(cid:3)di(cid:1227)n(cid:3)c(cid:1131)(cid:3)b(cid:1191)n(cid:3)

Ph(cid:1189)m(cid:3)Th(cid:1219)(cid:3)B(cid:1191)o(cid:3)(cid:882)(cid:3)(cid:26)HKHTN(cid:3)Tp.HCM(cid:3)

(cid:129) Thi(cid:1219)t(cid:3)k(cid:1219)(cid:3)giao(cid:3)di(cid:1227)n(cid:3)WebSite(cid:3)

Thi(cid:1219)t(cid:3)k(cid:1219)(cid:3)giao(cid:3)di(cid:1227)n(cid:3)Website(cid:3)

Logo(cid:3)

Header(cid:3)

Menu(cid:3)

Content(cid:3)

Ph(cid:1189)m(cid:3)Th(cid:1219)(cid:3)B(cid:1191)o(cid:3)(cid:882)(cid:3)(cid:26)HKHTN(cid:3)Tp.HCM(cid:3)

6(cid:3)

1/29/2010(cid:3)

2(cid:3)x(cid:3)2(cid:3)Layout(cid:3)

Ph(cid:1189)m(cid:3)Th(cid:1219)(cid:3)B(cid:1191)o(cid:3)(cid:882)(cid:3)(cid:26)HKHTN(cid:3)Tp.HCM(cid:3)

Table(cid:3)within(cid:3)a(cid:3)table(cid:3)

Ph(cid:1189)m(cid:3)Th(cid:1219)(cid:3)B(cid:1191)o(cid:3)(cid:882)(cid:3)(cid:26)HKHTN(cid:3)Tp.HCM(cid:3)

7(cid:3)

1/29/2010(cid:3)

The(cid:3)outer(cid:3)table(cid:3)

Ph(cid:1189)m(cid:3)Th(cid:1219)(cid:3)B(cid:1191)o(cid:3)(cid:882)(cid:3)(cid:26)HKHTN(cid:3)Tp.HCM(cid:3)

The(cid:3)inner(cid:3)table(cid:3)

Ph(cid:1189)m(cid:3)Th(cid:1219)(cid:3)B(cid:1191)o(cid:3)(cid:882)(cid:3)(cid:26)HKHTN(cid:3)Tp.HCM(cid:3)

8(cid:3)

1/29/2010(cid:3)

The(cid:3)inner(cid:3)table(cid:3)

Ph(cid:1189)m(cid:3)Th(cid:1219)(cid:3)B(cid:1191)o(cid:3)(cid:882)(cid:3)(cid:26)HKHTN(cid:3)Tp.HCM(cid:3)

Centered(cid:3)with(cid:3)three(cid:3)columns(cid:3)

Ph(cid:1189)m(cid:3)Th(cid:1219)(cid:3)B(cid:1191)o(cid:3)(cid:882)(cid:3)(cid:26)HKHTN(cid:3)Tp.HCM(cid:3)

9(cid:3)

1/29/2010(cid:3)

Really(cid:3)complicated(cid:3)design!(cid:3)

Ph(cid:1189)m(cid:3)Th(cid:1219)(cid:3)B(cid:1191)o(cid:3)(cid:882)(cid:3)(cid:26)HKHTN(cid:3)Tp.HCM(cid:3)

(cid:26)i(cid:1223)m(cid:3)khác(cid:3)bi(cid:1227)t(cid:3)gi(cid:1267)a(cid:3)tài(cid:3)li(cid:1227)u(cid:3)thông(cid:3) th(cid:1133)(cid:1249)ng(cid:3)và(cid:3)trang(cid:3)WEB(cid:3)

(cid:129) Gi(cid:1237)ng(cid:3) nhau:(cid:3) ph(cid:1191)i(cid:3) (cid:284)(cid:1133)(cid:1255)c(cid:3) tr(cid:1191)i(cid:3) qua(cid:3) s(cid:1269)(cid:3) phát(cid:3) tri(cid:1223)n(cid:3) và(cid:3)

chu(cid:1197)n(cid:3)hóa.(cid:3)

(cid:129) Khác(cid:3) nhau:(cid:3) các(cid:3) m(cid:1237)i(cid:3)

liên(cid:3) k(cid:1219)t(cid:3) siêu(cid:3) v(cid:265)n(cid:3) b(cid:1191)n,(cid:3)

multimedia…(cid:3)

(cid:3) (cid:3) (cid:3) (cid:3)

(cid:198)Cho(cid:3)phép(cid:3)ng(cid:1133)(cid:1249)i(cid:3)(cid:284)(cid:1233)c(cid:3)truy(cid:3)nh(cid:1201)p(cid:3)(cid:284)(cid:1219)n(cid:3)m(cid:1245)t(cid:3)trang(cid:3) (cid:284)(cid:1131)n(cid:3)l(cid:1215)(cid:3)mà(cid:3)không(cid:3)c(cid:1195)n(cid:3)(cid:284)(cid:1219)n(cid:3)l(cid:1249)i(cid:3)t(cid:1269)a(cid:3)(cid:284)(cid:1221).(cid:3)(cid:3) (cid:3) (cid:3)(cid:3)(cid:3)(cid:3)Tìm(cid:3)ki(cid:1219)m(cid:3)nhanh(cid:3)và(cid:3)(cid:284)(cid:1131)n(cid:3)gi(cid:1191)n(cid:3)h(cid:1131)n.(cid:3) (cid:3)(cid:3)(cid:3)(cid:3)Có(cid:3)th(cid:1223)(cid:3)quay(cid:3)l(cid:1189)i(cid:3)m(cid:1245)t(cid:3)lo(cid:1189)t(cid:3)các(cid:3)liên(cid:3)k(cid:1219)t.(cid:3)

Ph(cid:1189)m(cid:3)Th(cid:1219)(cid:3)B(cid:1191)o(cid:3)(cid:882)(cid:3)(cid:26)HKHTN(cid:3)Tp.HCM(cid:3)

10(cid:3)

1/29/2010(cid:3)

M(cid:1245)t(cid:3)s(cid:1237)(cid:3)v(cid:1193)n(cid:3)(cid:284)(cid:1221)(cid:3)liên(cid:3)quan(cid:3)(cid:284)(cid:1219)n(cid:3)vi(cid:1227)c(cid:3) thi(cid:1219)t(cid:3)k(cid:1219)(cid:3)giao(cid:3)di(cid:1227)n(cid:3)c(cid:1131)(cid:3)b(cid:1191)n(cid:3) (cid:129) Thi(cid:1219)t(cid:3)k(cid:1219)(cid:3)h(cid:1133)(cid:1247)ng(cid:3)t(cid:1247)i(cid:3)ng(cid:1133)(cid:1249)i(cid:3)s(cid:1265)(cid:3)d(cid:1257)ng(cid:3) (cid:129) Các(cid:3)giúp(cid:3)(cid:284)(cid:1253)(cid:3)(cid:284)(cid:1231)nh(cid:3)h(cid:1133)(cid:1247)ng(cid:3)rõ(cid:3)ràng(cid:3) (cid:129) Không(cid:3)có(cid:3)trang(cid:3)cu(cid:1237)i(cid:3)cùng(cid:3)(dead(cid:882)end)(cid:3) (cid:129) B(cid:265)ng(cid:3)thông(cid:3)và(cid:3)(cid:1191)nh(cid:3)h(cid:1133)(cid:1251)ng(cid:3) (cid:129) (cid:26)(cid:1131)n(cid:3)gi(cid:1191)n(cid:3)và(cid:3)tính(cid:3)nh(cid:1193)t(cid:3)quán(cid:3) (cid:129) Tính(cid:3)(cid:1241)n(cid:3)(cid:284)(cid:1231)nh(cid:3)c(cid:1259)a(cid:3)các(cid:3)trang(cid:3)Web(cid:3) (cid:129) Ph(cid:1191)n(cid:3)h(cid:1239)i(cid:3)và(cid:3)(cid:284)(cid:1237)i(cid:3)tho(cid:1189)i(cid:3) (cid:129) Tính(cid:3)t(cid:1133)(cid:1131)ng(cid:3)thích(cid:3)trên(cid:3)các(cid:3)trình(cid:3)duy(cid:1227)t(cid:3)khác(cid:3)nhau(cid:3)

(thay(cid:3)th(cid:1219))(cid:3)

Ph(cid:1189)m(cid:3)Th(cid:1219)(cid:3)B(cid:1191)o(cid:3)(cid:882)(cid:3)(cid:26)HKHTN(cid:3)Tp.HCM(cid:3)

Thi(cid:1219)t(cid:3)k(cid:1219)(cid:3)h(cid:1133)(cid:1247)ng(cid:3)t(cid:1247)i(cid:3)ng(cid:1133)(cid:1249)i(cid:3)s(cid:1265)(cid:3) d(cid:1257)ng(cid:3) (cid:129) Ng(cid:1133)(cid:1249)i(cid:3) s(cid:1265)(cid:3) d(cid:1257)ng(cid:3) là(cid:3) (cid:284)(cid:1237)i(cid:3) t(cid:1133)(cid:1255)ng(cid:3) chính(cid:3) quy(cid:1219)t(cid:3)

(cid:284)(cid:1231)nh(cid:3)s(cid:1269)(cid:3)thành(cid:3)b(cid:1189)i(cid:3)c(cid:1259)a(cid:3)Website(cid:3)

(cid:129) Yêu(cid:3)c(cid:1195)u(cid:3)m(cid:1261)c(cid:3)(cid:284)(cid:1245)(cid:3)hoàn(cid:3)h(cid:1191)o(cid:3)c(cid:1259)a(cid:3)thi(cid:1219)t(cid:3)k(cid:1219)(cid:3)giao(cid:3)

di(cid:1227)n(cid:3)(cid:284)(cid:1239)(cid:3)h(cid:1233)a(cid:3)

(cid:129) Xây(cid:3)d(cid:1269)ng(cid:3)các(cid:3)k(cid:1231)ch(cid:3)b(cid:1191)n(cid:3)m(cid:1199)u(cid:3)cho(cid:3)các(cid:3)lo(cid:1189)i(cid:3)(cid:284)(cid:1237)i(cid:3)

t(cid:1133)(cid:1255)ng(cid:3)s(cid:1265)(cid:3)d(cid:1257)ng(cid:3)khác(cid:3)nhau(cid:3)

(cid:129) Cách(cid:3)t(cid:1237)t(cid:3)nh(cid:1193)t:(cid:3)th(cid:1265)(cid:3)nghi(cid:1227)m(cid:3)(cid:198)(cid:3)nh(cid:1201)n(cid:3)các(cid:3)ph(cid:1191)n(cid:3)

Ph(cid:1189)m(cid:3)Th(cid:1219)(cid:3)B(cid:1191)o(cid:3)(cid:882)(cid:3)(cid:26)HKHTN(cid:3)Tp.HCM(cid:3)

11(cid:3)

h(cid:1239)i(cid:3)t(cid:1263)(cid:3)(cid:284)(cid:1233)c(cid:3)gi(cid:1191).(cid:3)

1/29/2010(cid:3)

Các(cid:3)giúp(cid:3)(cid:284)(cid:1253)(cid:3)(cid:284)(cid:1231)nh(cid:3)h(cid:1133)(cid:1247)ng(cid:3)rõ(cid:3)ràng(cid:3)

– (cid:26)ang(cid:3)(cid:1251)(cid:3)(cid:284)âu(cid:3)?(cid:3) – Có(cid:3)th(cid:1223)(cid:3)làm(cid:3)gì(cid:3)?(cid:3) – Có(cid:3)th(cid:1223)(cid:3)(cid:284)i(cid:3)ti(cid:1219)p(cid:3)t(cid:1247)i(cid:3)(cid:284)âu(cid:3)?(cid:3)

(cid:129) (cid:26)(cid:1233)c(cid:3)gi(cid:1191)(cid:3)có(cid:3)th(cid:1223)(cid:3)tr(cid:1191)(cid:3)l(cid:1249)i(cid:3)các(cid:3)câu(cid:3)h(cid:1235)i:(cid:3)

(cid:129) Bi(cid:1223)u(cid:3)t(cid:1133)(cid:1255)ng(cid:3)nh(cid:1193)t(cid:3)quán,(cid:3)d(cid:1225)(cid:3)hi(cid:1223)u,(cid:3)theo(cid:3)chu(cid:1197)n(cid:3)

qui(cid:3)(cid:284)(cid:1231)nh(cid:3)

(cid:129) Luôn(cid:3) có(cid:3) kh(cid:1191)(cid:3) n(cid:265)ng(cid:3) quay(cid:3) l(cid:1189)i(cid:3) trang(cid:3) ch(cid:1259),(cid:3) các(cid:3)

Ph(cid:1189)m(cid:3)Th(cid:1219)(cid:3)B(cid:1191)o(cid:3)(cid:882)(cid:3)(cid:26)HKHTN(cid:3)Tp.HCM(cid:3)

trang(cid:3)ch(cid:1259)(cid:3)ch(cid:1237)t(cid:3)trên(cid:3)Website(cid:3)

Không(cid:3)có(cid:3)trang(cid:3)cu(cid:1237)i(cid:3)cùng(cid:3)(deadend)(cid:3)

(cid:129) M(cid:1243)i(cid:3)trang(cid:3)có(cid:3)ít(cid:3)nh(cid:1193)t(cid:3)m(cid:1245)t(cid:3)liên(cid:3)k(cid:1219)t(cid:3) (cid:129) Trang(cid:3) “dead(cid:882)end”(cid:3) (cid:198)(cid:3) th(cid:1193)t(cid:3) v(cid:1233)ng,(cid:3) m(cid:1193)t(cid:3) kh(cid:1191)(cid:3)

n(cid:265)ng(cid:3)(cid:284)(cid:1219)n(cid:3)v(cid:1247)i(cid:3)các(cid:3)trang(cid:3)khác.(cid:3)

Ph(cid:1189)m(cid:3)Th(cid:1219)(cid:3)B(cid:1191)o(cid:3)(cid:882)(cid:3)(cid:26)HKHTN(cid:3)Tp.HCM(cid:3)

12(cid:3)

(cid:129) Nên(cid:3)(cid:284)(cid:1223)(cid:3)liên(cid:3)k(cid:1219)t(cid:3)v(cid:1221)(cid:3)trang(cid:3)ch(cid:1259)(cid:3)trong(cid:3)m(cid:1233)i(cid:3)trang.(cid:3)

1/29/2010(cid:3)

B(cid:265)ng(cid:3)thông(cid:3)và(cid:3)(cid:1191)nh(cid:3)h(cid:1133)(cid:1251)ng(cid:3)

(cid:129) S(cid:1269)(cid:3)kiên(cid:3)nh(cid:1199)n(cid:3)c(cid:1259)a(cid:3)(cid:284)(cid:1233)c(cid:3)gi(cid:1191)(cid:3)có(cid:3)gi(cid:1247)i(cid:3)h(cid:1189)n.(cid:3) (cid:129) T(cid:1237)c(cid:3)(cid:284)(cid:1245)(cid:3)(cid:284)ôi(cid:3)khi(cid:3)là(cid:3)y(cid:1219)u(cid:3)t(cid:1237)(cid:3)quy(cid:1219)t(cid:3)(cid:284)(cid:1231)nh(cid:3)(cid:284)(cid:1219)n(cid:3)vi(cid:1227)c(cid:3)

l(cid:1269)a(cid:3)ch(cid:1233)n(cid:3)Website.(cid:3)

(cid:129) Phân(cid:3) bi(cid:1227)t(cid:3) gi(cid:1267)a(cid:3) thi(cid:1219)t(cid:3) k(cid:1219)(cid:3) cho(cid:3) Internet(cid:3) và(cid:3)

Ph(cid:1189)m(cid:3)Th(cid:1219)(cid:3)B(cid:1191)o(cid:3)(cid:882)(cid:3)(cid:26)HKHTN(cid:3)Tp.HCM(cid:3)

Intranet.(cid:3)

(cid:26)(cid:1131)n(cid:3)gi(cid:1191)n(cid:3)và(cid:3)tính(cid:3)nh(cid:1193)t(cid:3)quán(cid:3)

(cid:129) Tùy(cid:3)vào(cid:3)lo(cid:1189)i(cid:3)(cid:1261)ng(cid:3)d(cid:1257)ng(cid:3) (cid:129) (cid:26)(cid:1233)c(cid:3) gi(cid:1191)(cid:3) s(cid:1217)(cid:3) không(cid:3) (cid:1193)n(cid:3) t(cid:1133)(cid:1255)ng(cid:3) và(cid:3) s(cid:1269)(cid:3) ph(cid:1261)c(cid:3) t(cid:1189)p(cid:3) không(cid:3)lý(cid:3)do.(cid:3)(cid:26)(cid:1211)c(cid:3)bi(cid:1227)t(cid:3)là(cid:3)(cid:284)(cid:1233)c(cid:3)gi(cid:1191)(cid:3)ph(cid:1257)c(cid:3)thu(cid:1245)c(cid:3) vào(cid:3)th(cid:1249)i(cid:3)gian(cid:3)và(cid:3)thông(cid:3)tin(cid:3)chính(cid:3)xác.(cid:3)

Ph(cid:1189)m(cid:3)Th(cid:1219)(cid:3)B(cid:1191)o(cid:3)(cid:882)(cid:3)(cid:26)HKHTN(cid:3)Tp.HCM(cid:3)

13(cid:3)

(cid:129) Các(cid:3)bi(cid:1223)u(cid:3)t(cid:1133)(cid:1255)ng(cid:3)(cid:284)(cid:1131)n(cid:3)gi(cid:1191)n,(cid:3)quen(cid:3)thu(cid:1245)c,(cid:3)nh(cid:1193)t(cid:3) (cid:129) quán(cid:3)trong(cid:3)t(cid:1193)t(cid:3)c(cid:1191)(cid:3)các(cid:3)trang(cid:3)

1/29/2010(cid:3)

Tính(cid:3)(cid:1241)n(cid:3)(cid:284)(cid:1231)nh(cid:3)c(cid:1259)a(cid:3)các(cid:3)trang(cid:3)Web(cid:3)

(cid:129) (cid:1240)n(cid:3)(cid:284)(cid:1231)nh(cid:3)v(cid:1221)(cid:3)c(cid:1193)u(cid:3)trúc(cid:3)và(cid:3)n(cid:1245)i(cid:3)dung(cid:3) (cid:129) C(cid:1193)u(cid:3)trúc:(cid:3)các(cid:3)thành(cid:3)ph(cid:1195)n(cid:3)(cid:284)(cid:1133)(cid:1255)c(cid:3)(cid:284)(cid:1211)t(cid:3)(cid:284)úng(cid:3)ch(cid:1243)(cid:3)

và(cid:3)ho(cid:1189)t(cid:3)(cid:284)(cid:1245)ng(cid:3)nh(cid:1231)p(cid:3)nhàng.(cid:3)

Ph(cid:1189)m(cid:3)Th(cid:1219)(cid:3)B(cid:1191)o(cid:3)(cid:882)(cid:3)(cid:26)HKHTN(cid:3)Tp.HCM(cid:3)

(cid:129) N(cid:1245)i(cid:3)dung:(cid:3)các(cid:3)m(cid:1237)i(cid:3)liên(cid:3)k(cid:1219)t(cid:3)luôn(cid:3)(cid:284)(cid:1191)m(cid:3)b(cid:1191)o(cid:3)có(cid:3) (cid:284)ích(cid:3)(cid:284)(cid:1219)n,(cid:3)n(cid:1245)i(cid:3)dung(cid:3)luôn(cid:3)(cid:284)(cid:1191)m(cid:3)b(cid:1191)o(cid:3)thích(cid:3)h(cid:1255)p(cid:3) và(cid:3)ph(cid:1191)i(cid:3)c(cid:1201)p(cid:3)nh(cid:1201)t(cid:3)cho(cid:3)phù(cid:3)h(cid:1255)p(cid:3)v(cid:1247)i(cid:3)ng(cid:1267)(cid:3)c(cid:1191)nh(cid:3) t(cid:1189)i(cid:3)th(cid:1249)i(cid:3)(cid:284)i(cid:1223)m(cid:3)(cid:284)(cid:1233)c(cid:3)gi(cid:1191)(cid:3)duy(cid:1227)t(cid:3)Web.(cid:3)

Ph(cid:1191)n(cid:3)h(cid:1239)i(cid:3)và(cid:3)(cid:284)(cid:1237)i(cid:3)tho(cid:1189)i(cid:3)

(cid:129) Chu(cid:1197)n(cid:3)b(cid:1231)(cid:3)tr(cid:1133)(cid:1247)c(cid:3)cho(cid:3)vi(cid:1227)c(cid:3)tr(cid:1191)(cid:3)l(cid:1249)i,(cid:3)(cid:284)áp(cid:3)(cid:1261)ng(cid:3)các(cid:3) (cid:284)òi(cid:3) h(cid:1235)i,(cid:3) góp(cid:3) ý(cid:3) c(cid:1259)a(cid:3) (cid:284)(cid:1233)c(cid:3) gi(cid:1191)(cid:3) m(cid:1245)t(cid:3) cách(cid:3) nhanh(cid:3) nh(cid:1193)t(cid:3)có(cid:3)th(cid:1223).(cid:3)

(cid:129) Luôn(cid:3) có(cid:3) cung(cid:3) c(cid:1193)p(cid:3) (cid:284)(cid:1231)a(cid:3) ch(cid:1229)(cid:3) (cid:284)(cid:1223)(cid:3) liên(cid:3) k(cid:1219)t(cid:3) v(cid:1247)i(cid:3)

“Webmaster”(cid:3)

Ph(cid:1189)m(cid:3)Th(cid:1219)(cid:3)B(cid:1191)o(cid:3)(cid:882)(cid:3)(cid:26)HKHTN(cid:3)Tp.HCM(cid:3)

14(cid:3)

(cid:129) Lên(cid:3)k(cid:1219)(cid:3)ho(cid:1189)ch(cid:3)nhân(cid:3)s(cid:1269)(cid:3)ph(cid:1257)(cid:3)trách(cid:3)lâu(cid:3)dài.(cid:3)

1/29/2010(cid:3)

Tính(cid:3)t(cid:1133)(cid:1131)ng(cid:3)thích(cid:3)trên(cid:3)các(cid:3)trình(cid:3) duy(cid:1227)t(cid:3)khác(cid:3)nhau(cid:3)(thay(cid:3)th(cid:1219))(cid:3)

(cid:129) Không(cid:3) ph(cid:1191)i(cid:3) m(cid:1233)i(cid:3) trình(cid:3) duy(cid:1227)t(cid:3) (cid:284)(cid:1221)u(cid:3) hi(cid:1223)n(cid:3) th(cid:1231)(cid:3)

trang(cid:3)web(cid:3)c(cid:1259)a(cid:3)chúng(cid:3)ta(cid:3)gi(cid:1237)ng(cid:3)nhau.(cid:3)

(cid:129) L(cid:1133)u(cid:3) ý(cid:3) khi(cid:3) có(cid:3) (cid:284)(cid:1233)c(cid:3) gi(cid:1191)(cid:3) s(cid:1265)(cid:3) d(cid:1257)ng(cid:3) web(cid:3) browser(cid:3)

không(cid:3)có(cid:3)kh(cid:1191)(cid:3)n(cid:265)ng(cid:3)h(cid:1243)(cid:3)tr(cid:1255)(cid:3)(cid:284)(cid:1239)(cid:3)h(cid:1233)a.(cid:3)

Ph(cid:1189)m(cid:3)Th(cid:1219)(cid:3)B(cid:1191)o(cid:3)(cid:882)(cid:3)(cid:26)HKHTN(cid:3)Tp.HCM(cid:3)

(cid:129) S(cid:1265)(cid:3)d(cid:1257)ng(cid:3)nhãn(cid:3)(tag)(cid:3)ALT(cid:3)trong(cid:3)HTML(cid:3)(cid:284)(cid:1223)(cid:3)thay(cid:3) (cid:129) th(cid:1219).(cid:3)

Thi(cid:1219)t(cid:3)k(cid:1219)(cid:3)giao(cid:3)di(cid:1227)n(cid:3)Website(cid:3)

(cid:129) Xác(cid:3)(cid:284)(cid:1231)nh(cid:3)ki(cid:1223)u(cid:3)ch(cid:1267),(cid:3)màu(cid:3)s(cid:1203)c(cid:3) (cid:129) Xác(cid:3)(cid:284)(cid:1231)nh(cid:3)kích(cid:3)th(cid:1133)(cid:1247)c(cid:3)khung(cid:3)nhìn(cid:3) (cid:129) Xác(cid:3)(cid:284)(cid:1231)nh(cid:3)các(cid:3)k(cid:1275)(cid:3)thu(cid:1201)t,(cid:3)công(cid:3)c(cid:1257)(cid:3)thi(cid:1219)t(cid:3)k(cid:1219)(cid:3) (cid:129) C(cid:1203)t(cid:3)(cid:284)o(cid:1189)n,(cid:3)tóm(cid:3)l(cid:1133)(cid:1255)c(cid:3)thông(cid:3)tin(cid:3) (cid:129) H(cid:1227)(cid:3)th(cid:1237)ng(cid:3)Menu(cid:3)(cid:284)i(cid:1221)u(cid:3)khi(cid:1223)n,(cid:3)các(cid:3)liên(cid:3)k(cid:1219)t(cid:3)gi(cid:1267)a(cid:3)

các(cid:3)trang(cid:3)

Ph(cid:1189)m(cid:3)Th(cid:1219)(cid:3)B(cid:1191)o(cid:3)(cid:882)(cid:3)(cid:26)HKHTN(cid:3)Tp.HCM(cid:3)

15(cid:3)

(cid:129) Xác(cid:3)(cid:284)(cid:1231)nh(cid:3)c(cid:1193)u(cid:3)trúc(cid:3)WebSite(cid:3)

1/29/2010(cid:3)

Xác(cid:3)(cid:284)(cid:1231)nh(cid:3)ki(cid:1223)u(cid:3)ch(cid:1267),(cid:3)màu(cid:3)s(cid:1203)c(cid:3)

(cid:129) Font(cid:3)ch(cid:1267)(cid:3)(cid:198)(cid:3)ph(cid:1257)(cid:3)thu(cid:1245)c(cid:3)vào(cid:3)

– (cid:26)(cid:1211)c(cid:3)(cid:284)i(cid:1223)m(cid:3)thông(cid:3)tin(cid:3) – (cid:26)(cid:1245)c(cid:3)gi(cid:1191)(cid:3) – Trình(cid:3)duy(cid:1227)t,(cid:3)(cid:284)(cid:1245)(cid:3)phân(cid:3)gi(cid:1191)i(cid:3) – Ngôn(cid:3)ng(cid:1267)(cid:3)s(cid:1265)(cid:3)d(cid:1257)ng(cid:3) – Font(cid:3)có(cid:3)chân,(cid:3)không(cid:3)chân…(cid:3)

(cid:129) Gam(cid:3)màu(cid:3)à(cid:3)th(cid:1237)ng(cid:3)nh(cid:1193)t(cid:3)trong(cid:3)toàn(cid:3)b(cid:1245)(cid:3)Website(cid:3) (cid:129) Font(cid:3)ti(cid:1219)ng(cid:3)Vi(cid:1227)t:(cid:3)VNI,(cid:3)TCVN3,(cid:3)Unicode…(cid:3)

Ph(cid:1189)m(cid:3)Th(cid:1219)(cid:3)B(cid:1191)o(cid:3)(cid:882)(cid:3)(cid:26)HKHTN(cid:3)Tp.HCM(cid:3)

Xác(cid:3)(cid:284)(cid:1231)nh(cid:3)kích(cid:3)th(cid:1133)(cid:1247)c(cid:3)khung(cid:3)nhìn(cid:3)

(cid:129) Ph(cid:1191)i(cid:3) làm(cid:3) cho(cid:3) (cid:284)(cid:1233)c(cid:3) gi(cid:1191)(cid:3) c(cid:1191)m(cid:3) nh(cid:1201)n(cid:3) (cid:284)(cid:1133)(cid:1255)c(cid:3) kích(cid:3) th(cid:1133)(cid:1247)c(cid:3) c(cid:1259)a(cid:3) trang(cid:3) thông(cid:3) tin,(cid:3) bi(cid:1219)t(cid:3) h(cid:1233)(cid:3) (cid:284)ang(cid:3) (cid:1251)(cid:3) (cid:284)âu,(cid:3)có(cid:3)th(cid:1223)(cid:3)làm(cid:3)gì(cid:3)?(cid:3)

(cid:129) L(cid:1133)u(cid:3)ý,(cid:3)h(cid:1195)u(cid:3)h(cid:1219)t(cid:3)các(cid:3)trang(cid:3)web(cid:3)(cid:284)(cid:1221)u(cid:3)không(cid:3)v(cid:1263)a(cid:3)

Ph(cid:1189)m(cid:3)Th(cid:1219)(cid:3)B(cid:1191)o(cid:3)(cid:882)(cid:3)(cid:26)HKHTN(cid:3)Tp.HCM(cid:3)

16(cid:3)

kh(cid:1247)p(cid:3)v(cid:1247)i(cid:3)màn(cid:3)hình(cid:3)14(cid:882)15(cid:3)inch.(cid:3)

1/29/2010(cid:3)

Ví(cid:3)d(cid:1257):(cid:3)

Ph(cid:1189)m(cid:3)Th(cid:1219)(cid:3)B(cid:1191)o(cid:3)(cid:882)(cid:3)(cid:26)HKHTN(cid:3)Tp.HCM(cid:3)

Xác(cid:3)(cid:284)(cid:1231)nh(cid:3)các(cid:3)k(cid:1275)(cid:3)thu(cid:1201)t,(cid:3)công(cid:3)c(cid:1257)(cid:3) thi(cid:1219)t(cid:3)k(cid:1219)(cid:3) (cid:129) Ph(cid:1257)(cid:3)thu(cid:1245)c(cid:3)nhi(cid:1221)u(cid:3)y(cid:1219)u(cid:3)t(cid:1237):(cid:3) – Môi(cid:3)tr(cid:1133)(cid:1249)ng(cid:3)hosting(cid:3) – (cid:26)(cid:1245)i(cid:3)ng(cid:441)(cid:3)thi(cid:1219)t(cid:3)k(cid:1219)(cid:3) – Chi(cid:3)phí(cid:3)thi(cid:1219)t(cid:3)k(cid:1219)(cid:3) – B(cid:265)ng(cid:3)thông(cid:3)(cid:284)(cid:1133)(cid:1249)ng(cid:3)truy(cid:1221)n(cid:3) – ….(cid:3) (cid:198)(cid:3)Chi(cid:3)phí(cid:3)

Ph(cid:1189)m(cid:3)Th(cid:1219)(cid:3)B(cid:1191)o(cid:3)(cid:882)(cid:3)(cid:26)HKHTN(cid:3)Tp.HCM(cid:3)

17(cid:3)

1/29/2010(cid:3)

C(cid:1203)t(cid:3)(cid:284)o(cid:1189)n,(cid:3)tóm(cid:3)l(cid:1133)(cid:1255)c(cid:3)thông(cid:3)tin(cid:3) (cid:129) Luôn(cid:3)có(cid:3)m(cid:1245)t(cid:3)s(cid:1237)(cid:3)l(cid:1255)i(cid:3)(cid:284)i(cid:1223)m:(cid:3)

– (cid:26)(cid:1233)c(cid:3)gi(cid:1191)(cid:3)có(cid:3)ít(cid:3)th(cid:1249)i(cid:3)gian(cid:3)(cid:284)(cid:1223)(cid:3)(cid:284)(cid:1233)c(cid:3)các(cid:3)tài(cid:3)li(cid:1227)u(cid:3)trên(cid:3)màn(cid:3)

hình.(cid:3)

– Luôn(cid:3)có(cid:3)nhu(cid:3)c(cid:1195)u(cid:3)mu(cid:1237)n(cid:3)tìm(cid:3)ph(cid:1195)n(cid:3)thông(cid:3)tin(cid:3)ch(cid:1259)(cid:3)(cid:284)(cid:1231)nh,(cid:3) không(cid:3) nên(cid:3) chia(cid:3) c(cid:1203)t(cid:3) quá(cid:3) nh(cid:1235),(cid:3) tóm(cid:3) l(cid:1133)(cid:1255)c(cid:3) quá(cid:3) ng(cid:1203)n(cid:3) à(cid:3) gây(cid:3)th(cid:1193)t(cid:3)v(cid:1233)ng(cid:3)

– Hình(cid:3)th(cid:1261)c(cid:3)và(cid:3)cách(cid:3)t(cid:1241)(cid:3)ch(cid:1261)c(cid:3)(cid:284)(cid:1239)ng(cid:3)nh(cid:1193)t(cid:3)à(cid:3)kinh(cid:3)nghi(cid:1227)m(cid:3)

tìm(cid:3)ki(cid:1219)m,(cid:3)khám(cid:3)phá.(cid:3)

– Thông(cid:3)tin(cid:3)ng(cid:1203)n(cid:3)g(cid:1233)n,(cid:3)súc(cid:3)tích(cid:3)thích(cid:3)h(cid:1255)p(cid:3)v(cid:1247)i(cid:3)màn(cid:3)hình(cid:3)

máy(cid:3)tính(cid:3)(b(cid:1231)(cid:3)gi(cid:1247)i(cid:3)h(cid:1189)n(cid:3)t(cid:1195)m(cid:3)nhìn).(cid:3)

(cid:129) Vi(cid:1227)c(cid:3)áp(cid:3)d(cid:1257)ng(cid:3)ph(cid:1191)i(cid:3)linh(cid:3)(cid:284)(cid:1245)ng,(cid:3)nh(cid:1193)t(cid:3)quán.(cid:3)

Ph(cid:1189)m(cid:3)Th(cid:1219)(cid:3)B(cid:1191)o(cid:3)(cid:882)(cid:3)(cid:26)HKHTN(cid:3)Tp.HCM(cid:3)

H(cid:1227)(cid:3)th(cid:1237)ng(cid:3)Menu(cid:3)(cid:284)i(cid:1221)u(cid:3)khi(cid:1223)n,(cid:3)các(cid:3) liên(cid:3)k(cid:1219)t(cid:3)gi(cid:1267)a(cid:3)các(cid:3)trang(cid:3) (cid:129) H(cid:1227)(cid:3) th(cid:1237)ng(cid:3) (cid:284)(cid:1239)(cid:3) h(cid:1233)a(cid:3) phong(cid:3) phú,(cid:3) nh(cid:1193)t(cid:3) quán,(cid:3)

mang(cid:3)tính(cid:3)g(cid:1255)i(cid:3)nh(cid:1247)(cid:3)

(cid:129) H(cid:1227)(cid:3)th(cid:1237)ng(cid:3)phím(cid:3)(cid:1193)n(cid:3)(cid:284)(cid:1239)ng(cid:3)nh(cid:1193)t,(cid:3)logic(cid:3) (cid:129) Có(cid:3)th(cid:1223)(cid:3) liên(cid:3)k(cid:1219)t(cid:3)(cid:284)(cid:1219)n(cid:3)m(cid:1245)t(cid:3)site(cid:3)khác(cid:3) c(cid:441)ng(cid:3) nh(cid:1133)(cid:3)

quay(cid:3)l(cid:1189)i(cid:3)site(cid:3)tr(cid:1133)(cid:1247)c.(cid:3)

(cid:129) Các(cid:3)liên(cid:3)k(cid:1219)t(cid:3)(cid:284)(cid:1219)n(cid:3)các(cid:3)site(cid:3)có(cid:3)giá(cid:3)tr(cid:1231)(cid:3)s(cid:1217)(cid:3)t(cid:265)ng(cid:3)giá(cid:3)

Ph(cid:1189)m(cid:3)Th(cid:1219)(cid:3)B(cid:1191)o(cid:3)(cid:882)(cid:3)(cid:26)HKHTN(cid:3)Tp.HCM(cid:3)

18(cid:3)

tr(cid:1231)(cid:3)chính(cid:3)website(cid:3)c(cid:1259)a(cid:3)chúng(cid:3)ta.(cid:3)

1/29/2010(cid:3)

Ví(cid:3)d(cid:1257)(cid:3)

Ph(cid:1189)m(cid:3)Th(cid:1219)(cid:3)B(cid:1191)o(cid:3)(cid:882)(cid:3)(cid:26)HKHTN(cid:3)Tp.HCM(cid:3)

Xác(cid:3)(cid:284)(cid:1231)nh(cid:3)c(cid:1193)u(cid:3)trúc(cid:3)WebSite(cid:3)

Ph(cid:1189)m(cid:3)Th(cid:1219)(cid:3)B(cid:1191)o(cid:3)(cid:882)(cid:3)(cid:26)HKHTN(cid:3)Tp.HCM(cid:3)

19(cid:3)

(cid:129) H(cid:1227)(cid:3)th(cid:1237)ng(cid:3)phân(cid:3)c(cid:1193)p(cid:3) (cid:129) H(cid:1227)(cid:3)th(cid:1237)ng(cid:3)các(cid:3)trang(cid:3)n(cid:1237)i(cid:3)ti(cid:1219)p(cid:3) (cid:129) Ô(cid:3)L(cid:1133)(cid:1247)i(cid:3) (cid:129) M(cid:1189)ng(cid:3)nh(cid:1227)n(cid:3)

1/29/2010(cid:3)

Phân(cid:3)c(cid:1193)p(cid:3)

Ph(cid:1189)m(cid:3)Th(cid:1219)(cid:3)B(cid:1191)o(cid:3)(cid:882)(cid:3)(cid:26)HKHTN(cid:3)Tp.HCM(cid:3)

H(cid:1227)(cid:3)th(cid:1237)ng(cid:3)Phân(cid:3)c(cid:1193)p(cid:3)

(cid:129) Dùng(cid:3) (cid:284)(cid:1223)(cid:3) t(cid:1241)(cid:3) ch(cid:1261)c(cid:3) các(cid:3) kh(cid:1237)i(cid:3) thông(cid:3) tin(cid:3) ph(cid:1261)c(cid:3)

h(cid:1255)p.(cid:3)

Ph(cid:1189)m(cid:3)Th(cid:1219)(cid:3)B(cid:1191)o(cid:3)(cid:882)(cid:3)(cid:26)HKHTN(cid:3)Tp.HCM(cid:3)

20(cid:3)

(cid:129) Là(cid:3)h(cid:1227)(cid:3)th(cid:1237)ng(cid:3)(cid:284)(cid:1133)(cid:1255)c(cid:3)dùng(cid:3)thông(cid:3)d(cid:1257)ng(cid:3)nh(cid:1193)t(cid:3) (cid:129) G(cid:1195)n(cid:3)v(cid:1247)i(cid:3)mô(cid:3)hình(cid:3)t(cid:1241)(cid:3)ch(cid:1261)c(cid:3)th(cid:1219)(cid:3)gi(cid:1247)i(cid:3)th(cid:1269)c(cid:3) (cid:129) D(cid:1225)(cid:3)hình(cid:3)dung(cid:3)t(cid:1241)(cid:3)ch(cid:1261)c(cid:3)website(cid:3) (cid:198)(cid:3)Cái(cid:3)nhìn(cid:3)t(cid:1241)ng(cid:3)quan(cid:3)t(cid:1263)(cid:3)trang(cid:3)ch(cid:1259)(cid:3)

1/29/2010(cid:3)

N(cid:1237)i(cid:3)ti(cid:1219)p(cid:3)

Ph(cid:1189)m(cid:3)Th(cid:1219)(cid:3)B(cid:1191)o(cid:3)(cid:882)(cid:3)(cid:26)HKHTN(cid:3)Tp.HCM(cid:3)

H(cid:1227)(cid:3)th(cid:1237)ng(cid:3)các(cid:3)trang(cid:3)n(cid:1237)i(cid:3)ti(cid:1219)p(cid:3)

(cid:129) Bi(cid:1223)u(cid:3)di(cid:1225)n(cid:3)thông(cid:3)tin(cid:3)tu(cid:1195)n(cid:3)t(cid:1269),(cid:3)các(cid:3)b(cid:1191)ng(cid:3)t(cid:1133)(cid:1249)ng(cid:3)

thu(cid:1201)t(cid:3)n(cid:1237)i(cid:3)ti(cid:1219)p(cid:3)theo(cid:3)th(cid:1249)i(cid:3)gian(cid:3)

(cid:129) Các(cid:3) thông(cid:3) tin(cid:3) tra(cid:3) c(cid:1261)u(cid:3) tham(cid:3) kh(cid:1191)o:(cid:3) t(cid:1269)(cid:3) (cid:284)i(cid:1223)n(cid:3)

báck(cid:3)khoa,(cid:3)t(cid:1269)(cid:3)(cid:284)i(cid:1223)n(cid:3)thu(cid:1201)t(cid:3)ng(cid:1267)(cid:3)

Ph(cid:1189)m(cid:3)Th(cid:1219)(cid:3)B(cid:1191)o(cid:3)(cid:882)(cid:3)(cid:26)HKHTN(cid:3)Tp.HCM(cid:3)

21(cid:3)

(cid:129) Thích(cid:3)h(cid:1255)p(cid:3)cho(cid:3)h(cid:1227)(cid:3)th(cid:1237)ng(cid:3)website(cid:3)nh(cid:1235).(cid:3)

1/29/2010(cid:3)

Ô(cid:3)l(cid:1133)(cid:1247)i(cid:3)

Ph(cid:1189)m(cid:3)Th(cid:1219)(cid:3)B(cid:1191)o(cid:3)(cid:882)(cid:3)(cid:26)HKHTN(cid:3)Tp.HCM(cid:3)

H(cid:1227)(cid:3)th(cid:1237)ng(cid:3)Ô(cid:3)l(cid:1133)(cid:1247)i(cid:3)

(cid:129) Danh(cid:3)sách(cid:3)khóa(cid:3)h(cid:1233)c,(cid:3)các(cid:3)bi(cid:1219)n(cid:3)c(cid:1237),(cid:3)s(cid:1269)(cid:3)ki(cid:1227)n(cid:3) (cid:129) T(cid:1263)ng(cid:3)(cid:284)(cid:1131)n(cid:3)v(cid:1231)(cid:3)trong(cid:3)c(cid:1193)u(cid:3)trúc(cid:3)ph(cid:1191)i(cid:3)có(cid:3)cùng(cid:3)c(cid:1193)u(cid:3)

trúc(cid:3)cho(cid:3)các(cid:3)ch(cid:1259)(cid:3)(cid:284)(cid:1221)(cid:3)l(cid:1247)n(cid:3)và(cid:3)nh(cid:1235)(cid:3)

(cid:129) Khó(cid:3) hi(cid:1223)u(cid:3) (cid:284)(cid:1237)i(cid:3) v(cid:1247)i(cid:3) khi(cid:3) xác(cid:3) (cid:284)(cid:1231)nh(cid:3) m(cid:1237)i(cid:3) liên(cid:3) quan(cid:3)

gi(cid:1267)a(cid:3)các(cid:3)lo(cid:1189)i(cid:3)thông(cid:3)tin.(cid:3)

Ph(cid:1189)m(cid:3)Th(cid:1219)(cid:3)B(cid:1191)o(cid:3)(cid:882)(cid:3)(cid:26)HKHTN(cid:3)Tp.HCM(cid:3)

22(cid:3)

(cid:129) R(cid:1193)t(cid:3) t(cid:1237)t(cid:3) (cid:284)(cid:1237)i(cid:3) v(cid:1247)i(cid:3) nh(cid:1267)ng(cid:3) (cid:284)(cid:1233)c(cid:3) gi(cid:1191)(cid:3) có(cid:3) kinh(cid:3) nghi(cid:1227)m,(cid:3) có(cid:3) s(cid:1209)n(cid:3) ki(cid:1219)n(cid:3) th(cid:1261)c(cid:3) v(cid:1221)(cid:3) h(cid:1227)(cid:3) th(cid:1237)ng,(cid:3) ch(cid:1259)(cid:3) (cid:284)(cid:1221)(cid:3)trong(cid:3)h(cid:1227)(cid:3)th(cid:1237)ng(cid:3)

1/29/2010(cid:3)

M(cid:1189)ng(cid:3)nh(cid:1227)n(cid:3)

Ph(cid:1189)m(cid:3)Th(cid:1219)(cid:3)B(cid:1191)o(cid:3)(cid:882)(cid:3)(cid:26)HKHTN(cid:3)Tp.HCM(cid:3)

H(cid:1227)(cid:3)th(cid:1237)ng(cid:3)m(cid:1189)ng(cid:3)nh(cid:1227)n(cid:3) (cid:129) T(cid:1237)(cid:3)ch(cid:1261)c(cid:3)ít(cid:3)h(cid:1189)n(cid:3)ch(cid:1219)(cid:3)cho(cid:3)vi(cid:1227)c(cid:3)s(cid:1265)(cid:3)d(cid:1257)ng(cid:3)m(cid:1199)u(cid:3)thông(cid:3)

tin(cid:3)

(cid:129) Mô(cid:3) hình(cid:3) t(cid:1269)(cid:3) khám(cid:3) phá,(cid:3) khai(cid:3) thác(cid:3) tri(cid:1227)t(cid:3) (cid:284)(cid:1223)(cid:3) (cid:1133)u(cid:3)

(cid:284)i(cid:1223)m(cid:3)c(cid:1259)a(cid:3)hyperlink(cid:3)

(cid:129) C(cid:1193)u(cid:3) trúc(cid:3) phi(cid:3) th(cid:1269)c(cid:3) t(cid:1219)(cid:3) nh(cid:1193)t,(cid:3) khó(cid:3) hi(cid:1223)u,(cid:3) khó(cid:3) d(cid:1269)(cid:3)

(cid:284)oán(cid:3)cho(cid:3)(cid:284)(cid:1233)c(cid:3)gi(cid:1191)(cid:3)

(cid:129) Thích(cid:3) h(cid:1255)p(cid:3) v(cid:1247)i(cid:3) nh(cid:1267)ng(cid:3) site(cid:3) nh(cid:1235),(cid:3) (cid:284)(cid:1233)c(cid:3) gi(cid:1191)(cid:3) chuyên(cid:3) nghi(cid:1227)p(cid:3) ho(cid:1211)c(cid:3) trình(cid:3) (cid:284)(cid:1245)(cid:3) cao,(cid:3) tìm(cid:3) ki(cid:1219)m(cid:3) các(cid:3) ki(cid:1219)n(cid:3) th(cid:1261)c(cid:3)chuyên(cid:3)sâu(cid:3)

Ph(cid:1189)m(cid:3)Th(cid:1219)(cid:3)B(cid:1191)o(cid:3)(cid:882)(cid:3)(cid:26)HKHTN(cid:3)Tp.HCM(cid:3)

23(cid:3)

1/29/2010(cid:3)

Ph(cid:1195)n(cid:3)3(cid:3)(cid:882)(cid:3)Các(cid:3)thành(cid:3)ph(cid:1195)n(cid:3)c(cid:1131)(cid:3)b(cid:1191)n(cid:3)c(cid:1259)a(cid:3) Website(cid:3)

Ph(cid:1189)m(cid:3)Th(cid:1219)(cid:3)B(cid:1191)o(cid:3)(cid:882)(cid:3)(cid:26)HKHTN(cid:3)Tp.HCM(cid:3)

(cid:129) Trang(cid:3)ch(cid:1259)(cid:3)(HomePage)(cid:3) (cid:129) H(cid:1227)(cid:3)th(cid:1237)ng(cid:3)Menu,(cid:3)Logo,(cid:3)(cid:284)(cid:1231)nh(cid:3)danh(cid:3) (cid:129) Các(cid:3)trang(cid:3)thành(cid:3)viên(cid:3)

Trang(cid:3)ch(cid:1259)(cid:3)

(cid:129) M(cid:1233)i(cid:3)website(cid:3)(cid:284)(cid:1221)u(cid:3)(cid:284)(cid:1133)(cid:1255)c(cid:3)thi(cid:1219)t(cid:3)l(cid:1201)p(cid:3)quanh(cid:3)

Homepage(cid:3)

Ph(cid:1189)m(cid:3)Th(cid:1219)(cid:3)B(cid:1191)o(cid:3)(cid:882)(cid:3)(cid:26)HKHTN(cid:3)Tp.HCM(cid:3)

24(cid:3)

(cid:129) (cid:26)i(cid:1221)u(cid:3)ki(cid:1227)n(cid:3)c(cid:1131)(cid:3)b(cid:1191)n(cid:3)(cid:284)(cid:1223)(cid:3)website(cid:3)thành(cid:3)công(cid:3) (cid:129) L(cid:1133)u(cid:3)ý(cid:3)khi(cid:3)s(cid:1265)(cid:3)d(cid:1257)ng(cid:3)h(cid:1227)(cid:3)th(cid:1237)ng(cid:3)(cid:284)(cid:1239)(cid:3)h(cid:1233)a(cid:3)

1/29/2010(cid:3)

H(cid:1227)(cid:3)th(cid:1237)ng(cid:3)menu,logo,(cid:3)(cid:284)(cid:1231)nh(cid:3)danh(cid:3)

(cid:129) H(cid:1227)(cid:3)th(cid:1237)ng(cid:3)menu(cid:3)ph(cid:1191)i(cid:3)rõ(cid:3)ràng,(cid:3)(cid:284)(cid:1195)y(cid:3)(cid:284)(cid:1259)(cid:3)s(cid:1217)(cid:3)giúp(cid:3) (cid:284)(cid:1233)c(cid:3) gi(cid:1191)(cid:3) hình(cid:3) dung(cid:3) (cid:284)(cid:1133)(cid:1255)c(cid:3) c(cid:1193)u(cid:3) trúc,(cid:3) t(cid:1241)(cid:3) ch(cid:1261)c(cid:3) website.(cid:3)

(cid:129) C(cid:1195)n(cid:3)quan(cid:3)tâm(cid:3)(cid:284)(cid:1219)n(cid:3)v(cid:1231)(cid:3)trí,(cid:3)các(cid:3)th(cid:1223)(cid:3)hi(cid:1227)n(cid:3)(có(cid:3)hay(cid:3)

không(cid:3)có(cid:3)hi(cid:1227)u(cid:3)(cid:1261)ng)(cid:3)

(cid:129) V(cid:1231)(cid:3) trí(cid:3) logo,(cid:3) (cid:284)(cid:1231)nh(cid:3) danh(cid:3) công(cid:3) ty(cid:3) ph(cid:1191)i(cid:3) c(cid:1237)(cid:3) (cid:284)(cid:1231)nh(cid:3)

Ph(cid:1189)m(cid:3)Th(cid:1219)(cid:3)B(cid:1191)o(cid:3)(cid:882)(cid:3)(cid:26)HKHTN(cid:3)Tp.HCM(cid:3)

nh(cid:1193)t(cid:3)quán(cid:3)

Các(cid:3)trang(cid:3)thành(cid:3)viên(cid:3)

(cid:129) Xây(cid:3)d(cid:1269)ng(cid:3)theo(cid:3)c(cid:1193)u(cid:3)trúc(cid:3)c(cid:1131)(cid:3)b(cid:1191)n(cid:3)c(cid:1259)a(cid:3)website(cid:3) (cid:129) Nh(cid:1193)t(cid:3) quán,(cid:3) phù(cid:3) h(cid:1255)p(cid:3) v(cid:1247)i(cid:3) các(cid:3) thu(cid:1245)c(cid:3) tính(cid:3) (cid:284)ã(cid:3)

Ph(cid:1189)m(cid:3)Th(cid:1219)(cid:3)B(cid:1191)o(cid:3)(cid:882)(cid:3)(cid:26)HKHTN(cid:3)Tp.HCM(cid:3)

25(cid:3)

(cid:284)(cid:1231)nh(cid:3)d(cid:1189)ng(cid:3)tr(cid:1133)(cid:1247)c(cid:3)

1/29/2010(cid:3)

Ph(cid:1195)n(cid:3)4(cid:3)–(cid:3)M(cid:1245)t(cid:3)s(cid:1237)(cid:3)v(cid:1193)n(cid:3)(cid:284)(cid:1221)(cid:3)c(cid:1195)n(cid:3)quan(cid:3)tâm(cid:3)

(cid:129) Th(cid:1249)i(cid:3)gian(cid:3)qu(cid:1191)n(cid:3)lý(cid:3) (cid:129) Liên(cid:3)k(cid:1219)t(cid:3)các(cid:3)trang(cid:3)Web,(cid:3)qu(cid:1191)ng(cid:3)cáo(cid:3) (cid:129) Ph(cid:1257)(cid:3)l(cid:1257)c,(cid:3)ngu(cid:1239)n(cid:3)thông(cid:3)tin,(cid:3)các(cid:3)trang(cid:3)giúp(cid:3)(cid:284)(cid:1253),(cid:3)

FAQ(cid:3)

Ph(cid:1189)m(cid:3)Th(cid:1219)(cid:3)B(cid:1191)o(cid:3)(cid:882)(cid:3)(cid:26)HKHTN(cid:3)Tp.HCM(cid:3)

(cid:129) Thi(cid:1219)t(cid:3)k(cid:1219)(cid:3)trang(cid:3)Web(cid:3)cho(cid:3)m(cid:1189)ng(cid:3)Interanet(cid:3)

Th(cid:1249)i(cid:3)gian(cid:3)qu(cid:1191)n(cid:3)lý(cid:3) (cid:129) Website(cid:3)c(cid:1195)n(cid:3)(cid:284)(cid:1133)(cid:1255)c(cid:3)c(cid:1201)p(cid:3)nh(cid:1201)t(cid:3)thông(cid:3)tin(cid:3)(cid:284)(cid:1223)(cid:3)(cid:284)(cid:1233)c(cid:3)

gi(cid:1191)(cid:3)luôn(cid:3)c(cid:1191)m(cid:3)nh(cid:1201)n(cid:3)(cid:284)(cid:1133)(cid:1255)c(cid:3)cái(cid:3)m(cid:1247)i(cid:3)

(cid:129) N(cid:1219)u(cid:3)ph(cid:1195)n(cid:3)nào(cid:3)(cid:284)ó(cid:3)(cid:284)(cid:1133)(cid:1255)c(cid:3)c(cid:1201)p(cid:3)nh(cid:1201)t(cid:3)(cid:198)(cid:3)thêm(cid:3)ký(cid:3)

hi(cid:1227)u(cid:3)“New”(cid:3)

(cid:129) Ghi(cid:3)th(cid:1249)i(cid:3)gian(cid:3)c(cid:1201)p(cid:3)nh(cid:1201)t,(cid:3)s(cid:1237)(cid:3)ng(cid:1133)(cid:1249)i(cid:3)truy(cid:3)c(cid:1201)p…(cid:3) (cid:129) N(cid:1219)u(cid:3) website(cid:3) ph(cid:1261)c(cid:3) t(cid:1189)p(cid:3) (cid:198)(cid:3) thêm(cid:3) m(cid:1245)t(cid:3) trang(cid:3)

Ph(cid:1189)m(cid:3)Th(cid:1219)(cid:3)B(cid:1191)o(cid:3)(cid:882)(cid:3)(cid:26)HKHTN(cid:3)Tp.HCM(cid:3)

26(cid:3)

“What(cid:3)new(cid:3)?”(cid:3)

1/29/2010(cid:3)

Liên(cid:3)k(cid:1219)t(cid:3)trang(cid:3)web,(cid:3)qu(cid:1191)ng(cid:3)cáo(cid:3)

(cid:129) T(cid:1189)o(cid:3)liên(cid:3)k(cid:1219)t(cid:3)(cid:284)(cid:1219)n(cid:3)các(cid:3)trang(cid:3)thông(cid:3)tin(cid:3)((cid:284)(cid:1237)i(cid:3)tác,(cid:3)

khách(cid:3)hàng…)(cid:3)(cid:198)(cid:3)t(cid:265)ng(cid:3)uy(cid:3)tín(cid:3)

(cid:129) Khi(cid:3)(cid:284)ã(cid:3)(cid:1241)n(cid:3)(cid:284)(cid:1231)nh(cid:3)(cid:198)(cid:3)chuy(cid:1223)n(cid:3)(cid:284)(cid:1241)i(cid:3)hình(cid:3)th(cid:1261)c(cid:3)kinh(cid:3)

Ph(cid:1189)m(cid:3)Th(cid:1219)(cid:3)B(cid:1191)o(cid:3)(cid:882)(cid:3)(cid:26)HKHTN(cid:3)Tp.HCM(cid:3)

doanh,(cid:3)thu(cid:3)phí:(cid:3) – Thuê(cid:3)(cid:284)(cid:1211)t(cid:3)logo,(cid:3)qu(cid:1191)ng(cid:3)cáo(cid:3) – Thu(cid:3)phí(cid:3)thành(cid:3)viên(cid:3) – (cid:3)….(cid:3)

Ph(cid:1257)(cid:3)l(cid:1257)c,(cid:3)ngu(cid:1239)n(cid:3)thông(cid:3)tin,(cid:3)các(cid:3)trang(cid:3) giúp(cid:3)(cid:284)(cid:1253),(cid:3)FAQ(cid:3) (cid:129) Thông(cid:3) tin(cid:3) báo(cid:3) cáo(cid:3) th(cid:1133)(cid:1249)ng(cid:3) cô(cid:3) (cid:284)(cid:1233)ng(cid:3) (cid:198)(cid:3) trên(cid:3)

web(cid:3)có(cid:3)thêm(cid:3)các(cid:3)ph(cid:1257)(cid:3)l(cid:1257)c(cid:3)

(cid:129) FAQ(cid:3) (Frequently(cid:3) Asked(cid:3) Questions)(cid:3) lý(cid:3) t(cid:1133)(cid:1251)ng(cid:3)

cho(cid:3)vi(cid:1227)c(cid:3)thi(cid:1219)t(cid:3)k(cid:1219)(cid:3)website(cid:3)h(cid:1243)(cid:3)tr(cid:1255)(cid:3)

(cid:129) FAQ(cid:3) (cid:198)(cid:3) gi(cid:1191)m(cid:3) thi(cid:1223)u(cid:3) nhân(cid:3) s(cid:1269)(cid:3) và(cid:3) chi(cid:3) phí(cid:3) cho(cid:3)

Ph(cid:1189)m(cid:3)Th(cid:1219)(cid:3)B(cid:1191)o(cid:3)(cid:882)(cid:3)(cid:26)HKHTN(cid:3)Tp.HCM(cid:3)

27(cid:3)

vi(cid:1227)c(cid:3)h(cid:1243)(cid:3)tr(cid:1255),(cid:3)t(cid:1133)(cid:3)v(cid:1193)n(cid:3)khách(cid:3)hàng(cid:3)

1/29/2010(cid:3)

Thi(cid:1219)t(cid:3)k(cid:1219)(cid:3)trang(cid:3)web(cid:3)cho(cid:3)m(cid:1189)ng(cid:3) Intranet(cid:3) (cid:129) M(cid:1245)t(cid:3)s(cid:1237)(cid:3)site(cid:3)thi(cid:1219)t(cid:3)k(cid:1219)(cid:3)riêng(cid:3)cho(cid:3)các(cid:3)t(cid:1241)(cid:3)ch(cid:1261)c,(cid:3)s(cid:1265)(cid:3)

d(cid:1257)ng(cid:3)m(cid:1189)ng(cid:3)LAN(cid:3)

(cid:129) M(cid:1257)c(cid:3) tiêu(cid:3) :(cid:3) nâng(cid:3) cao(cid:3) th(cid:1249)i(cid:3) gian(cid:3) truy(cid:3) c(cid:1201)p,(cid:3) d(cid:1199)n(cid:3) d(cid:1203)t(cid:3)vào(cid:3)sâu(cid:3)trong(cid:3)c(cid:1193)u(cid:3)trúc(cid:3)website(cid:3)à(cid:3)(cid:284)òi(cid:3)h(cid:1235)i(cid:3) thông(cid:3)tin(cid:3)ph(cid:1191)i(cid:3)h(cid:1193)p(cid:3)d(cid:1199)n,(cid:3)có(cid:3)giá(cid:3)tr(cid:1231)(cid:3)

Ph(cid:1189)m(cid:3)Th(cid:1219)(cid:3)B(cid:1191)o(cid:3)(cid:882)(cid:3)(cid:26)HKHTN(cid:3)Tp.HCM(cid:3)

Ki(cid:1223)m(cid:3)th(cid:1265)(cid:3)

– Ki(cid:1223)m(cid:3)tra(cid:3)trên(cid:3)nhi(cid:1221)u(cid:3)trình(cid:3)

duy(cid:1227)t(cid:3)

– Ki(cid:1223)m(cid:3)tra(cid:3)trên(cid:3)nhi(cid:1221)u(cid:3)lo(cid:1189)i(cid:3)

m(cid:1189)ng(cid:3)

– Ki(cid:1223)m(cid:3)tra(cid:3)t(cid:1237)c(cid:3)(cid:284)(cid:1245)(cid:3) – Ki(cid:1223)m(cid:3)tra(cid:3)các(cid:3)liên(cid:3)k(cid:1219)t(cid:3) – Th(cid:1265)(cid:3)các(cid:3)l(cid:1243)i(cid:3)b(cid:1191)o(cid:3)m(cid:1201)t(cid:3) – …(cid:3)

Ph(cid:1189)m(cid:3)Th(cid:1219)(cid:3)B(cid:1191)o(cid:3)(cid:882)(cid:3)(cid:26)HKHTN(cid:3)Tp.HCM(cid:3)

28(cid:3)

(cid:129) (cid:26)(cid:1263)ng(cid:3) (cid:284)(cid:1223)(cid:3) ý(cid:3) t(cid:1247)i(cid:3) b(cid:265)ng(cid:3) thông(cid:3) và(cid:3) t(cid:1237)c(cid:3) (cid:284)(cid:1245)(cid:3) à(cid:3) chú(cid:3) tr(cid:1233)ng(cid:3)(cid:284)(cid:1219)n(cid:3)n(cid:1245)i(cid:3)dung(cid:3)có(cid:3)giá(cid:3)tr(cid:1231)(cid:3)và(cid:3)s(cid:1269)(cid:3)h(cid:1193)p(cid:3)d(cid:1199)n(cid:3) cho(cid:3)website.(cid:3)

1/29/2010(cid:3)

Bài(cid:3)th(cid:1269)c(cid:3)hành(cid:3)2:(cid:3)(cid:3) THI(cid:1218)T(cid:3)K(cid:1218)(cid:3)WEBSITE(cid:3)

i.

Thi(cid:1219)t(cid:3)k(cid:1219)(cid:3)s(cid:1131)(cid:3)(cid:284)(cid:1239)(cid:3)t(cid:1241)(cid:3)ch(cid:1261)c(cid:3)các(cid:3)trang(cid:3)web(cid:3)c(cid:1259)a(cid:3)t(cid:1263)ng(cid:3) các(cid:3)nhân(cid:3)(t(cid:1263)ng(cid:3)ng(cid:1133)(cid:1249)i(cid:3)làm).(cid:3)

ii. Thi(cid:1219)t(cid:3) k(cid:1219)(cid:3) s(cid:1131)(cid:3) (cid:284)(cid:1239)(cid:3) t(cid:1241)(cid:3) ch(cid:1261)c(cid:3) các(cid:3) trang(cid:3) web(cid:3) c(cid:1259)a(cid:3)

nhóm.(cid:3)

1. Xác(cid:3)(cid:284)(cid:1231)nh(cid:3)m(cid:1257)c(cid:3)(cid:284)ích,(cid:3)yêu(cid:3)c(cid:1195)u(cid:3) 2. Thi(cid:1219)t(cid:3)k(cid:1219)(cid:3)t(cid:1241)(cid:3)ch(cid:1261)c(cid:3)

Ph(cid:1189)m(cid:3)Th(cid:1219)(cid:3)B(cid:1191)o(cid:3)(cid:882)(cid:3)(cid:26)HKHTN(cid:3)Tp.HCM(cid:3)

29(cid:3)

3. Thi(cid:1219)t(cid:3)k(cid:1219)(cid:3)giao(cid:3)di(cid:1227)n(cid:3)(cid:3)