bài giảng về WORLD WIDE WEB

BÀI 2:
BÀI

2:

WORLD WIDE WEB
1

BÀI 2:
WORLD WIDE WEB
BÀI 2:
WORLD WIDE WEB
BÀI

2:

WORLD

WIDE

WEB
1. Nguồn gốc World Wide Web
BÀI

2:

WORLD

WIDE

WEB
 Năm 1991, Tim Berners Lee trong quá trình nghiên cứu Internet đã
hình dung ra mộtkháiniệmvề phương cách truyềncáctậptinqualạigiữa
kết
nối
UUCP
(Unix
to
Unix
Copy)
và
FTP
.
Theo
phương
cách
này,
một
kết
nối
UUCP
(Unix
to
Unix
Copy)
và
FTP
.
Theo
phương

cách
này,
một
máy tính ở trên mạng có thể xem đượccáctậptincủa máy tính khác và
ngượclại.
¾
Khái
niệm
này
sau
đó
được
phát
triển
mạnh
mẽ
và
trở
thành
World
Wide
¾
Khái
niệm
này
sau
đó
được
phát
triển

mạnh
mẽ
và
trở
thành
World
Wide
Web (WWW).
 Các file truyềntrênWWW hoặc WEB lúc ban đầulànhững vănbảndạng
ỉ
ồ
á
ý
ả
á
ấ
T
EX
T
(ch
ỉ
g
ồ
mc
á
ck
ý
tự)ph
ả
i được đ

á
nh d
ấ
u định dạng (Marked up)
bởimộtngônngữ có tên Hyper Text Markup Language (HTML). Ở
máy đích, chương trình duyệtWebcòngọilàWeb Browser sẽ căncứ
ể
vào các dấu định dạng này đ
ể
tái hiệnnộidungvănbảnlênmànhình.
22

BÀI 2:
WORLD WIDE WEB
BÀI

2:

WORLD

WIDE

WEB
2. Khái niệmvề World Wide Web
2.

Khái

niệm

về

World

Wide

Web
 Word Wide Web, đượcgọitắtlàWeb-
là mạng lướinguồn
thông tin cho phép mọingười khai thác thông tin qua
ộ
ố
ô
h ặ
là
h
ìh
h
độ
d ới
á
m
ột
s
ố
c
ô
n
g
c

ụ
h
o
ặc
là
c
h
ươn
g
tr
ì
n
h
h
oạ
t
độ
n
g
d
ư
ới
c
ác
giao thứcmạng
.
 Nhưn
g
vấn đề l
ý

thú nhấtcủaWebnằm ở khía c
ạ
nh khác
,
đólà
g
ý
ạ
,
Web có khả năng liên kếtvớinhững trang Web khác, thông qua
các “siêu liên kết” (hyperlink), siêu liên kếtvề bảnchấtlàđịachỉ
trỏ
tới
nguồn
thông
tin
(trang
Web)
nằm
đâu
đó
trên
Internet
.
trỏ
tới
nguồn
thông
tin
(trang

Web)
nằm
đâu
đó
trên
Internet
.
Bằng những siêu liên kết này, các trang Web có thể liên kếtvới
nhau thành mộtmạng chằng chịt, trang này trỏ tới trang khác,
cho
phép
mọi
người
chu
du
trên
biển
cả
thông
tin
(lướt
web)
cho
phép
mọi
người
chu
du
trên
biển

cả
thông
tin
(lướt
web)
.
3

BÀI 2:
WORLD WIDE WEB
BÀI

2:

WORLD

WIDE

WEB
Đ
ặ
c điểm và N
g
u
y
ên l
ý
ho
ạ
t đ

ộ
n
g
ặ gy ý ạ ộ g
 WWW đượcxâydựng dựatrênmộtkỹ thuậtcótêngọilà
hypertext (siêu vănbản). Hypertext là kỹ thuật trình bày thông tin
trên một trang không theo tuầntự.Người đọctự do đuổitheocác
dấuvết liên quan qua suốttàiliệu đóbằng các mốiliênkếtxácđịnh
sẵn. Trong môi trường ứng dụng hypertext, có thể trỏ vào (highlight)
bấtkỳ từ liên kếtnàocủatàiliệuvàsẽ tứckhắcnhảy đếncáctàiliệu
khác có vănbản liên quan đếnnó.

Trên
cùng
một
trang
thông
tin
có
thể
cần
có
nhiều
kiểu
dữ
liệu

Trên
cùng
một

trang
thông
tin
có
thể
cần
có
nhiều
kiểu
dữ
liệu
khác nhau như TEXT, ảnh hay âm thanh.
¾ Dẫn đếnsự xuấthiệnngônngữ HTML (HyperText Markup
Language).
4

BÀI 2:
WORLD WIDE WEB
BÀI

2:

WORLD

WIDE

WEB
Đặc điểm và Nguyên lý hoạt động
 Ngườidùngsử dụng mộtphầnmềmWebBrowserđể xem thông tin trên các
máy chủ WWW. Tạiserverphảicómộtphầnmềm Web server. Phầnmềm

này
thực
hiện
nhận
các
yêu
cầu
từ
Web
Browser
gửi
lên
và
thực
hiện
yêu
này
thực
hiện
nhận
các
yêu
cầu
từ
Web
Browser
gửi
lên
và
thực

hiện
yêu
cầu đó.
5

BÀI 2:
WORLD WIDE WEB
BÀI

2:

WORLD

WIDE

WEB
6

BÀI 2:
WORLD WIDE WEB
BÀI

2:

WORLD

WIDE

WEB
3. Trình duyệt Web

3.1. Internet Explorer
 Viếttắt là IE, là trình duyệtwebthôngdụng nhấthiệnnayđược đikèmvớihệđiều
hành
Windows
của
hãng
Microsoft
Phiên
bản
hiện
tại
là
Internet
Explorer
8
hành
Windows
của
hãng
Microsoft
.
Phiên
bản
hiện
tại
là
Internet
Explorer
8
.

3.2. Mozilla FireFox
 Là mộttrìnhduyệttự do, mã nguồnmở,cókhả năng chạy trên nhiềuhệđiềuhành
khác nhau, có giao diện đồ họavàđượcpháttriểnbởi công ty Mozilla Corporation
và hàng trămtìnhnguyệnviênở khắpnơitrênthế giới.
 FireFox là trình duyệt đầutiêncótấtcả các tính năng như ngănchặncửasổ quảng
cáo kiểu pop-up, duyệttab,đánh dấutran
g
độn
g
(
liv
e
bookmark
s
), hỗ trợ chuẩn
mở và cơ cấumở rộng để thêm chứcnăng cho chương trình.
 Phiên bảnhiệntạilà3.6.Cóthể tảitại địachỉ:
www.mozilla.com
7

BÀI 2:
WORLD WIDE WEB
BÀI 2:
WORLD WIDE WEB
BÀI

2:

WORLD

WIDE

WEB
3. Opera
BÀI

2:

WORLD

WIDE

WEB
 Là mộtbộ phầnmềmInternetđiềukhiểncáctácvụ liên quan đếnInternetbaogồm
duyệtweb,gửivànhậnthưđiệntử,tinnhắn, quảnlýdanhsáchliênhệ và trò chuyện
trựctuyến.
 Opera đượcpháttriểnbởicôngtyphầnmềm Opera Software tại Oslo (Na Uy). Có thể
chạy trên nhiềuhệđiều hành khác nhau: Windows, MacOS, Solaris và Linux. Nó cũng
đượcsử dụng trong điệnthoạidiđộng, smartphone, PDA (Personal Digital Assistant),
thiếtbị trò chơicầm tay và tivi tương tác. ()
4. Google Chrome

Là
trình
duyệt
web
của
hãng
Google
một

gã
khổng
lồ
trong
lĩnh
vực
Internet
và
truyền

Là
trình
duyệt
web
của
hãng
Google
,
một
gã
khổng
lồ
trong
lĩnh
vực
Internet
và
truyền
thông, có khả năng chạy trên nhiềuhệđiều hành khác nhau, giao diện đơngiản, dễ sử
dụng và có tốc độ duyệtwebcực nhanh. Tuy sinh sau đẻ muộnnhưng đã nhanh

chón
g
vươnlênchỉ sau IE và Firefox. Goo
g
le đã
p
hát hành bảnChrome2.0chínhthức
g
g
p
vào giữa tháng 2/2009. Phiên bảnhiệntại là ver 4 ( />88

BÀI 2:
WORLD WIDE WEB
BÀI

2:

WORLD

WIDE

WEB
9

BÀI 2:
WORLD WIDE WEB
BÀI

2:

WORLD

WIDE

WEB
4. THUẬT NGỮ WEB
4.1. Khái niệm về Webpage
 Webpage là mộttrangweb,tứcmộtfilecóđuôi HTM hay HTML. Đólàmộttậptin
viết
bằng
mã
code
HTML
chứa
các
siêu
liên
kết
(hyperlink)
đến
các
trang
khác
viết
bằng
mã
code
HTML
chứa

các
siêu
liên
kết
(hyperlink)
đến
các
trang
khác
.
Trên trang web ngoài thành phầnchữ nó còn có thể chứacácthànhphần
khác như hình ảnh, nhạc, video
á ệ ề
4.2. Kh
á
i ni
ệ
m v
ề
Websit
e
 Website là tậphợpnhững trang web liên kếtvới nhau bằng các siêu liên kết.
Website được đưavàomạng Internet để hoà cùng các website khác, mọi
n
g
ườitrênkhắpth
ế
g
iới đềucóth
ể

truy cập được vào website đ
ể
lấythôn
g
tin.
10

BÀI 2:
WORLD WIDE WEB
BÀI

2:

WORLD

WIDE

WEB
4.3. Các d
ạ
n
g
tran
g
We
b
ạ gg
4.3.1. Website giới thiệu
 Website giớithiệulàwebsitecănbảnvàđơngiảnnhất, dùng để giớithiệu
về mộtcánhânhaymột đơnvị.Vídụ mộtwebsitecủacasĩ chứacácthông

tin về lý lịch, bài hát ưathích, lịch diễncủacasĩđó. Một doanh nghiệp, cơ
quan, bộ ngành… có thể tạochomìnhmộtwebsitenhằmgiớithiệukhái
quát vềđơnvị mình như:lịch sử doanh nghiệp, chứcnăng củadoanh
nghiệp, thành phầnbangiámđốc Website loạinàychứaíttrang,íttốn
kém và dễ làm nhất.
 Ví dụ:
11

BÀI 2:
WORLD WIDE WEB
BÀI

2:

WORLD

WIDE

WEB
4.3. Các dạng trang Web
4.3.2. Website lưu trữ thông tin
 Website lưutrữ thông tin hay còn gọilàthư viện điệntử,
ứ
á
ô
ê
ô
ắ
ế
à

ề
ề
ch
ứ
ac
á
cth
ô
ng tin chuy
ê
nm
ô
n đượcs
ắ
px
ế
pth
à
nh nhi
ề
u đ
ề
mục,
nhiềutiêuđề dễ tra cứu. Website lưutrữ phải đượccậpnhậtthường
xuyên thông tin mớivàđượcsắpxếpsaochongườixemtìmngay
ể
được thông tin mình muốntìm.Đ
ể
tạo Website th
ư

viện điệntử,
cầncókế hoạch và tầmnhìnxađể dễ phát triểnmở rộng về sau.
Để nuôi dưỡng website lưutrữ,ngườicậpnhậtcầncókiếnthứccơ
bảnvề website.
 Ví dụ: website thư viện điệntử củaBộ GD & ĐT
http
:
//ebook
moet
gov
vn
http
:
//ebook
.
moet
.
gov
.
vn
12

BÀI 2:
WORLD WIDE WEB
BÀI

2:

WORLD

WIDE

WEB
4.3. Các dạng trang Web
4.3.3. Website truyền dữ liệu
 Website truyềndữ liệu đượcthiếtkếđặcbiệt để thu nhậnthôngtintừ xa.
ộ
ộ
ệ
à
ô
á
ả
ý
ì
ó
M
ộ
tcơ quan hay m
ộ
t doanh nghi
ệ
pl
à
mc
ô
ng t
á
cqu
ả

nl
ý
chương tr
ì
nh c
ó
nhiềuvệ tinh thay vì phải đếntận đơnvịởquậnhuyện, tỉnh thành khác
để ghi chép thông tin thì nay có thể ngồitạichỗđểnhậnthôngtinqua
ể
mạng Internet và chỉ việcki
ể
mchứng, đánh giá thông tin trướckhinhập
vào kho thông tin chung. Website này thuộc hàng cao cấp có nhiều
chương trình lồng trong trang web, đòi hỏi nhà thiếtkế phảicótrìnhđộ
ẫ
nhất định trong cả lãnh vực điệntoánl
ẫ
nchuyênmôn.
13

BÀI 2:
WORLD WIDE WEB
BÀI

2:

WORLD

WIDE

WEB
4.3. Các dạng trang Web
4.3.4. Website thương mại
 Website thương mại: chứa thông tin hàng hoá và dịch vụ,chứa nhiều
à
ứ
á
í
á
ể
ờ
ê
ù
ó
ể
à
ả
form v
à
ch
ứ
ac
á
cscriptt
í
nh to
á
n đ
ể
ngư

ờ
iti
ê
ud
ù
ng c
ó
th
ể
mua v
à
tr
ả
tiềnngaytạiwebsite.

V
í d
ụ
Website về mua bán hàn
g
hoá tr
ự
c tiế
p

q
ua m
ạ
n
g

ụ g ự pq ạ g
/>14

BÀI 2:
WORLD WIDE WEB
BÀI

2:

WORLD

WIDE

WEB
5. Các loại trang Web
5.1. Homepage - Trang chủ
 Trang chủ -Homepagelà trang đầutiênxuấthiệnkhiwebsiteđượcgọi
ê
ủ
ờ
ứ
á
ô
ả
ấ
ủ
à
l
ê
n.

T
rang ch
ủ
thư
ờ
ng ch
ứ
ac
á
cth
ô
ng tin cănb
ả
nnh
ấ
tc
ủ
awebsitev
à
các liên kết đến các trang chuyên đề.Trangchủ thường đượclưudưới
tên: index.htm, default.htm
5.2. Trang chuyên đề
 Trang chuyên đề là trang lớn mang các liên kết đếncáctrangđơnvị có
ù
tí h
hất
c
ù
ng
tí

n
h
c
hất
.
 Ví dụ: www.quantrimang.com,
15

BÀI 2:
WORLD WIDE WEB
BÀI

2:

WORLD

WIDE

WEB
16

BÀI 2:
WORLD WIDE WEB
BÀI

2:

WORLD

WIDE

WEB
5.3. Trang đơn vị
 Trang đơnvị thường đượcbố trí vào các thư mụccócùngchủđề,chứanội
dung cụ thể củawebsite.Mộttrangđơnvị có thể xuấthiệntrênmộthay
nhiềutrangchuyênđề tuỳ theo tính chấtcủatrangđó. Các trang đơnvị
thường là mộttrangwebthật(haywebtĩnh) với đuôi .htm hay .html. Các
trang đơnvị cũng có thể chỉ là một thành phần đượctríchxuấttừ một
database khi nhà lậptrìnhwebsử dụng hình thứcwebđộng.
17

BÀI 2:
WORLD WIDE WEB
BÀI

2:

WORLD

WIDE

WEB
5.3. Tran
g
đơn v
ị
g ị
18

BÀI 2:

WORLD WIDE WEB
BÀI

2:

WORLD

WIDE

WEB
5.4. Trang phản hồi – Feedback
 Trang phảnhồi – Feedback chứacácformthunhận thông tin từ ngườixem.
Đây là đặctrưng của Internet, thông tin hai chiều. Ngườixemwebkhôngchỉ
nhậnthôngtintừ Web mà còn có thể giao tiếpvớichủ Website
thông qua trang web. Thông tin do người đọcnhậpvàocóthể hiển
thị ngay tạitrangwebhoặccóthể chuyển đếnmột địachỉ email nhất định
nào đóhoặc đưavàocơ sở dữ liệu. Có nhiềuloạitrangphảnhồitùymục
đích sử dụng form thu nhận thông tin.
 Ví dụ trang góp ý, trang đăng ký khám bệnh, trang đặt câu hỏi thắc mắc
19

BÀI 2:
WORLD WIDE WEB
BÀI

2:

WORLD

WIDE

WEB
5.4. Tran
g

p
hản hồi
–
Feedbac
k
gp
20