Bài 1 Tổng quan về web và thiết kế web

Lập trình và Thiếtkế Web 2
© 2007 Khoa Công nghệ thông tin
Khoa
Khoa
CNTT
CNTT
–
–
ĐH
ĐH
.KHTN
.KHTN
Bài 1
T
T
Ổ
Ổ
NG QUAN V
NG QUAN V
Ề
Ề
WEB V
WEB V
À
À
THI
THI
Ế
Ế
T K
T K

Ế
Ế
WEB
WEB
Lập trình và Thiếtkế Web 2 – Bài 1 : Tổng quan về Web và Thiếtkế Web
© 2007 Khoa CNTT - ĐHKHTN
Internet
Internet
-
-
Mạ
Mạ
ng c
ng c
á
á
c m
c m
á
á
y t
y t
í
í
nh
nh
Lập trình và Thiếtkế Web 2 – Bài 1 : Tổng quan về Web và Thiếtkế Web
© 2007 Khoa CNTT - ĐHKHTN
Web
Web

-
-
Mạ
Mạ
ng
ng
thông
thông
tin
tin
Lập trình và Thiếtkế Web 2 – Bài 1 : Tổng quan về Web và Thiếtkế Web
© 2007 Khoa CNTT - ĐHKHTN
Web
Web
là gì
là gì
?
?
 Là các dịch vụ phân tán cung cấp thông tin multimedia dựa
trên hypertext
– Phân tán: thông tin được đặt trên nhiều máy chủ khắp thế giới
– multimedia: thông tin bao gồm text, graphics, sound, video
– hypertext: là kỹ thuật được sử dụng để truy cập thông tin
 Có khoảng hơn 30 tỉ trang web thuộchơn 108 triệu website
(2-2007 - Netcraft's survey)
Lập trình và Thiếtkế Web 2 – Bài 1 : Tổng quan về Web và Thiếtkế Web
© 2007 Khoa CNTT - ĐHKHTN
Các thành phầncủaweb
 Webpage
– Là trang web. Có thể hiểnthị các thông tin dướidạng vănbản,

hình ảnh, âm thanh,
– Homepage : Trang chủ. Thường là trang đầutiên(mặc định) khi
truy cậpmộtwebsite.
 Website
– Tậphợp các trang web. Website củacáctổ chức hay cá nhân
trên mạng bao gồmtậphợp các trang web liên quan đếntổ chức
này.
 Uniform Resource Locator (URL)
– Địachỉ của web trên internet
 Web Browser
– Ứng dụng để truy cập đến trang web qua URL
Lập trình và Thiếtkế Web 2 – Bài 1 : Tổng quan về Web và Thiếtkế Web
© 2007 Khoa CNTT - ĐHKHTN
Trang chủ Website Yahoo
Lập trình và Thiếtkế Web 2 – Bài 1 : Tổng quan về Web và Thiếtkế Web
© 2007 Khoa CNTT - ĐHKHTN
Web
Web
hoạ
hoạ
t đ
t đ
ộ
ộ
ng như th
ng như th
ế nà
ế nà
o?
o?

Users (clients)
Browse
Internet
(WWW)
WWW Servers
Authors write
HTML


resources
(HTML files)
Lập trình và Thiếtkế Web 2 – Bài 1 : Tổng quan về Web và Thiếtkế Web
© 2007 Khoa CNTT - ĐHKHTN
Web
Web
–
–
C
C
á
á
c k
c k
há
há
i ni
i ni
ệ
ệ
m c

m c
hí
hí
nh
nh
 Web = Protocol + Language + Naming infrastructure
 HTTP - HyperText Transport Protocol
– Là giao thức giao tiếp giữa WWW client and server
 HTML - HyperText Markup Language
– Ngôn ngữ biểu diễn các tài liệu WWW
 URL - Uniform Resource Locator
– Địa chỉ web (xác định duy nhất)
Lập trình và Thiếtkế Web 2 – Bài 1 : Tổng quan về Web và Thiếtkế Web
© 2007 Khoa CNTT - ĐHKHTN
Web
Web
-
-
C
C
á
á
c k
c k
há
há
i ni
i ni
ệ
ệ

m c
m c
hí
hí
nh
nh
 Địa chỉ IP – IP Address – tracecrt www.yahoo.com
– Là 1 con số 32 bit, chia thành 4 số 8 bit, vd: 203.162.33.44 (gồm 2
phần: network address, host address)
– Xác định đối tượng nhận và gởi thông tin trên Internet
– Để biếtIP: ping www.intel.com
Lập trình và Thiếtkế Web 2 – Bài 1 : Tổng quan về Web và Thiếtkế Web
© 2007 Khoa CNTT - ĐHKHTN
Web
Web
-
-
C
C
á
á
c k
c k
há
há
i ni
i ni
ệ
ệ
m c

m c
hí
hí
nh
nh
 Tên miền – Domain name
– Là tên giao dịch của công ty hay tổ chức trên Internet.
– Ví dụ: www.intel.com :
• Là địa chỉ của 1 máy chủ thuộc tổ chức (công ty) INTEL
• Có địa chỉ IP là 128.241.220.72, có tên máy chủ là WWW
• Là tên miền cấp 1 (.com, org, .edu,. biz, .net,)
 Ánh xạ giữa tên miền và địa chỉ IP
– Do DNS server – Domain name system (service) đảm trách
Lập trình và Thiếtkế Web 2 – Bài 1 : Tổng quan về Web và Thiếtkế Web
© 2007 Khoa CNTT - ĐHKHTN
protocol server name port directory/file name on the server
:8080/en/us/default.aspx
:8080/en/us/default.aspx
Web
Web
–
–
cá
cá
c k
c k
há
há
i ni
i ni

ệ
ệ
m c
m c
hí
hí
nh
nh
URL
URL
–
–
đ
đ
ị
ị
nh v
nh v
ị cá
ị cá
c t
c t
à
à
i nguyên Internet
i nguyên Internet
 URL là định danh duy nhất cho các tài nguyên Internet
 Chỉ ra:
– Cách truy cập
– Vị trí tài nguyên

 Cú pháp chung:
protocol://host_name[:port_num][/path][/file_name]
Lập trình và Thiếtkế Web 2 – Bài 1 : Tổng quan về Web và Thiếtkế Web
© 2007 Khoa CNTT - ĐHKHTN
Web
Web
–
–
C
C
á
á
c k
c k
há
há
i ni
i ni
ệ
ệ
m c
m c
hí
hí
nh
nh
Browser
Browser
 Lấy hiển thị (nếu có thể) các tài nguyên
khác nhau

 Khả năng hiển thị :
– text-only (Lynx, )
– graphic (MSIE, Netscape, )
 Hiển thị được nhiều loại ảnh
– TEXT, GIF, JPEG, sound, video, postscript,
 Hỗ trợ nhiều giao thức
– HTTP, FTP, SMTP, POP,
 Có thể “plug-in” các công cụ vào browser
để tăng tính năng (3D animation, SWF, )
Lập trình và Thiếtkế Web 2 – Bài 1 : Tổng quan về Web và Thiếtkế Web
© 2007 Khoa CNTT - ĐHKHTN
Cá
Cá
c giao t
c giao t
á
á
c chu
c chu
ẩ
ẩ
n trên
n trên
Web
Web
Browser
DNS server
URL
URL
Web

Server
IIS
1. DNS
lookup
2. TCP connection
3. HTTP request
4. HTTP response
optional parallel connections
Origin
Server
Lập trình và Thiếtkế Web 2 – Bài 1 : Tổng quan về Web và Thiếtkế Web
© 2007 Khoa CNTT - ĐHKHTN
C
C
á
á
c
c
bư
bư
ớ
ớ
c
c
thi
thi
ế
ế
t
t

l
l
ậ
ậ
p
p
Website
Website
 Xác định yêu cầu Website
 Mua tên miền
 Thuê chỗ hosting
 Thiếtkế Website
 Đưa vào hoạt động
 Duy trì thông tin, bảodưỡng website
Lập trình và Thiếtkế Web 2 – Bài 1 : Tổng quan về Web và Thiếtkế Web
© 2007 Khoa CNTT - ĐHKHTN
C
C
á
á
c
c
bư
bư
ớ
ớ
c
c
thi
thi

ế
ế
t
t
l
l
ậ
ậ
p
p
Website
Website
 Xác định yêu cầu Website
 Mua tên miền
 Thuê chỗ hosting
 Thiếtkế Website
 Đưa vào hoạt động
 Duy trì thông tin, bảodưỡng website
Lập trình và Thiếtkế Web 2 – Bài 1 : Tổng quan về Web và Thiếtkế Web
© 2007 Khoa CNTT - ĐHKHTN
X
X
á
á
c
c
đ
đ
ị
ị

nh
nh
m
m
ụ
ụ
c
c
đ
đ
í
í
ch
ch
–
–
yêu
yêu
c
c
ầ
ầ
u
u
c
c
ủ
ủ
a
a

Website
Website
 Mục tiêu, yêu cầucơ bảncủaWebSite
 Đốitượng phụcvụ
 Chủđềcủa WebSite
Lập trình và Thiếtkế Web 2 – Bài 1 : Tổng quan về Web và Thiếtkế Web
© 2007 Khoa CNTT - ĐHKHTN
M
M
ụ
ụ
c
c
tiêu
tiêu
,
,
yêu
yêu
c
c
ầ
ầ
u
u
cơ
cơ
b
b
ả

ả
n
n
 Đề ra mục tiêu khái quát, ngắngọn, rõ ràng của
Website cầnthiếtkế
 Là công cụđểđánh giá sự thành bạicủamộtWebsite
 Mụctiêuphải dài hạn, bao trùm toàn bộ kế hoạch
phát triển
Lập trình và Thiếtkế Web 2 – Bài 1 : Tổng quan về Web và Thiếtkế Web
© 2007 Khoa CNTT - ĐHKHTN
Đ
Đ
ố
ố
i
i
tư
tư
ợ
ợ
ng
ng
ph
ph
ụ
ụ
c
c
v
v

ụ
ụ
 Xác định loại đọcgiả chính của Website
 Tìm hiểuvề:
– Sự hiểubiết
– Trình độ
– Sở thích
– Kinh nghiệm duyệt Web …
Lập trình và Thiếtkế Web 2 – Bài 1 : Tổng quan về Web và Thiếtkế Web
© 2007 Khoa CNTT - ĐHKHTN
Lập trình và Thiếtkế Web 2 – Bài 1 : Tổng quan về Web và Thiếtkế Web
© 2007 Khoa CNTT - ĐHKHTN
Đ
Đ
ố
ố
i
i
tư
tư
ợ
ợ
ng
ng
ph
ph
ụ
ụ
c
c

v
v
ụ
ụ
(
(
tt
tt
)
)
Thiếtkế tốt = thích hợpchomộtdảirộng các loại đọc
giả có trình độ và nhu cầu khách nhau
Lập trình và Thiếtkế Web 2 – Bài 1 : Tổng quan về Web và Thiếtkế Web
© 2007 Khoa CNTT - ĐHKHTN
Ch
Ch
ủ
ủ
đ
đ
ề
ề
c
c
ủ
ủ
a
a
Website
Website

 Giúp định hướng cho nhà thiếtkế
– Giáo dục
– Huấnluyện (online trainning)
– Tin tức
– Giảitrí
– Diễn đàn trao đổithảoluận
– Mua bán, quảnlý….
 Xem ví dụ
Lập trình và Thiếtkế Web 2 – Bài 1 : Tổng quan về Web và Thiếtkế Web
© 2007 Khoa CNTT - ĐHKHTN
Ch
Ch
ủ
ủ
đ
đ
ề
ề
c
c
ủ
ủ
a
a
Website
Website
–
–
Di
Di

ễ
ễ
n
n
đ
đ
à
à
n
n
Lập trình và Thiếtkế Web 2 – Bài 1 : Tổng quan về Web và Thiếtkế Web
© 2007 Khoa CNTT - ĐHKHTN
Ch
Ch
ủ
ủ
đ
đ
ề
ề
c
c
ủ
ủ
a
a
Website
Website
–
–

Đ
Đ
à
à
o
o
t
t
ạ
ạ
o
o
tr
tr
ự
ự
c
c
tuy
tuy
ế
ế
n
n
Lập trình và Thiếtkế Web 2 – Bài 1 : Tổng quan về Web và Thiếtkế Web
© 2007 Khoa CNTT - ĐHKHTN
Ch
Ch
ủ
ủ

đ
đ
ề
ề
c
c
ủ
ủ
a
a
Website
Website
–
–
Tin
Tin
t
t
ứ
ứ
c
c
online
online
Lập trình và Thiếtkế Web 2 – Bài 1 : Tổng quan về Web và Thiếtkế Web
© 2007 Khoa CNTT - ĐHKHTN
Ch
Ch
ủ
ủ

đ
đ
ề
ề
c
c
ủ
ủ
a
a
Website
Website
–
–
Mua
Mua
b
b
á
á
n
n
tr
tr
ự
ự
c
c
tuy
tuy

ế
ế
n
n