Thiet Ke Web Voi HTML

THI T K WEB V I HTML
Ti li u tham kh o
T h c HTML v XHTML trong 24 gi . L Minh Ph ng 2. Nh ng bi th c hnh HTML inh Xun Lm 3. Thi t k qu ng co v ti p th trn web HTML. Ng c Anh Th Press 4. Thi t k v xu t b n trang Web v i HTML. NXB Th ng K 1.
Thi t k web v i HTML
Bi M
1. HTML l g?
HyperText Markup Language (HTML) Ngn ng thi t k nh d u siu v n b n. Bao g m c c c t o cc trang Web v cc o n m chu n v i cc quy
hi n th b i cc trnh duy t Web.
Web Page (Trang Web): L ti li u HTML. Web site: L m t s cc trang Web lin k t v i nhau. World Wide Web (www): L d ch v ton c u c a Internet m HTML l n n t ng.
2. Nh ng
ng d ng c a HTML
HTML l n n t ng c a World Wide Web, m t d ch v ton c u c a Internet. HTML thi t k Web trn m ng Internet, t o ti li u, g i co th ... cho cc cng ty, c nhn.
3. Trnh so n th o trong qu trnh h c

S d ng trnh so n th o NotePad c s n trong Windows. Start\Programs\Accessories\NotePad Ho c m t trnh so n th o b t k trong windows. FrontPage, DreamWare, Visual Studio...
4. Nh ng v n k Web

c n quan tm khi thi t
T ch c ti li u: t a , tiu , o n v n, ng k ngang, danh sch, b ng. Thu ng n v n b n. B tr hnh nh nh g n, h p l.
T o ch
Bi 1 ng trnh
u tin
1.1 T o m t trang Web m i. - M mi tr ng m b n mu n so n th o ti li u HTML.. - S d ng ch ng trnh so n th o NotePad: Start -> Program -> Accessories -> NotePad. Ch : + Khi ghi ti li u HTML vo m r ng a nh ghi y ph n
+ N u s d ng mi tr ng so n th o l NotePad trn Windows th ghi ghi ti li u HTML vo a f i ch n Encoding l UTF-8 hi n kth tii HTML t. Thi t web v ng vi
1.2. Tag (th ) HTML l g?
Khi mot Web browser hien th mot trang Wed, Web Browser se oc t mot file van ban n gian va tm kiem nhng oan ma ac biet hay nhng Tag c anh dau bi ky hieu < va >. * Tag mang thong tin <tag_name> String of text </tag_name>
Trong :
<tag_name>: tag b t u. </tag_name>: tag k t thc. <tag_name>

Thi t k web v i HTML 9
* Tag rong:
Tag
V d :
<h2>Chc m ng b n <p> Chc b n h c t t!
Tag k t thc Tag
n v i HTML</h2>
10
* Web browser
L trnh duy t Web, v d : Microsoft Internet Explorer, FireFox, Opera, Netscape...
11
1.3. C u trc c b n c a m t trang HTML

<html> <head> <title>tiu </head> <body> V n b n hi n th . </body> </html>
trang</title>
12
1.4. Tag ch thch. <!N i dung ch thch -->.
Th <!DOCTYPE>
Th ny dng ghi thng tin v version HTML p d ng trong ti li u web. Th ng y l dng u tin trong file HTML. V d :
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
13
1.5. Hi n th ti li u trong Web Browser 1.6. T o trang Web

M ch
u tin
ng trnh so n th o NotePad.
S d ng phng nh ti ng vi t: Unicode So n th o o n m sau:
14
 <html> <head> <title> H c t p HTML</title> </head> <body> Chc m ng b n t o c trang web tin! </body> <html>
15
L u l i v i tn MoDau.html (vo trong th m c c a mnh), v i ph n Encoding l UTF-8. L u : ph n m r ng c th l html ho c htm u c. Vo th m c c a mnh ch y t p HTML m ta v a t o, xem k t qu nh n c.
16
17
6. Th c hnh
Thi t k m t trang HTML gi i thi u v b n thn.
18
Ch ng 2 i u ch nh 1 ti li u HTML
2.1. N p ti li u trong Web browse 2.1.1.T o s thay i trong ti li u HTML
Vo th m c lm vi c, m t p html c a mnh. M trnh so n th o NotePad. T th c n File, dng Open m t p mnh lm. T thm, b t, s a i... v n b n trong . L u tr l i.
2.1.2.N p l i ti li u trong Web browser

Tr l i th m c lm vi c, m l i t p s a, quan st, so snh v i trang Web m lc u v s thay i.
20
2.1.3. Th c hnh
u ch nh l i ti li u HTML c a mnh, t o m t m t trang HTML gi i thi u v m t vi thnh vin c a l p.
21
2.2. 6 m c tiu
2.2.1. Nh ng tiu c a HTML
Tag tiu : <hN>N i dung hi n th </hN> N l s nguyn t 1 n 6. V d : <h3>Tiu th 3</h3> nh nh t</h6> <h6> Tiu
tiu tiu
gi a:
</hN> </hN>
<hN align=center>Tiu
bn ph i:
<hN align=right>Tiu
V d
23
2.2.2.
t nh ng tiu
vo ti li u html
V d o n m sau vo trong ph n thn <body>...</body>

<h1>Tiu <h2>Tiu <h3>Tiu <h4>Tiu <h5>Tiu <h6>Tiu l n nh t</h1> l n th hai</h2> th 3</h3> th 4</h4> th 5</h5> nh nh t</h6>
24
L u ti li u l i v i ph n m r ng l htm. M th m c lm vi c m trang html c a mnh m i lm. Xem s hi n th 6 m c tiu .
25
2.2.3. Th c hnh
T o m t trang ti li u html gi i thi u v b n thn, trong c dng cc tiu nh n m nh t ng ph n ti li u.
26
2.3.Chia v n b n ra thnh nhi u o n 2.3.1. Chia o n trong HTML

Tag chia o n: <p> Khi g p <p> Web browser s chn m t dng tr ng v b t u m t o n m i. Tag <p> khng c n tag k t thc (</p>).
27
2.3.1. C n ch nh o n Tag <p align=align_type>: align=align_type dng ch V d :

<p align=center>Ch gi a</p> <p align=right>Ch bn ph i</p>
nh c n o n m i, align_type l
center ho c right.
28
2.3.2. Chn cc d u chia o n S d ng tag <p> t o m t trang HTML, trong c cc o n v n b n ring bi t. Dng Web browser ki m tra cng vi c c a mnh. V d
29
2.4.
2.4.1. T o ng k ngang Tag hard rule <hr>: chn m t ng th ng trong trang html. Tag <br>: y v n b n xu ng dng, nh ng khng chn thm dng tr ng. Tag <blockquote> o n v n b n </blockquote>: Ton b o n v n b n th t vo u dng. V d
ng k ngang
30
2.4.2.
Thuoc tnh Size
nh d ng thu c tnh cho

Mo ta
ng k .
Thiet lap o day cua ng ke ngang Width Tao o rong(pixel) hay ty le phan tram cua ng thang so vi o rong cua ca so Browser Align Can le cho ng thang (Left, right, center) Them Noshadethuoc tnh vao ng cua ng ke Thay oi the hien thang <Br thuoc tnh = gia tr> khong co bong ngang
V d
<head> <title>size of hard ruler</title> </head> <body> <h2> tag style trong HTML</h2> Khng dng width <hr> <p> Width = 100, size = 12, color = #800000 <hr width = 100 size = 12 color = #800000> <p>Width = 200, size = 20, color = #808080 <hr width = 200 size = 20 color = #808080> <p>Width = 50%, size = 40, color = red <hr width = 50% size = 40 color = red> <p>Width = 50%, size = 40, color = blue <hr width = 50% size = 40 color = blue> <p> <p> <hr> <h3>Chc cc b n thnh cng!!!</h3> Thi t k web v i HTML </body> </html>
<html>
32
2.4.3.Th c hnh
T o m t trang ti li u html gi i thi u v mnh, cc b n trong l p. Trong c dng tiu , cc tag v a h c phn m ng t ng ph n. Dng < Dng > vi t ra k t <. vi t ra k t >.
33
2.5.Lm vi c v i cc ki u m u
2.5.1. Cc Tag style c a HTML
Tag <b>Ch m</b>. Tag <i>Ch nghing</i>. Tag <u>Ch g ch chn</u>. Tag <s>Ch g ch gi a</s>. nh my</tt>. Tag <tt>Ch V d
34
 <head> <title> S d ng style </title> </head> <body> <h2><B>Chia o n trong HTML</B></h2> <tt>V m t th gi i ngy mai. </tt>
ng lai c a m i chng ta <br> Hy c g ng h c b n i </I> H N i, ngy 14/3/2007. <h3>Chc cc b n thnh cng!!!</h3> </body> </html>
<p> <I> V t
35
2.5.2.Tag
Tag
nh d ng logic
m</strong>
m logic type
<strong>Dng ny
Tag nghing logic type

<em>Dng ny nghing</em>
Tag g ch ngang logic type

<strike>Dng ny g ch gi a</strike>
36
Tag ki u nh my logic type

<samp>Ch nh my</samp>
y
Tag ch s trn
x<sup>y</sup> ----> x
Tag ch s d V d
x<sub>2</sub> ----> x2
37
2.5.2. p d ng tag style vo trong ti li u html

Chng ta c th p d ng linh ho t cc tag <b>...</b>, <i>...</i>, <u>...</u>, <s>...</s>, <tt>...</tt>,... t o cc ki u khc, nh : m nghing, ch nh my nghing, ch nh my m...
38
3.5.3.Th c hnh
T o m t trang ti li u html gi i thi u v mnh, cc b n trong l p. Trong c dng cc tag style v a h c nh n m nh t ng ph n. Web m u
39
2.6.Danh sch 2.6.1.Danh sch khng c th t

S d ng tag <ul>...</ul>: cho m t danh sch cc m c v i nh ng k hi u c nh d u pha tr c. Tag <li> ch ra t ng m c cho m t danh sch.
<UL> <LI> Dong 1 <LI> Dong 2 <LI> Dong 3 ......... </UL>
V d , ta c o n m sau:
<ul> <li>Ng Th An. <li>L Xun Chu. <li>V c Chi n. <li>Nguy n c i. </ul>
41
Ta thm thu c tnh type = circle/square/disk vo trong tag <ul>: Thuoc tnh Mo ta Type = disk y Dau hnh tron Type = Dau hnh vuong square Type = circle r Dau hnh tron m
42
V d :
<li>Ng Th An. <li>L Xun Chu. </ul> <ul type=circle> <li>Ng Th An. <li>L Xun Chu. </ul>
<ul type=disk>
<ul type=square>
<li>Ng Th An. <li>L Xun Chu. </ul>
43
2.6.2. Danh sch c th t

L danh sch c Web browser nh th t t 1 cho n k t thc danh sch. Dng tag <ol>...</ol> <ol start=N type = *>...</ol>: N l ch nh s b t u. * c th l: a, A, i. I.
<OL> <LI> Dong 1 <LI> Dong 2 <LI> Dong 3 ......... </OL>
<ol> <li>Ng Th An. <li>L Xun Chu. <li>V c Chi n. <li>Nguy n c i. </ol>
45
nh cc d ng Thuoc tnh Type = A Type = a Type = I Type = i Type = 1 Start = n
nh s th Mo ta
Thiet lap ky t ch hoa. Thiet lap ky t ch thng Thiet lap ch so La ma dang ch hoa Thiet lap ch so La ma dang ch thng Thiet lap kieu so Tao gia tr bat au cua danh sach la n
<ol start=2 type=i> <li>Ng Th An. <li>L Xun Chu. <li>V c Chi n. <li>Nguy n c i. </ol>
47
Tag dung e nh dang danh sach co th t:

<ol > <li type = A start = n> Dng 1 <li type = I > Dng 2 <li > Dng 3 </ol> - Neu khong co Start = n th gia tr bat au cua danh sach la 1 hoac la so th t au tien. - Muon thay oi gia tr cua tng phan t rieng biet, dung Type = n va thuoc tnh Value= gia tr trong Tag <Li> th phan con lai cua danh sach se c nh dang va Thi k web v i HTML 48 anh so th t t phant t nay.
2.6.3.Danh sch cc
nh ngh a
N m gi a cc tag <dl>...</dl>. Dng v i <dt> ch nh m u c n nh ngh a. Dng <dd> ch nh ngh a cho m u xc nh b i <dt>.
49
Cac Tag s dung e nh ngha nh sau:

<DL> <DT> Thuat ng can nh ngha <DD> Li dien giai <DT> Thuat ng can nh ngha <DD> Li dien giai . - </DL> ng can nh ngha: Co nh tren Thuat mot dong - Li dien giai: Co the la oan van viet tren nhieu dong - Trong danh sach co the co hoac khong li Thi t k web i HTML dien giai (tc la co hoacv khong Tag DD sau Tag DT)
50
<DL> <dt><b>Tnh yu</b> <dd>Tnh yu l bt bn riu... <dd>Bao nhiu s i bn b y nhiu s i tnh. <dt>HTML <dd>Ngn ng thi t k trang web t nh. <dt><u>C++ </u> <dd>Ngn ng l p trnh h ng i t ng. <dd>L ngn ng l p trnh kh h c. </DL>
51
2.6.4.Danh sch l ng nhau

Danh sch c th t , khng th t v danh sch nh ngh a c th l ng vo nhau theo nhi u m c khc nhau. Ngoi l ng cc danh sch l i v i nhau, ta con c th tr n l n cc lo i danh sch.
52
<ol> <li><b>Ng Th An.</b> <ul> <li>L n . <li><i>Ngh h c ngy 7-3</i> </ul> .... <li><b>Ph m H ng Duyn</b> <ul> <li> i h c ch m ch . <ol type=a> <li><i>Ht hay.</i> <li>Ma gi i. </ol> </ul> </ol>
53
2.6.6.Th c hnh
1. T o trang web ch a danh sch l p. 2. T o m t trang ti li u html gi i thi u v tr ng, l p, b n b... Trong c s d ng cc danh sch khng th t , danh sch c th t , danh sch l ng nhau...
2.7. Chn k t 2.7.1. K t
c bi t. c bi t
&xxxx; Trong o xxxx la ten ma (code name) cho k t ac biet o. V d : é e r r © Ù U ®
55
2.7.2.Cac dau nhan.

< thay cho < > thay cho > & thay cho &
V d M a < b <br> b &gt CSDL co giao &amp sinh vien K t qu a<b b > CSDL co giao & sinh vien
56
2.7.3. Nhng khoang trong them vao

V du: A B C D E <hr> A B C D E Ket qua hien th: A B C D E
Ch ng 3 Thm hnh nh vo trang Web

3.1. Cc d ng hnh nh c a web
C nhi u d ng t p tin hnh nh: PICT, GIF, TIFF, BMP, JPEG, ... D ng chu n c th hi n th trong m t trang web l Gif. D ng hnh nh khc s d ng trong web l Jpeg.
58
3.2 Vi i m c n bi t khi s d ng

Kch th c hnh nh cng nh cng t t, nn nh h n 100Kb. Cc hnh nh khng nn r ng h n 480 i m v cao h n 300 i m. Hnh nh l nh ng th t o thm ngh a cho ti li u. M t hnh nh nh c th xu t hi n nhi u l n trong m t trang m ch b ch m r t t th i gian.
ho
59
3.3.
a hnh nh vo trang web

Nn cc hnh nh vo m t th m c ring (V d nh th m c Image).
C php: <img src=FileName.gif> Trong FileName.gif l tn m t hnh nh d ng gif ho c jpg e cung th muc vi tai lieu HTML
60
V d : <img src=Image/chu thap.jpg>
61
hnh nh xu t hi n ring m t dng, ta ch c n thm tag <p>. V d : <p><img src=Image/chu thap.jpg><p>
62
3.4.
Tag:
nh d ng hnh nh
3.4.1. Chieu cao, chieu rong cua hnh anh. <img src="filename.gif" width=X height=Y > Trong o X la chieu rong va Y la chieu cao cua hnh anh c tnh bang so iem (pixel). Khi thm hai thu c tnh Width v height gip cho web hi n th nhanh h n.
63
V d :
<img src="Image/WTP6.jpg" width=300 height=200> <img src="Image/WTP9.jpg" width=200 height=120>
64
3.4.2. M t hnh nh Tag co dang: <img src="filename.gif" alt="Dong mo ta hnh anh" > Ngi s dung Browser van xem c hnh anh th khi a tro chuot en hnh anh se xuat hien Dong mo ta hnh anh .
V du:
<img src="anh/hoa1.jpg" width = 100 height = 85 alt = Muon tai hinh anh ve phai vao >
3.4.4. S p x p hnh nh so v i v n b n bao quanh
Chn nh vo gi a th lm th no?
66
Tag <p align= ki u s p x p> tr c tag <img> Ki u s p x p: Left: hnh nh chn vo bn tri v n b n Center: hnh nh chn vo gi a v n b n Right: hnh nh chn vo bn ph i v n b n
67
3.4.4.S p x p trong hng c a v n b n v hnh nh <img align=value src=FileName.gif>

Trong : Value c cc gi tr sau:
Top: Ch nh y c a dng v n b n ngang v i nh c a nh. Middle: Ch nh y c a dng v n b n n m kho ng gi a nh. Bottom: Ch nh y c a dng v n b n b ng v i y c a nh. (lun m c nh)
V d :
<img align=top src=Image/chu thap.jpg>
ee
69
V d :
<img align=middle src=Image/chu thap.jpg>
70
V d :
<img align=bottom src=Image/chu thap.jpg>
71
Ngoi ra ta c th thm t kha align=right/left vo trong tag <img>. c vi n khung ho c khng, ta s d ng kho Border=N trong tag <img>.
Trong N l s nguyn l n h n ho c dy c a vi n khung. b ng 0, ch
72
V d
<img align=right src="Image/chu thap.jpg" border=1>
73
V d
<img align=left src="Image/chu thap.jpg" border=5>
74
7. Th c hnh
T o m t trang ti li u html ch a cc hnh nh ng ngh nh + cc l i bnh vui v .
75
Ch ng 4 Lin k t v URL
4.1. Ho t ng c a cc lin k t - Cac lien ket c bieu th bi ch mau xanh co gach di goi la cac anchor. - e tao cac lien ket: Tag <a >..</a> (anchor). - e ch a ch lien ket en ta dung thuoc tnh HREF = cua Tag <a>
4.2.Th no l URL
URL-Uniform Resource Locator- a ch ti nguyn th ng nh t. URL l a ch c a trang web, khi kch chu t th ng n chuy n n cc ti li u lin quan.
77
4.3. C u trc c a URL

URL-Uniform Resource Locator- a ch ti nguyn th ng nh t. URL l ahhhu ch c a trang web, khi kch chu t th ng n chuy n n cc ti li u lin quan.
URL bao g m hai ph n chnh: giao th c (protocol) v ch truy c p (target). Giao th c chung trn web l http://, giao th c ny nh n cc ti li u html. Ngoi ra cn cc giao th c khc nh : Gopher://, ftp:// v telnet://.
URL t ng i: l URL tr n trang thu c cng side v i trang hi n hnh, ch khc nhau tn t p tin. URL tuy t i: l URL tr n trang ring bi t t b t c u trn internet.
79
4.4. Cc d ng lin k t
a)
Lin k t
Lin k t
n t p tin c c b
n t p tin c c b
L lin k t n gi n nh t m t p tin html trong cng m t th m c. C d ng: ng_d n/tn_t p.htm> o n text linh
<a href= </a>
80
V d : c o n m <a href="Bai6_5.html">Chi ti t...</a>
<li><a href="Bai6_5.html"> Nguy n c i. </a>
81
b) Lin k t Anchor
n m t hnh nh
o n m l nh: <a href= ng_d n/image.gif>text link</a> Web browser s t ng g i hnh nh v .
82
V d , o n m l nh sau:
<a href="image2/sinrang.jpg">m t th m m .</a>
83
web browser m v n b n, hnh nh trang web m i. Ta s d ng t kho target=_blank trong tag <a>. V d . <a href="image2/dau lau.jpg
target="_blank"> ng
m t
i thin c .</a>
84
3. Lin k t ngoi

n cc side Internet bn
D ng y : <a href=URL>text link </a> V d c o n m
<a href ="http://www.vnn.vn">Tin t c VN</a>
85
4.4.3. Lin k t
n cc ph n c a trang
a) Anchor c t tn Anchor c t tn l m t d u hi u tham kh o n cho m t ph n c a t p tin html. c s d ng t o lin k t n ph n khc c a m t trang khi trang di.
86
D ng html cho vi c cho vi c t o anchor V d :

<a name=name>text to link </a> <a name="I">I. Thnh ph n, l </a> c tnh c a thu c
b) Vi t m t lin k t t tn. D ng html:
n m t Anchor
<a href=#name>text to hypertext </a>
<a href="#I">Thnh ph n, c tnh c a thu c l</a> <a name=#II">Cc nguy c gy b nh c a ht thu c l</a>
V d (t p Bai8_3.html)
Lin k t ny th ng dng m c l c. c) Thm lin k t t i Anchor trong ti li u khc D ng m: V d : c o n m
xy d ng c t tn
<a href=FileName.html#Name>text link</a> <a href="Bai8_3.html#II">Nguy c gy b nh c a thu c l</a>
88
4.4.4. Lin k t
a)Button siu lin k t Ta c ng c th g n hnh nh thay cho cc text hyperlink. lm i u ny, ta t tag hnh nh vo trong ph n siu v n b n c a tag Anchor. V d : trong c o n m
<a href="Bai8_3.html" target="_blank"> <img src="image2/stopsmoke.jpg" align=left width=200 hight=200 border=0> </a>
n hnh nh
89
4.4.5. Th c hnh
T o vi trang html chng lin k t v i nhau, a vo cc hnh nh minh ho , cc lin k t hnh nh, t o menu cho trang chnh... B t u lm bi t p l n c r i.
90
4.5. Danh thi p v
a ch lin k t
n Email
4.5.1.D ng tag address cu i m t trang web th ng cung c p thng tin v tc gi v ti li u. V c ng c th g i Email cho tc gi . Ta c th s d ng tag <address> nh a ch y..... </address>
Cc dng text trong o n tag ny l ch c ki u nghing. Ch : trong tag ny ta v n c th s d ng cc tag khc, v d nh <b>...</b>...
92
V d ta c o n m sau:
<address> Theo thng tin c a <b>L Anh Nh t</b>, i n tho i <tt> 0912.844.866 </tt> </address>
93
4.5.2. Lin k t n Email ng i c c th g i Email cho tc gi , ta ch c n thm lin k t siu v n b n, trong c s d ng t kho mailto:. <A Href = mail to: N i dung </A> a ch email >
94
V d : trong c o n m:
E-mail: <a href = "mailto:leanhnhat@yahoo.com"> leanhnhat@yahoo.com </a>
95
4.5.3. Lien ket en mot FTP site FTP site: dung e sao chep tap tin gia cac may tnh vi nhau. Nhng ngi s dung FTP truy cap vao mot may tnh t xa e lay moi th ma ho can. Tao lien ket: <A Href = a ch FTP server > Noi dung </A> V du: <A Href = ftp://ftp.mycon.com> FTP Thi t k web v i HTML 96 sever </A>
4.5.4. Th c hnh
Thm cc a ch v lin k t Email vo cc ti li u c a mnh lm cc bi tr c.
97
Ch
ng 5. Trang tr cho v n b n
5.1. M u s c v c u trc n n 5.1.1. C b n v mu s c

Trong m t web browser, ta c th s d ng 256 mu c a h th ng t o mu cho ch ho c n n v n b n. M i m t mu c xc nh d a trn cc gi tr RED-GREEN-BLUE (RGB) c a n. R,G,B l y gi tr t 0 n 255.
98
Thay v xc nh mu theo d ng t ng t "123,211,143" th m i s xc nh theo ki u th p phn se c chuy n sang h 16. Ch cn s d ng: "xxyyzz", trong :
xx l tr c a mu Red. yy l tr c a mu Green. zz l tr c a mu Blue.
99
V d m t s mu:
Mu c s Mu c s Mu c s Mu c s Mu c s Mu c s Mu c s 008000 FFFF00 FF0000 008080 800000 808080 00FFFF
100
MAU Xanh dng sang Xanh da tri Xam Xanh la cay Tm than Tm o Trang en Tm Xanh o Vang
VGA tren Windows Aqua Blue Gray Lime Navy purple White Black fuchsia Green red yellow
5.1.2. Mu n n c

nh
Ta i u ch nh tag <body> nh sau: <body bgcolor = #XXYYZZ> trong XXYYZZ l d ng bi u di n th p l c phn c a mu c ch nh. V d <body bgcolor = red>
102
Mu c a ch v nh ng siu v n b n:
Ta s d ng d ng:
<body bgcolor=#xxyyzz TEXT=#xxyyzz LINK=#xxyyzz VLINK=#xxyyzz>

Trong : TEXT l mu ch , LINK l mu c a
m c lin k t siu v n b n, VLINK l mu c a m c lin k t siu v n b n xem.
Ch : th t c a cc m c trong tag <body> khng quan tr ng.

5.1.3. C u trc n n
Ta c th s d ng t p hnh nh nh lm n n cho trang web. (d ng gif, jpg) Ch :
Kch c t p nh nn nh . Ch n mu ch v mu n n t ng ph n.
Nh c i m: th i gian n p trang web s ch p h n.
104
D ng HTML cho n n hnh nh di chuy n theo khi cu n trang web: <body background = "tn.gif/jpg">
V d D ng sau cho m t n n
<body background=filename.gif" bgproperties = "fixed">
ng yn:
105
Th c hnh
Thm mu n n, nh n n, mu ch vo cc trang web c a b n.
106
5.2. Trang tr cho v n b n 5.2.1. Kch c phng ch Tag: <font size=N>...</font> trong N l c ch c gi tr t 1 n 7. * Gi tr Font ch m c nh l 3
107
Mot cach s dung khac cua Tag Font la: <font size=+N>Dong van ban</font> <font size=-N>Dong van ban</font> Cac gia tr +N hoac-N cho biet o dch chuyen (offset) so vi kch c phong hien tai.
Ngoi ra cn c cc tag:
<big>...</big> --------------> Ch to. <small>...</small> ----------> Ch nh .
(tag ny t dng v thi u linh ho t)
Cch khc
s d ng:
<font size=+1>...</font> ---> D ch chuy n font hi n t i ln 1. <font size=-2>...</font> ---> D ch chu n font hi n t i xu ng 2.
109
Font c s :
<basefont size=N> Tag basefont khng c tag ng, n v n l c phng c s cho n khi g p m t tag <basefont> khc xu t hi n.
V d
110
5.2.2. Mu c a phng ch Ta c th b sung thm thu c tnh mu vo trong tag <font>:

<font color = #xxyyzz> C th thay #xxyyzz b ng tn m t s mu c b n: red, aqua, blue, gray, lime, V d
<font color=red>...</font> <font color=#993459>...</font>

5.2.3. D ng phng <font face="font1"> text...</font> Ch : nn s d ng cc d ng phng thng d ng c a my tnh.
112
V d : <font face="Arial" size 6>...</font> Th c hnh:

T o trang web ring c a b n. T o trang web c a nhm.
113
5.3. Easy hard rulers 5.3.1. dy c a ng Ta h c tag <hr> cho k t qu l m t ng th ng ngang mn hnh.
114
Ta c th t ng dy c a tham s N: <hr size=N>

trong N l m t s ch dy.
ng v i
V d : <hr size=32>
115
5.3.2. r ng c a ng Ta s d ng tham s width C php: <hr width = N> ho c <hr width = Z%>
trong N l s i m c a ng th ng, Z% l t l ph n tr m c a trang hi n hnh.
116
C th thm tham s align="left", align="right". c n ch nh ng k * Mu s c c a ng k Ta thm tham s color = #xxyyzz. * ng k khng c bng Ta thm t kho noshade sau tag hr. V d :
117
Th c hnh
Thm vo trang web c a b n cc th ng <hr> v a m i h c. ng
118
5.4. Xt thm v s ch nh l 5.4.1. S ch nh l v n b n ta c th dng tag: <center> text </center>

v n c tc d ng l c n o n v n b n gi a.
119
tag xo i s s p x p:
<br clear=left> <br clear=right> <br clear=all>
120
5.4.2. Ch nh l v s p x p v n b n Cn m t tag n a c ng ch nh l v n b n:
<div align=left> text </div> <div align=right> text </div> <div align=center> text </div>
V d
121
5.5. Nh c n n Chn video

5.5.1. Nh c n n <BgSound>: nh nh c n n cho trang ti li u. C php: <bgsound src=url loop=n> url: ch nh t p tin nh c c d ng wav, au, midi.
nh
n: s l n l p l i bi ht, n=-1 s l p cho n ng trang web.

Ch : tag <gbSound> c t sau ph n <Head>....</Head> v tr c tag <body>. Ho c trong <Head>....</Head>. V d :

<HTML> <TITLE>Background Sound</TITLE> <HEAD> </HEAD> <BGSOUND SRC="media/wmpaud7.wav" LOOP=-1> <BODY> Enjoy my sound. </BODY> </HTML>
123
5.5.2. Chn Video Ta c th nhng file video (*.avi, *.mpg, *.mwv) vo ti li u html, ta thm thu c tnh dynscr=filename vo trong tag <img> V d :
<img dynsrc="video/Introx.avi" loop=-1 align=left>
124
ng php: <img dynsrc=*.avi | *.mpg width=n height=m start=fileopen | mouseover loop=infinite | -1 | n align=left | right > H c vin t tm hi u v cc thu c tnh. V d
125
5.5.3.T o m t dng ch mn hnh trang web Ng php:
ch y trn
<marquee width=n hight=m scrolldelay=k scrollamount=i behavior="alternate|slide|scroll direction="right | left bgcolor="#xxyyzz loop=-1 | j </marquee>
H c vin t tm hi u ngh a cc thu c tnh c a <marquee>. V d
127
Ch
ng 6. B ng (Table)
<table> <--T o b ng--> <tr> <-- c t cc dng c a b ng--> <td> text </td> <td>...</td> <-- c t d li u c a b ng--> </tr> <tr>...</tr> <tr> <td> text </td> <td>...</td> </tr> </table> <--Gi i h n c a b ng-->
6.1. Nh ng tag c b n c a b ng
V v : t o m t b ng 2 hng, 2 c t <table border="1">

<tr> <td> Hng 1, c t 1 </td> <td> Hng 1, c t 2 </td> </tr> <tr> <td> Hng 2, c t 1 </td> <td> Hng 2, c t 2 </td> </tr>
</table>
6.2. <TABLE>...<TABLE>
c nh ng th c tnh sau:
border = n: t o vi n xung quanh b ng. cellpadding = N: cho bi t c bao nhiu kho ng tr ng gi a kh i bn trong ph n t v vch ng n. cellspacing = M: Cho bi t r ng c a nh ng ng bn trong b ng chia cc ph n t .
130
width = n | n%, height = m | m% : nh tr c kch th c r ng/cao cho b ng. align = left | right: Cho php b ng dng l tri ho c ph i. valign = top | bottom: ho c gi a ho c d i. ch nh l trn
bgcolor = #xxyyzz: thi t l p mu n n c a b ng.

bordercolor = #xxyyzz: thi t l p mu vi n cho b ng. bordercolorlight = #xxyyzz : thi t l p mu nh t h n cho vi n b ng 3 chi u. bordercolordark = #xxyyzz : thi t l p mu m h n cho vi n b ng 3 chi u. background = "...image.gif|jpg": thi t l p n n cho cc v n b n l hnh nh v i a ch c a n.
6.3. <TR>...</TR>
c t dng c a b ng, s dng c a b ng b ng s ph n t <TR> trong c p <table>...</table>. M t s thu c tnh:

align = left | center | right: ch nh l tri/gi a/ph i. valign = top | middle | bottom: ch nh l trn/gi a/d i.
bgcolor:
c t mu n n c a hng. c t mu vi n c a b ng.
bordercolor:
bordercolorlight: thi t l p mu nh t h n cho mu vi n 3 chi u. bordercolordark: thi t l p mu cho mu vi n 3 chi u. mh n
134
6.4. <TD>...</TD>
i di n cho d li u trong b ng, d li u ph i xu t hi n trong hng c a b ng.

align = left | center | right: ch nh l tri/gi a/ph i d li u trong . valign = top | middle | bottom: ch nh l trn/gi a/d i d li u trong . width = n | n%: c t r ng c a . hight = n | n%: c t chi u cao c a .
colspan = N: T o m t b ng N li n k theo dng. rowspan = M: T o m t b ng M li n nhau theo c t. ngoi ra cn c cc thu c tnh:

bgcolor = #xxyyzz. bordercolor = #xxyyzz. bordercolorlight = #xxyyzz. bordercolordark = #xxyyzz. background = "...image...".
6.5. <TH>... </TH>
c ng gi ng tag <td> nh ng th ng dng cho tiu c a b ng, dng text... s c vi t ch m v c n gi a . <TH> c nh ng thu c tnh sau:
align = left | center | right: tri/gi a/ph i d li u trong . ch nh l
137
valign = top | middle | bottom: ch nh l trn/gi a/d i d li u trong . width = n | n%: c t r ng c a . hight = n | n%: c t chi u cao c a . nowrap: thi t l p cho nh ng khng mu n c dng no b gy d li u v a kht v i tiu . colspan = n: c t s c t c a b ng m ny s tr n l i thnh 1. (m c nh = 1)
138
rowspan: c t s hng c a b ng m ny s tr n l i thnh m t. (m c nh=1) bgcolor = #xxyyzz. bordercolor = #xxyyzz. bordercolorlight = #xxyyzz. bordercolordark = #xxyyzz. background = "...image...".
139
V d 6.6. Th c hnh:
S d ng b ng bi u thi t k giao di n cho trang chnh c a web.
140
Ch
ng 7. Frame
7.1. Gi i thi u frame
Frame m r ng kh n ng hi n th trang web b ng cch cho php chia mi n hi n th thnh nhi u vng. M i vng nh v y c g i l frame v c nh ng c i m sau:
N c th truy c p t i m t URL m t cch c l p v i cc frame khc. M i frame c th t tn, dng lm ch trong lin k t. N c th t thay i kch th c khung nhn, ho c c th khng thay i i v i ng i s d ng.
142
* C php Frame
C u trc c b n:
<HTML> <HEAD> </HEAD> <FRAMESET> <frame ...> </FRAMESET> </HTML>
7.2. Th Frameset
<Frameset rows = "n1, n2, ... " cols = "m1, m2, ..." border = "N" framespacing = "N" bordercolor = #xxyyzz frameborder = "yes/no"> rows: ch chia hng, tu theo tham s . cols: ch chia c t, tu theo tham s . border: dy ng vi n. framespacing: kho ng cch cc frame.
n1, n2, m1, m2, ...: l gi tr thu c tnh c tnh b ng i m ho c ph n tr m t ng i. V c th l d u '*', frame t ng ng s t ng i u ch nh. N: l dy t ng ng v i cc thu c tnh.
frameborder: thi t l p ng vi n cho ton b t p frame, c gi tr yes ho c no.
145
V d : <frameset rows = "30%, *"> chia thnh 2 hng, hng th nh t chi m 30% mn hnh, cn l i l hng th 2. <frameset cols = "*, 100, *"> chia 3 c t, c t th 2 c r ng 100 i m, cc c t cn l i s t ng phn chia. <frameset rows = "30%, *" border=0 framespacing = 5 frameborder = 0>: t ng vi n, kho ng cch, ...
7.3. Th frame
C php: <frame src="URL" name="tn c a s " with = "N" height = "M" scrolling = "yes/no/auto" frameborder = "yes/no" framespacing = "N" bordercolor = #xxyyzz noresize >
noresize: n u c thu c tnh ny th ng i s d ng khng th thay i kch th c hi n th frame. name: gn m t tn cho m t frame, n c th lm ch cho cc lin k t t cc ti li u khc. with: chi u r ng frame. height: chi u cao frame. scrolling: t thu c tnh thanh cu n.
148
V d : t o trang web c 4 frame nh sau:
149
T p "frame_index.html"
<html> <head> <title>vi du ve frame...index...</title> </head> <frameset rows="85,*,65"> <frame scrolling="no" name="frame_title" noresize="yes" src="frame_title.html"> <frameset cols="30%,70%"> <frame scrolling="yes" name="frame_content" src="frame_content.html"> <frame scrolling="yes" name="frame_Main" src="frame_Main.html"> </frameset> <frame scrolling="no" name="frame_AboutMe" noresize="yes" src="frame_AboutMe.html"> <noframe>Xin l i, trnh duy t khng tr gip frame</noframe> </frameset> </html>
T p "frame_content.html"
<html> <head>  <base target="frame_Main"> <title>vi du ve frame...content...</title> </head> <body> M CL C <p><a href="Frame_html.html#Cấu_trc_trang_web">C u trc trang web </a> </body> </html>
7.4. Th c hnh t do
152
153
Ch
ng 8. FORM
8.1. Form Form cho php b n nh n thng tin hay ph n h i t ng i dng. T o Form: <form Method = <ph ng th c> Action = URL> <input> yu c u thng tin b ng m t trong nhi u cch khc nhau </form> <Ph ng th c>: nh n gi tr tr Post ho c Get
8.2. Tr
ng v n b n v cc thu c tnh.
<TextArea Name = name Rows = number Cols = number Wrap = <value>> Text.. < /TextArea> Cho php ng i dng nh p nhi u dng v n b n vo Form v i s dng v s c t c n hi n th . Text: H ng d n ng i s d ng nh p d li u. Value: OFF (gi tr m c nh) n u khng dng Wrap.
8.3. Text Box. <Input Type = Text Name = Text_name Size =number MaxLength= number> Cho php ng i dng nh p m t o n v n b n c chi u di Size v chi u di t i a cho o n v n b n l MaxLength (Size < MaxLength)
156
8.4. Password
<Input Type = Password Name = name Size =number MaxLength= number> Khi nh p d li u vo th cc k t cd u i v thay vo l nh ng k t * hay x tu thu c vo trnh duy t.
8.5. Check Box

<Input Type = CheckBox Name = name Value = gi tr > String Tu ch n ny c dng khi c nhi u gi tr cho m t tu ch n. Mu n xc nh tr ng thi m c nh c a checkBox l nh d u ho c khng nh d u th thm m t trong hai gi tr : Checked ho c UnChecked String: L xu thng bo l a ch n.
8.6. Radio Button

<Input Type = Radio Name = name Value = gi tr > String Cho php ng i dng l a ch n trong cc tu ch n c nh tr c. Thu c tnh Name ph i gi ng nhau v thu c tnh Value ph i khc nhau
8.7. Tr
ng Hidden.
<Input Type = Hidden Name = name Value = gi tr > c thi t k truy n (ng m) gi tr n Web Server v Script. Gi tr truy n th ng l m t t kho, gi tr ki m tra hay m t chu i b t k
160
8.8. Submit Button.

<Input Type =Submit Value = String> Dng chuy n d li u trn Form m ng i s d ng nh p sang m t trang m i. String: L dng ch ghi trn nt, n u khng c Value th m t nh l Submit ghi trn nt
161
8.9. Reset Button.

<Input Type = Reset Value = String> Dng xo d li u trn Form m ng i s d ng nh p, kh i ng l i cho cc ph n t trn Form. String: L dng ch ghi trn nt, n u khng c Value th m t nh l Reset ghi trn nt
8.10. ComboBox v ListBox. < Select Name = name Size = <gi tr > Multiple > <Option Selected Value = gia tr 1> String <Option Value = gia tr 2> String <Option Value = gia tr 3> String . </Select> -<Option>: nh ngh a m t ph n t trong danh sch. -Multiple: Cho php ng i dng ch n cng m t lc nhi u gi tr .
Bi t p th c hnh
Nh p vo thng tin c a m t sinh vin, sau in ra thng tin c a sinh vin .
164
Ch
ng 9
L P TRNH SCRIPTING V I VBSCRIPT 9.1. C b n v VBScript.

9.1.1. VBScript l g? M t Script trong ti li u HTML ni chung c hai ph n: + Ph n <HEAD> c a ti li u s c m t Script Container c bi t ch a nh ngh a c a cc hm c script dng. + L i g i hm lm nhi m v truy n v nh n cc gi tr .
9.1.2. T i sao dng VBScript. - VBScript l t p con c a Visual Basic - Lm vi c v i ActiveX: M c d Microsoft b t u h tr javacript v cc ngn ng Script khc truy c p cc ActiveX Component, VBScript v n l s l a ch n c a Microsoft v h u h t nh ng ng i ng h ActiveX. - Dng k thu t Dynamic HTML. .
9.1.3. Thm VBScript vo trang.

Tag <Script Language = VBScript> </Script> -M t vi Tag HTML ch p nh n ngn ng Script bn trong chng - T t c cc l nh VBScript s xu t hi n trong cc Tag <Script> V d :
167
9.2. Cc s
ki n trong VBScript
9.2.1. Qu n l s ki n trong VBScript. Cc s ki n trn Form trong

Tn s ki n Onclick OnFocus OnBlur OnChange OnSelect Ph n ng khi ng c a Form Ph n ng khi ng Ph n ng khi ng ph n no . Ch c n ng i dng Click chu t ln m t thnh ph n i dng t Focus vo thnh ph n no
i dng chuy n Focus ra kh i thnh i
Ph n ng khi ng i dng thay i d li u hay thay vng ch n trong thnh ph n no . Ph n ng khi ng no .
i dng ch n n i dung c a thnh ph n

9.2.2. T o cc trnh qu n l s
- Trong VBScript, cc s ki n Sub n m ph n u ti li u.
ki n
c qu n l b ng hm
- L y d li u trong Form: Document.<tn Form> vi t d li u ta dng Document.Write String
- M m t c a s m i: Window.Open (page.Html, Window Name);
- Ni cc chui dng k t & - Chuyn t chui sang s: Hm Cdbl(value)

9.2. Tm t t c php VBscript 9.2.1. Khai bo bi n, h ng

* Khai bo bi n: Bi n c a Asp c ki u d li u l Variant nn khng c n s kho As v i ki u d li u khai bo. Dim <bi n 1>, <bi n 2>, V d : <% Dim so, xau So = 10: xau = H c thi t k Web v i Asp %> C th s d ng bi n m khng c n khai bo.
d ng t
* Khai bo bi n m ng: + M ng 1 chi u: Dim <Tn bi n m ng>(s ph n t ) V d : Dim A(50) + M ng 2 chi u: Dim <Tn bi n m ng>(s dng, s c t) V d : Dim B(10, 20) + Khai bo m ng c ph n t c nh: Dim <Tn bi n m ng>(ph n t
1, ph n t
2,
.)
171
+ Khai bo m ng ng: Dim <Tn bi n m ng>() V d : Dim mang()
+ C th khai bo l i m ng ng: ReDim <Tn bi n m ng>(s ph n t ) V d : ReDim mang(3)
172
* Khai bo h ng: Const <Tn_h ng> = <gi tr >
- V i <gi tr >:
Ki u xu k t : Ki u ngy: Ki u s :
trong
trong #....#
Ki u Logic: True ho c False
1.3.2. Dng ch thch

N i dung dng ch thch
173
9.2.2. D u g ch d
D u g ch d i _ dng
i
ti p n i cc cu l nh qu di. n i chu i.
- C th dng php ton & hay + V d :
SQL = Select Mahs, ho_ten, ngay_sinh, gioi_tinh _ & From tbl_hoso

ho c
SQL = Select Mahs, ho_ten, ngay_sinh, gioi_tinh _ SQL = SQL & From tbl_hoso
9.2.3. Pht bi u i u khi n

a, IF THEN
IF < i u ki n> THEN <dy l nh>
IF < i u ki n> THEN <dy l nh1> ELSE <dy l nh 2> END IF
175
b, SELECT CASE
SELECT CASE <bi u th c> CASE <gi tr 1> <dy l nh 1> CASE <gi tr 2> <dy l nh 2> [CASE ELSE <dy l nh n>] END SELECT
9.2.4. Pht bi u vng l p

a, FOR NEXT m> = <gi tr <dy l nh 1> [EXIT FOR] <dy l nh 2> NEXT <bi n m> b, FOR EACH NEXT FOR EACH <ph n t > IN <nhm> <dy l nh> NEXT <ph n t > u> TO <gi tr cu i> [STEP <b c
FOR <bi n nh y>]
177
c, DO
LOOP
D ng 1: Vng l p th c hi n khi D ng 2: Vng l p th c hi n khi <bi u th c logic> nh n gi tr True <bi u th c logic> nh n gi tr False DO WHILE <bi u th c logic> <dy l nh 1> [EXIT DO] <dy l nh 2> LOOP DO UNTIL <bi u th c logic> <dy l nh 1> [EXIT DO] <dy l nh 2> LOOP
178
9.2.5. Khai bo hm v th t c
a, Th t c: - Khai bo SUB <tn th t c>(danh sch cc tham s ) <thn th t c> END SUB - G i th t c: CALL <tn th t c>
b, Hm: * Khai bo FUNCTION <tn hm>(danh sch cc tham s ) <thn hm> END FUNCTION * G i hm <Bi n> = <Tn hm>(danh sch tham s )
180
* Hm c s n
- Cc hm chuy n Hm Cdate Cint Cstr Cbyte Cdbl Cbool i ki u d li u
ngh a Chuy n sang ki u ngy thng Chuy n sang ki u Integer Chuy n sang ki u string Chuy n sang ki u byte Chuy n sang ki u Double Chuy n sang ki u Bolean
181
- Cc hm format Cho php nh d ng d li u
- Cc hm ton h c Int, Abs, Atn, Cos, Exp, Fix, Hex, Log, Oct, Rnd, Randomize, Round, Sin, Sqr, Tan
182
- Cc hm thao tc v i chu i Tn hm Len (string) Ucase(string) Lcase(string) Ltrim(string) Rtrim(string) Trim Left(string, n) Mid(string, n, m) Right(string, n) ngh a L y chi u di chu i Chuy n chu i thnh ch in hoa Chuy n chu i thnh ch in th ng C t b cc kho ng tr ng bn tri xu C t b cc kho ng tr ng bn ph i xu C t b cc kho ng tr ng c hai bn xu Trch ra xu con c n k t t bn tri c a xu Trch ra xu con c m k t t v tr n c a xu Trch ra xu con c n k t t bn tri c a xu
- Cc hm ngy thng Tn hm Date Time Now - Cc hm ki m tra * Isdate: Ki m tra c ph i ng ki u ngy thng khng? * IsNumeric: Ki m tra c ph i ng ki u s khng? ngh a Ngy hi n t i Gi hi n t i Ngy v gi hi n t i
184
Ch ng 10 L P TRNH SCRIPTING V I JAVASCRIPT 10.1. T ng quan v JavaScript

10.1.1. ac tnh cua ngon ng Javascript: la mot ngon ng Javascript thong dch (interpreter), chng trnh nguon cua no c nhung (embedded) hoac tch hp (integated) vao tap tin HTML chuan p ac tnh
n gian. ong (Dynamic). Hng oi tng (Object Oriented Thi t k web v i HTML
185
10.1.2. Ngon ng JavaScript:

- Mot trong nhng ac tnh quan trong cua ngon ng JavaScript la kha nang tao va s dung cac oi tng (Object)
Cac Object a ton tai Object Cac Object do ngi lap trnh xay dng
Cac Object cua JavaScript
Cac oi tng c cung cap bi moi trng Netscape
186
10.2. Nhng JavaScript vo file HTML S dng mt trong cch cch sau y:
- S dng cc cu lnh v cc hm trong cp th <SCRIPT>
- S dng cc file ngun JavaScript - S dng mt biu thc JavaScript lm gi tr ca mt thuc tnh HTML - S dng th s kin (event handlers) trong mt th HTML no
10.2.1. S dng th SCRIPT C php:

<SCRIPT LANGUAGE=JavaScript>
<Cc cu lnh Javascript>

</SCRIPT>
- Dng ch thch: hay
// Ni dung ghi ch /* Ni dung ghi ch */

10.2.2. S dng mt file ngun JavaScript <SCRIPT SRC="file_name.js"> .... </SCRIPT> V d:
<SCRIPT SRC=" http://cse.com.vn ">
189
10.3. S dung Javascript 10.3.1. Cu phap c ban cua lenh
10.3.2. Cac khoi lenh
JavaScript xay dng cac ham, cac phat bieu, cac toan t va cac bieu thc tren cung mot dong va ket thuc bang ;
Nhieu dong lenh co the c lien ket vi nhau va c bao bi { }
190
Ph l c
ng k web http://www.freewebs.com/
191
T o m i m t Account
192
Nh p thng tin c nhn
Ktra thng tin user
Next ti p t c
193
Kch vo y ti p t c
194
Ch n
i n h tn
L a ch n th lo i site Ti p t c
Nh p thng tin c nhn
Ti p t c k t thc
196
N u ng k thnh cng
Kch vo dng ny
197
a ch trang web c a b n
vo th m c v xy d ng trang web
198
T o m t trang m i T o m t th m c m i Upload 1 file Upload nhi u file
199
Trang:
http://www.125mb.com/
200
Trang: http://www.netfirms.com
201
ng k mi n ph
202
ng k mi n ph
203
2. Chon tn mi n
3. ti p t c
1. l a ch n
204
1. ti p t c
2a.t o tn mi n khc
2b. ti p t c
205
B cc d u tch
Ti p t c
206
Khai bo y thng tin c nhn
Ti p t c
207
Bo thi t l p thnh cng
Tn ng
i s d ng
a ch a ch
login i u khi n login = FTP
/c trang web
208
Vo trang web https://controlpanel.netfirms.com ng nh p vo i u khi n

g tn ng i s d ng
m t kh u l a ch n ngn ng ti p t c
209
Thng tin chnh
210
Cng c c a trang web
Qu n l cc t p
211
Qu n l cc t p l a ch n "file" ho c "Directory" t o Load cc t p ln m ng Nh p tn
kch t o
cc file, directory trong nay
212
Bi 12 G m l i hay phn m nh
1. Vi c t ch c thng tin trn trang web
t ch c thng tin, ta c th :
Gom chng l i v i nhau, ho c chia chng thnh nhi u ph n ring bi t.
213
Thi t k web cho
c gi xem:
c gi r t t khi c m t ti li u di. Vi c ln xu ng trong trang web th ng lm h nhm chn. Ph n a c gi l tm m t m u tin, h s kh ch u khi ph i r sot trong m t trang di y ch .
214
Thi t k trang web cho my tnh:

M t trang web di s c n nhi u th i gian n p t m ng xu ng. M t o n thng tin ng n, sc tch s thch h p h n v i mn hnh my tnh.
T i sao ta khng chia nh m t ti li u di v s d ng cc siu lin k t hyperText?
215
Chia nh thng tin nn
m b o:
Khng nn chia c t qu nh . T m t n ba trang (in) l cho m t o n thng tin trn web. Vi c p d ng chia thng tin ph i linh ng v nh t qun v i th c chung. Cch t t nh t chia v t ch c thng tin th c hi n theo t ch c c a n i dung.
216
217
2. Th c hnh: Xem l i cc trang web m b n thi t k :

N c di qu khng? Hay ng n c t l ng? Hy t o m t trang ba v c cc lin k t thch h p n cc trang web c a b n.
218

Thiet Ke Web Voi HTML

Uploaded by

Document Information

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Thiet Ke Web Voi HTML

Uploaded by

Copyright:

Available Formats

THI T K WEB V I HTML

Thi t k web v i HTML

hi n th b i cc trnh duy t Web.

Thi t k web v i HTML

Thi t k web v i HTML

Thi t k web v i HTML

3. Trnh so n th o trong qu trnh h c

Thi t k web v i HTML

c n quan tm khi thi t

T ch c ti li u: t a , tiu , o n v n, ng k ngang, danh sch, b ng. Thu ng n v n b n. B tr hnh nh nh g n, h p l.

Thi t k web v i HTML

1.2. Tag (th ) HTML l g?

<tag_name>: tag b t u. </tag_name>: tag k t thc. <tag_name>

Thi t k web v i HTML

Thi t k web v i HTML

1.3. C u trc c b n c a m t trang HTML

Thi t k web v i HTML

1.4. Tag ch thch. <!N i dung ch thch -->.

Thi t k web v i HTML

1.5. Hi n th ti li u trong Web Browser 1.6. T o trang Web

S d ng phng nh ti ng vi t: Unicode So n th o o n m sau:

Thi t k web v i HTML

Thi t k web v i HTML

Thi t k web v i HTML

Thi t k web v i HTML

Thi t k web v i HTML

2.1.2.N p l i ti li u trong Web browser

Thi t k web v i HTML

Thi t k web v i HTML

Thi t k web v i HTML

V d o n m sau vo trong ph n thn <body>...</body>

Thi t k web v i HTML

L u ti li u l i v i ph n m r ng l htm. M th m c lm vi c m trang html c a mnh m i lm. Xem s hi n th 6 m c tiu .

Thi t k web v i HTML

Thi t k web v i HTML

2.3.Chia v n b n ra thnh nhi u o n 2.3.1. Chia o n trong HTML

Thi t k web v i HTML

2.3.1. C n ch nh o n Tag <p align=align_type>: align=align_type dng ch V d :

Thi t k web v i HTML

Thi t k web v i HTML

Thi t k web v i HTML

nh d ng thu c tnh cho

Thi t k web v i HTML

Thi t k web v i HTML

Thi t k web v i HTML

Tag nghing logic type

Tag g ch ngang logic type

Thi t k web v i HTML

Tag ki u nh my logic type

Thi t k web v i HTML

2.5.2. p d ng tag style vo trong ti li u html

Thi t k web v i HTML

Thi t k web v i HTML

2.6.Danh sch 2.6.1.Danh sch khng c th t

Thi t k web v i HTML

Thi t k web v i HTML

Thi t k web v i HTML

2.6.2. Danh sch c th t

Thi t k web v i HTML

nh cc d ng Thuoc tnh Type = A Type = a Type = I Type = i Type = 1 Start = n

Thi t k web v i HTML

Tag dung e nh dang danh sach co th t:

Thi t k web v i HTML