SlideShare a Scribd company logo
1 of 87
Download to read offline
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
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).
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
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.
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
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
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
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>&nbsp;</p>
<p>&nbsp;</p>
<p><a name="N i dung m c 2">N i dung m c
2</a></p>
<p></p>
<p></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p><a name="N i dung m c 3">N i dung m c
3</a></p>
<p>&nbsp;</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
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 "&reg;" thay
th ký t (R).<BR>- chu i "&lt;" 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 "&reg;" thay th ký t (R).
- chu i "&lt;" 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
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 :
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
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
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
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).
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
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.
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:
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:
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:
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>&nbsp;</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:
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:
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:
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.
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:
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.
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.
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.
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 :
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>
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>
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>
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>
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
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
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.
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
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>
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".
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
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
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):
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
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.
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”
%>
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.
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
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)
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.
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.
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.
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.
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':
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
…]
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
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.
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
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:
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="
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
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.
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.
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()
{
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
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
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 :
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
}
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.
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 :
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;
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]";
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);
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
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;
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);
}
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">
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 :
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 += " - ";
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()
{
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
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]);
}
}
-->
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
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;
Lập trình web   đại học tài nguyên môi trường
Lập trình web   đại học tài nguyên môi trường
Lập trình web   đại học tài nguyên môi trường
Lập trình web   đại học tài nguyên môi trường
Lập trình web   đại học tài nguyên môi trường

More Related Content

Similar to Lập trình web đại học tài nguyên môi trường

Android program 6167
Android program 6167Android program 6167
Android program 6167PhongSPKT
 
Hung dan cai dat va su dung dot netnuke5.x
Hung dan cai dat va su dung dot netnuke5.xHung dan cai dat va su dung dot netnuke5.x
Hung dan cai dat va su dung dot netnuke5.xLy hai
 
Chuong 1 tongquanve web&amp;htm-lcanban
Chuong 1  tongquanve web&amp;htm-lcanban Chuong 1  tongquanve web&amp;htm-lcanban
Chuong 1 tongquanve web&amp;htm-lcanban Quý Nguyễn
 
Chuong 1 tongquanve web&amp;htm-lcanban
Chuong 1  tongquanve web&amp;htm-lcanban Chuong 1  tongquanve web&amp;htm-lcanban
Chuong 1 tongquanve web&amp;htm-lcanban Quý Nguyễn
 
[Kienthuc.name.vn]html can ban
[Kienthuc.name.vn]html can ban[Kienthuc.name.vn]html can ban
[Kienthuc.name.vn]html can banXuân Nam
 
tiểu luận wincc
tiểu luận wincctiểu luận wincc
tiểu luận winccNamzekeng Nzk
 
Bài giảng thiết kế website - truongkinhtethucpham.com
Bài giảng thiết kế website - truongkinhtethucpham.comBài giảng thiết kế website - truongkinhtethucpham.com
Bài giảng thiết kế website - truongkinhtethucpham.commai_non
 
Bao cao web cake php
Bao cao web cake phpBao cao web cake php
Bao cao web cake phplaonap166
 
Toilaquantri.blogspot.com - Giao trinh html thiet ke website can ban
Toilaquantri.blogspot.com - Giao trinh html thiet ke website can banToilaquantri.blogspot.com - Giao trinh html thiet ke website can ban
Toilaquantri.blogspot.com - Giao trinh html thiet ke website can banHải Finiks Huỳnh
 
Html vnn canban
Html vnn canbanHtml vnn canban
Html vnn canbanhieusy
 
Html và thiết kế web[bookbooming.com]
Html và thiết kế web[bookbooming.com]Html và thiết kế web[bookbooming.com]
Html và thiết kế web[bookbooming.com]bookbooming1
 
Tim hieu ve lo hong web va cach phong chong
Tim hieu ve lo hong web va cach phong chongTim hieu ve lo hong web va cach phong chong
Tim hieu ve lo hong web va cach phong chongVu Trung Kien
 
Xây dựng website thương mại điện tử
Xây dựng website thương mại điện tửXây dựng website thương mại điện tử
Xây dựng website thương mại điện tửCat Van Khoi
 

Similar to Lập trình web đại học tài nguyên môi trường (20)

Android program 6167
Android program 6167Android program 6167
Android program 6167
 
Hung dan cai dat va su dung dot netnuke5.x
Hung dan cai dat va su dung dot netnuke5.xHung dan cai dat va su dung dot netnuke5.x
Hung dan cai dat va su dung dot netnuke5.x
 
Chuong 1 tongquanve web&amp;htm-lcanban
Chuong 1  tongquanve web&amp;htm-lcanban Chuong 1  tongquanve web&amp;htm-lcanban
Chuong 1 tongquanve web&amp;htm-lcanban
 
Chuong 1 tongquanve web&amp;htm-lcanban
Chuong 1  tongquanve web&amp;htm-lcanban Chuong 1  tongquanve web&amp;htm-lcanban
Chuong 1 tongquanve web&amp;htm-lcanban
 
[Kienthuc.name.vn]html can ban
[Kienthuc.name.vn]html can ban[Kienthuc.name.vn]html can ban
[Kienthuc.name.vn]html can ban
 
[Kienthuc.name.vn]html can ban
[Kienthuc.name.vn]html can ban[Kienthuc.name.vn]html can ban
[Kienthuc.name.vn]html can ban
 
tiểu luận wincc
tiểu luận wincctiểu luận wincc
tiểu luận wincc
 
Bài giảng thiết kế website - truongkinhtethucpham.com
Bài giảng thiết kế website - truongkinhtethucpham.comBài giảng thiết kế website - truongkinhtethucpham.com
Bài giảng thiết kế website - truongkinhtethucpham.com
 
Bao cao web cake php
Bao cao web cake phpBao cao web cake php
Bao cao web cake php
 
Toilaquantri.blogspot.com - Giao trinh html thiet ke website can ban
Toilaquantri.blogspot.com - Giao trinh html thiet ke website can banToilaquantri.blogspot.com - Giao trinh html thiet ke website can ban
Toilaquantri.blogspot.com - Giao trinh html thiet ke website can ban
 
Tong quanthietkeweb
Tong quanthietkewebTong quanthietkeweb
Tong quanthietkeweb
 
Luận văn: Xây dựng website đa ngôn ngữ cho Công ty, HOT
Luận văn: Xây dựng website đa ngôn ngữ cho Công ty, HOTLuận văn: Xây dựng website đa ngôn ngữ cho Công ty, HOT
Luận văn: Xây dựng website đa ngôn ngữ cho Công ty, HOT
 
Html vnn canban
Html vnn canbanHtml vnn canban
Html vnn canban
 
Html và thiết kế web[bookbooming.com]
Html và thiết kế web[bookbooming.com]Html và thiết kế web[bookbooming.com]
Html và thiết kế web[bookbooming.com]
 
Xây Dựng Website Giới Thiệu Sản Phẩm Phần Mềm.doc
Xây Dựng Website Giới Thiệu Sản Phẩm Phần Mềm.docXây Dựng Website Giới Thiệu Sản Phẩm Phần Mềm.doc
Xây Dựng Website Giới Thiệu Sản Phẩm Phần Mềm.doc
 
Chuong 02 access
Chuong 02   accessChuong 02   access
Chuong 02 access
 
Bc
BcBc
Bc
 
Tim hieu ve lo hong web va cach phong chong
Tim hieu ve lo hong web va cach phong chongTim hieu ve lo hong web va cach phong chong
Tim hieu ve lo hong web va cach phong chong
 
Xây dựng website thương mại điện tử
Xây dựng website thương mại điện tửXây dựng website thương mại điện tử
Xây dựng website thương mại điện tử
 
04 de cuong
04 de cuong04 de cuong
04 de cuong
 

Lập trình web đại học tài nguyên môi trường

  • 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>&nbsp;</p> <p>&nbsp;</p> <p><a name="N i dung m c 2">N i dung m c 2</a></p> <p></p> <p></p> <p>&nbsp;</p> <p>&nbsp;</p> <p>&nbsp;</p> <p>&nbsp;</p> <p>&nbsp;</p> <p><a name="N i dung m c 3">N i dung m c 3</a></p> <p>&nbsp;</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 "&reg;" thay th ký t (R).<BR>- chu i "&lt;" 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 "&reg;" thay th ký t (R). - chu i "&lt;" 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>&nbsp;</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;