1. M C L C
CHƯƠNG 1: CÁC THÀNH PH N CƠ B N C A HTML ................................................ 2
I. Gi i thi u và thu t ng ...................................................................................... 2
II. T ng quan v HTML ......................................................................................... 5
CHƯƠNG 2: THAO TÁC V I PH N M M T O WEB.................................................. 14
I. Gi i thi u v IIS- Internet Information Server ................................................. 14
II. Xây d ng Web Site b ng ph n m m Microsoft Visual InterDev 6.0.................. 15
III. Thi t k giao di n........................................................................................... 24
IV. T ch c h th ng t p tin thư m c c a m t Web site....................................... 25
CHƯƠNG 3: SIÊU LIÊN K T ................................................................................... 26
I. Khái ni m v siêu liên k t ................................................................................. 26
II. T o siêu liên k t .............................................................................................. 26
CHƯƠNG 4: T O DANH SÁCH, THI T K B NG, T O BI U M U............................. 31
G I D LI U QUA INTERNET ................................................................................ 31
I. nh nghĩa m t danh sách................................................................................. 31
II. Thi t k b ng................................................................................................... 33
III. T o bi u m u ................................................................................................. 35
IV. G i d li u bi u m u qua Internet .................................................................. 36
V. T o khung (Frame)........................................................................................... 37
CHƯƠNG 5: A PHƯƠNG TI N .............................................................................. 39
I. Khái ni m v a phương ti n (Multimedia) ....................................................... 39
II. Gi i thi u m t s k thu t t o file âm thanh, hình nh .................................... 39
III. Nhúng hình nh, âm thanh vào trang Web ..................................................... 39
CHƯƠNG 6: VB SCRIPT VÀ CÁC NG D NG........................................................... 41
I. Khái ni m v ngôn ng VB Script .................................................................... 41
II. ưa các o n Script vào trong trang Web....................................................... 45
III. Thi t l p các thư vi n procedure, function cho 1 ng d ng WEB ................... 45
IV. M t s bài t p ng d ng m u......................................................................... 47
CHƯƠNG 7: LIÊN K T TRANG WEB N H CSDL
XÂY D NG CÁC TRANG WEB NG ................................................... 49
I. Nh c l i m t s khái ni m v CSDL ................................................................... 49
II. Các l nh liên k t CSDL ..................................................................................... 56
III. M t s bài t p ng d ng m u ......................................................................... 57
BÀI T P ................................................................................................................ 60
CHƯƠNG 8: JAVASCRIPT ...................................................................................... 61
I. PHÁT BI U L NH C A JAVASCRIPT ................................................................... 61
II. CÁC PHƯƠNG TH C C A JavaScript................................................................. 68
III. Ð I TƯ NG C A JAVASCRIPT ........................................................................ 83
2. Khoa Công Ngh Thông Tin - Trư ng K thu t à L t Bài gi ng L p trình Web
Biên so n: Ph m ình NamTrang 2
CHƯƠNG 1: CÁC THÀNH PH N CƠ B N C A HTML
M c tiêu:
- S d ng ư c c u trúc t ng th c a HTML, các th HTML
- Nh n d ng tên t p tin, các a ch URL
I. Gi i thi u và thu t ng
- HTML là gì?
HTML (hay Hypertext Markup Language-Ngôn ng liên k t siêu văn b n) là ngôn ng
ánh d u chu n dùng l p trình các tài li u World Wide Web, tài li u là các t p tin văn b n
ơn gi n. Ngôn ng HTML dùng các tag ho c các o n mã l nh ch cho các trình
duy t(Web browsers) cách hi n th các thành ph n c a trang như text và graghics ,và
áp l i nh ng thao tác c a ngư i dùng b i các thao tác n phím và nh p chu t. H u h t
các Web browser, c bi t là Microsoft Internet Explorer và Netscape Navigator, nh n
bi t các tag c a HTML vư t xa nh ng chu n HTML t ra. Microsoft FrontPage ch dùng
c và vi t các t p tin HTML mà không hi u ngôn ng HTML yêu c u ph i làm gì.
- Dynamic HTML (DHTML-HTML ng): là ngôn ng HTML m r ng làm tăng hi u ng
trình bày văn b n và i tư ng khác. Trong FrontPage, b n có th s d ng thanh công c
DHTML Effects làm tăng cư ng hi u ng cho các thành ph n c a mà không c n l p
trình.
- Active Data Objects(ADO): Các thành ph n gíup các ng d ng c a ngư i dùng
(client applications) truy c p và ch tác d li u c a cơ s d li u trên server qua 1 nhà
cung c p.
- Active Server Page(ASP): là 1 tài li u ch a script nhúng trên server . Web servers
tương thích ASP có th ch y các script này. Trên máy tr m, 1 ASP là 1 tài li u HTML
chu n có th ư c xem trên b t kỳ máy nào trên Web browser nào.
- ActiveX: 1 t p h p các k thu t cho phép các thành ph n ph n m m tương tác v i m t
thành ph n khác trong môi trư ng m ng, b t ch p ngôn ng c a thành ph n ư c t o
ra. ActiveX ư c dùng làm chính y u phát tri n n i dung tương tác c a World Wide
Web, m c dù nó có th s d ng trong các ng d ng ngư i-máy và các chương trình khác.
- URL(Uniform Resource Locator): a ch t i m t tr m Internet hay m ng n i b , là
1 chu i cung c p a ch Internet c a 1 Web site tài nguyên trên World Wide Web, i theo
sau 1 nghi th c. URL thư ng dùng là http://, ch nh a ch Web site trên Internet.
Nh ng URL khác là gopher://, ftp://, mailto://...
- Bookmark: 1 v trí trên 1 trang web có th là ích c a 1 hyperlink. 1 bookmark có th
áp d ng cho 1 chu i ký t t n t i trên trang ngăn cách b i b t kỳ ký t nào. Bookmarks
cho phép tác gi link n 1 ph n ã ch nh trên trang. Trong 1 URL, 1 bookmark ư c
ánh d u phía trư c b ng d u thăng(#). Cũng ư c g i là neo(anchor).
3. Khoa Công Ngh Thông Tin - Trư ng K thu t à L t Bài gi ng L p trình Web
Biên so n: Ph m ình NamTrang 3
- Web browser(Trình duy t web): Ph n m n phiên d ch ánh d u c a các file b ng
HTML, nh d ng chúng sang các trang Web, và th hi n chúng cho ngư i dùng. Vài
browser có th cho phép ngư i dùng g i nh n e-mail, c newsgroups, và th c hi n các
file sound ho c video ã ư c nhúng và trong tài li u Web.
- Script: M t t p các ch l nh dùng báo cho chương trình bi t cách th c hi n m t th
t c qui nh, như ăng nh p vào h th ng thư i n t ch ng h n. Các kh năng script
ư c cài s n trong m t s chương trình. B n ph i tìm hi u cách vi t script ó b ng lo i
ngôn ng không khác gì ngôn ng l p trình mini. Có m t s chương trình ghi script này
m t cách t ng b ng cách ghi l i nh ng l n gõ phím và ch n dùng l nh c a b n khi
b n ti n hành th t c này. Các script gi ng như các macro, tr m t i u là thu t ng
macro ư c dành riêng ch nh ng script nào mà b n có th kh i u b ng cách n
m t t h p phím do b n t quy nh.
- Structured Query Language - SQL: Trong các h qu n tr cơ s d li u, ây là ngôn
ng v n áp do IBM so n th o ư c s d ng r ng rãi trong máy tính l n và h th ng
máy tính mini. SQL ang ư c trang b trong các m ng khách/ch như là m t phương
pháp làm cho các máy tính cá nhân có kh năng thâm nh p vào các tài nguyên c a các
cơ s d li u h p tác. Ðây là lo i ngôn ng c l p v i d li u; ngư i s d ng không ph i
b n tâm n v n d li u s ư c thâm nh p vào b ng cách nào v m t v t lý. Theo lý
thuy t, SQL cũng c l p v i thi t b ; có th dùng cùng m t ngôn ng v n áp thâm
nh p vào các cơ s d li u trên máy tính l n, máy tính mini, và máy tính cá nhân. Tuy
nhiên, hi n nay có m t s phiên b n c a SQL ang b c nh tranh. SQL là m t ngôn ng
v n áp súc tích ch v i 30 l nh. B n l nh cơ b n ( SELECT, UPDATE, DELETE, và
INSERT) áp ng cho b n ch c năng x lý d li u cơ b n (ph c h i, c i ti n, xoá, và
chèn vào). Các câu h i c a SQL g n gi ng c u trúc c a m t câu h i ti ng Anh t nhiên.
K t qu c a câu h i s ư c bi u hi n trong m t b n d li u bao g m các c t (tương ng
v i các trư ng d li u) và các hàng (tương ng v i các b n ghi d li u).
- Hypertext Transfer Protocol-HTTP: Giao th c truy n siêu văn b n
- Hyperlink: Siêu liên k t
- Web site: nghĩa h p: trang web, nghĩa r ng: ch ch a web.
- HTTP address: a ch HTTP, ví d : http://www.dalattech.edu.vn
- Database: cơ s d li u, kho d li u. M t b sưu t p các thông tin v m t ch ,
ư c t ch c h p lý thành m t cơ s cho các th t c công vi c như truy tìm thông tin,
rút ra các k t lu n, và thành l p các quy t nh. B t kỳ m t sưu t p thông tin nào ph c
v cho các m c ích này u ư c coi là m t cơ s d li u, ngay c trư ng h p các thông
tin ó không ư c lưu tr trong máy tính. Th c ra, "t tiên" c a các h cơ s d li u
doanh thương ph c t p hi n nay là nh ng t p ư c gi trên các t m bìa, có mang mã s ,
và ư c x p trong các phòng lưu tr trư c ây. Thông tin thư ng ư c chia ra thành
nhi u b n ghi ( record) d li u khác nhau, trên ó có m t hay nhi u trư ng d li u.
- Table: b ng trong chương trình qu n lý cơ s d li u liên quan, ây là c u trúc cơ s
c a vi c lưu tr và hi n th d li u, trong ó các kho n m c d li u ư c liên k t v i
nhau b i các quan h hình thành do vi c t chúng theo các hàng và các c t. Các hàng
4. Khoa Công Ngh Thông Tin - Trư ng K thu t à L t Bài gi ng L p trình Web
Biên so n: Ph m ình NamTrang 4
ng v i các b n ghi d li u c a các chương trình qu n lý d li u hư ng b ng, và các c t
thì ng v i các trư ng d li u.
- Hypertext: văn b n c a m t tài li u truy tìm không theo tu n t . Ngư i c t do u i
theo các d u v t liên quan qua su t tài li u ó b ng các m i liên k t xác nh s n do
ngư i s d ng t l p nên.
Trong m t môi trư ng ng d ng hepertext th c s , b n có th tr vào (highlight) b t kỳ
t nào c a tài li u và s t c kh c nh y n các tài li u khác có văn b n liên quan n nó.
Cũng có nh ng l nh cho phép b n t t o cho riêng mình nh ng d u v t k t h p qua su t
tài li u. Các trình ng d ng hypertext r t h u ích trong trư ng h p ph i làm v i m t s
lư ng văn b n l n, như các b t i n bách khoa và các b sách nhi u t p.
- Multimedia: a phương ti n, a môi trư ng, a truy n thông
M t phương pháp gi i thi u thông tin b ng máy tính, s d ng nhi u phương ti n truy n
thông tin như văn b n, ho và âm thanh, cùng v i s gây n tư ng b ng tương tác.
- World Wide Web - WWW: Là m t d ch v c a Internet. Ðây là m t h th ng dùng
truy tìm và ph c h i các tài li u hypertext th c hi n.
- File Transfer Protocol - FTP: nh ư c truy n t p, giao th c truy n t p. Trong truy n
thông không ng b , ây là m t tiêu chu n nh m b o m truy n d n không b l i cho
các t p chương trình và d li u thông qua h th ng i n tho i. Chương trình FTP cũng
ư c dùng g i tên cho nh ư c truy n t p UNIX, m t nh ư c hư ng d n vi c truy n
d li u.
- Internet: M t h th ng g m các m ng máy tính ư c liên k t v i nhau trên ph m vi
toàn th gi i, t o i u ki n thu n l i cho các d ch v truy n thông d li u, như ăng nh p
t xa, truy n các t p tin, thư tín i n t , và các nhóm thông tin.
Internet là m t phương pháp ghép n i các m ng máy tính hi n hành, phát tri n m t cách
r ng rãi t m ho t ng c a t ng h th ng thành viên.
Ngu n g c u tiên c a Internet là h th ng máy tính cu B Qu c Phòng M , g i là
m ng ARPAnet, m t m ng thí nghi m ư c thi t k t năm 1969 t o i u ki n thu n
l i cho vi c h p tác khoa h c trong các công trình nghiên c u qu c phòng.
ARPAnet ã nêu cao tri t lý truy n thông bình ng ( peer-to-peer), trong ó m i máy
tính c a h th ng u có kh năng "nói chuy n" v i b t kỳ máy tính thành viên nào
khác.
B t kỳ m ng máy tính nào d a trên cơ s thi t k c a ARPAnet u ư c mô t như m t
t p h p các trung tâm i n toán t qu n, mang tính a phương và t i u hành, chúng
ư c liên k t dư i d ng "vô chính ph nhưng có i u ti t" .
S phát tri n thi t k c a m ng ARPAnet ơn thu n ch do nh ng yêu c u v quân s :
M ng này ph i có kh năng ch ng l i m t cu c t n công có th vô hi u hoá m t s l n
các tr m thành viên c a nó.
Tư tư ng này ã ư c ch ng minh là úng khi M và các ng minh tham gia vào cu c
chi n tranh vùng V nh.
5. Khoa Công Ngh Thông Tin - Trư ng K thu t à L t Bài gi ng L p trình Web
Biên so n: Ph m ình NamTrang 5
S ch huy và m ng ki m soát c a Irak, ư c t ch c mô ph ng theo công ngh
ARPAnet, ã ch ng l i m t cách thành công i v i các n l c c a l c lư ng ng minh
nh m tiêu di t nó.
Ðó là lý do t i sao công ngh có ngu n g c t ARPAnet hi n nay ang ư c xu t c ng
m t cách r ng rãi.
M ng Internet nguyên thu ư c thi t k nh m m c ích ph c v vi c cung c p thông tin
cho gi i khoa h c, nên công ngh c a nó cho phép m i h th ng u có th liên k t v i
nó thông qua m t c ng i n t .
Theo cách ó, có hàng ngàn h máy tính h p tác, cũng như nhi u h th ng d ch v thư
i n t có thu phí, như MCI và Compuserve ch ng h n, ã tr nên thành viên c a
Internet.
- Password: m t kh u, m t l nh. M t công c b o v an toàn, dùng xác nh úng
ngư i s d ng ư c phép i v i m t chương trình máy tính ho c m ng máy tính, và
xác nh các ph m vi quy n h n c a h như ch c ra, ư c c và ghi, ho c ư c sao
chép các t p.
II. T ng quan v HTML
1. C u trúc trang web
<HTML>
<HEAD>
<TITLE>Tiêu trang web</TITLE>
</HEAD>
<BODY>
Thân trang web
</BODY>
</HTML>
2. Cú pháp tag t ng quát
Khi trình duy t (web browser) hi n th n i dung 1 trang web nó s tìm ki m trong ó
nh ng o n mã c bi t là các tag ư c ánh d u b i ký hi u <và>, và căn c vào ó
th hi n. Cú pháp t ng quát c a 1 tag:
<tên_tag thu c_tính_1=giá_tr _1 thu c_tính_2=giá_tr _2...>...</tên_tag>
ho c ơn gi n nh t là: <tên_tag>Chu i văn b n</tên_tag>
tên_tag gõ vào d ng ch thư ng ho c hoa u ư c và các tag có th l ng vào nhau.
Ví d :
- tag ch m <B> cú pháp <B>chu i văn b n in m</B>
- tag xu ng hàng <P> có cú pháp <P ALIGN=align-type>m t o n văn b n</P>
HTML K t qu
Dòng ch này thư ng Dòng ch này thư ng
<b>Dòng ch này m</b> Dòng ch này m
6. Khoa Công Ngh Thông Tin - Trư ng K thu t à L t Bài gi ng L p trình Web
Biên so n: Ph m ình NamTrang 6
<i>Dòng ch này nghiêng</i> Dòng ch này nghiêng
<font color="#800000" face="Verdana">Ðây là
o n văn th nh t màu có phông là
Verdana.</font><p><font color="Black"
face="Verdana">Ðây là o n văn th hai màu ô liu
có phông cũng là Verdana.</font></p>
Ðây là o n văn th nh t màu
có phông là Verdana.
Ðây là o n văn th hai màu
ôliu có phông cũng là Verdana.
<b><i>Dòng ch này v a m v a
nghiêng</i></b>
Dòng ch này v a m v a
nghiêng
Ðo n này canh trái.</font><p align="center"><font
face="Verdana">Ðo n này canh
gi a.</font></p><p align="right"><font
face="Verdana">Ðo n này canh ph i.</font>
Ðo n này canh trái.
Ðo n này canh gi a.
Ðo n này canh ph i.
---------------------------------------------------------------------------
3. Tag u trang <HTML></HTML> :Tag <HTML> u trang web tĩnh và </HTML>
cu i trang. Trang web ư c b t u và k t thúc b i tag này.
4. Tag b t u <HEAD></HEAD> :Tag <HEAD> ánh d u i m b t u
ph n_ u_heading c a trang web. Tag </HEAD> có th b qua.
5. Tag tiêu <TITLE></TITLE> :Tag <TITLE> ch nh tiêu c a c a trang web.
Tiêu này s xu t hi n trên thanh tiêu c a trình duy t(web browser: Internet
Explorer ho c Netscape Navigator). Tag này ch h p l khi ưa vào bên trong ph n
<HEAD>
Ví d :
HTML K t qu
<html>
<head>
<title>Web demo</title>
</head>
<body>
Hello World!
</body>
</html>
- Trên thanh tiêu xu t hi n:
Web demo - Microsoft Internet Explorer
- N i dung trang web xu t hi n:
Hello World!
6. Tag thân trang <BODY></BODY>: dùng ch nh b t u và k t thúc ph n n i
dung trang web. Tag này ư c nh nghĩa như sau:
<BODY
BACKGROUND=url
BGCOLOR=color
BGPROPERTIES=FIXED
7. Khoa Công Ngh Thông Tin - Trư ng K thu t à L t Bài gi ng L p trình Web
Biên so n: Ph m ình NamTrang 7
LEFTMARGIN=n
LINK=color
TEXT=color
TOPMARGIN=n
VLINK=color>
trong ó:
Thu c tính Di n gi i
url
Vi t t t c a Uniform Resource Locators: là 1 chu i cung c p a
ch Internet c a 1 Web site ho c tài nguyên trên World Wide
Web, theo cùng là nghi th c protocol c a site ho c tài nguyên
truy c p vào. Nghi th c thư ng dùng http://, cho các a ch
Internet c a m t trang web. Vài d ng URL khác là gopher://,
cho các a ch Internet c a 1 thư m c d ch v gopher, và ftp://,
cho các a ch tài nguyên FTP.
Trong tag <BODY> ta thư ng dùng d ng URL là file://, tên t p
tin nh .GIF, .JPG, .BMP. Khi lưu trang web, b n s xác nh thư
m c m i s lưu tr t p tin nh.
color
Màu d ng #NNNNNN v i N:0,1,...,F. Ho c tên nh ng màu ã quy
nh trư c như: AQUA, BLACK, Black, FUCHSIA, GRAY, GREEN,
LIME, MAROON, NAVY, OLIVE, PURPLE, #800000, SILVER, TEAL,
WHITE, YELLOW.
BACKGROUND=url
Ch nh nh n n cho trang web, url là a ch và tên t p tin làm
nh n n.
BGCOLOR=color Ch nh màu n n cho trang web
BGPROPERTIES=FIXED Ch nh nh n n trang web không cu n khi cu n thanh scrollbar.
LEFTMARGIN=n Ch nh l trái trang web, n là 1 s nguyên dương tính theo pixel
LINK=color
Ch nh màu cho các hyperlink khi chưa ư c "duy t" trong
trang web.
TEXT=color Ch nh màu văn b n trong trang web
TOPMARGIN=n
Ch nh l trên trang web, n là 1 s nguyên dương tính theo
pixel
VLINK=color
Ch nh màu cho các hyperlink khi ã ư c "duy t" trong trang
web.
Ví d :
HTML K t qu
<BODY BGCOLOR=YELLOW TEXT=#800000>
Chào m ng th k m i
Chào m ng th k m i
8. Khoa Công Ngh Thông Tin - Trư ng K thu t à L t Bài gi ng L p trình Web
Biên so n: Ph m ình NamTrang 8
</BODY>
<BODY BGCOLOR="#0000FF" TEXT="#FFFFFF">
Chào m ng th k m i
</BODY>
Chào m ng th k m i
<html>
<head>
<title>Web demo</title>
</head>
<BODY text=BLACK
background="images/so01871_1.gif" topmargin="20"
leftmargin="25" link=#800000 vlink=GREEN>
<p align="center"><b>Danh m c công
vi c</b><p><a href="#N i dung m c 1">M c
1</a></p>
<p><a href="#N i dung m c 2">M c 2</a></p>
<p><a href="#N i dung m c 3">M c 3</a></p>
<p></p>
<p><a name="N i dung m c 1">N i dung m c
1</a></p>
<p></p>
<p></p>
<p> </p>
<p> </p>
<p><a name="N i dung m c 2">N i dung m c
2</a></p>
<p></p>
<p></p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p><a name="N i dung m c 3">N i dung m c
3</a></p>
<p> </p>
</BODY>
</html>
- file nh n n: so01871_1.gif
- Vì không ưa vào thu c tính
bgproperties="fixed" nên nh
n n b cu n
- l trái=25
- l trên=20
- màu văn b n en
- màu hyperlink chưa duy t là
- màu hyperlink ã duy t là
xanh
9. Khoa Công Ngh Thông Tin - Trư ng K thu t à L t Bài gi ng L p trình Web
Biên so n: Ph m ình NamTrang 9
7. Tag xu ng dòng sang o n m i <P></P>: ng t văn b n sang o n (paragraph)
m i. Thành ph n </P> cu i o n không nh t thi t ph i có. Tag này ư c nh nghĩa như
sau: <P ALIGN=align-type>, ALIGN=align-type dùng ch nh canh o n m i. align-
type=LEFT(canh trái), RIGHT(canh ph i) ho c CENTER(canh gi a).
Ví d :
HTML K t qu
Có 2 trình duy t hi n ang ư c s d ng r ng rãi
là: <p align=left>- Netscape Navigator <p
align=center>- Và Internet Explorer
Có 2 trình duy t hi n ang ư c s
d ng r ng rãi là:
- Netscape Navigator
- Và Internet Explorer
8. Tag xu ng dòng không sang o n m i <BR></BR>: ng t xu ng dòng m i
nhưng v n thu c cùng m t o n hi n hành.</BR> không nh t thi t ph i có.
Ví d :
HTML K t qu
Prontpage hay t thêm vào các chu i mã
thay th cho vi c ưa các ký t vào source
trang web như:<BR>- chu i "®" thay
th ký t (R).<BR>- chu i "<" thay th
d u <.
Prontpage hay t thêm vào các chu i mã
thay th cho vi c ưa các ký t vào source
trang web như:
- chu i "®" thay th ký t (R).
- chu i "<" thay th d u <.
9. Tag thêm ư ng th ng n m ngang <HR></HR>: thêm ư ng th ng n m ngang
trong trang web. Tag này ư c nh nghĩa như sau:
<HR
ALIGN=align-type
COLOR=color
NOSHADE
SIZE=n
WIDTH=m>
trong ó:
- ALIGN=align-tpye: canh l cho ư ng th ng ngang, align-type có th là LEFT, RIGHT,
CENTER
- COLOR=color: màu ư ng th ng ngang
- NOSHADE: không có bóng
- SIZE=n : m c a ư ng th ng ngang, n có giá tr là s nguyên tính theo ơn v
pixel.
Ví d :
HTML K t qu
10. Khoa Công Ngh Thông Tin - Trư ng K thu t à L t Bài gi ng L p trình Web
Biên so n: Ph m ình NamTrang 10
<HR
ALIGN=CENTER
COLOR=#800000
NOSHADE
SIZE=3
WIDTH=200>
<HR
ALIGN=LEFT
COLOR=BLACK
SIZE=2
WIDTH=150>
10. Tag m <B></B>: Hi n th văn b n m theo physical type
11. Tag nghiêng <I></I>: Hi n th văn b n nghiêng theo physical type
12. Tag g ch dư i <U></U>: Hi n th văn b n g ch dư i theo physical type
13. Tag g ch gi a <S></S>: Hi n th văn b n g ch gi a(strikeout) theo physical type
Ví d :
HTML K t qu
Dòng này thông thư ng Dòng này thông thư ng
<b>Dòng này m</b> Dòng này m
<i>Dòng này nghiêng</i> Dòng này nghiêng
<u>Dòng này g ch dư i</u> Dòng này g ch dư i
<s>Dòng này g ch gi a</s> Dòng này g ch gi a
<b><i>Dòng này v a m v a
nghiêng</b></i>
Dòng này v a m v a nghiêng
<i><u>Dòng này v a nghiêng v a g ch
dư i</u></i>
Dòng này v a nghiêng v a g ch dư i
14. Tag m logic type <STRONG></STRONG>:Hi n th văn b n m theo logic
type
15. Tag nghiêng logic type <EM></EM>: Hi n th văn b n nghiêng theo logic type
16. Tag g ch ngang logic type <STRIKE></STRIKE>: Hi n th văn b n g ch dư i
theo logic type
17. Tag ch s logic type <SUB></SUB>: Hi n th văn b n d ng ch s theo logic
type
18. Tag mũ logic type <SUP></SUP>: Hi n th văn b n d ng mũ theo logic type
Ví d :
11. Khoa Công Ngh Thông Tin - Trư ng K thu t à L t Bài gi ng L p trình Web
Biên so n: Ph m ình NamTrang 11
HTML K t qu
Dòng này thông thư ng Dòng này thông thư ng
<strong>Dòng này m</strong> Dòng này m
<em>Dòng này nghiêng</em> Dòng này nghiêng
<strike>Dòng này g ch gi a</strike> Dòng này g ch gi a
<strong><em>Dòng này v a m v a
nghiêng</strong></em>
Dòng này v a m v a nghiêng
<em><u>Dòng này v a nghiêng v a g ch
dư i</u></em>
Dòng này v a nghiêng v a g ch dư i
H<sub>2</sub>SO<sub>4</sub> H2SO4
x<sup>y</sup> x
y
19. Tag nh font ch cơ s <BASEFONT></BASEFONT>:ch nh font, size, màu
văn b n cho các văn b n không nh d ng và dùng v i tag
<BASEFONT
SIZE=n
FACE=name
COLOR=color>
Trong ó:
SIZE=n: ch nh kích thư c văn b n, n t 1 n 7. Giá tr m c nhiên là 3.
COLOR=color: màu văn b n
FACE=name: tên font
20. Tag font ch <FONT></FONT>: ch nh font, size, màu văn b n. Ð nh nghĩa như
sau:
<FONT
SIZE=n
FACE=name
COLOR=color>
Trong ó:
SIZE=n: ch nh kích thư c văn b n, n t 1 n 7. Thêm d u c ng + ho c tr - phía
trư c ch nh vi c tăng ho c gi m kích thư c so v i kíhc thư c ã nh trong
BASEFONT.
COLOR=color: màu văn b n
FACE=name: tên font
Ví d : Văn b n thư ng
HTML K t qu
12. Khoa Công Ngh Thông Tin - Trư ng K thu t à L t Bài gi ng L p trình Web
Biên so n: Ph m ình NamTrang 12
<basefont size=3>
<font size=5> Kích th c văn b n là 5</font>
<p><font size=+1>Kích th c văn b n là
4</p></font>
<p><font size=+2>Kích th c văn b n là
5</p></font>
<p><font size=-1>Kích th c văn b n là
2</p></font>
Kích thư c văn b n là 5
Kích thư c văn b n là 4
Kích thư c văn b n là 5
Kích thư c văn b n là 2
21. Tag nh c n n <BGSOUND>: nh nh c n n cho trang tư li u. Tag này ư c t
dư i tag </HEAD> nhưng trên tag <BODY>. Ð nh nghĩa như sau:
<BGSOUND
SCR=url
LOOP=n>
Trong ó:
url: ch nh t p tin nh c. Các ki u nh c có th là WAV, AU, MIDI.
n: ch s l n l p l i bài nh c. N u n=-1 ho c infinite thì s l p n khi nào óng trang
web.
Ví d :
<HTML>
<TITLE>Background Sound</TITLE>
<HEAD>
</HEAD>
<BGSOUND
SCR="sound/bgs.wav"
LOOP=-1>
<BODY>
Enjoy my sound.
</BODY>
</HTML>
22. Tag 6 m c tiêu <Hn></Hn>
Dùng t o các chu i tiêu to nh tùy ý tùy theo c p tiêu ó trong trang web. Có 6
c p tiêu khác nhau ư c nh nghĩa như sau:
<Hn>Text xu t hi n trong tiêu </Hn>
v i n là m t s t 1 n 6
Ví d :
HTML K t qu
<H1>Tiêu c p 1</H1> Tiêu c p 1
13. Khoa Công Ngh Thông Tin - Trư ng K thu t à L t Bài gi ng L p trình Web
Biên so n: Ph m ình NamTrang 13
<H2>Tiêu c p 2</H2> Tiêu c p 2
<H3>Tiêu c p 3</H3> Tiêu c p 3
<H4>Tiêu c p 4</H4> Tiêu c p 4
<H5>Tiêu c p 5</H5> Tiêu c p 5
<H6>Tiêu c p 6</H6> Tiêu c p 6
14. Khoa Công Ngh Thông Tin - Trư ng K thu t à L t Bài gi ng L p trình Web
Biên so n: Ph m ình NamTrang 14
CHƯƠNG 2: THAO TÁC V I PH N M M T O WEB
M c tiêu:
- Thi t k ư c m t Web Site trên m t ph n m m t o Web áp ng yêu c u t ra
- T ch c ư c h th ng thư m c t p tin lưu trên ĩa.
I. Gi i thi u v IIS- Internet Information Server.
a. IIS là gì?
Microsoft Internet Information Server là m t ng d ng server chuy n giao thông tin
b ng vi c s d ng giao th c chuy n i siêu văn b n HTTP.
b. IIS có th làm ư c gì?
Xu t b n m t Home page lên Internet.
T o các giao d ch thương m i i n t trên Internet( Quá trình giao d ch, t
hàng…)
Cho phép ngư i dùng t xa có th truy xu t Cơ s d li u (Data Base Remote
Access)
c. IIS ho t ng như th nào ?
Web, v cơ b n th c s là m t h th ng các yêu c u (Request) và các áp ng
(Response). IIS ph n h i l i các yêu c u òi thông tin c a Web Browser. IIS l ng nghe
các yêu c u ó t phía Users trên m t m ng s d ng WWW.
d. Cài t IIS
i v i Window XP:
- Vào Start Control Panel Add or Remove Programs
- Ch n tab Add/Remove Windows Components ánh d u vào ô Internet
Information Services(IIS).
15. Khoa Công Ngh Thông Tin - Trư ng K thu t à L t Bài gi ng L p trình Web
Biên so n: Ph m ình NamTrang 15
- Nh n nút Details…, c a s hi n ra, ánh d u m c Frontpage 2000 Server
Extensions và Wold Wide Web Service, nh n OK.
- Nh n Next cài t Finish hoàn t t.
II. Xây d ng Web Site b ng ph n m m Microsoft Visual InterDev 6.0
1. Kh i t o m t án Web
16. Khoa Công Ngh Thông Tin - Trư ng K thu t à L t Bài gi ng L p trình Web
Biên so n: Ph m ình NamTrang 16
b t u v i vi c xây d ng m t Website chúng ta ph i ti n hành t o m t án
nh m thu n ti n cho vi c phát tri n v sau, i v i ph n m m Microsoft Visual InterDev
6.0 công vi c này th c hi n khá d dàng qua các thao tác thân thi n như sau:
1.1 Vào Start Program files Microsoft Visual Studio 6.0 Microsoft Visual
InterDev 6.0. Môi trư ng phát tri n s hi n ra, thư ng s xu t hi n h p tho i New
Project như sau (n u không có, hãy vào menu File New Project…):
1.2 Nh p tên Project, như trong hình trên ng d ng t t tên là Project3 không
trùng v i nh ng án ã có. Chúng ta có th thay i l i tên án, nên t tên cho g i
nh phù h p v i ng d ng mà chúng ta mu n phát tri n.
17. Khoa Công Ngh Thông Tin - Trư ng K thu t à L t Bài gi ng L p trình Web
Biên so n: Ph m ình NamTrang 17
N u mu n thay i thư m c lưu tr thì nh n vào nút Browse… ch n nơi lưu tr .
Nh n nút Open ti p t c, c a s ti p theo s hi n ra:
1.3 Nh p vào tên Server, n u chúng ta ang phát tri n án web trên IIS c a máy
c c b thì nh p vào tên server là localhost như hình trên. Nh n Next ti p t c, c a s
ti p theo s hi n ra:
18. Khoa Công Ngh Thông Tin - Trư ng K thu t à L t Bài gi ng L p trình Web
Biên so n: Ph m ình NamTrang 18
1.4 N u mu n ch n nh ng m u giao di n có s n thì nh n nút Next ti p t c, b ng
không thì nh n Finish hoàn t t.
1.5 Khi nh n nút Finish hoàn thành, c a s môi trư ng phát tri n web s xu t hi n
có d ng như sau:
19. Khoa Công Ngh Thông Tin - Trư ng K thu t à L t Bài gi ng L p trình Web
Biên so n: Ph m ình NamTrang 19
M c nh, án s t o ra các thư m c và t p tin c n thi t lưu tr thông tin v
án, m t thư m c images và m t t p tin global.asa (chúng ta s tìm hi u t p tin này
chương sau).
Bây gi , công vi c ti p theo là làm th nào ki m tra r ng án c a chúng ta có
th phát tri n và ch y ư c. Ta ti n hành các bư c như sau:
a) B sung vào m t t p tin m i web m i, ngôn ng k ch b n VBScript có th ch y
ư c, ta ph i t o t p tin Active Server Page (ASP) ( ây cũng là lo i t p tin mà chúng ta
s s d ng trong h u h t quá trình l p trình).
Nh n chu t ph i lên tên Project Add Active Server Page…
C a s ti p theo s hi n ra:
20. Khoa Công Ngh Thông Tin - Trư ng K thu t à L t Bài gi ng L p trình Web
Biên so n: Ph m ình NamTrang 20
t l i tên như hình trên, nh n Open t o t p tin ASP m i.
Trang m i t o ch g m m t s dòng như sau, ây chúng ta quan tâm nh t n dòng
u tiên, dòng u tiên ch cho trình duy t bi t r ng ngôn ng k ch b n chính ư c s
d ng cho phía Server là VBScript.
<%@ Language=VBScript %>
<HTML>
<HEAD>
<META NAME="GENERATOR" Content="Microsoft Visual Studio 6.0">
</HEAD>
<BODY>
<P> </P>
</BODY>
</HTML>
b) ưa thông tin, vi t l nh cho trang web.
ph n dư i c a trang chúng ta th y có ba ch c năng là Design, Source và Quick View,
m c nh là Source:
21. Khoa Công Ngh Thông Tin - Trư ng K thu t à L t Bài gi ng L p trình Web
Biên so n: Ph m ình NamTrang 21
Ta có th chuy n sang ch Design nh p văn b n như là Mocrosoft Word:
c) Lưu n i dung trang web b ng cách nh n t h p Ctrl+S ho c nh n nút Save
d) Thi t l p trang m c nh cho án:
Nh n chu t ph i lên tên t p tin index.asp, ch n Set As Start Page:
e) Click nút Start ho c nh n F5 ch y án, n u l n u tiên h p tho i sau s xu t
hi n:
22. Khoa Công Ngh Thông Tin - Trư ng K thu t à L t Bài gi ng L p trình Web
Biên so n: Ph m ình NamTrang 22
Ch n Yes ti p t c, c a s ti p theo hi n ra:
Ch n Yes m t l n n a, n u trang web không có l i s ư c hi n th trong trình duy t
c a Internet Explorer như sau:
Lưu ý: Trong quá trình th c hành, chúng ta ch c n gõ ti ng Vi t không d u!
- Sau khi xem k t qu hi n tr trên trình duy t, hãy nh n nút Stop ho c óng c a s
trình duy t l i, chuy n sang Tab HTML, b sung o n l nh sau vào ph n <body> c a
trang v i n i dung:
23. Khoa Công Ngh Thông Tin - Trư ng K thu t à L t Bài gi ng L p trình Web
Biên so n: Ph m ình NamTrang 23
<% If (Time >=#12:00:00 AM#) then%>
Good Morning!
<% Else %>
Hello !
<%End If %>
- Lưu trang web và ch y l i. K t qu hi n ra th t b t ng ! Nh ng câu l nh này có ý
nghĩa gì? Chúng ta s tìm hi u trong chương 6.
2. óng m t án Web
Vào menu File Close All.
3. M m t án ã có s n
Nh n nút Open ho c vào menu File Open Project, ch n tab Existing như hình sau:
Tìm n tên án c n m , ch n t p tin có ph n m r ng .sln ho c .vip trong án
Open.
24. Khoa Công Ngh Thông Tin - Trư ng K thu t à L t Bài gi ng L p trình Web
Biên so n: Ph m ình NamTrang 24
III. Thi t k giao di n
thu n ti n trong vi c thi t k giao di n, chúng ta cho hi n h p ToolBox b ng cách vào
menu View ToolBox:
25. Khoa Công Ngh Thông Tin - Trư ng K thu t à L t Bài gi ng L p trình Web
Biên so n: Ph m ình NamTrang 25
C a s hi n ra g m các i tư ng HTML, ưa các i tư ng này vào trang web, chúng
ta click và rê chu t t các i tư ng vào trang web:
IV. T ch c h th ng t p tin thư m c c a m t Web site
Khi t o m t án web, ng d ng luôn t o ra m t thư m c có tên
<tên_ _án>__Local. Thư m c này s ch a t t c nh ng t p tin, thư m c mà ta ã
xây d ng trong án. Ch ng h n, v i án QuanLyDiem v a t o s t sinh ra m t thư
m c con tên là QuanLyDiem_Local ch a các t p tin và thư m c như sau:
Ngư i phát tri n có th thao tác Copy, Cut, Delete tr c ti p trong án Web.
26. Khoa Công Ngh Thông Tin - Trư ng K thu t à L t Bài gi ng L p trình Web
Biên so n: Ph m ình NamTrang 26
CHƯƠNG 3: SIÊU LIÊN K T
M c tiêu:
-T o ư c các m i liên k t t m t traqng Web này n m t trang Web khác
- T ch c các m i liên k t
I. Khái ni m v siêu liên k t
- c trưng cơ b n c a ngôn ng HTML chính là tính siêu liên k t. Tính siêu liên k t
th hi n t t c m i lo i tài li u mà ngư i c t do u i theo các d u v t liên quan qua
su t tài li u ó b ng các m i liên k t xác nh s n do ngư i s d ng t l p nên. M t khái
ni m quan tr ng ư c s d ng trong liên k t là Hypertext.
Trong m t môi trư ng ng d ng hypertext th c s , b n có th tr vào ( highlight) b t
kỳ t nào c a tài li u và s t c kh c nh y n các tài li u khác có văn b n liên quan n
nó. Cũng có nh ng l nh cho phép b n t t o cho riêng mình nh ng d u v t k t h p qua
su t tài li u. Các trình ng d ng hypertext r t h u ích trong trư ng h p ph i làm v i m t
s lư ng văn b n l n, như các b t i n bách khoa và các b sách nhi u t p.
Trong chương này chúng ta s tìm hi u liên k t qua môi trư ng ProntPage 2002
(ProntPage XP).
II. T o siêu liên k t
1. T o Bookmark
- Ch n i tư ng c n t tên (lưu ý, i tư ng ây có th là i t ong Text ho c
hình nh, …).
- Vào menu Insert Bookmark, trong ph n Bookmark name nh p tên cho i tư ng.
27. Khoa Công Ngh Thông Tin - Trư ng K thu t à L t Bài gi ng L p trình Web
Biên so n: Ph m ình NamTrang 27
t tên cho i tư ng Bookmark
2. T o liêu liên k t (Hyperlink)
- Ch n i tư ng c n liên k t
- Vào Insert Hyperlink (ho c nh n Ctrl+K ho c nh n vào nút l nh có hình
qu c u)
- T i ph n Address, nh p vào a ch URL ho c ch n t p tin c n liên k t.
28. Khoa Công Ngh Thông Tin - Trư ng K thu t à L t Bài gi ng L p trình Web
Biên so n: Ph m ình NamTrang 28
Liên k t t i m t a ch URL
- N u mu n liên k t t i m t Bookmark trong trang web v a t o thì nh n vào nút
Boomark… ch n tên Bookmark:
Liên k t t i m t Bookmark
- N u trang có s d ng Frame thì b n có th ch nh cho liên k t ư c hi n th trong
ph n Frame nào b ng cách nh n vào nút Taget frame, c a s hi n ra cho phép ta ch n
các tham s :
29. Khoa Công Ngh Thông Tin - Trư ng K thu t à L t Bài gi ng L p trình Web
Biên so n: Ph m ình NamTrang 29
Ch n Frame hi n th
+ Same Frame: trang hi n th úng v i frame ch a trang có ch a ư ng link
+ Whole Page: trang hi n th toàn b c a s (không thu c m t frame nào)
+ New Window: trang hi n th m t c a s m i (không thu c frame nào)
+ Parent Frame: trang hi n th frame cha (bao frame có ch a ư ng link)
3. Xem mã HTML c a siêu li n k t
Bây gi chúng ta hãy xem HTML ã sinh ra nh ng th gì trong nh ng công vi c ta
v a th c hi n, t ó các b n có th n m b t ư c nh ng o n mã ch y u t o nên s
siêu liên k t thú v này.
Như trên, chúng ta ã t o ra m t bookmark tên là cntt ( n i dung Công ngh
thông tin) và liên k t o n văn b n Công ngh thông tin t i bookmark này, HTML ã
sinh ra o n mã v i th <a> …</a> sau:
<a target="_self" href="#cntt">Công ngh thông tin</a>
- N u mu n liên k t n m t a ch URL, các b n ch c n thay i thu c tính
href=< a ch URL>.
- N u mu n thay i frame hi n th , chúng ta thay i thu c tính target.
- Ðôi khi n i dung trang web dài và chi m nhi u trang màn hình, nhưng n i dung l i
có m i liên h ch t ch , hay vì 1 lý do nào ó mà ta không mu n toàn b n i dung này
ư c ch a trong cùng 1 trang web và chia ra nhi u trang. Khi ó ta c n t các hyperlink
ngay u trang web khi c n ngư i dùng có th click vào ó i n m t o n tư li u
h quan tâm mà không c n ph i kéo scrollbar n o n ó.
- Ð nh nghĩa tag <A></A> như sau:
a) Ð nh nghĩa 1 bookmark và hyperlink trong cùng trang web: bookmark là k
thu t ch nh 1 nh danh( ích) hyperlink nh y n u o n văn b n.
<A name="tên">chu i ký t u o n văn b n</A>
30. Khoa Công Ngh Thông Tin - Trư ng K thu t à L t Bài gi ng L p trình Web
Biên so n: Ph m ình NamTrang 30
Ví d :
<A name="Nd ph n 1">N i dung ph n 1</A> bao g m các n i dung chi ti t sau...
Khi ó trong ph n khai báo hyperlink b n khai báo theo cú pháp sau:
<a href="#tên_c a_bookmark_ ã_khai_báo">Chu i hư ng d n nh y n u o n
có bookmark="tên_c a_bookmark_ ã_khai_báo"</a>
Ví d :
<a href="#Nd ph n 1">Xem n i dung ph n 1</a>
b) Hyperlink n m t trang web khác:
Cú pháp:
<A HREF=" a_ch _trang_web_s _nh y_t i"> Chu i di n gi i hyperlink </A>
Ví d :
<A HREF="http://www.dalattech.edu.vn">Link n trang web ch c a hãng máy tính
Microsoft.</A>
<A HREF="trang_chu.htm">Link n trang web trang_chu.htm trong cùng thư
m c.</A>
<A TARGET="viewer" HREF="sample.htm">Click vào ây m trang web
sample.htm trong c a s "viewer".</A>
<A HREF="http://www.dalattech.edu.vn"><IMG SRC="images/bullet.gif">Click vào
nh này link n trang web c a Microsoft</A>
<A HREF="mailto:admin@kythuatdalat.edu.vn"> admin@kythuatdalat.edu.vn
</A><br>
31. Khoa Công Ngh Thông Tin - Trư ng K thu t à L t Bài gi ng L p trình Web
Biên so n: Ph m ình NamTrang 31
CHƯƠNG 4: T O DANH SÁCH, THI T K B NG, T O BI U M U
G I D LI U QUA INTERNET
M c tiêu:
- T o các danh sách, theo th t , không theo th t , danh sách l ng nhau
- Thi t k và nh d ng các b ng, thi t k và nh d ng khung
- T o m u bi u, t o các h p nh p d li u, t o các nút, g i d li u m u bi u thông
qua e-mail
I. nh nghĩa m t danh sách
- Th <DL> </DL>
Cú pháp:
<DL> m c danh dách
<DT> Danh sách m c 1 </DT>
<DT> Danh sách m c 1 </DT>
……
<DD> Danh sách m c 2 </DD>
<DD> Danh sách m c 2 </DD>
……
<DT> Danh sách m c 1 </DT>
<DD> Danh sách m c 2 </DD>
</DL>
Ví d : Trong ph n HTML chúng ta gõ vào o n l nh sau:
<html>
<head>
<title>Vi du ve danh sach</title>
</head>
<body>
<b><DL> m c danh dách</b>
<DT> Danh sách m c 1 </DT>
<DT> Danh sách m c 1 </DT>
<DD> Danh sách m c 2 </DD>
<DD> Danh sách m c 2 </DD>
<DT> Danh sách m c 1 </DT>
<DD> Danh sách m c 2 </DD>
</DL>
</body>
</html>
32. Khoa Công Ngh Thông Tin - Trư ng K thu t à L t Bài gi ng L p trình Web
Biên so n: Ph m ình NamTrang 32
K t qu hi n th trong trình duy t:
- Th <UL><LI></UL>, <OL><LI></OL>: Danh sách s p x p (Ordered List), danh
sách không s p x p(Unordered List) và danh sách các nh nghĩa (Definition List). Danh
sách s p x p b t u b ng tag <OL>, danh sách không s p x p b t u b ng 1 trong
các tag sau: <UL>, <DIR> và <MENU>, danh sách các nh nghĩa b t u b ng tag
<DL>. Ð th hi n m i m t m u trong danh sách s p x p và không s p x p dùng tag
<LI>.
UL, DIR, MENU: danh sách không s p x p ki u bullet, m i m u b t u b ng tag LI.
Ví d : danh sách ki u bullet(không s p x p).
<UL>
<LI>Ðây là m c 1 trong danh sách.
<LI>Ðây là m c 2 trong danh sách.
</UL>
K t qu trình duy t như sau:
• Ðây là m c 1 trong danh sách.
• Ðây là m c 2 trong danh sách.
OL: danh sách s p x p. M i m c trong danh sách cũng b t u b ng <LI>.
- Ðinh nghĩa OL:
<OL START=n TYPE=order-type> trong ó:
START=n: ch nh ch s b t u
TYPE=order-type: ch nh ki u ch s . Có th là m t trong các giá tr sau:
A: s d ng ký t l n A,B,C,...
a: s d ng ký t nh a,b,c,...
I: s d ng s La Mã l n I,II,III,...
i: s d ng s La Mã nh i,ii,iii,...
1: s d ng s 1,2,3,...
Ví d :
<OL TYPE=I>
<LI>Nghi th c HTTP
<LI>Nghi th c FTP
<LI>Nghi th c SMTP
</OL>
33. Khoa Công Ngh Thông Tin - Trư ng K thu t à L t Bài gi ng L p trình Web
Biên so n: Ph m ình NamTrang 33
K t qu trình duy t như sau:
I. Nghi th c HTTP
II. Nghi th c FTP
III. Nghi th c SMTP
II. Thi t k b ng
- Th <TABLE><TR><TD></TABLE>: s d ng tag <TABLE> b t u và k t
thúc 1 b ng. S d ng kèm theo v i tag <TR></TR> thêm 1 dòng trong b ng và tag
<TD></TD> thêm vào 1 ô trên dòng.
Ví d :
<TABLE>
<TR><TD>Ô 11<TD>Ô 12
<TR><TD>Ô 21<TD>Ô 22
</TABLE>
K t qu trình duy t như sau:
Ô 11 Ô 12
Ô 21 Ô 22
Ð óng khung cho b ng, s d ng thu c tính BORDER
Ví d :
<TABLE BORDER=1>
<TR><TD>Ô 11<TD>Ô 12
<TR><TD>Ô 21<TD>Ô 22
</TABLE>
K t qu trình duy t như sau:
Ô 11 Ô 12
Ô 21 Ô 22
Chi u r ng m c nh c a b ng s là chi u r ng l n nh t c a dòng r ng nh t trong
b ng. Ð ch nh chi u r ng các b ng, s d ng thu c tính WIDTH=n% quy nh chi u
r ng.
Ví d :
<TABLE BORDER=1 WIDTH=100%>
<TR><TD>Ô 11<TD>Ô 12
<TR><TD>Ô 21<TD>Ô 22
</TABLE>
K t qu trình duy t như sau:
Ô 11 Ô 12
Ô 21 Ô 22
34. Khoa Công Ngh Thông Tin - Trư ng K thu t à L t Bài gi ng L p trình Web
Biên so n: Ph m ình NamTrang 34
Ð thêm tiêu cho b ng, s d ng tag <CAPTION></CAPTION>. M c nh tiêu
c a b ng n m trên và canh l gi a. Tuy nhiên có th thay i b ng cách dùng thu c
tính ALIGN bên trong CAPTION.
Ví d :
<TABLE BORDER=1 WIDTH=100%>
<CAPTION> Tiêu c a b ng</CAPTION>
<TR><TD>Ô 11<TD>Ô 12
<TR><TD>Ô 21<TD>Ô 22
</TABLE>
K t qu trình duy t như sau:
Tiêu c a b ng
Ô 11 Ô 12
Ô 21 Ô 22
Ð thêm vào các ô tr i dài trên nhi u c t, dòng khác, dùng thu c tính COLSPAN=n
và ROWSPAN=n.
Ví d :
<TABLE BORDER=1 WIDTH=100%>
<CAPTION> Tiêu c a b ng</CAPTION>
<TR><TD>Ô 11<TD COLSPAN=2>Ô 12 tr i dài trên 2 ô
<TR><TD>Ô 21<TD>Ô 22<TD>Ô 23
</TABLE>
K t qu trình duy t như sau:
Ô 11 Ô 12 tr i dài trên 2 ô
Ô 21 Ô 22
Ô
23
- Ð nh nghĩa TABLE(b ng):
<TABLE
ALIGN=align-type
BACKGROUND=url
BGCOLOR=color-type
BORDER=n
CELLPADDING=n
WIDTH=n%>
Trong ó:
ALIGN=align-type: l c a b ng, có giá tr là LEFT ho c RIGHT
BACKGROUND=url: ch nh nh n n c a b ng
BGCOLOR=color-type: màu n n c a b ng
BORDER=n: ư ng vi n b ng, n tính b ng pixel
CELLPADDING=n: kho ng cách t ô t i n i dung c a ô, ơn v pixel
35. Khoa Công Ngh Thông Tin - Trư ng K thu t à L t Bài gi ng L p trình Web
Biên so n: Ph m ình NamTrang 35
WIDTH=n: r ng c a b ng, n tính theo % (ph i có d u % theo sau)
- Ð nh nghĩa TR(dòng):
<TR
ALIGN=align-type
BACKGROUND=url
BGCOLOR=color-type
VALIGN=v-align-type>
Trong ó:
ALIGN=align-type: l c a các ô trong dòng, có giá tr là LEFT, RIGHT ho c CENTER
BACKGROUND=url: ch nh nh n n c a dòng
BGCOLOR=color-type: màu n n c a dòng
VALIGN=v-align-type: l theo chi u d c cho văn b n trong các ô trên dòng. Giá tr
có th là: TOP, BOTTOM, MIDDLE.
- Ð nh nghĩa TD (ô):
<TD
ALIGN=align-type
BACKGROUND=url
BGCOLOR=color-type
COLSPAN=n
ROWSPAN=n
VALIGN=v-align-type>
Trong ó:
ALIGN=align-type: l văn b n trong ô, có giá tr là LEFT, RIGHT ho c CENTER
BACKGROUND=url: ch nh nh n n cho ô
BGCOLOR=color-type: màu n n c a ô
COLSPAN=n: ô tr i r ng trên n c t
ROWSPAN=n: ô tr i dài trên n hàng
VALIGN=v-align-type: l theo chi u d c cho văn b n trong các ô . Giá tr có th
là: TOP, BOTTOM, MIDDLE.
TH: t o ô tiêu . Tương t như TD ch khác là văn b n ư c th hi n d ng
nghiêng.
III. T o bi u m u
- Th <form> …</form>: là công c ch y u t o ra các trang web có tính ch t
tương tác.
- Bi u m u cho phép ngư i s d ng nh p thông tin ho c tùy ch n các kh năng có
s n.
36. Khoa Công Ngh Thông Tin - Trư ng K thu t à L t Bài gi ng L p trình Web
Biên so n: Ph m ình NamTrang 36
- Th <form> thư ng g n v i m t chương trình th c thi, thư ng g i là “script”,
chương trình này s th c hi n m t công vi c nào ó khi ngư i s d ng nh t vào nút
Submit.
- Cú pháp:
<FORM METHOD=<Phương th c> ACTION=< ư ng d n n chương trình>
[n i dung trong FORM có th là văn b n ho c các th FORM]
<input type=submit value = “Nút Submit”>
</FORM>
- Phương th c: g m phương th c POST và GET.
+ Khi dùng phương th c POST, d li u g i i s không ư c hi n th trên a ch URL.
+ Khi dùng phương th c GET, d li u g i i ư c hi n th trên a ch URL.
- Các th Form: có th là th <input>, <TextArea>, <Button>, <option>, …
IV. G i d li u bi u m u qua Internet
- Khi ngư i s d ng nh n nút Submit, thông tin trong form s ư c g i i lên Server
yêu c u (Request) Server tr l i (Server Answer). Trên Server ã ư c cài t các
chương trình ng d ng (có th b ng m t ngôn ng Web C++, ASP, Java,…), các chương
trình ng d ng này s t ng x lý thông tin g i i t ngư i s d ng (Client) và ph n
h i thông tin (Response). Phương th c này ôi khi ngư i ta còn g i là Yêu c u – áp ng,
t c là nên Client thì Request còn trên Server s Response. Các b n có th hình dung ti n
trình g i thông tin quan Interner v i sơ sau:
Cách th c trao i thông tin qua chương trình
37. Khoa Công Ngh Thông Tin - Trư ng K thu t à L t Bài gi ng L p trình Web
Biên so n: Ph m ình NamTrang 37
V. T o khung (Frame)
- Th Frame: <FRAMESET><FRAME></FRAMESET>:
S d ng tag <FRAMESET> và </FRAMESET> chia c a s trình duy t thành nhi u
c a s con frame. Tag <FRAMESET> ư c dùng kèm v i tag <FRAME> nh nghĩa 1
frame.
Ví d : t o trang web có tên là 2frame.htm ch a 2 frame, frame 1 bên trái ch a n i
dung trang web page_1.htm và frame 2 bên ph i ch a n i dung trang web page_2.htm.
<html>
<head>
<title>Trang web có 2 khung</title>
</head>
<frameset cols="150,*">
<frame name="muc_luc" target="noi_dung"
src="http://localhost/html/page_1.htm">
<frame name="noi_dung" src="http://localhost/html/page_2.htm">
</frameset>
</html>
M i frame có 1 tên, ví d frame trái có name="muc_luc" và frame ph i có
name="noi_dung". Ð t o liên k t t frame muc_luc v i frame noi_dung ta ch nh trong
frame muc_luc như sau:target="noi_dung". src=file: ch nh ra trang web th hi n
trên khung. Các trang web page_1.htm và page_2.htm c n t o ra trư c khi t o trang
web 2frame.htm ch a chúng. N i dung c a trang web page_1.htm trong tag
<HEAD></HEAD> có khai báo sau:
<head>
<base target="noi_dung">
</head>
Ð không xu t hi n scrollbar và border c a frame, khi ó b n thêm thu c tính
scrolling="no" và frameborder=0 vào tag <FRAME>, ví d :
<frame name="muc_luc" target="noi_dung" src="http://localhost/html/page_1.htm"
scrolling="no">
Ð t o các liên k t hyperlink gi a trang page_1.htm v i các trang web khác như
page_2.htm, page_3.htm,... th hi n trên khung bên ph i thì trong n i dung trang
page_1.htm có n i dung như sau:
<html>
<head>
<title>Trang m c l c</title>
<base target="noi_dung">
</head>
<body>
<p>M c l c công vi c</p>
<p><a href="page_2.htm">page 2</a></p>
38. Khoa Công Ngh Thông Tin - Trư ng K thu t à L t Bài gi ng L p trình Web
Biên so n: Ph m ình NamTrang 38
<p><a href="page_3.htm">page 3</a></p>
</body>
</html>
Khi ó trong trình duy t b n click vào các hyperlink thì các trang web page_2.htm và
page_3.htm s m ra tương ng frame bên ph i(frame noi_dung) nh khai báo
target="noi_dung".
39. Khoa Công Ngh Thông Tin - Trư ng K thu t à L t Bài gi ng L p trình Web
Biên so n: Ph m ình NamTrang 39
CHƯƠNG 5: A PHƯƠNG TI N
M c tiêu:
- ưa (Nhúng âm thanh, hình nh ...) vào trong m t trang Web
I. Khái ni m v a phương ti n (Multimedia)
- Multimedia: a phương ti n, a môi trư ng, a truy n thông.
M t phương pháp gi i thi u thông tin b ng máy tính, s d ng nhi u phương ti n
truy n thông tin như văn b n, ho và âm thanh, cùng v i s gây n tư ng b ng tương
tác.
II. Gi i thi u m t s k thu t t o file âm thanh, hình nh
- Hi n nay trên th trư ng xu t hi n r t nhi u ph n m m t o âm tham và hình nh
v i các m c ch t lư ng khác nhau, vi c l a ch n ph n m m s d ng cho b n thân và
doanh nghi p, công ty ph thu c vào túi ti n, nhu c u và nhân l c. i v i môi trư ng
h c t p, các b n có th s d ng m t s ph n m m như Photoshop, Corel Draw, … Hay
t o nhanh các hình nh thi t k Web mà không c n nhi u k năng, b n có th s d ng
ph n m m t o banner, nút l nh… như WebStyle, Cool3D,… ph n m m t o Video ch t
lư ng cao như Ulead Video, ph n m m thu nh c v i nh d nh MP3 như Super MP3
Recorder.
- Trong chương này, chúng tôi xin gi i thi u t i các b n m t s k thu t t o hình nh
ng b ng ph n m m Photoshop.
III. Nhúng hình nh, âm thanh vào trang Web
- Th <IMG>: Thêm hình nh ho c phim vào trang web. Ð nh nghĩa
<IMG
ALIGN=align-type
ALT=text
SRC=url
BORDER=n
HEIGTH=n
WIDTH=n
HSPACE=n
VSPACE=n>
Trong ó:
- ALIGN=align-type: l cho nh hay cho văn b n bao quanh nh. Giá tr có th là
TOP, MIDDLE, BOTTOM, LEFT, RIGHT.
- ALT=text: văn b n hi n th hay thay th cho hình nh khi ch c "Show Picture" trong
trình duy t b t t.
- SRC=url: ch nh nh
40. Khoa Công Ngh Thông Tin - Trư ng K thu t à L t Bài gi ng L p trình Web
Biên so n: Ph m ình NamTrang 40
- BORDER=n: ư ng vi n nh. N u nh ư c dùng cho hyperlink thì ư ng vi n có
màu trùng v i màu hyperlink. N u nh không dùng cho hyperlink thì ư ng vi n không
hi n th .
- HEIGTH=n, WIDTH=n: ch cao và r ng c a nh. Ðơn v b ng pixel.
- HSPACE=n, VSPACE=n: ch nh kho ng cách t nh n văn b n quanh nó theo
chi u ngang và d c.
Ví d :
<A HREF="index.htm"><IMG SRC="images/btoc.gif" ALT="[các n i dung]"
ALIGN=MIDDLE HSACE=5 VSPACE=5>N i dung</A></P>
- Th <EMBED>: thêm i tư ng âm tham vào trang web.
Cú pháp:
<EMBED
ALIGN=align-type
SRC=url
HEIGTH=n
WIDTH=n
…
>
- Các tham s thu c tính tương t th <IMG>
Ví d :
<EMBED SRC="nhac/muatrenphohue.mp3" ALIGN=MIDDLE HSACE=5
VSPACE=5>Mưa trên ph Hu
41. Khoa Công Ngh Thông Tin - Trư ng K thu t à L t Bài gi ng L p trình Web
Biên so n: Ph m ình NamTrang 41
CHƯƠNG 6: VB SCRIPT VÀ CÁC NG D NG
M c tiêu:
- L p trình trên trang WEB tính toán ph c v m t m c tiêu c th b ng ngôn ng
VB Script .
I. Khái ni m v ngôn ng VB Script
I.1 Gi i thi u v ASP
ASP (Active Server Pages) là m t môi trư ng l p trình cung c p cho vi c k t h p
HTML, ngôn ng k ch b n (Scripting) như VBScript, JavaScript, và các thành ph n ư c
vi t trong các ngôn ng nh m t o ra m t ng d ng Internet m nh m và hoàn ch nh.
- ASP file là gì?
File ư c t o v i ph n m r ng .ASP. Trong file này ch a các th HTML, Các k ch b n
Scripting như VBSCript, JavaScript hay các l i g i n các components(Như DLL và
ActiveX control).
Các script c a ASP ư c n m trong c p th <% %>
Khi c n s a i các file ASP ta ch c n ghi l i trên server thôi. Vào nhưng l n sau khi
trang ASP ư c g i, các Script trong file ASP t ng biên d ch l i.
Công ngh ASP ư c xây dưng tr c ti p bên trong ; IIS(WinNT, 2000), Personal
Webserver.
- ASP làm vi c như th nào ?
Trang HTML tĩnh:
Trang web ng (Dynamic):
42. Khoa Công Ngh Thông Tin - Trư ng K thu t à L t Bài gi ng L p trình Web
Biên so n: Ph m ình NamTrang 42
I.2 L p trình v i ASP
1. Khai báo bi n.
- Không b t bu c nhưng nên khai báo ki m soát và b t l i.
- Cú pháp: Dim bi n 1, bi n 2…
- khai báo m ng:
a) Dim a(10) : ch s ch y t 0->10 do ó có 11 ph n t .
b) Khi khai báo nên s d ng các ti n t :
Boolean Bln
Byte Byt
Double Dbl
Integer Int
Long Lng
Object Obj
String Str
ADO command Cmd
ADO connection Cnn
2. Khai báo h ng s .
CONST tên h ng= giá tr
3. Các i tư ng xây d ng s n trong ASP.
Trong ASP có 5 i tư ng ph c v cho vi c s d ng toàn c c.
+ Request: L y thông tin t User
+ Response: G i thông tin t Server t i User.
+ Server: Dùng i u khi n IIS
+ Session: Dùng lưu tr các thông tin như các cài t, thay i cho m t phiên
làm vi c hi n th i c a User.
+ Application: Dùng chia s các thông tin c p ng d ng và i u khi n các thi t
l p cho toàn b quá trình ch y ng d ng
4. C u trúc i u khi n l nh và Hàm.
4.1 Các c u trúc i u khi n.
1) C u trúc i u ki n IF..THEN..ELSE..IF
Cú pháp:
<%
If < i u ki n 1> then
<Các câu l nh>
Else
If < i u ki n 2> then
43. Khoa Công Ngh Thông Tin - Trư ng K thu t à L t Bài gi ng L p trình Web
Biên so n: Ph m ình NamTrang 43
<Các câu l nh>
End if
End if
%>
Ngoài ra có th s d ng c u trúc IF.. THEN. . . . ELSEIF. . . END IF
<%
If < i u ki n 1> then
<Các câu l nh 1>
ElseIf < i u ki n 2> then
<Các câu l nh 2>
Else
<Các câu l nh 3>
End if
%>
2) C u trúc l a ch n select case…end select
Cú pháp:
<%
Select Case <tenbien>
Case <gia tri 1>
<Nhóm l nh 1>
Case <gia tri 2>
<Nhóm l nh 2>
Case <gia tri n>
<Nhóm l nh n>
Case Else
<Nhóm l nh n+1>
%>
Ví d : Hi n ngày gi trên máy ch và cho bi t hôm nay là th m y?
3) C u trúc l p tu n t for…next.
Dùng l p v i s l n ã bi t, tuy nhiên ta có th ng t b ng l nh EXIT
FOR.
Cú pháp:
<%
FOR <tenbien>=<giatridau> TO <Giatribien> STEP <Buoc nhay>
NEXT
%>
4) Các C u trúc l p .
a) DO WHILE….LOOP.
44. Khoa Công Ngh Thông Tin - Trư ng K thu t à L t Bài gi ng L p trình Web
Biên so n: Ph m ình NamTrang 44
Cú pháp:
<%
Do while <Dieukien>
<Các cau lenh>
Loop
%>
b) WHILE….wend.
Cú pháp:
<%
While <Dieukien>
<Các cau lenh>
Wend
%>
c) DO….Loop until
Cú pháp:
<%
DO
<Các cau lenh>
Loop until < i u ki n>
%>
4.2 M t s hàm h u d ng trong ASP.
1) Các Hàm x lý văn b n
i. TRIM(xâu as string): B kho ng tr ng hai u kí t
ii. LEFT(Xâu as string, n as interger): L y bên trái xâu n kí t .
iii. RIGHT(Xâu as string, n as interger): L y bên ph i xâu n kí t .
iv. LCASE(Xâu as string) : Chuy n xâu v ch thư ng
v. UCASE(Xâu as string) : Chuy n xâu v ch hoa
vi. MID(xâu as string, n1, n2): L y n2 kí t trong xâu b t u t v trí n1.
vii. CSTR(Bi n): Hàm chuy n i bi n thành ki u string
viii. Hàm JOIN/SPLIT(Xâu as string, kí t ngăn cách): S N i/C t xâu hành
m t/nhi u o n b ng cách xác nh kí t ngăn cách trên và cho các o n ó l n lư t
vào m t m ng.
Ví du:
<%
x=”Hà n i;H i phòng; TPHCM”
y=split(x,”;”)
Response.write y(0)
‘y(0)=”Hà n i”
%>
45. Khoa Công Ngh Thông Tin - Trư ng K thu t à L t Bài gi ng L p trình Web
Biên so n: Ph m ình NamTrang 45
2) Các hàm x lý s
i. SQR(n): Căn b c hai c a n
ii. INT(n) : L y ph n nguyên n
iii. MOD : Phép ng dư
iv. Toán t : Chia nguyên
v. Round(s , n) : Làm tròn s v i n ch s th p phân
vi. RND(): Tr v s ng u nhiên b t kì trong kho ng [0,1]
II. ưa các o n Script vào trong trang Web
Trong ASP ,m c nh ngôn ng script là Vbscript
N u mu n dùng Javascript ta ph i ch nh tags script language là Javascript.
- i v i ngôn ng m c nh, b n có th ch dùng c p d u <% và %> ch a o n
l nh Script.
- Ví d v m t o n l nh VBScript:
<% If (Time >=#12:00:00 AM#) then%>
Good Morning!
<% Else %>
Good Afternoon!
<%End If %>
- Ho c b n có th ch ra c th ang s d ng ngôn ng nào b ng cách s d ng th :
<Script language= “tên_ngôn_ng ”>
[l nh vi t ây]
</Script>
- ây tên ngôn ng có th là VBScript ho c JavaScript (Jscript).
Ví d :
<Script language= “VBScript”>
Response.Write(“Xin chào các b n!”)
</Script>
III. Thi t l p các thư vi n procedure, function cho 1 ng d ng WEB
Th t c và hàm trong ASP có th chèn t i v trí b t kỳ c a trang Web, tuy nhiên i
v i m t s trư ng h p, m t s hàm và th t c có th ư c dùng i dùng l i nhi u l n
trong nhi u trang web thì vi c nh nghĩa l i các th t c và hàm này s m t nhi u th i
gian và công s c. Vì v y b n nên xây d ng m t thư vi n hàm và th t c cho riêng mình
khi c n thì s dùng n. Ch ng h n, khi b n mu n xây d ng m t án web có 10
trang, m i trang u ph i có th t c ki m tra m t kh u ăng nh p, như v y b n nên
nh nghĩa th t c này trong m t thư vi n s thu n l i r t nhi u cho vi c phát tri n và
ch nh s a.
46. Khoa Công Ngh Thông Tin - Trư ng K thu t à L t Bài gi ng L p trình Web
Biên so n: Ph m ình NamTrang 46
1. nh nghĩa th t c
Cú pháp:
Sub <tên th t c>
[N i dung th t c]
End Sub
Ví d :
Sub HienThi(hoten)
Response.Write(hoten)
End Sub
2. nh nghĩa hàm
Cú pháp:
Funtion <tên th t c>
[x lý]
<k t qu tr v >
End Funtion
Ví d :
Funtion TongDaySo(n)
Dim i, S
S = 0
For i=1 to n
S = S + i
Next
TongDaySo = S
End Funtion
3. S d ng thư vi n hàm, th t c
47. Khoa Công Ngh Thông Tin - Trư ng K thu t à L t Bài gi ng L p trình Web
Biên so n: Ph m ình NamTrang 47
Sau khi nh nghĩa thư vi n hàm và th t c c a riêng b n (lưu ý là t p tin thư vi n
ph i có d ng Text có ph n m r ng b t kỳ), s d ng ư c thư vi n hàm và th t c
này, b n dùng th :
<!--#include file=tên_t p_tin_thư_vi n -->
chèn thư vi n t i v trí nào trong trang web mà b n mu n.
IV. M t s bài t p ng d ng m u
Ví d 1: Gi i h phương trình b c nh t 0=+Α Bχ (trong ó các h s A, B ư c l y
ng y nhiên). Xu t k t qu ra trình duy t.
%@ Language=VBScript %>
<HTML>
<BODY>
<%
Dim A, B
Randomize
A = Round(RND() * 10) ‘T o s nguyên ng u nhiêu trong kho n [0,10]
B = Round(RND() * 10) ‘T o s nguyên ng u nhiêu trong kho n [0,10]
IF (A=0) Then
IF (B=0) Then
Response.Write(“Phuong trinh co vo so nghiem!”)
ELSE
Response.Write(“Phuong trinh vo nghiem!”)
End IF
ELSE
Response.Write(“Phuong trinh co 1 nghiem la:” & B/A)
End IF
</BODY>
</HTML>
Ví d 2: Thư vi n hàm và th t c
- Trư c tiên, b n t o m t t p tin tên là thuvien.inc có n i dung như sau:
Sub HienThi(hoten)
Response.Write(hoten)
End Sub
Funtion TongDaySo(n)
48. Khoa Công Ngh Thông Tin - Trư ng K thu t à L t Bài gi ng L p trình Web
Biên so n: Ph m ình NamTrang 48
Dim i, S
S = 0
For i=1 to n
S = S + i
Next
TongDaySo = S
End Funtion
- Bây gi trong t p tin th 2 tên là ungdung.asp, ta ưa vào dòng l nh sau:
%@ Language=VBScript %>
<HTML>
<BODY>
<STRONG>DAY LA TRANG WEB SU DUNG THU VIEN HAM - THU TUC
TIEN</STRONG><br>
<!--#include file=”thuvien.inc” -->
<%
Dim ten, n
ten = “Nguyen Van A”
Call HienThi(ten & “<br>”)
n = 10
Response.Write(“T ng dãy s :” & TongDaySo(n))
</BODY>
</HTML>
BÀI T P
T o m t Web Project ( t tên là DieuKhien)
1) Thêm vào project m t trang Bai1.asp có m t o n l nh th c hi n công vi c
gán m t giá tr ng u nhiên cho bi n nguyên n. N u n là ch n thì xu t ra trình duy t giá
tr 2*n, n u n l thì xu t ra n*n.
2) Thêm vào project trang Bai2.asp có m t o n l nh th c hi n gán m t dãy s
ng u nhiên cho m t m ng A g m 10 ph n t , sau ó xu t giá tr c a các ph n t c a
m ng ra trình duy t.
49. Khoa Công Ngh Thông Tin - Trư ng K thu t à L t Bài gi ng L p trình Web
Biên so n: Ph m ình NamTrang 49
CHƯƠNG 7: LIÊN K T TRANG WEB N H CSDL
XÂY D NG CÁC TRANG WEB NG
M c tiêu:
- Nhúng ư c các form có trong trang Web n m t h CSDL
- Chuy n thông tin t giao di n nh p n h CSDL ã ư c thi t k
- Chuy n t i thông tin t CSDL n trang Web
I. Nh c l i m t s khái ni m v CSDL
1. Database Device
1.1 T o 1 Database Device
Databases và các logs giao d ch(transaction logs) oc lưu trong các files g i là
database devices. Trư c khi có th t o 1 database, trư c tiên b n ph i t o 1 device
lưu database. 1 device có th lưu nhi u database, và 1 database có th lưu trong vài
device.
- Ð thêm 1 Database Device:
1. Trong window Server Manager, ch n server thêm 1 device vào.
2. T menu Manage, ch n Database Devices.
window Manage Database Devices xu t hi n.
3. Click nút New Device.
H p tho i New Database Device xu t hi n.
4. Trong h p Name, gõ 1 name cho device.
5. Ð ch nh device là device m c nhiên, ch n h p ki m tra Default Device.
6. Trong h p Location, ch n 1 ĩa t device vào.
7. Trong h p Size (MB), gõ vào size tính b ng ơn v megabytes cho device.
8. Click Create Now.
1.2 Ði u ch nh 1 Database Device
1. Trong window Server Manager, double-click trên tên device mu n i u ch nh.
H p tho i Edit Database Device xu t hi n.
2. Ð m r ng c database device, gõ vào c l n hơn trong h p Size(MB) . Lưu ý
r ng c device có tăng, nhưng không gi m.
3. Ð ch nh device là default device, ch n check box Default Device.
4. Ð i u ch nh device mirroring, ch n Mirroring.
H p tho i Mirror Database Device xu t hi n. Ði u ch nh sao cho thích h p.
5. Ð i u ch nh device t c thì, trong h p tho i Edit Database Device , click Change
Now.
Ð l p l ch i u ch nh device, click Schedule.
50. Khoa Công Ngh Thông Tin - Trư ng K thu t à L t Bài gi ng L p trình Web
Biên so n: Ph m ình NamTrang 50
1.3 B 1 Database Device
B 1 database device gi i phóng kho ng tr ng lưu tr trên server. Khi b n xoá 1
device, t t c databases trên nó u b xoá thêm. Sau khi xoá, các file liên quan b xoá
h n trên ĩa và b n không c n shutting down SQL Server. B n có th t o l i ngay device
trùng tên device v a xoá.
- Ð b (drop) 1 database device:
1. Trong window Server Manager, ch n server g b device trên ó.
2. T menu Manage menu, ch n Devices.
Window Manage Database Devices xu t hi n.
3. T th , ch n database device b .
4. Click nút Delete Device và xác nh n xoá.
2. Database
2.1 T o 1 Database
Khi b n t o 1 database, b n c p phát kho ng dung lư ng lưu tr cho database trên
device. B n ph i t o 1 device vào nơi lưu tr database trư c khi b n t o database.
Khi b n t o 1 database, 1 file log giao d ch cũng ư c t o ra ghi l i t t c nh ng
ho t ng giao d ch trên database. Lưu file log giao d ch trên m t device khác v i device
c a database d dàng ph c h i và nâng cao hi u qu th c hi n. N u b n không ch
nh m t device khác, thì file log giao d ch ư c t o như m t ph n c a database.
- Ð t o 1 database:
1. Trong c a s Server Manager , ch n server t o database.
2. T th c ơn Manage, ch n Databases.
C a s Manage Databases window xu t hi n.
3. Click nút New Database.
H p tho i New Database xu t hi n.
4. Trong h p Name, gõ vào tên cho database.
5. Trong h p Data Device, ch n device lưu tr database vào ó.
B n có th t o 1 device cho database ã ch n b ng cách ch n <new> và hoàn t t
thông tin trong h p tho i New Database Device.
6. Trong h p Size (MB), gõ vào dung lư ng megabytes (MB), c p phát cho device
c a database.
7. Trong h p Log Device, ch n device ch a the file log giao d ch.
B n có th t o 1 device cho file log giao d ch b ng cách ch n <new> và hoàn t t
thông tin trong h p tho i New Database Device.
8. Trong h p Size (MB), gõ vào dung lư ng megabytes (MB), c p phát cho device
c a log giao d ch.
Ð th Available Space on Database Devices ch t t c device ang có dung lư ng cáp
phát cho t ng device.
51. Khoa Công Ngh Thông Tin - Trư ng K thu t à L t Bài gi ng L p trình Web
Biên so n: Ph m ình NamTrang 51
9. N u b n d nh n p 1 b n backup vào database ã ch n trư c khi dùng nó, hãy
ch n h p ki m tra Create for Load, nó s t o database nhanh hơn. V i tùy ch n này, các
trang không kh i t o r ng (zero-initialized) khi database ư c t o ra. Tuy nhiên, users
ngoài DBO không th truy c p database cho n khi backup ư c n p vào database và
tuỳ ch n database DBO Use Only b xoá. (Trong h i tho i Edit Database trong tab
Options, xoá h i ki m tra DBO Use Only).
10. Ð t o database t c thì, click Create Now. Ð l p l ch trình t o database, click
Schedule.
2.2 Ði u ch nh Database
1. Trong window Server Manager , double-click database mu n i u ch nh.
H p tho i Edit Database xu t hi n.
2. Trong tab Database, click nút Expand.
H p tho i Expand Database xu t hi n.
3. Ð làm thay i t c thì , hoàn t t h p tho i và click Expand Now.
Ð thi t l p các tuỳ ch n database
Trong h p tho i Edit Database, trong tab Options, ch nh các tùy ch n và click OK.
2.3 B 1 Database
Ch có DBO SA có quy n b (drop) databases. Quy n này không th chuy n cho các
User khác.
- Ð g b 1 database:
1. T menu Manage, ch n Databases.
Window Manage Databases xu t hi n.
2. T th , ch n database b .
3. Click Delete Database.
3. SQL Server Login
3.1 T o 1 SQL Server Login
Trư c khi 1 user có th truy c p 1 SQL Server, ngư i qu n tr h th ng (System
Administrator(SA)) ph i thêm nh n d ng user(user's login ID-tên login) vào server. The
SA cũng có n nh cho user 1 password, 1 username, 1 database m c nhiên, và 1 ngôn
ng m c nhiên. Database ch là database m c nhiên. N u user không ư c n nh 1
username trong database m c nhiên, thì user's login ID ư c dùng là username. Ch có
SA có th thêm các login c a SQL Server.
Khi thêm 1 SQL Server login, b n cũng có th ch n databases cho phép user truy c p
vào.
- Ð thêm SQL Server login:
1. Trong c a s Server Manager, ch n server thêm logins vào.
2. T th c ơn Manage, ch n Logins.
H p tho i Manage Logins xu t hi n.
52. Khoa Công Ngh Thông Tin - Trư ng K thu t à L t Bài gi ng L p trình Web
Biên so n: Ph m ình NamTrang 52
3. Hoàn t t h p h i tho i click Add.
3.2 Ði u ch nh 1 Login
1. Trong c a s Server Manager, ch n server i u ch nh login.
2. T th c ơn Manage, ch n Logins.
H p tho i Manage Logins xu t hi n.
3. Hoàn t t h p tho i và click Modify.
3.3 B 1 Login
1. Trong c a s Server Manager, ch n server b login ID.
2. T th c ơn the Manage, ch n Logins.
H p tho i Manage Logins xu t hi n.
3. Hoàn t t h i tho i và click Drop.
4. KHAI BÁO ODBC
ODBC(Open Database Connectivity), là 1 Driver qu n lý và 1 t p h p driver ODBC
giúp cho các ng d ng truy c p d li u dùng SQL như 1 ngôn ng chu n.
DNS(Data Source Name), ch a d li u và thông tin d li u c n thi t user l y d
li u như SQL server Database.
4.1 Khai báo System DNS theo các bư c:
1) M Control panel, nh p úp bi u TƯ NG 'ODBC DATA SOURCES'
2) Ch n tab "System DNS", Nh p nút 'ADD'
3) Ch n 'Sql server', nh p nút 'FINISH'
4) khai báo name, description và server, nh p nút 'NEXT>'
5) Ch n "With SQL server authentication..", ánh d u h p ki m tra "Connect to sql
server..", khai báo username và password c a user Sql server. nh p nút 'NEXT>'
6)Nh p nút 'NEXT>'
7)Nh p nút 'FINISH':
8)Nh p nút 'TEST DATA SOURCE'. ki m tra thành CÔNG chưa.
9)Nh p nút các nút 'OK' k t thúc cài t ODBC.
4.2 Khai báo User DNS theo các bư c:
1) M Control panel, nh p úp bi u TƯ NG 'ODBC DATA SOURCES'
2) Ch n tab "User DNS", Nh p nút 'ADD'
3) Ch n 'Sql server', nh p nút 'FINISH'
4) khai báo name, description và server, nh p nút 'NEXT>'
5) Ch n "With SQL server authentication..", ánh d u h p ki m tra "Connect to sql
server..", khai báo username và password c a user Sql server. nh p nút 'NEXT>'
6)Nh p nút 'NEXT>'
7)Nh p nút 'FINISH':
53. Khoa Công Ngh Thông Tin - Trư ng K thu t à L t Bài gi ng L p trình Web
Biên so n: Ph m ình NamTrang 53
8)Nh p nút 'TEST DATA SOURCE'. ki m tra thành CÔNG chưa.
9)Nh p nút các nút 'OK' k t thúc cài t ODBC.
5. CÁC L NH SQL
5.1 CREATE TABLE: t o table m i
CREATE TABLE TableName (FieldName1 FieldType [(nFieldWidth [, nPrecision])]
[NULL | NOT NULL] [, FieldName2 FieldType [(nFieldWidth [, nPrecision])] [NULL | NOT
NULL]...)
TableName: chu i kho ng 30 ký t .
FieldName1 , FieldName2: tên c t kho ng 30 ký t .
FieldType: Ki u c t.
Tên ki u( FieldType) Di n gi i
numeric s g m ph n nguyên và ph n th p phân
char ki u ký t có dài t i a 255 ký t
datetime ki u ngày gi
int ki u s nguyên
real ki u s th c
text ki u memo, text
image ki u hình nh
float ki u float
NULL: Là 1 m c vào không có giá tr rõ ràng. NULL không ph i là 0 ho c tr ng.
Ví d : CREATE TABLE Vidu (
so numeric(10, 2) NULL ,
chuoi char (255) NULL ,
ngay datetime NULL ,
nguyen int NULL ,
thuc real NULL ,
vanban text NULL ,
anh image NULL ,
so float float NULL
)
5.2 SELECT: truy v n d li u các table
SELECT [Alias.] Select_Item [AS Column_Name] [, [Alias.] Select_Item [AS
Column_Name] ...]
FROM [DatabaseName!]Table [INNER JOIN DatabaseName!]Table [ON JoinCondition
…]
54. Khoa Công Ngh Thông Tin - Trư ng K thu t à L t Bài gi ng L p trình Web
Biên so n: Ph m ình NamTrang 54
[WHERE JoinCondition [AND JoinCondition ...] [AND | OR FilterCondition [AND | OR
FilterCondition ...]]]
[GROUP BY GroupColumn [, GroupColumn ...]]
[HAVING FilterCondition]
[UNION [ALL] SELECTCommand]
[ORDER BY Order_Item [ASC | DESC] [, Order_Item [ASC | DESC] ...]]
Tham s :
SELECT ch nh trư ng, h ng và bi u th c xu t hi n trong k t qu truy v n.
Alias. Bí danh table.
Select_Item ch nh 1 m c ư c bao g m trong k t qu truy v n . M c có th là:
- Tên trư ng c a table trong m nh FROM.
- 1 h ng ch nh cùng 1 giá tr cho t t c các hàng trong k t qu truy v n.
- 1 bi u th c có th là hàm t t o.
- AVG(Select_Item), tính trung bình Select_Item.
- COUNT(Select_Item), m s l n xu t hi n. COUNT(*) m s hàng trong k t qu
truy v n.
- MIN(Select_Item), tính giá tr nh nh t.
- MAX(Select_Item), tính giá tr l n nh t.
- SUM(Select_Item), tính t ng các s .
AS Column_Name Ch nh tiêu c a 1 c t trong table k t qu truy v n.
FROM Li t kê các table ch a d li u c n truy v n.
DatabaseName! ch nh tên c a CSDL ch a table.
INNER JOIN ch nh k t qu truy v n ch ch a các hàng t 1 table trùng v i 1 ho c
nhi u trong table kia.
ON JoinCondition ch nh các i u ki n k các table n i l i
WHERE Ch các hàng có th a mãn i u ki n i li n sau WHERE m i ư c th c hi n
truy v n.
B n dùng toán t AND/OR k t n i cùng lúc nhi u i u ki n khác nhau.
Các toán t so sánh:
Ký hi u Tương ương
= B ng
== Chính xác b ng
LIKE SQL LIKE
<>, !=, # Không b ng
> L n hơn
>= L n hơn ho c b ng
< Nh hơn
55. Khoa Công Ngh Thông Tin - Trư ng K thu t à L t Bài gi ng L p trình Web
Biên so n: Ph m ình NamTrang 55
<= Nh hơn ho c b ng
GROUP BY GroupColumn [, GroupColumn ...] Các nhóm hàng trong câu truy v n d a
trên giá tr trên 1 ho c nhi u c t. GroupColumn d trên th t li t kê ra.
HAVING FilterCondition Ch nh i u ki n l c nhóm trong k t qu truy v n.
[UNION [ALL] SELECTCommand] K t h p k t qu cu i cùng c a 1 SELECT v i 1
SELECT khác.
ALL ngăn UNION ghép n i 2 l n các hàng t k t qu UNION.
Ví d :
SELECT customer.company, orders.order_id, orders.emp_id ;
FROM customer, orders ;
WHERE customer.cust_id = orders.cust_id ;
UNION ;
SELECT customer.company, " ", " " ;
FROM customer ;
WHERE customer.cust_id NOT IN ;
(SELECT orders.cust_id FROM orders)
ORDER BY Order_Item S p x p k t qu truy v n theo th t Order_Item.
ASC s p x p tăng d n
DESC s p x p gi m d n.
5.3 INSERT: thêm d li u(hàng) vào table
INSERT INTO dbf_name [(fname1 [, fname2, ...])] VALUES (eExpression1 [,
eExpression2, ...])
dbf_name: tên table mà d li u s thêm vào, l nh này t thêm 1 hàng m i và gán giá tr
vào.
fname1, fname2: tên các c t trong table
eExpression1 , eExpression2: bi u th c sau khi tính thành giá tr s ưa vào t ng c t
tương ng ã ch nh.
Ví d :
R_Don_Vi="Cty ÐB-ÐT"
R_Ho_Ten="Lê Th Thu Hoài"
R_Username="thuhoai"
R_Password="thuhoai"
INSERT INTO DHTT_Login (Don_Vi, Ho_Ten, Username, Password) VALUES
(R_Don_Vi, R_Ho_Ten, R_Username, R_Password)
5.4 UPDATE: Gán giá tr m i cho 1 ho c nhi u hàng c a table.
56. Khoa Công Ngh Thông Tin - Trư ng K thu t à L t Bài gi ng L p trình Web
Biên so n: Ph m ình NamTrang 56
UPDATE [DatabaseName!]TableName SET Column_Name1 = eExpression1 [,
Column_Name2 = eExpression2 ...] WHERE FilterCondition1 [AND | OR FilterCondition2
...]]
[DatabaseName!]TableName: tên CSDL và Table thu c CSDL.
SET Column_Name1= eExpression1,...: gán giá tr eExpression1 cho
Column_Name1,...
WHERE FilterCondition1 [AND | OR FilterCondition2 ...]: ch nh các hàng tho mãn
i u ki n FilterCondition1 và/ho c FilterCondition2 m i ư c gán giá tr m i.
Ví d :
UPDATE DHTT.DHTT_Login SET Username =R_Username_Moi, Password =
R_Password_Moi WHERE Username=R_Username_Cu AND Password =
R_Password_Cu
5.5 DELETE:
DELETE FROM [DatabaseName!]TableName [WHERE FilterCondition1 [AND | OR
FilterCondition2 ...]]
[DatabaseName!]TableName: tên CSDL và Table thu c CSDL.
WHERE FilterCondition1 [AND | OR FilterCondition2 ...]: ch nh các hàng tho mãn
i u ki n FilterCondition1 và/ho c FilterCondition2 m i b xoá.
Ví d :
DELETE FROM DHTT.DHTT_Login WHERE Don_Vi=R_Don_Vi_Xoa AND
Ho_Ten=R_Ho_Ten_Xoa
II. Các l nh liên k t CSDL
1. K t n i cơ s d li u DSN(Data Source Name) qua i tư ng Recordset
+ Hi n th thông tin ra trình duy n
Dim rs
Set rs=Server.CreateObject(“ADODB.Recordset”)
Rs.Open “SINHVIEN”, “DSN=QLSV”
Rs.MoveFirst
Do While Not rs.EOF
Response.Write(rs(“HoTen”)
Response.Write(…………….)
Rs.MoveNext
Loop
Rs.Close
57. Khoa Công Ngh Thông Tin - Trư ng K thu t à L t Bài gi ng L p trình Web
Biên so n: Ph m ình NamTrang 57
Set rs = Nothing
+ Tìm ki m c p nh t các b n ghi trong cơ s d li u
CONST adOpenDynamic = 2
CONST adLockPessimistic = 2
Dim rs
Set rs=Server.CreateObject(“ADODB.Recordset”)
Rs.Open “SINHVIEN”, “DSN=QLTV”, adOpenDynamic, adLockPessimistic
Rs.Find < i u ki n>
If Not rs.EOF then
<c p nh t thông tin>
Else
<thông báo không tìm th y>
End If
Rs.Close
Set rs = Nothing
2. K t n i tr c ti p n cơ s d li u b ng chu i k t n i qua i tư ng
Connection:
* V i Microsoft Access:
Dim conn
Set rs=Server.CreateObject(“ADODB.Connection”)
conn.Open "Provider=Microsoft.Jet.OleDB.4.0;Data source=c:thuchanhqltv.mdb;"
* V i Microsoft SQL Server:
Dim conn
Set rs=Server.CreateObject(“ADODB.Connection”)
conn.Open "Provider=SQLOLEDB;Data source=servername_or_address; Initial
Catalog=database_name;User ID=username;password=password"
Các công vi c còn l i gi ng như khi k t n i quan i tư ng DSN.
III. M t s bài t p ng d ng m u
Ví d 1: M cơ s d li u Qu n lý Sinh viên và b sung vào b ng SINHVIEN m t b n
ghi, s d ng i tư ng Recordset:
58. Khoa Công Ngh Thông Tin - Trư ng K thu t à L t Bài gi ng L p trình Web
Biên so n: Ph m ình NamTrang 58
<%@ Language=VBScript %>
<HTML>
<BODY>
<%
const adOpenDynamic=2
const adLockPessimistic=2
dim rs
set rs=server.CreateObject("ADODB.Recordset")
rs.Open "SINHVIEN","DSN=QLSV",adOpenDynamic,adLockPessimistic
rs.AddNew
rs("MaSV")="12"
rs("TenSV")="Le Thanh Thuy"
rs.Update
rs.Close
Set rs = Nothing
%>
</BODY>
</HTML>
Ví d 2: M cơ s d li u Qu n lý H c viên và b sung vào b ng HOCVIEN m t b n
ghi, s d ng i tư ng Connection:
<%@ Language=VBScript %>
<HTML>
<BODY>
<%dim conn
set conn=server.createobject("adodb.connection")
conn.Open "Provider=SQLOLEDB;Data source=localhost; Initial catalog=QLHV;
User ID=sa;password="
59. Khoa Công Ngh Thông Tin - Trư ng K thu t à L t Bài gi ng L p trình Web
Biên so n: Ph m ình NamTrang 59
dim strSQL
strSQL="INSERT into HOCVIEN(maHV, HotenHV, MaLop)”
strSQL = strSQL & “ Values( '006','Nguyen Van Trinh','T01')"
conn.execute(strSQL)
response.write("Ban da them mot hoc vien !")
conn.close
set conn=nothing
%>
</BODY>
</HTML>
Ví d 3: Hi n th t t c h c viên có tên là Trang.
<%@ Language=VBScript %>
<HTML>
<BODY>
<%dim conn
set conn=server.createobject("adodb.connection")
conn.Open "Provider=SQLOLEDB;Data source=localhost; Initial catalog=QLHV;
User ID=sa;password="
dim strSQL
strSQL="SELECT * FROM HOCVIEN WHERE HotenHV Like ‘%Trang’ ”
Dim rs
Rs = conn.execute(strSQL)
response.write("Danh sách h c viên tên Trang !<br>")
Rs.MoveFirst
Do While Not rs.EOF
Response.Write(“Mã h c viên:” & rs(“MaHV”) & “<br>”)
Response.Write(“H tên HV: ” & rs(“HotenHV”) & “<br>”)
Rs.MoveNext
60. Khoa Công Ngh Thông Tin - Trư ng K thu t à L t Bài gi ng L p trình Web
Biên so n: Ph m ình NamTrang 60
Loop
Rs.Close
Set rs = Nothing
conn.close
set conn=nothing
%>
</BODY>
</HTML>
BÀI T P:
1) Thi t k bi u m u cho phép nh p thông tin thành viên vào cơ s d li u g m H
và tên, ngày sinh, a ch , tên s d ng, m t kh u.
2) Thi t k bi u m u cho phép nh p h và tên h c viên tìm ki m và hi n th thông
tin tìm th y ra trình duy t.
61. Khoa Công Ngh Thông Tin - Trư ng K thu t à L t Bài gi ng L p trình Web
Biên so n: Ph m ình NamTrang 61
CHƯƠNG 8: JAVASCRIPT
M c tiêu:
- Khai báo và s d ng ư c bi n, hàm trong JavaScript
- Vi t ư c các s ki n cho nút l nh b ng ngôn ng JavaScript
I. PHÁT BI U L NH C A JAVASCRIPT
1. break
Ngưng vòng l p switch,while, for, for...in, ho c do...while.
Ví d :
function BreakTest(breakpoint)
{
var i = 0;
while (i < 100)
{
if (i == breakpoint)
break;
i++;
}
return(i);
}
Comment
Làm cho các ghi chú s ư c b qua trong quá trình biên d ch và ch y.
Cú pháp 1:
Chú thích 1 dòng:
// chú thích
Cú pháp 2
Chú thích nhi u dòng:
/*
chú thích
*/
Ví d :
function myfunction(arg1, arg2)
{
/* This is a multiline comment that
can span as many lines as necessary. */
var r;
// This is a single line comment.
62. Khoa Công Ngh Thông Tin - Trư ng K thu t à L t Bài gi ng L p trình Web
Biên so n: Ph m ình NamTrang 62
r = arg1 + arg2; // Sum the two arguments.
return(r);
}
2. continue
D ng l p hi n t i và b t u l p m i. Dùng continue trong while, do...while, for,
ho c for...in
Ví d :
function skip5()
{
var s = "", i=0;
while (i < 10)
{
i++;
// Skip 5
if (i==5)
{
continue;
}
s += i;
}
return(s);
}
3. do...while
Th c hi n 1 nhóm l nh l p i l p l i cho n trong khi i u ki n true.
Cú pháp
do
statement
while (expression) ;
Ph n Di n gi i
statement Nhóm l nh ư c ch y khi i u ki n expression là úng
(true).
expression Là bi u th c Boolean true ho c false. N u expression=
true, thì l p l i l n n a. N u expression = false, thì vòng l p
d ng.
Ví d :
function GetDriveList()
{
63. Khoa Công Ngh Thông Tin - Trư ng K thu t à L t Bài gi ng L p trình Web
Biên so n: Ph m ình NamTrang 63
var fso, s, n, e, x;
fso = new ActiveXObject("Scripting.FileSystemObject");
e = new Enumerator(fso.Drives);
s = "";
do
{
x = e.item();
s = s + x.DriveLetter;
s += " - ";
if (x.DriveType == 3)
n = x.ShareName;
else if (x.IsReady)
n = x.VolumeName;
else
n = "[Drive not ready]";
s += n + "<br>";
e.moveNext();
}
while (!e.atEnd());
return(s);
}
4. for
Th c hi n 1 kh i l nh trong khi i u ki n ki m tra còn úng(=true).
Cú pháp
for (initialization; test; increment)
statement
Ph n Di n gi i
initialization Là 1 bi u th c. Bi u th c này ch ch y 1 l n trư c khi
vòng l p ư c th c hi n.
test Là bi u th c Boolean. N u test= true, statement ư c
th c hi n. N u test= false, vòng l p s d ng.
increment Là bi u th c. Bi u th c increment ư c th c hi n cu i
m i vòng l p.
statement Ðo n l nh ư c th c hi n khi test = true.
Ví d :
/* i is set to 0 at start, and is incremented by 1 at the end
of each iteration. Loop terminates when i is not less
64. Khoa Công Ngh Thông Tin - Trư ng K thu t à L t Bài gi ng L p trình Web
Biên so n: Ph m ình NamTrang 64
than 10 before a loop iteration. */
var myarray = new Array();
for (i = 0; i < 10; i++)
{
myarray[i] = i;
}
5. for..in
Th c hi n 1 ho c nhi u câu l nh cho v i t ng thu c tính c a 1 object, ho c t ng
thành ph n c a 1 m ng.
Cú pháp
for (variable in [object | array])
statement
Ph n Di n gi i
variable Là 1 bi n có th là thu c tính c a object ho c thành
ph n c a m ng.
object,
array
M t object ho c array qua m i l n l p.
statement Nhóm l nh s ư c th c hi n v i t ng thành ph n c a
i tư ng ho c m ng.
Ví d :
function ForInDemo()
{
// Create some variables.
var a, key, s = "";
// Initialize object.
a = {"a" : "Athens" , "b" : "Belgrade", "c" : "Cairo"}
// Iterate the properties.
for (key in a)
{
s += a[key] + "<BR>";
}
return(s);
}
6. function
Khai báo 1 function m i.
Cú pháp
65. Khoa Công Ngh Thông Tin - Trư ng K thu t à L t Bài gi ng L p trình Web
Biên so n: Ph m ình NamTrang 65
function functionname([argument1 [, argument2 [, ...argumentn]]])
{
statements
}
Ph n Di n gi i
functionname Tên function
argument1...argumentn Danh sách i s c a hàm
statements 1 ho c nhi u l nh JScript.
Ví d :
function myfunction(arg1, arg2)
{
var r;
r = arg1 * arg2;
return(r);
}
7. if...else
Th c hi n 1 nhóm l nh có i u ki n, ph c thu c vào giá tr c a 1 bi u th c.
Cú pháp
if (condition)
statement1
[else
statement2]
Ph n Di n gi i
condition Là bi u th c boolean. N u condition là null ho c
undefined , condition ư c gán là false.
statement1 Nhóm l nh ư c th c hi n n u condition = true.
statement2 Nhóm l nh ư c th c hi n n u condition = false.
Ví d :
if (x == 5)
if (y == 6)
z = 17;
else
z = 20;
Ví d :
66. Khoa Công Ngh Thông Tin - Trư ng K thu t à L t Bài gi ng L p trình Web
Biên so n: Ph m ình NamTrang 66
if (x == 5)
{
if (y == 6)
z = 17;
}
else
z = 20;
Ví d :
if (x == 5)
z = 7;
q = 42;
else
z = 19;
8. return
Thoát kh i function hi n t i và tr v 1 giá tr t function ó.
Cú pháp
return [expression];
Ð i s expression là 1 giá tr tr v t function. N u b qua thì hàm không tr v giá
tr .
Ví d :
function myfunction(arg1, arg2)
{
var r;
r = arg1 * arg2;
return(r);
}
9. switch
Th c hi n 1 ho c nhi u l nh khi giá tr bi u th c ch nh trùng v i 1 nhãn.
Cú pháp
switch (expression) {
case label :
statementlist
case label :
statementlist
...
default :
statementlist
}
67. Khoa Công Ngh Thông Tin - Trư ng K thu t à L t Bài gi ng L p trình Web
Biên so n: Ph m ình NamTrang 67
Ph n Di n gi i
expression Bi u th c ư c tính toán so sánh v i các nhãn.
label Là nh danh trùng v i expression. N u label ===
expression, thì th c hi n statementlist sau d u : , và ti p
t c n khi g p l nh break( l nh break có hay không là
tùy ý) ho c cu i l nh switch.
statementlist 1 ho c nhi u l nh.
Dùng default ch ra r ng n u expression không trùng v i b t kỳ label nào ã ch
nh thì ch y o n l nh statementlist trong default.
Ví d :
function MyObject() {
...}
switch (object.constructor){
case Date:
...
case Number:
...
case String:
...
case MyObject:
...
default:
...
}
10. this
Tham kh o n object hi n t i.
Cú pháp
this.property
Ví d :
function Car(color, make, model)
{
this.color = color;
this.make = make;
this.model = model;
}
11. var
Khai báo bi n.
68. Khoa Công Ngh Thông Tin - Trư ng K thu t à L t Bài gi ng L p trình Web
Biên so n: Ph m ình NamTrang 68
Cú pháp
var variable [ = value ] [, variable2 [ = value2], ...]
Ph n Di n gi i
variable, variable2 Tên các bi n ư c khai báo.
value, value2 Các giá tr gán cho bi n.
Ví d :
var index;
var name = "Thomas Jefferson";
var answer = 42, counter, numpages = 10
12. while
Th c hi n o n l nh l p l i cho n trong khi i u ki n ch nh = false.
Cú pháp
while (expression)
statement
Ph n Di n gi i
expression Bi u th c Boolean ki m tra trư c m i khi th c hi n o n
l nh. N u expression = true, vòng l p ư c th c hi n. N u
expression = false, vòng l p d ng.
statement Nhó m l nh ư c th c hi n n u expression = true.
Ví d :
function BreakTest(breakpoint)
{
var i = 0;
while (i < 100)
{
if (i == breakpoint)
break;
i++;
}
return(i);
}
II. CÁC PHƯƠNG TH C C A JavaScript
B ng toán t :
69. Khoa Công Ngh Thông Tin - Trư ng K thu t à L t Bài gi ng L p trình Web
Biên so n: Ph m ình NamTrang 69
Toán t Ký hi u
C ng +
Gán giá tr =
AND &
NOT ~
OR |
XOR ^
Chia /
So sánh b ng ==
S/s l n hơn >
S/s l n hơn ho c b ng >=
Gi m 1 ơn v --
Tăng 1 ơn v ++
So sánh không b ng !=
S/s nh hơn <
S/s nh hơn ho c b ng <=
AND &&
NOT !
OR ||
Chia l y ph n dư %
Nhân *
T o object m i new
Tr -
Lưu ý: Giá tr logic tr v :
Ðúng true
Sai false
1. substr
stringvar.substr(start [, length ]): tr v 1 chu i con t chu i stringvar g m length
ký t b t u t v trí start
Ví d
function SubstrDemo()
{
var s, ss;
70. Khoa Công Ngh Thông Tin - Trư ng K thu t à L t Bài gi ng L p trình Web
Biên so n: Ph m ình NamTrang 70
var s = "The quick brown fox jumped over the lazy yellow dog.";
ss = s.substr(16, 3);
// Tr v "fox".
return(ss);
}
2. abs
Math.abs(number): tr v tr tuy t i c a number
Ví d :
function ComparePosNegVal(n)
{
var s;
var v1 = Math.abs(n);
var v2 = Math.abs(-n);
if (v1 = v2)
s = "The absolute values of " + n + " and "
s += -n + " are identical.";
return(s);
}
3. atEnd
myEnum.atEnd( ): tr v giá tr true n u thành ph n c a t p h p myEnum là cu i
cùng ho c r ng, ngư c l i cho giá tr false
Ví d :
function ShowDriveList()
{
var fso, s, n, e, x;
fso = new ActiveXObject("Scripting.FileSystemObject");
e = new Enumerator(fso.Drives);
s = "";
for (; !e.atEnd(); e.moveNext())
{
x = e.item();
s = s + x.DriveLetter;
s += " - ";
if (x.DriveType == 3)
n = x.ShareName;
else if (x.IsReady)
n = x.VolumeName;
else
n = "[Drive not ready]";
71. Khoa Công Ngh Thông Tin - Trư ng K thu t à L t Bài gi ng L p trình Web
Biên so n: Ph m ình NamTrang 71
s += n + "<br>";
}
return(s);
}
4. charAt
strVariable.charAt(index): tr v ký t v trí th index trong bi n chu i strVariable.
Ký t u tiên c a chu i có th t là 0, ký t th hai là 1...
Ví d :
function charAtTest(n)
{
var str = "ABCDEFGHIJKLMNOPQRSTUVWXYZ";
var s;
s = str.charAt(n - 1);
return(s);
}
5. dimensions
array.dimensions(): tr v s chi u c a m ng trong VBScript
Ví d :
<HEAD>
<SCRIPT LANGUAGE="VBScript">
<!--
Function CreateVBArray()
Dim i, j, k
Dim a(2, 2)
k = 1
For i = 0 To 2
For j = 0 To 2
a(j, i) = k
k = k + 1
Next
Next
CreateVBArray = a
End Function
-->
</SCRIPT>
<SCRIPT LANGUAGE="JScript">
<!-- function VBArrayTest(vba)
{ var i, s;
var a = new VBArray(vba);
72. Khoa Công Ngh Thông Tin - Trư ng K thu t à L t Bài gi ng L p trình Web
Biên so n: Ph m ình NamTrang 72
for (i = 1; i <= a.dimensions(); i++)
{ s = "The upper bound of dimension ";
s += i + " is ";
s += a.ubound(i)+ ".<BR>"; } return(s);
} -->
</SCRIPT>
</HEAD>
<BODY> <SCRIPT language="jscript">
document.write(VBArrayTest(CreateVBArray())); </SCRIPT> </BODY>
6. eval
eval(codestring): th c hi n l nh codestring, codestring vi t d ng chu i
Ví d :
eval("var mydate = new Date();");
//cho k t qu mydate là 1 ngày
7. getDate
objDate.getDate(): tr v ngày trong tháng. Ngày l y t ngày hi n t i c ah th ng.
Ví d :
function DateDemo()
{
var d, s = "Today's date is: ";
d = new Date();
s += (d.getMonth() + 1) + "/";
s += d.getDate() + "/";
s += d.getYear();
return(s);
}
8. getItem
safeArray.getItem(dimension1[, dimension2, ...], dimensionn): tr v giá tr trong
m ng ư c ch nh b i th t chi u c a ph n t .
Ví d :
<HEAD>
<SCRIPT LANGUAGE="VBScript">
<!--
Function CreateVBArray()
Dim i, j, k
Dim a(2, 2)
k = 1
For i = 0 To 2
For j = 0 To 2
73. Khoa Công Ngh Thông Tin - Trư ng K thu t à L t Bài gi ng L p trình Web
Biên so n: Ph m ình NamTrang 73
a(i, j) = k
document.writeln(k)
k = k + 1
Next
document.writeln("<BR>")
Next
CreateVBArray = a
End Function
-->
</SCRIPT>
<SCRIPT LANGUAGE="JScript">
<!--
function GetItemTest(vbarray)
{
var i, j;
var a = new VBArray(vbarray);
for (i = 0; i <= 2; i++)
{
for (j =0; j <= 2; j++)
{
document.writeln(a.getItem(i, j));
}
}
}-->
</SCRIPT>
</HEAD>
<BODY>
<SCRIPT LANGUAGE="JScript">
<!--
GetItemTest(CreateVBArray());
-->
</SCRIPT>
</BODY>
9. getTime
objDate.getTime(): tr v gi h th ng.
Ví d :
function GetTimeTest()
{
var d, s, t;
var MinMilli = 1000 * 60;
74. Khoa Công Ngh Thông Tin - Trư ng K thu t à L t Bài gi ng L p trình Web
Biên so n: Ph m ình NamTrang 74
var HrMilli = MinMilli * 60;
var DyMilli = HrMilli * 24;
d = new Date();
t = d.getTime();
s = "It's been "
s += Math.round(t / DyMilli) + " days since 1/1/70";
return(s);
}
10. getDay
objDate.getDay(): Tr v th trong tu n v i:
0 = Sunday
1 = Monday
2 = Tuesday
3 = Wednesday
4 = Thursday
5 = Friday
6 = Saturday
Ví d :
function DateDemo()
{
var d, day, x, s = "Today is: ";
var x = new Array("Sunday", "Monday", "Tuesday");
var x = x.concat("Wednesday","Thursday", "Friday");
var x = x.concat("Saturday");
d = new Date();
day = d.getDay();
return(s += x[day]);
}
11. join
arrayobj.join(separator): tr v 1 chu i g m các giá tr trong m ng arrayobj cách
nhau b ng separator.
Ví d :
function JoinDemo()
{
var a, b;
a = new Array(0,1,2,3,4);
b = a.join("-");
return(b);
}
75. Khoa Công Ngh Thông Tin - Trư ng K thu t à L t Bài gi ng L p trình Web
Biên so n: Ph m ình NamTrang 75
12. lbound
safeArray.lbound(dimension): tr v giá tr th t nh nh t c a m ng safeArray v i
chi u dimension ch nh.
Ví d :
<HEAD>
<SCRIPT LANGUAGE="VBScript">
<!--
Function CreateVBArray()
Dim i, j, k
Dim a(2, 2)
k = 1
For i = 0 To 2
For j = 0 To 2
a(j, i) = k
k = k + 1
Next
Next
CreateVBArray = a
End Function
-->
</SCRIPT>
<SCRIPT LANGUAGE="JScript">
<!--
function VBArrayTest(vba)
{
var i, s;
var a = new VBArray(vba);
for (i = 1; i <= a.dimensions(); i++)
{
s = "The lower bound of dimension ";
s += i + " is ";
s += a.lbound(i)+ ".<BR>";
return(s);
}
}
-->
</SCRIPT>
</HEAD>
<BODY>
<SCRIPT language="jscript">
76. Khoa Công Ngh Thông Tin - Trư ng K thu t à L t Bài gi ng L p trình Web
Biên so n: Ph m ình NamTrang 76
document.write(VBArrayTest(CreateVBArray()));
</SCRIPT>
</BODY>
13. match
stringObj.match(rgExp): tr v 1 m ng k t qu tìm ki m rgExp trong stringObj.
Ví d :
function MatchDemo()
{
var r, re;
var s = "The quick brown fox jumped over the lazy yellow dog.";
re = /fox/i;
r = s.match(re);
return(r);
}
14. max
retVal = Math.max(number1, number2): tr v s l n nh t trong 2 s number1 và
number2
Ví d :
function MaxNum(n1,n2)
{
var nmax = Math.max(n1,n2)
return(nmax);
}
15. min
retVal = Math.min(number1, number2): tr v s bé nh t trong 2 s number1 và
number2
Ví d :
function MinNum(n1,n2)
{
var nmin = Math.min(n1,n2)
return(nmin);
}
16. moveFirst
myEnum.moveFirst( ): Thi t l p thành ph n hi n t i trong t p h p là ph n t u
tiên.
Ví d :
77. Khoa Công Ngh Thông Tin - Trư ng K thu t à L t Bài gi ng L p trình Web
Biên so n: Ph m ình NamTrang 77
function ShowFirstAvailableDrive()
{
var fso, s, e, x;
fso = new ActiveXObject("Scripting.FileSystemObject");
e = new Enumerator(fso.Drives);
e.moveFirst();
s = "";
do
{
x = e.item();
if (x.IsReady)
{
s = x.DriveLetter + ":";
break;
}
else
if (e.atEnd())
{
s = "No drives are available";
break;
}
e.moveNext();
}
while (!e.atEnd());
return(s);
}
17. moveNext
myEnum.moveNext( ): D i thành ph n hi n t i trong t p h p sang ph n t k ti p.
Ví d :
function ShowDriveList()
{
var fso, s, n, e, x;
fso = new ActiveXObject("Scripting.FileSystemObject");
e = new Enumerator(fso.Drives);
s = "";
for (; !e.atEnd(); e.moveNext())
{
x = e.item();
s = s + x.DriveLetter;
s += " - ";
78. Khoa Công Ngh Thông Tin - Trư ng K thu t à L t Bài gi ng L p trình Web
Biên so n: Ph m ình NamTrang 78
if (x.DriveType == 3)
n = x.ShareName;
else if (x.IsReady)
n = x.VolumeName;
else
n = "[Drive not ready]";
s += n + "<br>";
}
return(s);
}
18. replace
stringObj.replace(rgExp, replaceText): Tr v 1 chu i t chu i stringObj sau khi thay
th chu i replaceText vào v trí xu t hi n chu i rgExp.
Ví d :
function ReplaceDemo()
{
var r, re;
var s = "The quick brown fox jumped over the lazy yellow dog.";
re = /fox/i;
r = s.replace(re, "pig");
return(r);
}
19. reverse
arrayobj.reverse( ): tr v m ng o ngư c th t c a m ng arrayobj
Ví d :
function ReverseDemo()
{
var a, l;
a = new Array(0,1,2,3,4);
l = a.reverse();
return(l);
}
20. sort
arrayobj.sort(sortfunction): tr v 1 m ng t m ng arrayobj sau khi ã s p x p giá
tr theo hàm sortfunction ch nh. N u không ch nh hàm thì s p theo th t tăng d n.
Ví d :
function SortDemo()
{
79. Khoa Công Ngh Thông Tin - Trư ng K thu t à L t Bài gi ng L p trình Web
Biên so n: Ph m ình NamTrang 79
var a, l;
a = new Array("X" ,"y" ,"d", "Z", "v","m","r");
l = a.sort();
return(l);
}
21. split
stringObj.split(str): Tr v 1 m ng ch a các o n ký t trong chu i stringObj phân cách
b i chu i phân cáchstr ch nh.
Ví d :
function SplitDemo()
{
var s, ss;
var s = "The quick brown fox jumped over the lazy yellow dog.";
// Split at each space character.
ss = s.split(" ");
return(ss);
}
22. substring
strVariable.substring(start, end): tr v 1 chu i con c t ra t chu i m strVariable b t
u t ký t có v trí start và k t thúc ký t có v trí là end.
Ví d :
function SubstringDemo()
{
var s, ss;
var s = "The quick brown fox jumped over the lazy yellow dog.";
ss = s.substring(16, 19);
return(ss);
}
23. test
rgexp.test(str): tr v giá tr true n u str ch a trong rgexp và flase n u không có.
Ví d :
function TestDemo(re, s)
{
var s1;
// Test string for existence of regular expression.
if (re.test(s))
s1 = " contains ";
else
80. Khoa Công Ngh Thông Tin - Trư ng K thu t à L t Bài gi ng L p trình Web
Biên so n: Ph m ình NamTrang 80
s1 = " does not contain ";
// Get text of the regular expression itself.
return(s + s1 + re.source);
}
24. toArray
safeArray.toArray( ): Tr v m ng 1 chi u JavaScript t m ng safeArray c a
VBScript.
Ví d :
<HEAD>
<SCRIPT LANGUAGE="VBScript">
<!--
Function CreateVBArray()
Dim i, j, k
Dim a(2, 2)
k = 1
For i = 0 To 2
For j = 0 To 2
a(j, i) = k
document.writeln(k)
k = k + 1
Next
document.writeln("<BR>")
Next
CreateVBArray = a
End Function
-->
</SCRIPT>
<SCRIPT LANGUAGE="JScript">
<!--
function VBArrayTest(vbarray)
{
var a = new VBArray(vbarray);
var b = a.toArray();
var i;
for (i = 0; i < 9; i++)
{
document.writeln(b[i]);
}
}
-->
81. Khoa Công Ngh Thông Tin - Trư ng K thu t à L t Bài gi ng L p trình Web
Biên so n: Ph m ình NamTrang 81
</SCRIPT>
</HEAD>
<BODY>
<SCRIPT LANGUAGE="JScript">
<!--
VBArrayTest(CreateVBArray());
-->
</SCRIPT>
</BODY>
25. toLowerCase
strVariable.toLowerCase( ): Tr v chu i thư ng t chu i strVariable.
Ví d :
var strVariable = "This is a STRING object";
strVariable = strVariable.toLowerCase( );
26. toUpperCase
strVariable.toUpperCase( ): Tr v chu i thư ng t chu i strVariable.
Ví d :
var strVariable = "This is a STRING object";
strVariable = strVariable.toUpperCase( );
27. ubound
safeArray.ubound(dimension): tr v giá tr th t l n nh t c a m ng safeArray v i
chi u dimension ch nh.
Ví d :
<HEAD>
<SCRIPT LANGUAGE="VBScript">
<!--
Function CreateVBArray()
Dim i, j, k
Dim a(2, 2)
k = 1
For i = 0 To 2
For j = 0 To 2
a(j, i) = k
k = k + 1
Next
Next
CreateVBArray = a
End Function
82. Khoa Công Ngh Thông Tin - Trư ng K thu t à L t Bài gi ng L p trình Web
Biên so n: Ph m ình NamTrang 82
-->
</SCRIPT>
<SCRIPT LANGUAGE="JScript">
<!--
function VBArrayTest(vba)
{
var i, s;
var a = new VBArray(vba);
for (i = 1; i <= a.dimensions(); i++)
{
s = "The upper bound of dimension ";
s += i + " is ";
s += a.ubound(i)+ ".<BR>";
return(s);
}
}
-->
</SCRIPT>
</HEAD>
<BODY>
<SCRIPT language="jscript">
document.write(VBArrayTest(CreateVBArray()));
</SCRIPT>
</BODY>
28. item
myEnum.item( ): Tr v giá tr thành ph n hi n t i c a t p h p myEnum.
Ví d :
function ShowDriveList()
{
var fso, s, n, e, x;
fso = new ActiveXObject("Scripting.FileSystemObject");
e = new Enumerator(fso.Drives);
s = "";
for (; !e.atEnd(); e.moveNext())
{
x = e.item();
s = s + x.DriveLetter;
s += " - ";
if (x.DriveType == 3)
n = x.ShareName;