Bi tp Web1 Module 1: S dng cc Tag HTML c bn
1. To trang web Resume.html, s dng cc tag , , , , v cc tag nh dng trnh by trang web, tham kho yu cu chi tit trang 33 trong gio trnh vi file hnh v d liu km theo trong th mc Module1\Bai1.txt. Ngoi ra sinh vin c th s dng hnh lm nn cho trang.
2. To mt website Beethoven.html gm 4 trang lin kt, mi trang s dng hnh lin kt n trang sau v trang trc n. S dng cc tag , , , , trnh by cc trang web trong website, t chn hnh nn cho cc trang. Tham kho cc bc thc hin v yu cu nh dng t trang 36 37
Biu tng lin kt
3. Trnh by trang web Euler.html vi yu cu v cc bc thc hin tham kho trang 38 (Gio trnh)
4. Trnh by trang web Chester.html vi yu cu chi tit tham kho trang 40 (gio
trnh)
Module 2: Links Image Maps
1. M li trang web Resume.html to cc lin kt anchors theo hng dn chi tit t trang 4551
2. M li trang Resume.html v nhp thm ni dung sau y vo cui trang, sau to lin kt cho cc mc:
References n trang Reference.html. Comments on my work lin kt n trang Comments.html. Go to Colorado State link n trang www.colostate.edu
Other Information References
Comments on my work
Go to Colorado State
Interested? Contact Mary Taylor at [email protected]
Ni dung ca 2 trang Refer.html v Comments.html nh sau:
Link n trang Resume.html
Link n trang Refer.html
To lin kt gia 3 trang theo m hnh:
M trang Comments.html, to thm 2 lin kt n trang Resume.html v trang Refer.html:
View My Resume lin kt n trang Resume.html
References lin kt n trang Refer.html
M trang Refer.html, to thm 2 lin kt n trang Resume.html v trang Comment.html:
3. To trang web Expo.html nh hnh mu bn di, cc yu cu lin kt v nh dng
tham kho gio trnh t trang 87127, cc file d liu km theo trong folder
Module2\Expo.html. Vi yu cu lin kt nh sau:
Bryd Hall (Text v Image Maps) lin kt n trang Bryd.html
Mitchell Theatre (Text v Image Maps) lin kt n trang Mitchell.html
Astronomy Classrooms (Text v Image Maps) lin kt trang Brinkman.html
Resume.htm R
efe
r.h
tm
Co
mm
ent.
htm
4. To trang web Jaction.html, dng image maps lin kt trang theo hng dn
trang 132 ca gio trnh, cc file lin kt trong th mc Module2\bai3
Image Maps
Image Maps
5. To website SFSF, s dng d liu v hnh trong th mc Module2\bai5, tham kho
cc yu cu v cc bc hng dn trang 132-134 (case 2)
Image map1: link n trang Forrest.html
Image map2: link n trang Charnas.html
Image map3: link n trang c Cc trang Forrest.html, Charnas.html, Charnas.html nh dng tng trang theo yu cu
trong gio trnh.
6. To Web menu cho Kelseys Dinner, s dng image maps theo hng dn v yu cu
nh dng trong gio trnh t trang 135-136 (case 3), d liu v hnh trong th mc
Module2\bai6.
Breakfast tr n Breakfst.html
Lunch tr n Lunch.html
Dinner tr n Dinner.html
Image Maps
Module 3: Table
1. To mt trang web MAA.html cha Text Tabale s dng tag v phm
spacebar, tham kho gio trnh trang 144, d liu v hnh trong th mc
Module3\bai1.
2. S dng d liu trong cu 1, to li mt trang MAA1.html, s dng v
thuc tnh rowspan, colspan.
3. Thit k trang web The Gargoyle.html, s dng lng nhau v cc tag
hc: , , , tham kho phn hng dn v yu cu nh dng
trong gio trnh t trang 169-182
4. To trang web Avalon Books Calendar theo yu cu nh dng trong gio trnh
trang 188.
5. To trang web Dunston.html, s dng lng nhau. Cc yu cu nh dng
v cc bc thit k
tham kho trang 190-
191 ca gio trnh. D
liu v hnh trong th
mc Module3\bai5.
Module 4: Frames
1. To mt website Colorado.html s dng frameset c dng:
Logo.html
Link.html Hompage.html
Our Philosophy.html
Climbing Lessons.html
Petit Grepon.html
Lumpy Ridge.html
North Face.html
Kiener's.html
The Diamond.html
Eldorado.html
Cc bc thc hin tham kho gio trnh t trang 215 n trang 221. D liu v hnh
trong th mc module4\bai1.
2. Thit k website s dng frameset, hnh v d liu trong th mc Module4\bai2,
cch thit k tng t bi 1.
3. Thit k website s dng Frameset v image maps, Frameset c dng
Logo 4 trang lin kt
Image Maps
Image maps
Image maps gm 4 vng vi 4 mu, khi click vo mi vng s link n mt trang vi mu tng ng trong image maps. D liu v hnh nh trong th mc Module4\bai3. Cc bc thit k tham kho gio trnh trang 233-234 4. Thit k website Travel Scotland.html, s dng Frameset v image maps. D
liu v hnh trong th mc Module4\bai4. Cc bc thit k v yu cu nh dng tham kho gio trnh trang 234-235
5. Thit k website Sonnet s dng Frameset. D liu v hnh trong th mc
Module4\bai5. Cc bc hng dn v yu cu lin kt tham kho gio trnh trang
236-237.
Image maps
Module 5: Form
1. To trang Register.htm, yu cu v cc bc thit k tham kho gio trnh 249
n 272, hnh v d liu trong th mc Module5\bai1.
2. Thit k trang form Online Classifield theo yu cu v hng dn chi tit trong
gio trnh trang 286-287
3. Thit k trang form nh hnh bn di, cc yu cu v hng dn tham kho gio
trnh trang 288 289, hnh v d liu trong th mc Module5\bai3
4. Thit k trang form Registration, tham kho yu cu nh dng v hng dn
trong gio trnh trang 290-291, hnh v d liu trong th mc Module5\bai4.
Module 6: Cascading Style sheet (CSS)
Yu cu nm vng cc kin thc c bn v style:
Loi style v cch to v s dng: Inline style, internal style, external style.
Cc style nh dng c bn v font ch:
o nh dng: font- size c nhiu loi n v (in, pt, em), tham kho trang 312.
o Khong cch gia cc k t: letter-spacing, gia cc dng line-spacing.
o Canh l vn bn: text-align (left, right, center, justify), vertical-align.
o Tht l: text-indent
o Thuc tnh c bit ca vn bn: Text-transform (none, capitalize, uppercase,
lowercase)
nh dng mu nn v hnh nn cho trang:
o Mu nn: background-color
o Hnh nn: bacground-image:url(image), bacground-position (325)
o Thuc tnh ca background: bacground-repeat
Cc nh dng cho list: (trang 330-331)
o List-style-position (inside, outside)
o List -style: circle url(image)
nh dng link:
o A{text-decoration}
o A:visited
o A:link
o A:active
o A:hover
Id v class: trang 335
o Class: .classname{style attribute and value}
o Id: #idname{style attribute and value}
Cch s dng tag v
nh dng Box:
o Cc tag s dng nh dng Box: , , , , ,
, , , (Trang 343)
1. Dng style sheet thit k website sau y gm 5 trang: Astro.htm, Chem.htm, Electtxt.htm, Engtxt.htm, Physicstxt.htm . Cc bc thc hin tham kho gio trnh t trang 299-352. Cc trang cn li thit k tng t nh trang Astro.htm
D liu v hnh nh trong th mc Module6\bai1. Tp tin style sheet:
BODY {
color:green;
background: white url(Draft.jpg) no-repeat fixed center
center
}
H1, H2, H3, H4, H5, H6 {
font-family: Arial, Helvetica, sans-serif
}
ADDRESS {
font-size: 0.9em;
font-style:normal;
text-align:center;
text-transform:uppercase
}
BLOCKQUOTE{
background-color:silver
}
UL {
list-style:circle url(Apple.jpg) outside}
UL B {
color:rgb(155,0,0)
}
A {
font-size: 0.9em;
color-green
}
A:hover {
color:red;
text-transform:uppercase;
font-weight:bold
}
.Special {
color: rgb(153,102,6);
font-weight:bold
}
DIV.Article {
padding: 0.5em;
border-style: solid;
border-width: 2px;
background-color: rgb(252,221,163);
width: 250px;
float:right
}
2. Dng style sheet thit k trang web StuffShop nh hnh bn di. Cc bc hng dn v yu cu nh dng tham kho gio trnh t trang 355-356. D liu v hnh trong th mc Module6\bai2.
3. Dng style sheet thit k trang web M.Lees nh hnh bn di. Tham kho phn hng dn v cc yu cu trong gio trnh, trang 356-357. D liu trong th mc Module6\bai3.
4. Dng style sheet thit k trang web ScrapBooks nh hnh bn di. D liu v hnh trong th mc Module6\bai4. Sinh vin t thit k. Tng t bi 3.
5. Dng style sheet thit k trang web nh hnh bn di, sinh vin t thit k, p dng cch lm ca cc bi trn, d liu v hnh trong th mc Module6\bai5.
Module7: Dreamweaver
S dng Dreamweaver thit k li cc trang web t Module 1-6.
Module 8: Javascript
1. Dng Dreamweaver thit k trang web NPN.htm, vi cc yu cu sau: Dng style sheet nh dng cc header, v cc link khng c gch chn, khi a
chut ngang th cc link chuyn sang mu . Dng Javascript vit hm tnh s ngy cn li tnh t ngy hin hnh ca my n
ngy Noel. Cc bc tnh ton tham kho gio trnh, trang 365 n 387. D liu v hnh nh trong th mc Module7\bai1
2. Thit k trang web Dinner Menu, hin th menu trn WWW, mc b thiu trong menu l todays special. Mi ngy trong tun c mt special khc nhau. khi phi cp nht trang mi ngy, bn hy s dng Java Script hin th nhng special c trong ngy hin ti, nhng special hng ngy hin th di dng ch in nghing. Cch thc hin tham kho gio trnh, trang 400-402. D liu v hnh trong th mc Module8\Bai2.
3. Thit k trang web Mark Twain nh hnh bn di, cc yu cu v hng dn chi tit tham kho gio trnh, trang 402-404, d liu trong th mc Module8\Bai3
4. To trang web Trigonometric tnh sin v cos ca cc gc. Tham kho hng dn trong gio trnh trang 405.
5. Thit k trang web AvalonBook nh hnh bn di, tham kho hng dn trong gio trnh, trang 407.
Module 9: Javascript Object Event 1. Thit k trang form nh hnh, vi cc yu cu nh sau:
Khi load form th Today is s hin th ngy hin hnh theo nh dng d/m/yyyy v du nhy nhy n name.
Trong mc Physician, nu ngi dng chn other th khi a tr ra ngoi s xut hin thng bo yu cu nhp Name.
Nhp gi tr vo cc Activity, Pulse, Grimace, Appearance v Respiration, chng trnh kim tra gi tr nhp t 02, nu sai chng trnh hin th thng bo nhp li. Khi nhp gi tr trong tng th Total s tnh tng gi tr cc nhp.
Tham kho cc bc thc hin v yu nh dng trang 427-450)
2. Tao trang web UB Computing tnh gi ca mt my tnh khi ngi dng chn cc ty chn v cu hnh. Tham kho cc bc thc hin trong gio trnh t trang 456-457, hnh v d liu trong th mc Module9\bai2.
3. Thit k trang Color Picker nh hnh bn di, tham kho yu cu v cc bc hng dn trong gio trnh, trang 459-460.
4. To trang web Mortgage calculate khch hng c th s dng kim tra s tin tr hng thng cho ti sn th chp, nh hnh bn di. Tham kho cc yu cu v cch tnh ton trong gio trnh, trang 460-461.
Module 10: To Style cho website
Module ny gm cc bi tng hp, i hi sinh vin phi nm tt c cc kin thc trong 9 module trc.
1. To website FrostiWear nh hnh, tham kho yu cu v cc bc hng dn trong gio trnh, trang 464-467. Hnh v d liu cho cc trang trong th mc Module10\bai1.
2. To mt website Mayer Photography
y l trang u ca website Mayer Photography. Yu cu v cc bc thit k cc trang cn li v to lin kt gia cc trang trong website tham kho trong gio trnh, trang 471 475. Hnh v d liu trong th mc Module10\Bai2
Recommended