TRNG C NGH DCH V HNG KHNG

KHOA CNG NGH THNG TIN

MC LC

Chuyn web 1- Bin son: Hong Th Thy

TRNG C NGH DCH V HNG KHNG

KHOA CNG NGH THNG TIN

Chng I: MT S KHI NIM CN BN

1. Lch s pht trin web - Vo cui nm 1960 B Quc Phng M tin hnh xy dng mt mng my tnh din rng trn ton nc M. Mng my tnh ny c tn gi l ARPANET ( Advanced Research Project Agency Network). Mc tiu xy dng ca mng my tnh ny l cho php cc t chc chnh ph M chia s ti nguyn nh my in, my ch, c s d liu trn mng. Mng ARPANET u tin ch c bn my IMP. Nhng my ny c sp t ti:

Trng i hc California (UCLA), ni

Trung tm nghin cu pht trin

Leonard Kleinrock

(Augmentation Research Center) ti Hc vin nghin cu Stanford (Stanford Research Institute - vit tt l SRI) ni Douglas Engelbart

Trng i hc California (University of Chi nhnh th (Graphics Department)

California) ti Santa Barbara.

ca Trng i hc Utah (University of Utah), ni Ivan Sutherland

Chuyn web 1- Bin son: Hong Th Thy

TRNG C NGH DCH V HNG KHNG

KHOA CNG NGH THNG TIN

Kt ni u tin vi ARPANET c thc hin vo ngy 29 thng 10 nm 1969, gia IMP ti UCLA v IMP ti SRI. Ton b 4 nt ca mng li c kt ni vo ngy 5 thng 12 nm 1969 - 1989 Tim Berners Lee nh nghin cu vt l pht minh ra giao thc WWW- World Wide Web ti phng Th nghim vt l phn t, sau ngn ng HTML ra i HyperText Markup Language. - 1990 Tim vit trnh duyt Web Browser v Web Server u tin (info.cern.ch) - Vit Nam gia nhp Internet vo thng 11/1997 - n nay c khong 30 t trang Web thuc hn 100 triu Website 2. Cc khi nim cn bn 2.1. Web l g ? - L cc dch v phn tn cung cp thng tin Multimedia da trn Hypertext Hay cn c c gi l cng thng tin Multimedia: Mt phng phap gii thiu thng tin bng may tinh, s dung nhiu phng tin truyn thng tin nh vn ban, hoa va m thanh, cung vi s gy n tng bng tng tac. 2.2. HyperText (Siu vn bn): l mt loi vn bn thng thng nhng li cha mt hay nhiu tham chiu ti cc vn bn khc. 2.3. Web page (Trang web): L trang vn bn in t c to bi ngn ng HTML (HyperText Markup Languange). Trang web c th cha hnh nh, m thanh, video, ... 2.4. Web site: L tp hp cc trang web c cu trc, c quan h vi nhau v c lin kt vi nhau thng quan cc siu lin kt (Hyperlink). 2.5. Web browser (Trnh duyt web): L chng trnh dng hin th cc trang web. V d: Internet Explorer, Netscape.

Chuyn web 1- Bin son: Hong Th Thy

TRNG C NGH DCH V HNG KHNG

KHOA CNG NGH THNG TIN

2.6. Web server (Phc v web): L mt my tnh cha d liu m web browser c th truy cp thng qua nghi thc HTTP.

2.7. Nghi thc HTTP (HyperText Transfer Protocol): Nghi thc s dng trong dch v web dng trao i thng tin gia web browser v web server.
2.8. URL(Uniform Resource Locator): chui nh v ti nguyn

Mi ngun ti nguyn trn Web c mt a ch duy nht. V d, 207.46.130.149 l a ch web site ca Micorsoft. Gi y, nh cc con s ny rt kh v d nhm ln. V vy, ngi ta s dng cc URL. URL l mt chui cung cp a ch Internet ca web site hay ti nguyn trn World Wide Web. - L a ch dng nh v cc ngun ti nguyn trn trang web. Cu trc URL: www. Nameofsite.typeofsite.contrycode Trong : Nameofsite: L tn ca site Typeofsite: Kiu ca Site Contrycode: M nc V d: Chuyn web 1- Bin son: Hong Th Thy 4

TRNG C NGH DCH V HNG KHNG

KHOA CNG NGH THNG TIN

216.239.33.101 c th c biu din bng URL l :www.google.com www.dantri.com.vn , www.cdhk.edu.vn - xem thng tin ca trang web t URL sang a ch IP ta s dng lnh sau: Start -> run -> cmd -> ping dantri.com.vn C cc Kiu Site Typeofsite com (Commercial) edu (Educational) gov (Governmental) int (International) mil (Military) net (Networking) org (Organizational) T chc Thng mi Gio dc Nh nc T chc quc t Qun i Ti nguyn trn mng Cc t chc khc

M nc: gm 2 k t i din cho mt quc gia Contry Code At Au Ca De Fr Vn Jp M quc gia o c Canada c Php Vit Nam Nht

Chuyn web 1- Bin son: Hong Th Thy

TRNG C NGH DCH V HNG KHNG

KHOA CNG NGH THNG TIN

2.8. WWW- World Wide Web - L h thng cc web site trn ton th gii c truy cp thng qua mng Internet

3. M hnh hot ng ca dch v web

HM T L

sre ev r

In r e ten t

HM T L

H ttp :// w w .d n i w a tr

.c m .v o n C n lie t

4. My Ch (Server) My khch ( Client) a. My ch (Server) - My ch l my cha da liu, ti nguyn, dch v cho my tnh khc c th khai thc v truy cp (my phc v).
Client

- My ch c th mt hay nhiu mc ch, tn ca my ch thng c gn vi mc ch s dng. - File Server - Application Server - Mail Server - Web Server Chuyn web 1- Bin son: Hong Th Thy 6

TRNG C NGH DCH V HNG KHNG

KHOA CNG NGH THNG TIN

- b. My khch (Client) - L my tnh dng kt ni, khia thc ti nguyn trn my ch - Vic kt ni Client vi server v vic khai thc dch v ca Server to nn m hnh Client/ server - Mt my tnh c th l Server va c th l Client 5. Tm hiu Web Tnh Web ng Trang Web tnh: - Cha ni dung c nh HTML - Khng cho php NSD tng tc, cp nht d liu - Mt trang web cha cc hnh nh chuyn ng cha hn l mt trang web ng Trang web ng: - Kt hp HTML v m lnh - M lnh c thc thi trn server v gi v kt qu l mt trang HTML C kh nng tng tc vi NSD cho php NSD cp nht, sa i

Chuyn web 1- Bin son: Hong Th Thy

TRNG C NGH DCH V HNG KHNG

KHOA CNG NGH THNG TIN

CHNG II: NGN NG HTML (HyperText Makup Language) 1. Tng quan v HTML HTML l g ? - HTML l ch vit tt l Hyper Text Markup Languge hay gi l Ngn ng nh du siu vn - Mt file HTML cha cc th HTML
-

Mt tp tin HTML thng c phn ui hay phn m rng l .htm hoc .html Mt tp tin HTML c th to c to t mt son tho vn bn bt k v d : NotePad, WordPad, Fontpage

Phn m rng l .htm hay .html Ti sao bn li phi hc HTML

n y bn c th t hi rng ti sao ti cn phi hc HTML khi m c rt nhiu nhng phn mm gip to trang web nhanh m n gin?. ng vy, bn hon ton c th s dng nhng phn mm WYSIWYG ( What you see in what you get) LM G THY NY to trang web bng HTML nh l Dreamweaver hoc Frontpage thay v phi vit tng dng code trong Notepad. Tuy nhin, nu bn ch da vo nhng phn mm ny, bn s khng hiu c cu trc m ngun ca trang web. Cng ging nh khi bn ch bit li xe m khng hiu cht g v my mc. Nu bn thc s mun i su vo lnh vc thit k web, bn khng nn s dng nhng phn mm c sn m hy t hc HTML v t vit code cho trang web ca mnh. Bi v cch ny c cho l cch hiu qu nht to ra mt trang web.

Chuyn web 1- Bin son: Hong Th Thy

TRNG C NGH DCH V HNG KHNG

KHOA CNG NGH THNG TIN

2. Cu trc trang web HTML <HTML> <HEAD> <TITLE> Tiu trang </TITLE> </HEAD> <BODY> Ni dung trang web <! -- Ni dung ch thch -- > </BODY> </HTML> Trong : <HTML>, </HTML>: m u v kt thc mt chng trnh <HEAD>, </HEAD>: <BODY>, </BODY>: m u v kt thc phn u chng trnh m u v kt thc thn chng trnh

Tp tin HTML lun bt u bng th <HTML> th ny khng lm nhim v g khi ngoi nhim v bo cho trnh duyt web bit n ang c ti liu HTML. Tng t dng cui cng l </HTML> l th bo cho trnh duyt bit kt thc mt trang HTML Mt ti liu HTML gm hai phn: Phn u (Head ) v phn thn(Body) Phn u : <HEAD> </HEAD>: ch ra phn u ca trang web <TITLE> </TITLE>: ch ra ni dung tiu ca trang web
- Xu k t nm gia <TITLE> v </TITLE> khng hin th trn trang Web m

hin th ti thanh pha trn ca Browser.

Chuyn web 1- Bin son: Hong Th Thy

TRNG C NGH DCH V HNG KHNG

KHOA CNG NGH THNG TIN

- Xu k t nm gia <TITLE> v </TITLE> c ghi li khi bn cp nht trang Web ny vo mc cc trang Web yu thch (Favorites). Phn thn: <BODY> </BODY> : ch ra phn thn ca trang web cha ni dung hin th ca trang web

3. Cu trc th trong HTML C hai cch nh ngha th(tag) nh sau - Th c ni dung - Th rng Th c ni dung: <Tn th [ TT1 =<GT1> TT2 = <GT2>] > ni dung vn bn </Tn th> <Tn th>: bt u th </Tn th>: Kt thc th TT1: Thuc tnh 1 GT1 : Gi tr 1 Th rng : < Tn th> - Trng hp ny khng c kt thc th Vd: <BR> : - th <BR> l th rng th xung dng

Chuyn web 1- Bin son: Hong Th Thy

10

TRNG C NGH DCH V HNG KHNG

KHOA CNG NGH THNG TIN

<HR> - to ng k <IMG> - chn hnh nh vo trang web. V d : Hin th dng CHO TT C CC BN dng in m <B> CHO TT C CC BN </B> Sau khi son tho th c hin th nh sau: CH THCH <!- - NOI DUNG CH THCH - -> CHO TT C CC BN 4. Mt s th HTML thng dng 4.1.Th nh dng chui vn bn HTML <B> Ch m </B> <STRONG > ...</STRONG> <I> Ch nghing </I> <EM> </EM> <U> Ch gch chn </U> <S> Ch gch gia </S> <STRIKE></STRIKE> H<SUB> 2 </SUB> X<SUP> 2 </SUP> <BIG> CHU IN LON </BIG> <SMALL> CHU NHO </SMALL> <Font color= m mu hoc tn mu face= tn font Size = c ch> ni dung hin th </Font> VD: <font color=#0080FF size = 5 face =Arial > chao ban</font> <font color=#0080FF size = 1> chao ban</font><br> Chuyn web 1- Bin son: Hong Th Thy 11 Gii thch Dng ch m Dng ch nghing Dng ch gch chn Dng ch gch gia Kt qu Ch m Ch nghing Ch gch chn
Ch gch gia

To ch s di H2 To ch s trn X2 Ch ln hn bnh thng CHU IN LON Ch nh hn bnh thng CHU NHO Chn kiu ch hin th c chao ban ba tham s size : Ch nh c ch color : ch nh mu (2.4) Face: ch nh Font ch Kch thc c th nhn gi tr t 1 n 7
chao ban

TRNG C NGH DCH V HNG KHNG

KHOA CNG NGH THNG TIN

<BR> VD:

Th ngt dng - y l th chao ban rng

chuc cac ban hoc tot

Chao Bn <br> Chuc ban hoc tot 4.2. S dng mu sc trong thit k web

ng bao gi trang web ca bn c mu xm xt .Hy t mu cho Font ch hoc b tr mt cu trc nn pha sau phn vn bn Trong mt web Browser bn c ty s dng 256 mu ca h thng to mu cho vn bn v mu nn. Mi mu c xc nh da trn gi tr ca 3 kiu mu chnh: , xanh, xanh da tri (Red, Green, Blue - RGB) v mi mu c xem nh mt b hai s ca h 16 Cu trc: #RRGGBB S thp lc phn 00 ch 0% ca mu nu 000000 cho ra mu en S thp lc phn FF ch 100% mu nu FFFFFF cho ra mu trng Hy dng cc con s thp lc phn ( 0, 1, 2, 3, 4, 5, 6, 7,8, 9, A, B, C, D, E, F) M thp lc phn #FF0000 #8B0000 #00FF00 #90EE90 #0000FF #FFFF00 #FFFFE0 #000000 #FFFFFF #808080 #A52A2A #FF00FF Mu Red Darkred Green LightGreen Blue Yellow LightYellow Black White Gray Brown Magenta Tn mu hin th sm Xanh l cy Xanh nht Xanh nc bin Vng Vng nht en Trng Xm Nu Tm
12

Chuyn web 1- Bin son: Hong Th Thy

TRNG C NGH DCH V HNG KHNG

KHOA CNG NGH THNG TIN

#EE82EE #FFC0CB #FFA500 #FFE4C4 #7FFF00 #FF7F50

Violet Pink Orange Bisque Chartreuse Coral

Tm nht Hng Da Cam Mu lc nht nht

Ngoi ra bn c th s dng tn ca mu cn hin th Tn mu Aqua Red Gray Navy Purple Olive

Maroon Fuchsia Lime Teal 4.3. a nhc nn vo web HTML <BGSOUND src = ng dn n file m thanh Loop = s ln lp li bi ht > Nu Loop = -1 th s lp v hn n khi chuyn sang trang web mi Gii thch Chn nhc vo nn Web th BGSOUND c hai thuc tnh Src: Loop: Kt qu

Mu hin th Xanh nc bin Mu xm Mu hi qun Mu ta Mu nu vng nht nu Mu hng nht Vng chanh

Chuyn web 1- Bin son: Hong Th Thy

13

TRNG C NGH DCH V HNG KHNG

KHOA CNG NGH THNG TIN

4.4. ngha tham s ca th BODY Nn ca trang web cng l yu t quan trng nh gi trang web. Ngi ta thng s dng mu cho trang web mc ch lm cho ni dung c ni bt. Chng ta c th s dng nh ln nn hoc mu nh dng nn cho trang web. Chnh v vy chng ta c th thm thuc tnh cho th Body c c trang web hon thin hn. HTML <BODY bgcolor= mu sc ca nn text = mu sc ca ch trong thn vn bn link = mu sc ca mt mc lin kt siu vn bn Vlink = mu sc ca mt mc siu vn bn xem Background = ng dn n nh nn VD1: <html> <head> <title>Ti liu ting anh</title> </head> <body bgcolor=#A8D7D5 text=black link= blue vlink=#FF9900 <h3> Ti liu ting anh&nbsp; <img src="CKVPTiengAnh.jpg" align=middle> </h3> <hr color =#FF6666 size=3 align=left width=300> > Gii thch Cho php nh dng thuc tnh trong thn trang <BODY> Bgcolor: trang web Background :a ch nh nn trang web Text; mu ch ca trang black) Link: mu ca siu lin kt (xanh Blue) cha m Vlink: mu ca siu lin kt xem (tm purple) va mi m Ngoi ra: (alink : mu ca siu web (enweb c mu th cc nn Kt qu

thuc tnh sau:

Chuyn web 1- Bin son: Hong Th Thy

14

TRNG C NGH DCH V HNG KHNG

KHOA CNG NGH THNG TIN

<p> y l cun sch hay bn c th rn luyn vn ting anh ca mnh <br> t n gin n phc tp cun sch bao gm cc ni dung sau...</p> <p> &nbsp;&nbsp; <a href="VD03.htm"> <tt > xem tip...</tt> </p></a> </html> VD2: <body background="file:///E:/Picture/Anh nen/bg_default.jpg"> </body> 4.5. Th nh dng khi vn bn HTML <Hx>. </Hx>- Trong x c gi tr t 1 n 6 VD : <H1> chao ban </H1> <H2> chao ban </H2> <H3> chao ban </H3> <H4> chao ban </H4> <H5> chao ban </H5>

lin kt tng m)

Gii thch To tiu cho on vn bn

Kt qu

Chao ban
Chao ban
Chao ban

Chao ban
Chao ban

Chuyn web 1- Bin son: Hong Th Thy

15

TRNG C NGH DCH V HNG KHNG

KHOA CNG NGH THNG TIN

<H6>chao ban </H6> <P [align= <GT1>]>.</P> Ch : C th khng cn s dng th </P> - Vic bt u mt on s kt thc mt on trc VD: <p align=center> Xin cho </p> <p align=right> Xin cho </p> <p align=left> Xin cho </p> <p align=justify> Xin cho </p> 4.6 Chn nh vo trang web HTML <IMG SRC = ng dn n nh Border = Chiu rng ng vin Alt = on ch thch hnh nh algin= v tr nh width = rng nh Height = chiu cao nh> kt thc v khng c ni dung VD1 <img src= C:/Users/thuy/Documents/My Web Sites/images/Photoshop7.jpg> Gii thch Cho php chn hnh nh vo vn bn v c cc thuc tnh sau: Src: ng dn n nh Border: ng vin nh Height: chiu cao nh Alt:ch thch nh Align: v tr nh(Top, Bottom, Left, Right) nh dng on vn bn C mt thuc tnh Align cho php cn l vi cc kiu cn l sau: Left: cn tri Center:Cn gia Right:Cn phi Justify: Cn u hai bn

Chao ban

Xin cho Xin cho Xin cho Xin cho

Kt qu

Ch chn hinh

- L th ch c th bt u khng c th Width: rng nh

Chn hnh v c thuc tnh border

Chuyn web 1- Bin son: Hong Th Thy

16

TRNG C NGH DCH V HNG KHNG

KHOA CNG NGH THNG TIN

VD2: <img src= "file:///C:/Users/thuy/Documents/My Web Sites/images/Photoshop7.jpg" border=2> VD3: <img src= "file:///C:/Users/thuy/Documents/My Web Sites/images/Photoshop7.jpg" border=2 alt = "sch hay y" 4.7. Th nh ng ng k HTML <HR align= cn l size = rng ng k width= di ng k Color = m mu hoc tn mu noshade > - L th ch c th bt u khng c th kt thc v khng c ni dung VD: <HR size=10 width =100 color = #CC3300 > <HR size=10 noshade> <HR> 4.8 . a video vo trang web HTML Gii thch ng k ngang Kt qu c Chn hnh c c thuc tnh border v thuc tnh alt

dng nh mt trang web thnh nhng phn c tinh logic v d nhn. Th< HR> c cc thuc tnh sau: Align: cn l Size: rng ng k Width: di ng k Color : mu ng k Noshade: ko c bng

Gii thch

Kt qu 17

Chuyn web 1- Bin son: Hong Th Thy

TRNG C NGH DCH V HNG KHNG

KHOA CNG NGH THNG TIN

<EMBED src = ng dn n file video loop = s ln lp width = rng height = chiu cao autostart = true/ false> Nu Loop = true th bn video s chy mt ln ri dng, cn vi s ln nht nh th thay true =1,2,

Chn video vo trang web trong th EMBED c cc thuc tnh Src: Loop: Autostart: Wisth:

Height: C2: a video vo trang web ging nh bc nh ( ch ng vi IE) HTML <IMG dynsrc = ng dn n file video > Gii thch Chn video vo trang web trong th IMG c cc thuc tnh dynsrc: Kt qu

4.9.Cun vn bn To mt vn bn cun ngang mn hnh bng cch s dng th MARQUEE HTML <MARQUEE To Gii thch hiu ng kiu ch Kt qu

Chuyn web 1- Bin son: Hong Th Thy

18

TRNG C NGH DCH V HNG KHNG

KHOA CNG NGH THNG TIN

behavior = kiu cun bgcolor = mu nn direction= hng cun loop = s ln cun width/height= chiu rng, cao ca khung ch nht cho vn bn cun trong scrollamount: tc cun s cng ln cng nhanh, s nh tc chm </MARQUEE>

cun trong mn hnh -Behavior: c cc kiu cun alternate| Scroll| Slide (trt khi trm bin, khng ngng, lt qua) -Bgcolor: mu nn (ch nh mu theo m hoc tn) - Direction: c cc kiu hng cun sau: Left| Right| Up | Down - Loop: s ln cun nu cun v hn th gi tr chiu ca loop = -1 Wdith/height: rng cao khung ch nht cho vn bn cun

Chuyn web 1- Bin son: Hong Th Thy

19

TRNG C NGH DCH V HNG KHNG

KHOA CNG NGH THNG TIN

4.10. Th nh dng kiu danh sch C cc dng th nh dng kiu danh sch nh sau Danh sch khng sp xp <UL> Danh sch c sp xp <OL> Danh sch khng sp xp <UL> C php <UL type = disc /square/circle > <LI> mc th 1 <LI> mc th 2 </UL> Trong type:

Kt qu mc th 1 mc th 2

square: biu tng hnh vung disc: hnh a circle: hnh trn

Danh sch c sp xp (OL) C php <OL type = 1/a/i start = ch s bt u > <LI> mc th 1 <LI> mc th 2 </OL> Trong mc type: - 1: biu tng hnh vung(1,2,3) - a.: hnh a (a,b,c ) Kt qu 1. mc th 1 2. mc th 2

Chuyn web 1- Bin son: Hong Th Thy

20

TRNG C NGH DCH V HNG KHNG

KHOA CNG NGH THNG TIN

- i: hnh trn (i., ii., iii.) Start: xc nh gi tr khi u cho danh sch 4.11. Th lin kt Siu lin kt Kh nng chnh ca HTML l h tr siu lin kt. Mt siu lin kt hay ni gn ngn l mt lin kt, l s kt ni n mt file khc( ha, m thanh, video ) hoc ngay c n mt phn khc trong cng ti liu. Khi kch vo lin kt ngi dng c a n a ch URL (hay a ch ngun) m chng ta ch r trong lin kt to siu lin kt chng ta cn phi xc nh hai thnh phn:
1. a ch y URL ca ti liu khc hoc ca file c kt ni

2. im nng cung cp cho lin kt. im nng ny c th l mt dng vn bn, thm ch l mt nh. S dng siu lin kt: - Th <A> c s dng xc nh vn bn hay nh no s c s dng siu lin kt trong ti liu HTML. - Thuc tnh HREF ( tham chiu siu vn bn) c dng ch a ch URL ca ti liu hoc file c lin kt. C php chung : <A HREF = a ch lin kt > im nng cung cp lin kt </A>
a. Lin kt mt ti liu khc

C php: <A HREF = URL > im nng cung cp lin kt </A> Trong :

Chuyn web 1- Bin son: Hong Th Thy

21

TRNG C NGH DCH V HNG KHNG

KHOA CNG NGH THNG TIN

- Giao thc: gm c cc loi http: giao thc truyn siu vn bn - fpt: giao thc truyn file . - Host.domain: y l a ch internet ca my ch V d: <Body> Tm kim d liu nhanh chng &nbsp; <a href="http://www.google.com"> Lin kt ti trang google </a> <br> <hr align=justify color=#00FF00 size=2 width=400> Xem thng tin, tin tc hng ngy&nbsp; <a href = " http://dantri.com.vn"> Lin kt ti trang dn tr</a> </Body> Kt qu nhn c :

Khi cc bn nhn vo im nng cung cp thng tin v d t : Lin kt ti trang google th t ng my tnh ca bn s t ng lin kt n trang ww.google.com.vn Chuyn web 1- Bin son: Hong Th Thy 22

TRNG C NGH DCH V HNG KHNG

KHOA CNG NGH THNG TIN

b. Lin kt mt phn trong cng ti liu ( ANCHOR)

Mt anchor c t tn l mt du hiu tham kho Th neo <A> (anchor) c s dng ngi dng c th nhy n nhng phn khc nhau ca mt ti liu. V d, bn c th hin th ni dung ca trang web V d: - Bn c th hin th ni dung trang web nh mt lot cc lin kt. Khi ngi dng kch vo mt ti no th cc chi tit nm mt phn khc ca ti liu c hin th. Kiu lin kt ny gi l Name anchor bi thuc tnh name c s dng to cc lin kt ny to c siu lin kt n mt phn trong cng mt ti liu yu cu phi c 2 phn - Mt anchor c t tn - To siu lin kt C php cho vic to Anchor: <A NAME = Tn > T lin kt</A> Vit mt lin kt ti mt Anchor: Khi mun to c siu lin kt vn bn ti anchor c t tn s dng HTML sau: <A HREF =#Tn > im nng lin kt </A> Du # ch cho web browser ca bn tm trong ti liu HTML mt anchor c t tn xxxxx hay trong v d ca chng. Khi bn chn hay click im nng lin kt n mang phn ca ti liu c cha anchor c t ln nh mn hnh V d <BODY> Chuyn web 1- Bin son: Hong Th Thy 23

TRNG C NGH DCH V HNG KHNG

KHOA CNG NGH THNG TIN

<h3 align=center><b> CNH P QU HNG</b></h3> <a href="#VNH HL"> 1. Vnh H Long </a> <br> <a href="# LT"> 2. lt huyn o </a> <hr width=300 color=#0099CC align=left> <p> <a name="VNH HL" > <b> CNH P VNH H LONG </b></a> <br> Cc o trn vnh H Long ch yu l o vi c hnh thnh cch y trn nm trm triu nm. n giu trong nhng hn o l h thng hang ng v cng phong ph vi mng, nh c quy m, hnh dng, mu sc a ng huyn o.. Mt s hang ng cn cha ng nhng du tch ca ngi tin s H Long l im hp dn ca khch tham quan nh: u G, B Nu, Sng St, Soi Nh, Thin Long, M Cung, Tam Cung . </p> <p> <a name=" LT" > <b> LT </b></a> <br> hT ng bng du khch i bng hai ng ng b n Lt s cm thynh leo theo mt chic thang ln tri xanh v cm nhn nt c o ca thin nhin. Khi bc vo thnh ph, du khch s thy ngay nhng dy i trn, dc thoi, ln sng nhp nh, xung quanh c bao ph bi cc dy ni cao hng v, hng Bc b c dy ni Lang Biang nm nh mu xanh thm, nh cao nht 2165 m nh mt c trng ca Lt. </p> </BODY> Kt qu tr v Chuyn web 1- Bin son: Hong Th Thy 24

TRNG C NGH DCH V HNG KHNG

KHOA CNG NGH THNG TIN

c. Mt phn khc ti liu khc trong cng tp tin c php: <A HREF = ng dn n tp tin > im nng cung cp lin kt </A> C th s dng ng dn tuyt i hoc ng dn tng i lin kt n tp tin Trng hp ng dn tuyt i: ch ra ng dn y t th mc gc n file VD: D:/TH WEB/ w02.html Trng hp ng dn tng i: ch ra v tr lin quan ca file vi file hin ti Nu cng chung th mc TH WEB th trong phn lin kt ta ch cn VD: w02.html l

Chuyn web 1- Bin son: Hong Th Thy

25

TRNG C NGH DCH V HNG KHNG

KHOA CNG NGH THNG TIN

4.11. Bng k t c bit thng gp K t & < > K t trng &quot; &amp; &lt; &gt; &nbsp; &pound; &divide; &oslash; Trong HTML

Chuyn web 1- Bin son: Hong Th Thy

26

TRNG C NGH DCH V HNG KHNG

KHOA CNG NGH THNG TIN

4.12. Th nh dng bng biu Sau y l cc th to bng chnh : <TABLE>.</TABLE> <TR></TR> <TD>..</TD> <CAPITION>..</CAPITION> C php chung nh sau: <TABLE> <CAPITION> TIU BNG BIU </CAPITION> <!-- nh ngha mt dng-- > <TR> <!-- nh ngha trong hng-- > <TD> Ni dung 1 </TD> <TD> Ni dung 1 </TD> </TR> </TABLE>
Mt s thuc tnh c lin quan: Th Table: - border: Xc nh dy ca khung bao quanh bng - bordercolor: Mu ca khung bao quanh, vit di dng du # v 6 ch s HEX tip theo. - cellspacing: Xc nh khong cch gia cc trong bng. - width: Xc nh rng ca bng - Height : Xc nh chiu cao ca bng - background: Xc nh hnh nh s c s dng lm nn cho ton bng - bgcolor: Xc nh mu nn ca bng, vit theo kiu #XXXXXX (s HEX). Th <td> - width: rng ca - height: Chiu cao ca

nh ngha mt bng biu nh ngha mt hng trong bng nh ngha mt trong hng Tiu bng biu

Chuyn web 1- Bin son: Hong Th Thy

27

TRNG C NGH DCH V HNG KHNG

KHOA CNG NGH THNG TIN

- colspan: Xc nh bao nhiu tnh t s c chp vo lm 1 (trn cng 1 dng) - rowspan: Xc nh bao nhiu tnh t s c chp vo lm 1 (trn cng 1 ct). - background: Xc nh hnh nh s c s dng lm nn cho - bgcolor: Xc nh mu nn , vit theo kiu #XXXXXX (s HEX).

V d 1 : <Table bgcolor=#FFCC99 border=2 bordercolor=#000066 >; <caption> DANH SCH LP</caption> <tr align=left valign=middle> <td width=50 align=center ><b> stt</b> </td> <td width=180 align=center> <b> H ten</b> </td> <td width=600 align=center> <b> qu qun</b> </td> <td width=100 align=center> <b> Ghi ch</b> </td> </tr> <tr> <td> 1</td> <td> L Vit Anh</td> <td> Vit Tr - Ph Th </td> <td> &nbsp; </td> </tr> </Table> Kt qu sau khi hin th:
DANH SCH LP

Chuyn web 1- Bin son: Hong Th Thy

28

TRNG C NGH DCH V HNG KHNG

KHOA CNG NGH THNG TIN

5. S dng mt vi Layout( b tr, hin th) cho trang web

stt 1 H ten L Vit Anh qu qun Vit Tr - Ph Th Ghi ch

Mu 1: Cha banner, logo, thng tin Menu cha cc lin kt Cha ni dung

Bottom( cha cc thng tin a ch)

Code HTML <html> <body> <table border="2" width="96%" bordercolorlight="#008000" bordercolordark="#800000"> <tr> <td colspan="2" height="138">&nbsp;</td> </tr>

Chuyn web 1- Bin son: Hong Th Thy

29

TRNG C NGH DCH V HNG KHNG

KHOA CNG NGH THNG TIN

<tr> <td width="17%" height="962">&nbsp;</td> <td width="79%" height="962">&nbsp;<p>&nbsp;</p> <p>&nbsp;</p> <p>&nbsp;</p> <p>&nbsp;</p> <p>&nbsp;</p> <p>&nbsp;</p> <p>&nbsp;</p> <p>&nbsp;</p> </tr> <tr> <td colspan="2" height="122">&nbsp;</td> </tr> </table> </body> </html>

Chuyn web 1- Bin son: Hong Th Thy

30

TRNG C NGH DCH V HNG KHNG

KHOA CNG NGH THNG TIN

Mu 2:

Code HTML <html> <body> <table border="2" width="100%" bordercolorlight="#FF3399" bordercolordark="#00FF00"> <tr> <td>&nbsp;<p>&nbsp;</p> <p>&nbsp;</td> </tr> <tr> <td>&nbsp; <p>&nbsp;</p> <p>&nbsp;</p> <p>&nbsp;</p> <p>&nbsp;</p> <p>&nbsp;</p> Chuyn web 1- Bin son: Hong Th Thy 31

TRNG C NGH DCH V HNG KHNG

KHOA CNG NGH THNG TIN

<p>&nbsp;</p> <p>&nbsp;</p> </tr> </table> </body> </html> Mu 3:

Code HTML <html> <head> <title>My First Page</title> </head> <BODY BGCOLOR="#FFFFFF" text="#000000"> <TABLE align="center" width="600" height="50" border="1" cellpadding="0" cellspacing="0"> <TR> <TD align="center" width="140" bgcolor="lime">Banner 1 </TD>

Chuyn web 1- Bin son: Hong Th Thy

32

TRNG C NGH DCH V HNG KHNG

KHOA CNG NGH THNG TIN

<TD align="center" width="320" bgcolor="yellow">Banner 2 </TD> <TD align="center" width="140" bgcolor="lime">Banner 3 </TD> </TR> </TABLE> <TABLE align="center" WIDTH="600" HEIGHT="20" cellpadding="0" cellspacing="0" border="1"> <TR bgcolor="#FF00FF"> <TD align="center" HEIGHT="20"><font color="blue" size="1"><b>t Script gi ng nhp:</b></TD> <TD align="center" HEIGHT="20"><font color="blue" size="1"><b>t Script ngy thng nm</b></TD></TR> </TABLE> <TABLE align="center" width="600" cellspacing="0" cellpadding="0"> <TR> <TD align="left" WIDTH="140" VALIGN="TOP"> <TABLE cellpadding="2" cellspacing="2" width="140" border="1" bordercolor="silver"> <TR> <TD BGCOLOR="#FFCC99">Trang Chnh</TD></TR> <TR> <TD BGCOLOR="#FFCC99">Gii thiu</TD></TR> <TR> <TD BGCOLOR="#FFCC99">Tinhc</TD></TR> <TR> <TD BGCOLOR="#FFCC99">m nhc</TD></TR> <TR> <TD BGCOLOR="#FFCC99">Ting Anh</TD></TR> <TR> <TD BGCOLOR="#FFCC99">Kin Thc</TD></TR> </TABLE> </TD> Chuyn web 1- Bin son: Hong Th Thy 33

TRNG C NGH DCH V HNG KHNG

KHOA CNG NGH THNG TIN

<TD BGCOLOR="#99FFFF" VAlign="tOP" width="320" height="100%" align="center"> <br> <CENTER> Welcome to My First HTML Page!<BR> n cho bn n vi TRang Web u tin ca ti! </CENTER> </TD> <TD valign=top BGCOLOR="#FFCC99" WIDTH="140"> <TABLE WIDTH="140" border="1" cellspacing="2" cellpadding="2" bordercolor="#FFFFFF"> <TR> <TD BGCOLOR="#FFCC99" align="right">Truyn di</TD></TR> <TR> <TD BGCOLOR="#FFCC99" align="right">Truyn ngn</TD></TR> <TR> <TD BGCOLOR="#FFCC99" align="right">Truyn ci</TD></TR> <TR> <TD BGCOLOR="#FFCC99" align="right">Th</TD> <TR> <TD BGCOLOR="#FFCC99" align="right">Lin lc</TD></TR> <TR> <TD BGCOLOR="#FFCC99" align="right">ng k </TD></TR> </TABLE> </TABLE> <TABLE ALIGN="CENTER" Border="1" width="600" height="20" cellpadding=0 bgcolor="#8DCFF4"> <TR><TD align="Center"><b>All rights reserved-Copyrighted by Chuyn web 1- Bin son: Hong Th Thy 34

TRNG C NGH DCH V HNG KHNG

KHOA CNG NGH THNG TIN

Me.</TD></TR> </TABLE> </body> Mt s mu thng dng

Mt s trang web s dng cc mu layout

Chuyn web 1- Bin son: Hong Th Thy

35

TRNG C NGH DCH V HNG KHNG

KHOA CNG NGH THNG TIN

Chuyn web 1- Bin son: Hong Th Thy

36

TRNG C NGH DCH V HNG KHNG

KHOA CNG NGH THNG TIN

Chng III: THIT K WEB VI MS FONTPAGE 2003 1. Mn hnh giao din ca MS FP 2003 2. S dng cc th trong MSFP 2003
3. nh dng Font/ paragraph

4. Chn calendar ( lch)

5. Chn photo album

6. Chn nh 7. Chn windown media

Chuyn web 1- Bin son: Hong Th Thy

37

TRNG C NGH DCH V HNG KHNG

KHOA CNG NGH THNG TIN

8.Chn ch chy (Marquee) to c ch chy, hiu ng - Chn Insert/ Web Component xut hin Sau khi kch nt Finish th mt hp thoi Marquee Properties xut hin Trong :
-

Text : dng ch chy Driection: hng chy + Left: tri +Right: phi

Speed: tc + Delay: tr + Amount: s lng

- behavior: dng chuyn ng + scroll + slide + Alternate - font ch(Style) - Mu nn (Background color)

Chuyn web 1- Bin son: Hong Th Thy

38

TRNG C NGH DCH V HNG KHNG

KHOA CNG NGH THNG TIN

9. Chn lin kt ( Hyperlink) Lin kt gip chng ta ni cc trang web n thnh mt website. Mun to cc lin kt trc ht ta phi c cc trang web thit k hon chnh v ch n c tr ng dn ca trang web ny. 7.1. Lin kt cc trang web trong cng ti liu ta c ba trang web : - danhsach.htm( cha tin danh sch cc hc vin) - hocvien1.htm( cha thng tin ca hc vin 1) - hc vin 2. htm ( cha thng tin ca hc vin 2) chng ta thit k trang web danhsach.htm nh sau:

To trang web hocvien1.htm nh sau:

Chuyn web 1- Bin son: Hong Th Thy

39

TRNG C NGH DCH V HNG KHNG

KHOA CNG NGH THNG TIN

Sau khi thit k hai trang ny xong th yu cu t ra th khi ta nhn vo danh sch hc vin 1. Trn Th L th s a ra trang hocvien1.htm a ra ton b thng tin v hc vin Trn Th L Thc hin nh sau: Trong trang web danhsach.htm bn chn n sinh vin cn lin kt n trang web hocvien1.htm
1. Bi en sinh vin 1. Trn Th L

2. Insert/ Hyperlink 3. Hp thoi Hyperlink xut hin

Chuyn web 1- Bin son: Hong Th Thy

40

TRNG C NGH DCH V HNG KHNG

KHOA CNG NGH THNG TIN

Kch chut vo biu tng Browse for file tm kim file cn tm Chn n file cn lin kt sau nhn OK 7.2. Lin kt n trang web khc lin kt n trang web khc V d nh: trang web ca bn mun lin kt n mt trang web khc tm kim nh trang www.google.com.vn Hoc trang tin tc: www.dantri.com.vn hoc www.vnexpress.net Thc hin nh sau: 1. Bi en t lin kt 2. Insert/ Hyperlink 3. Hp thoi Insert Hyperlink xut hin Trong mc : Address : g a ch trang web cn lin kt n sau nhn OK

Chuyn web 1- Bin son: Hong Th Thy

41

TRNG C NGH DCH V HNG KHNG

KHOA CNG NGH THNG TIN

7.3. Lin kt n phn khc trong cng ti liu( lin kt anchor) To cc Bookmark - Bookmark: l cc im nh du ca mt on - c dng to cc im n ca cc lin kt trong V d ta c trang web nh sau:

Chuyn web 1- Bin son: Hong Th Thy

42

TRNG C NGH DCH V HNG KHNG

KHOA CNG NGH THNG TIN

Yu cu: Khi ta bm vo nhng mc trn nh nii dung hc th tng ng nhng phn l nhng phn trong ni dung chi tit

Chuyn web 1- Bin son: Hong Th Thy

43

TRNG C NGH DCH V HNG KHNG

KHOA CNG NGH THNG TIN

Nh khi ta bm vo dy mng trn th s chuyn n phn dy mng trong ni dung chi tit - khi bm vo u bm RJ45 th chuyn sang phn ni dung chi tit ca u bm RJ45 - Thc hin : + chn cc k t lm tiu ca on nh a. Dy mng C/y: nh phi chn trong phn ni dung chi tit + Insert/ Bookmark. + Hp thoi Bookmark xut hin

Sau nhn OK 1. Insert/ Hyperlink

Chuyn web 1- Bin son: Hong Th Thy

44

TRNG C NGH DCH V HNG KHNG

KHOA CNG NGH THNG TIN

Hp thoi Insert hyperlink xut hin

Chuyn web 1- Bin son: Hong Th Thy

45

TRNG C NGH DCH V HNG KHNG

KHOA CNG NGH THNG TIN

Bn chn n Bookmark

Chn n bookmark tng ng ri nhn OK

Chuyn web 1- Bin son: Hong Th Thy

46

TRNG C NGH DCH V HNG KHNG

KHOA CNG NGH THNG TIN

Chuyn web 1- Bin son: Hong Th Thy

47

TRNG C NGH DCH V HNG KHNG

KHOA CNG NGH THNG TIN

Chuyn web 1- Bin son: Hong Th Thy

48

TRNG C NGH DCH V HNG KHNG

KHOA CNG NGH THNG TIN

Chuyn web 1- Bin son: Hong Th Thy

49

TRNG C NGH DCH V HNG KHNG

KHOA CNG NGH THNG TIN

1. Tng quan v MS Fontpage2003 i a s cc trang web trn internet vit bng ngn ng HTML. Nu chng ta khng tho lm v ngn ng ny, chng ta vn c th to c cc trang web d dng thng qua cc cng c h tr thit k web nh Fontpage, Dream weaver.. Ti liu ny gip chng ta thit k web vi Fontpage 2003
1.1.

M v thot khi FontPgae 2003 Start/ Program/ Microsoft Office/ Microsoft Office Fontpage 2003 - khi ng FontPage File Exit - thot khi FontPage

1.2. Gii thiu mn hnh lm vic

Chuyn web 1- Bin son: Hong Th Thy

50

TRNG C NGH DCH V HNG KHNG

Thanh tiu Thanh Menu

KHOA CNG NGH THNG TIN

Thanh cng c chun

Thanh nh dng Page tab ng trang web hin ti

Task pane

Vng thit k

Ch lm vic

Thanh cun ngang dc

Thanh tiu : cha tn tp tin v tn ng dng Thanh cng c: l thanh cha cc icon( biu tng) thc hin mt chc nng menu Thanh thc n( menu): cha cc thc n lnh Page Tab: Thanh cha cc tp tin ang lm vic dng chn trang lm vic Ch lm vic: c ba ch lm vic: + Design: ch thit k + Code: ch son m lnh

Chuyn web 1- Bin son: Hong Th Thy

51

TRNG C NGH DCH V HNG KHNG

KHOA CNG NGH THNG TIN

+ Split: ch va thit k va vit m lnh + Preview: Ch chy th trang web trong FrontPage 1.3. To mt trang web mi: C1: File/ New C2: click vo biu tng New trn thanh cng c C3: Nhn t hp phm Ctrl + N 1.4. Lu li trang Web - File/ save hp thoi Save as xut hin - Click vo biu tng a mn trn thanh cng c
V tr lu

Tiu trang

t tn trang

2.

nh dng Font ch, Paragraph.. nh dng Font

Cch 1:

Chuyn web 1- Bin son: Hong Th Thy

52

TRNG C NGH DCH V HNG KHNG

KHOA CNG NGH THNG TIN

B1: Cn la chn on vn bn cn nh dng B2: Format/Font ri chn Font cn hin th Cch 2: B1 Nhy chut phi vo vng son tho B2: Mt Dropmenu c tri ra ta chn mc Font

Pragraph: nh dng c on cho vn bn bc tin ta cn la chn on vn cn nh dng ta vo Format/ Paragraph Alignment: quy nh v tr on vn bn trong bao

u bn Sau + ca gm

Chuyn web 1- Bin son: Hong Th Thy

53

TRNG C NGH DCH V HNG KHNG

KHOA CNG NGH THNG TIN

Default, Left, Right, Center, Justify + Identation: Xc nh s tht vo so vi l ca on Text - Before text: tht vo so vi l tri - After text: tht vo so vi l phi - Indent Frist line: dng u tin tht vo + Spacing: Xc nh khong cch gia cc dng
-

Before: khong cch pha trn on text After: khong cch so vi pha di on text Line spacing: khong cch gia cc dng

3. Chn nh, m thanh nh, m thanh trong trang web khng phi c xy dng trong trang m c gi t file nh hay file m thanh t bn ngoi Chn nh Insert/ Picture/ From file ri chn file nh cn chn

Chuyn web 1- Bin son: Hong Th Thy

54

TRNG C NGH DCH V HNG KHNG

KHOA CNG NGH THNG TIN

- Thit lp thuc tnh ca nh: Chn nh cn t thuc tnh, click chut phi chn Picture Properties

Chn m thanh Khi mt trang web xut hin ta mun xut hin mt bn nhc

Chuyn web 1- Bin son: Hong Th Thy

55

TRNG C NGH DCH V HNG KHNG

KHOA CNG NGH THNG TIN

Click chut phi vo trang web chn mc Page Properties. Trong Tab

General Ti mc Background sound nhn vo nt Browse chn file m thanh cn chn.

4. Chn bng

Table/ Insert/ Table. Sau in cc thng s

Nhp s dng
(rows), s ct vo

(columns)
Canh l table (tri, phi, gia)

Thit t rng v cao ca

table

rng v mu ca ng vin Chn mu nn Chn nh nnn Click OK

Chuyn web 1- Bin son: Hong Th Thy

56

TRNG C NGH DCH V HNG KHNG

KHOA CNG NGH THNG TIN

- Size: Rows: s lng hng trong bng Columns: S Lng ct trong bng
-

Layout: Hin th Alignment: v tr bng trong trang ( Default, left, right, center) Border size: dy ca ng vin trong bng Cellpadding: khong cch phn t trong cell n ng vin Cellspacing: khong cch phn t ngoi cell n ng Specify width: rng ca bng

Bn mun sa bng Click chut phi vo bng cn sa chn Table Properties cng c cc tham s nh trn To mu nn cho bng hoc mt Cell Click chut phi vo bng( table properties) hoc Cell (Cell Properties) cn to mu nn Table Properties ti mc Background c 2 la chn Color: chn mu nn cho bng hoc Cell Use background picture: chn mt file nh c sn lm nn

Chuyn web 1- Bin son: Hong Th Thy

57

TRNG C NGH DCH V HNG KHNG

KHOA CNG NGH THNG TIN

Chn thm dng, ct vo bng biu - Thm mt dng mi vo cui bng + click vo cui cng ca bng ( di phi) n phm Tab - Thm mt hoc nhiu dng ti v tr bt k: o Click vo v tr (dng) cn thm
o

Click Table

Insert Rows or Columns

Chuyn web 1- Bin son: Hong Th Thy

58

TRNG C NGH DCH V HNG KHNG

KHOA CNG NGH THNG TIN

Hp thoi Insert Rows or Columns xut hin - Rows : chn thm hng - Columns: chn thm ct - Number of row: s hng cn chn - Location: v tr + Above selection: trn dng c chn +Below selection: di dng c chn

5. Chn dng ch chy(marquee) - Chn dng ch cn chy 6. Chn i tng Calendar Chn Insert/ Web Component xut hin .Hp thoi Insert web Component xut hin Trong mc Component type: chn Advanced Controls Ca s bn phi Choose a control: chn ActiveX Control Sau nhn Next

Chuyn web 1- Bin son: Hong Th Thy

59

TRNG C NGH DCH V HNG KHNG

KHOA CNG NGH THNG TIN

Nhn nt Finish Trn mn hnh xut hin lch( Canlendar)

Chuyn web 1- Bin son: Hong Th Thy 60

TRNG C NGH DCH V HNG KHNG

KHOA CNG NGH THNG TIN

Kch chut phi vo lch v chn ActiveX control properties Mt mn hnh xut hin

Chuyn web 1- Bin son: Hong Th Thy

61

TRNG C NGH DCH V HNG KHNG

KHOA CNG NGH THNG TIN

7. To lin kt(Hyperlink) 8. To trin lm nh ( photo gallery)

to c ni trng by nh ta thc hin nh sau: - Insert/ Picture/ New photo gallery Mt hp thoi xut hin

Chuyn web 1- Bin son: Hong Th Thy

62

TRNG C NGH DCH V HNG KHNG

KHOA CNG NGH THNG TIN

Trong mn hnh Layout hy chn cch hin th Trong mc picture nhn nt add chn nh Sau nhn OK

Chuyn web 1- Bin son: Hong Th Thy

63

TRNG C NGH DCH V HNG KHNG

KHOA CNG NGH THNG TIN

Hoc - Insert/ web componet

Sau chn photo Gallery trong ca s bn phi chn kiu hin th - sau nhn nt Finish 9. Chn Layer Layer l mt i tng cho php ta t vn bn, hnh nh, m thanh vo trong Layer c t v tr bt k trong trang web( ta c th di chuyn chng v tr ty ) - Chn Layer vo trang web click Insert Layers (hoc click vo biu tng Layer ( ) trn thanh cng c

Chuyn web 1- Bin son: Hong Th Thy

64

TRNG C NGH DCH V HNG KHNG

KHOA CNG NGH THNG TIN

Nhp vn bn: Click vo mt v tr trn Layer con nhy xut hin v ta

c th nhp vn bn mt cch bnh thng

Chn cc i tng khc vo Layer: Click vo mt v tr trn Layer

chn cc i tng bnh thng

iu chnh rng v di chuyn Layer: Sau khi chn Layer vo trang

web, layer xut hin nh sau:

Chuyn web 1- Bin son: Hong Th Thy

65

TRNG C NGH DCH V HNG KHNG

KHOA CNG NGH THNG TIN

10. nh dng theme( nh dng mu) gip cc nh thit k tit kim c thi gian Fontpage s dng khi nim theme( hay gi l mu nh dng) Khi s dng theme lm cho hnh thc ca web site thm sng ng v nht qun nh dng theme cho trang web ta lm nh sau: Thc hin nh sau: - menu Format chn Theme Fontpage hin th hp thoi Theme. Ti y bn c th chn Theme ty thch. Mi ln bm chn tn Thm, mi mu s hin ra bn xem c ph hp v ra quyt nh hay khng - Trong phn Apply Theme + Apply as default theme : chn mu nh dng mc nh cho tt c cc trang + Apply to select page(s): chn mu nh ng cho trang c chn

Chuyn web 1- Bin son: Hong Th Thy

66

TRNG C NGH DCH V HNG KHNG

KHOA CNG NGH THNG TIN

11. Chn Window media player, Flash vo web a. S dng Window Media player

Chn Insert Advanced Controls ActiveX control Windows

Media Player Click nt Finish

Cn ch nh File Media c thc hin khi trang web c ti v trnh duyt

Chuyn web 1- Bin son: Hong Th Thy

67

TRNG C NGH DCH V HNG KHNG

KHOA CNG NGH THNG TIN

Kch vo nt Browse tm kim file m thanh, video sau nhn OK b. chn on flash

Chn Insert Picture Movie in flash format

Chuyn web 1- Bin son: Hong Th Thy

68

TRNG C NGH DCH V HNG KHNG

KHOA CNG NGH THNG TIN

11. Nhng java script vo trang web

JavaScript l ngn ng di dng script c th gn vi cc file HTML, Bn c th nhng JavaScript vo mt file HTML nhng c bn phi t on m trong cp th <SCRIPT>...</SCRIPT> Cc th <SCRIPT> c th xut hin trong phn <HEAD> hay <BODY> ca file HTML. Nu t trong phn <HEAD>, n s c ti v sn sng trc khi phn cn li ca vn bn c ti. Thuc tnh duy nht c nh ngha hin thi cho th <SCRIPT> l LANGUAGE= dng xc nh ngn ng script c s dng. C hai gi tr c nh ngha l "JavaScript" v "VBScript". Vi Chng trnh vit bng JavaScript bn s dng c php sau :

Chuyn web 1- Bin son: Hong Th Thy

69

TRNG C NGH DCH V HNG KHNG

KHOA CNG NGH THNG TIN

<SCRIPT LANGUAGE=JavaScript> // INSERT ALL JavaScript HERE </SCRIPT>

Mt vi on m : 1. ng h bay theo chut

<SCRIPT language=JavaScript> //ng h bay theo chut. Su tm: http://you.good.to dCol='red';//mu ngy. fCol='#3333ff';//mu mt. sCol='Red';//mu kim giy. mCol='#0033ff';//mu kim pht. hCol='Black';//mu kim gi. ClockHeight=50; //chiu cao ng h ClockWidth=40; // chiu rng ng h ClockFromMouseY=0; ClockFromMouseX=100; //Alter nothing below! Alignments will be lost!

Chuyn web 1- Bin son: Hong Th Thy

70

TRNG C NGH DCH V HNG KHNG

KHOA CNG NGH THNG TIN

d=new Array("CH NHT","TH HAI","TH BA","TH T","TH NM","TH SU","TH BY"); m=new Array( "THNG MT","THNG HAI ","THNG BA ","THNG T ","THNG NM ","THNG SU ","THNG BY ","THNG TM ","THNG CHN","THNG MI ","THNG 11 ","THNG 12 "); date=new Date(); day=date.getDate(); year=date.getYear(); if (year < 2000) year=year+1900; TodaysDate=" "+d[date.getDay()]+" "+day+" "+m[date.getMonth()]+" "+year; D=TodaysDate.split(''); H='...'; H=H.split(''); M='....'; M=M.split(''); S='.....'; S=S.split(''); Face='1 2 3 4 5 6 7 8 9 10 11 12';

Chuyn web 1- Bin son: Hong Th Thy

71

TRNG C NGH DCH V HNG KHNG

KHOA CNG NGH THNG TIN

font='Arial'; size=1; speed=0.6; ns=(document.layers); ie=(document.all); Face=Face.split(' '); n=Face.length; a=size*10; ymouse=0; xmouse=0; scrll=0; props="<font face="+font+" size="+size+" color="+fCol+"><B>"; props2="<font face="+font+" size="+size+" color="+dCol+"><B>"; Split=360/n; Dsplit=360/D.length; HandHeight=ClockHeight/4.5 HandWidth=ClockWidth/4.5

Chuyn web 1- Bin son: Hong Th Thy

72

TRNG C NGH DCH V HNG KHNG

KHOA CNG NGH THNG TIN

HandY=-7; HandX=-2.5; scrll=0; step=0.06; currStep=0; y=new Array();x=new Array();Y=new Array();X=new Array(); for (i=0; i < n; i++){y[i]=0;x[i]=0;Y[i]=0;X[i]=0} Dy=new Array();Dx=new Array();DY=new Array();DX=new Array(); for (i=0; i < D.length; i++){Dy[i]=0;Dx[i]=0;DY[i]=0;DX[i]=0} if (ns){ for (i=0; i < D.length; i++) document.write('<layer name="nsDate'+i+'" top=0 left=0 height='+a+' width='+a+'><center>'+props2+D[i]+'</font></center></layer>'); for (i=0; i < n; i++) document.write('<layer name="nsFace'+i+'" top=0 left=0 height='+a+' width='+a+'><center>'+props+Face[i]+'</font></center></layer>'); for (i=0; i < S.length; i++)

Chuyn web 1- Bin son: Hong Th Thy

73

TRNG C NGH DCH V HNG KHNG

KHOA CNG NGH THNG TIN

document.write('<layer name=nsSeconds'+i+' top=0 left=0 width=15 height=15><font face=Arial size=3 color='+sCol+'><center><b>'+S[i] +'</b></center></font></layer>'); for (i=0; i < M.length; i++) document.write('<layer name=nsMinutes'+i+' top=0 left=0 width=15 height=15><font face=Arial size=3 color='+mCol+'><center><b>'+M[i] +'</b></center></font></layer>'); for (i=0; i < H.length; i++) document.write('<layer name=nsHours'+i+' top=0 left=0 width=15 height=15><font face=Arial size=3 color='+hCol+'><center><b>'+H[i] +'</b></center></font></layer>'); } if (ie){ document.write('<div id="Od" style="position:absolute;top:0px;left:0px"><div style="position:relative">'); for (i=0; i < D.length; i++) document.write('<div id="ieDate" style="position:absolute;top:0px;left:0;height:'+a+';width:'+a+';textalign:center">'+props2+D[i]+'</B></font></div>'); document.write('</div></div>');

Chuyn web 1- Bin son: Hong Th Thy

74

TRNG C NGH DCH V HNG KHNG

KHOA CNG NGH THNG TIN

document.write('<div id="Of" style="position:absolute;top:0px;left:0px"><div style="position:relative">'); for (i=0; i < n; i++) document.write('<div id="ieFace" style="position:absolute;top:0px;left:0;height:'+a+';width:'+a+';textalign:center">'+props+Face[i]+'</B></font></div>'); document.write('</div></div>'); document.write('<div id="Oh" style="position:absolute;top:0px;left:0px"><div style="position:relative">'); for (i=0; i < H.length; i++) document.write('<div id="ieHours" style="position:absolute;width:16px;height:16px;font-family:Arial;fontsize:16px;color:'+hCol+';text-align:center;font-weight:bold">'+H[i]+'</div>'); document.write('</div></div>'); document.write('<div id="Om" style="position:absolute;top:0px;left:0px"><div style="position:relative">'); for (i=0; i < M.length; i++) document.write('<div id="ieMinutes" style="position:absolute;width:16px;height:16px;font-family:Arial;fontsize:16px;color:'+mCol+';text-align:center;font-weight:bold">'+M[i]+'</div>'); document.write('</div></div>') Chuyn web 1- Bin son: Hong Th Thy 75

TRNG C NGH DCH V HNG KHNG

KHOA CNG NGH THNG TIN

document.write('<div id="Os" style="position:absolute;top:0px;left:0px"><div style="position:relative">'); for (i=0; i < S.length; i++) document.write('<div id="ieSeconds" style="position:absolute;width:16px;height:16px;font-family:Arial;fontsize:16px;color:'+sCol+';text-align:center;font-weight:bold">'+S[i]+'</div>'); document.write('</div></div>') } (ns)?window.captureEvents(Event.MOUSEMOVE):0; function Mouse(evnt){ ymouse = (ns)?evnt.pageY+ClockFromMouseY(window.pageYOffset):event.y+ClockFromMouseY; xmouse = (ns)?evnt.pageX+ClockFromMouseX:event.x+ClockFromMouseX; } (ns)?window.onMouseMove=Mouse:document.onmousemove=Mouse; function ClockAndAssign(){ time = new Date (); secs = time.getSeconds(); sec = -1.57 + Math.PI * secs/30; Chuyn web 1- Bin son: Hong Th Thy 76

TRNG C NGH DCH V HNG KHNG

KHOA CNG NGH THNG TIN

mins = time.getMinutes(); min = -1.57 + Math.PI * mins/30; hr = time.getHours(); hrs = -1.575 + Math.PI * hr/6+Math.PI*parseInt(time.getMinutes())/360; if (ie){ Od.style.top=window.document.body.scrollTop; Of.style.top=window.document.body.scrollTop; Oh.style.top=window.document.body.scrollTop; Om.style.top=window.document.body.scrollTop; Os.style.top=window.document.body.scrollTop; } for (i=0; i < n; i++){ var F=(ns)?document.layers['nsFace'+i]:ieFace[i].style; F.top=y[i] + ClockHeight*Math.sin(-1.0471 + i*Split*Math.PI/180)+scrll; F.left=x[i] + ClockWidth*Math.cos(-1.0471 + i*Split*Math.PI/180); } for (i=0; i < H.length; i++){

Chuyn web 1- Bin son: Hong Th Thy

77

TRNG C NGH DCH V HNG KHNG

KHOA CNG NGH THNG TIN

var HL=(ns)?document.layers['nsHours'+i]:ieHours[i].style; HL.top=y[i]+HandY+(i*HandHeight)*Math.sin(hrs)+scrll; HL.left=x[i]+HandX+(i*HandWidth)*Math.cos(hrs); } for (i=0; i < M.length; i++){ var ML=(ns)?document.layers['nsMinutes'+i]:ieMinutes[i].style; ML.top=y[i]+HandY+(i*HandHeight)*Math.sin(min)+scrll; ML.left=x[i]+HandX+(i*HandWidth)*Math.cos(min); } for (i=0; i < S.length; i++){ var SL=(ns)?document.layers['nsSeconds'+i]:ieSeconds[i].style; SL.top=y[i]+HandY+(i*HandHeight)*Math.sin(sec)+scrll; SL.left=x[i]+HandX+(i*HandWidth)*Math.cos(sec); } for (i=0; i < D.length; i++){ var DL=(ns)?document.layers['nsDate'+i]:ieDate[i].style; DL.top=Dy[i] + ClockHeight*1.5*Math.sin(currStep+i*Dsplit*Math.PI/180)+scrll;

Chuyn web 1- Bin son: Hong Th Thy

78

TRNG C NGH DCH V HNG KHNG

KHOA CNG NGH THNG TIN

DL.left=Dx[i] + ClockWidth*1.5*Math.cos(currStep+i*Dsplit*Math.PI/180); } currStep-=step; } function Delay(){ scrll=(ns)?window.pageYOffset:0; Dy[0]=Math.round(DY[0]+=((ymouse)-DY[0])*speed); Dx[0]=Math.round(DX[0]+=((xmouse)-DX[0])*speed); for (i=1; i < D.length; i++){ Dy[i]=Math.round(DY[i]+=(Dy[i-1]-DY[i])*speed); Dx[i]=Math.round(DX[i]+=(Dx[i-1]-DX[i])*speed); } y[0]=Math.round(Y[0]+=((ymouse)-Y[0])*speed); x[0]=Math.round(X[0]+=((xmouse)-X[0])*speed); for (i=1; i < n; i++){ y[i]=Math.round(Y[i]+=(y[i-1]-Y[i])*speed); x[i]=Math.round(X[i]+=(x[i-1]-X[i])*speed);

Chuyn web 1- Bin son: Hong Th Thy

79

TRNG C NGH DCH V HNG KHNG

KHOA CNG NGH THNG TIN

} ClockAndAssign(); setTimeout('Delay()',20); } if (ns||ie)window.onload=Delay; </SCRIPT>

Chuyn web 1- Bin son: Hong Th Thy

80

TRNG C NGH DCH V HNG KHNG

KHOA CNG NGH THNG TIN

2. Hiu ng tuyt ri
<SCRIPT language=JavaScript1.2> var no = 5; // Tc tuyt ri var speed = 50; // smaller number moves the snow faster var snowflake = "http://xaydungcauduong.net/anh/sao.gif"; // tn file nh tuyt var ns4up = (document.layers) ? 1 : 0; // browser sniffer var ie4up = (document.all) ? 1 : 0; var dx, xp, yp; // coordinate and position variables

var am, stx, sty; // amplitude and step variables var i, doc_width = 200, doc_height = 800; if (ns4up) { doc_width = self.innerWidth; doc_height = self.innerHeight; } else if (ie4up) { doc_width = document.body.clientWidth; doc_height = document.body.clientHeight; } Chuyn web 1- Bin son: Hong Th Thy 81

TRNG C NGH DCH V HNG KHNG

KHOA CNG NGH THNG TIN

dx = new Array(); xp = new Array(); yp = new Array(); am = new Array(); stx = new Array(); sty = new Array(); for (i = 0; i < no; ++ i) { dx[i] = 0; // set coordinate variables

xp[i] = Math.random()*(doc_width-50); // set position variables yp[i] = Math.random()*doc_height; am[i] = Math.random()*20; // set amplitude variables

stx[i] = 0.02 + Math.random()/10; // set step variables sty[i] = 0.7 + Math.random(); if (ns4up) { if (i == 0) { document.write("<layer name=\"dot"+ i +"\" left=\"15\" "); document.write("top=\"15\" visibility=\"show\"><img src=\""); // set step variables

// set layers

Chuyn web 1- Bin son: Hong Th Thy

82

TRNG C NGH DCH V HNG KHNG

KHOA CNG NGH THNG TIN

document.write(snowflake + "\" border=\"0\"></layer>"); } else { document.write("<layer name=\"dot"+ i +"\" left=\"15\" "); document.write("top=\"15\" visibility=\"show\"><img src=\""); document.write(snowflake + "\" border=\"0\"></layer>"); } } else if (ie4up) { if (i == 0) { document.write("<div id=\"dot"+ i +"\" style=\"POSITION: "); document.write("absolute; Z-INDEX: "+ i +"; VISIBILITY: "); document.write("visible; TOP: 15px; LEFT: 15px;\"><img src=\""); document.write(snowflake + "\" border=\"0\"></div>"); } else { document.write("<div id=\"dot"+ i +"\" style=\"POSITION: "); document.write("absolute; Z-INDEX: "+ i +"; VISIBILITY: "); document.write("visible; TOP: 15px; LEFT: 15px;\"><img src=\""); document.write(snowflake + "\" border=\"0\"></div>");

Chuyn web 1- Bin son: Hong Th Thy

83

TRNG C NGH DCH V HNG KHNG

KHOA CNG NGH THNG TIN

} } } function snowNS() { // Netscape main animation function for (i = 0; i < no; ++ i) { // iterate for every dot yp[i] += sty[i]; if (yp[i] > doc_height-50) { xp[i] = Math.random()*(doc_width-am[i]-30); yp[i] = 0; stx[i] = 0.02 + Math.random()/10; sty[i] = 0.7 + Math.random(); doc_width = self.innerWidth; doc_height = self.innerHeight; } dx[i] += stx[i]; document.layers["dot"+i].top = yp[i]; document.layers["dot"+i].left = xp[i] + am[i]*Math.sin(dx[i]);

Chuyn web 1- Bin son: Hong Th Thy

84

TRNG C NGH DCH V HNG KHNG

KHOA CNG NGH THNG TIN

} setTimeout("snowNS()", speed); } function snowIE() { // IE main animation function for (i = 0; i < no; ++ i) { // iterate for every dot yp[i] += sty[i]; if (yp[i] > doc_height-50) { xp[i] = Math.random()*(doc_width-am[i]-30); yp[i] = 0; stx[i] = 0.02 + Math.random()/10; sty[i] = 0.7 + Math.random(); doc_width = document.body.clientWidth; doc_height = document.body.clientHeight; } dx[i] += stx[i]; document.all["dot"+i].style.pixelTop = yp[i]; document.all["dot"+i].style.pixelLeft = xp[i] + am[i]*Math.sin(dx[i]);

Chuyn web 1- Bin son: Hong Th Thy

85

TRNG C NGH DCH V HNG KHNG

KHOA CNG NGH THNG TIN

} setTimeout("snowIE()", speed); } if (ns4up) { snowNS(); } else if (ie4up) { snowIE(); } // End http://web.good.to--> </SCRIPT>

3.

Chuyn web 1- Bin son: Hong Th Thy

86

TRNG C NGH DCH V HNG KHNG

KHOA CNG NGH THNG TIN

m HTML sau s hin th ni dung ngy thng nm bng ting vit trn trang HTML <script language="" type="text/javascript"> <!-- // Array ofmonth Names <!-- var monthNames = new Array("mt","hai","ba","bn","nm","su","by","tm","chn","mi","m i mt","mi hai"); --> var monthNames = new Array("01","02","03","04","05","06","07","08","09","10","11","12");

var dayNames = new Array("Ch nht,","Th Hai,","Th Ba,","Th t,","Th Nm,","Th Su,","Th By,") var now = new Date(); thisYear = now.getYear(); thisDay = dayNames[now.getDay()]; if(thisYear < 1900) {thisYear += 1900}; // corrections if Y2K display problem

Chuyn web 1- Bin son: Hong Th Thy

87

TRNG C NGH DCH V HNG KHNG

KHOA CNG NGH THNG TIN

document.write("Hm nay : " + thisDay +" "+"ngy"+" "+ now.getDate() + " thng " + monthNames[now.getMonth()] + " nm " + thisYear); // --> </script> on m HTML sau s hin th Lch m dng trn trang HTML <div class="content"> <center><a name="amlich"></a> <script language="JavaScript" src="http://mangvn.org/nukeviet/js/amlich.js" type="text/javascript"></script> <script language="JavaScript">showVietCal();</script> <script language="JavaScript">document.writeln(printSelectedMonth()); </script> </center></div>

Chuyn web 1- Bin son: Hong Th Thy

88

TRNG C NGH DCH V HNG KHNG

KHOA CNG NGH THNG TIN

BI TP THC HNH 01 1. Hy thit k son tho trang web c ni dng v c hin th nh sau: NHT K TRONG T Nht k trong t (nguyn vn ch Hn Ngc trung nht k) l mt tp th ca H Ch Minh, vit t ngy 29 thng 8 nm 1942 n ngy 10 thng 9 nm 1943 trong thi gian ng b chnh quyn Tng Gii Thch bt giam v gii i khp cc nh giam Qung Ty, Trung Quc. Nguyn gc tp th ch l mt quyn s tay nh, ba xanh bc mu, c ghi bn ch "Ngc trung nht k" (tc Nht k trong t) km theo bn cu th v mt hnh v hai nm tay b xch; bn trong gm hn 100 bi th ch Hn v mt s ghi chp. Tp th c nhiu ngi nh gi l mt th hin khc ca con ngi H Ch Minh qua cch nhn l mt nh th. Tc phm Nht k trong t c xut bn nhiu ln, c dch v gii thiu nhiu nc trn th gii, nhiu ln c th hin bng th php ting Vit, Hn, Hn, Nht...

Nghe ting gi go
(Vn Trc, Vn Phng dch) Go em vo gi bao au n, Go gi xong ri, trng ta bng; Sng trn i ngi cng vy, Chuyn web 1- Bin son: Hong Th Thy 89

TRNG C NGH DCH V HNG KHNG

KHOA CNG NGH THNG TIN

Gian nan rn luyn mi thnh cng.

Kt qu tr ra c nh sau:

2. Son tho trang web v thit k trang web vi ni dung sau:

Phi chng " li cho cao hn mm c "?

Trong ting Vit t "cho" thng i i vi t "hi" v t "mi", cch cho hi, cho mi, cho tha mi a phng c mt phong tc khc, li cn l thuc vo i tng c cho v phong cch ngi cho. i vi cc c gi, khm nm knh cn ng li "bm c " th c c cm tnh ngay nhng i vi ngi lp trung nin tn tin m lm nh vy th ngi ta tng ch giu "i qua nghing nn khng cho" khng phi v ght nhau h hng vi nhau m Chuyn web 1- Bin son: Hong Th Thy 90

TRNG C NGH DCH V HNG KHNG

KHOA CNG NGH THNG TIN

v qu yu nhau bng li ni m cn bng kho mt n ci, c trng hp mt ni r hn ming.

Cho hi i i vi nhau, hi cho: "ng kho khng?" "ng i u y?" Nhiu khi hi bng qu, hi khng cn tr li, nhng nu khng cho hi th ra iu lnh nht khinh ngi. Cho mi i i vi nhau: Cn phn bit mi thc s hay mi thay li cho. Nc ci! Hnh khch trn hai chic thuyn i dc sng, ngc chiu nhau cng mi nhau n cm li mi thun tu thay li cho ch c ai nhy sang thuyn kia m n u! li cho c thc s cao hn mm c khng. C khi khng c mm c, ch cho xung, e khng n, nhng qu thc, mm cao c y m li cho nht nho, khinh khi, kiu k th mm c cng b i. Li cho biu hin phong cch con ngi, biu hin n np ca gia nh, thun phong m tc ca i phng v ca c dn tc ta. Song, mi ni mt khc, mi thi mt khc. Ngy xa cho bng cch vi ly; ngy nay cho bng cch bt tay. Chng ti s tr li vn ny trong cu hi "Ai vi ly ai".

Chuyn web 1- Bin son: Hong Th Thy

91

TRNG C NGH DCH V HNG KHNG

KHOA CNG NGH THNG TIN

BI TP THC HNH 02 1.Son tho trang web v thit k trang web vi ni dung sau:

SONY
Sony Electronic Asis Pacific Pte. Ltd. ( Singapore) Trn trng knh mi Cc i pht thnh Truyn hnh, Hng phim, C quan v Cng ty quan tm n lnh vc thit b chuyn dng tham d

TRIN LM SONY CHUYN DNG e EXPO 2005

Ti y SONY trng by h thng sn xut chng trnh, dng phm, to k xo trong lnh vc pht thanh truyn hnh v cc thit b, gii php ng dng phc v trong gio dc, y t, an ninh qun s, sn xut, kinh donh hin i nht ca tp on: PHT THANH TRUYN HNH, IN NH 1. Thit b trng quay 2. H thng sn xut chng trnh DVCAM, Mobile Station.. 3. Camera khng dy 4. H thng Switer, to k thut o 5. H thng dng phi tuyn XPRI CC GII PHP NG DNG C gii php quan st an ninh qua mng cng cc thit b ph tr My chiu kt ni mnh c dy & khng dy cng cc thit b ph tr

Chuyn web 1- Bin son: Hong Th Thy

92

TRNG C NGH DCH V HNG KHNG

KHOA CNG NGH THNG TIN

H thng hi tho truyn hnh a im qua mng Gii php lu tr ni mng

Kt qu tr v

2. Thit k trang web vi ni dung nh sau:

A DANH DU LCH
Cha Long Tin

Chuyn web 1- Bin son: Hong Th Thy

93

TRNG C NGH DCH V HNG KHNG

KHOA CNG NGH THNG TIN

V tr:Cha to lc ti ph Long Tin, di chn ni Bi Th, Tp. H Long, tnh Qung Ninh. c im:y l ngi cha ln nht, l di tch lch s danh thng ni ting Tp. H Long. Cm di tch ni Bi Th V tr: Ni Bi Th trung tm Tp. H Long, tnh Qung Ninh. c im: y l mt di tch c gi tr vn ho lch s quan trng. Ni y cn lu gi nhiu bi th khc trn ca mt s v vua i kinh l, cm hng trc v p thn tin ca Vnh H Long lm th. ng Tam Cung V tr: ng nm trung tm vnh H Long, cch ng Sng St 5km v hng ng bc. c im: ng c 3 ngn, lun lch qua tng khe , nhiu nh c hnh ngi, hoa v cc con vt rt p, sng ng Hn Bt V tr: Nm gn o Ct B, trn ng ti hn Ba Tri o, thuc vnh H Long. c im: Nh mt cy bt khng l trn mt bin.

Kt qu tr v:

Chuyn web 1- Bin son: Hong Th Thy

94

TRNG C NGH DCH V HNG KHNG

KHOA CNG NGH THNG TIN

3. Thit k trang web c nhn a ra cc thng tin c nhn ca bn trn trang web

Chuyn web 1- Bin son: Hong Th Thy

95

TRNG C NGH DCH V HNG KHNG

KHOA CNG NGH THNG TIN

BI TP THC HNH 03
CNH P QU HNG 1. Thit k trang web nh sau: DANH SCH CC CA KHC MP3 VIDEO CA NHC I. Danh sch ca khc 1. By sc cu vng.mp3 2. 5:00 PM.mp3 3. Chm tay vo iu c.mp3 4. Trang giy trng. mp3 5. 1000 li yu.mp3 6. Em l mt na i anh.mp3 II. Danh sch Video ca nhc 1. Th m li hay. Dat 2. Em l mt na i anh.Dat 3. 5:00 PM.dat Sau khi c danh sch cc bi ht khi kch vo bi ht no th thc hin bi ht tc windows media hin th ra. 2. Thit k trang web c s dng lin kt anchor 1. Vnh H Long 2. lt huyn o CNH P VNH H LONG <br> Cc o trn vnh H Long ch yu l o vi c hnh thnh cch y trn nm trm triu nm. n giu trong nhng hn o l h thng hang ng v cng phong ph vi mng, nh c quy m, hnh dng, mu sc a ng huyn o.. Mt s hang ng cn cha ng nhng du tch ca ngi tin s H Long l Chuyn web 1- Bin son: Hong Th Thy 96

TRNG C NGH DCH V HNG KHNG

KHOA CNG NGH THNG TIN

im hp dn ca khch tham quan nh: u G, B Nu, Sng St, Soi Nh, Thin Long, M Cung, Tam Cung . LT <br> hT ng bng du khch i bng hai ng ng b n Lt s cm thynh leo theo mt chic thang ln tri xanh v cm nhn nt c o ca thin nhin. Khi bc vo thnh ph, du khch s thy ngay nhng dy i trn, dc thoi, ln sng nhp nh, xung quanh c bao ph bi cc dy ni cao hng v, hng Bc b c dy ni Lang Biang nm nh mu xanh thm, nh cao nht 2165 m nh mt c trng ca Lt. Kt qu tr v

1. S dng th lin kt lin kt n cc trang khc trong cng ti liu - Thit k trang 1 vi ni dung nh sau DANH LAM THNG CNH LO CAI

Chuyn web 1- Bin son: Hong Th Thy

97

TRNG C NGH DCH V HNG KHNG

KHOA CNG NGH THNG TIN

Din tch: 6.357 km Dn s: 565.700 ngi (nm 2004) Tnh l: Thnh ph Lo Cai Cc huyn: Mng Khng, Bt Xt, Bc H, Bo Thng, Sa Pa, Bo Yn, Vn Bn, Si Ma Cai. Dn tc: Vit (Kinh), HMmng, Ty, Dao, Thi... Ni y c rt nhiu khu du lch ni ting v mang m tnh vn ha vit nh: 1. Ch phin Bc H 2. Ni hm rng

Sau khi thit k c nh trn ta thit k trang2. sao cho dng lnh lin kt sao cho nhn vo t 1. Ch phin Bc H th ra trang 2

Trang 2 c ni dung sau:

Ch phin Bc H V tr: Thuc huyn Bc H, tnh Lo Cai, cch thnh ph Lo Cai khong 60km. c im: Bc H l ch phin thuc loi ln nht vng cao bin gii. Chuyn web 1- Bin son: Hong Th Thy 98

TRNG C NGH DCH V HNG KHNG

KHOA CNG NGH THNG TIN

Trn dng i, du khch s gp ni cao, vc su v nhng tha rung bc thang. Khch du lch nhiu khi phi dng xe thu vi nhng cnh p thin nhin hng v vo ng knh v s gp tng nhm ngi dn tc ci ni ru rt dt nga th hng mang n ch bn. kp phin ch, h phi i t rt sm thm ch c nhng ngi i t ngy hm trc n tra hm sau mi n c ch. Trc y, ch Bc H hp trn mt qu i thoai thoi, sau ny ch c xy mi trn nn b tng v c chia ra tng khu vc bn hng nn phn no mt i v p nguyn s. Ch Bc H l ni by bn mi sn vt ca vng cao, nhng vt dng cn thit cho ngi dn tc: cy, cuc, xng, dao cc loi rau, hoa qu, mt ong. Nhng thu ht ph n dn tc v khch du lch nhiu nht chnh l khu bn cc trang sc, vy, o, vi th cm v c nhng chic gi bng my duyn dng. Ti y, bn c th ty la chn nhng sn phm th cm, hoa mt vi nhng sc mu rc r ca vy o cc thiu n dn tc Mng, Dao . Khch du lch nc ngoi thng trm tr trc nhng bc tranh c dt th cng vi nhng ha tit sinh ng, mu sc hi ha v p mt. i vi n ng vng cao th ch cng l ni mt tun h c th gp g cng ung ru bn cho thng c. Thng c khng lc no vi trong cho cng nh ru khng lc no cn trong bnh. Ru c sn ca ngi Mng bn Ph, c nhiu ngi bit n bi nng v v gt rt c trng. Khu bn nga l ni thu ht nhiu n ng nht, h n t cc bn lng xa xi, thm ch c nhng ngi t cc tnh Bc Giang, H Ty... cng ln y bun nga v xui. Trong ting n o mua bn, nghe u ting khn v ting ht lc trm lc bng ca cc chng trai tr nh mi gi cc c gi. Khch du lch n Bc H, nht l khch

Chuyn web 1- Bin son: Hong Th Thy

99

TRNG C NGH DCH V HNG KHNG

KHOA CNG NGH THNG TIN

nc ngoi, rt thch th vi nhng khm ph mi v cuc sng, phong tc ca ngi dn ni y. Trong xu hng b thng mi ha cc ch vng cao hin nay th Bc H l mt trong nhng ni him hoi cn gi c bn sc dn tc, nt ring c o ca cc phin ch xa. n Bc H, bn s khng gp cnh mi cho cho ko mua hng, m ch thy nhng gng mt thun phc trong b qun o dn tc sc s, h n ch ngoi mc ch mua bn cn l vui vi ch, vui vi khch i ch. Chiu n, ch bt u vn khch; ngi n ng say ru ngi ngt ngng trn lng nga, ngi ph n dt nga v bn l mt hnh nh ng li trong tm tr du khch.

Trang 3 c ni dung nh sau:

Ni Hm Rng V tr: Ni Hm Rng nm trong dy Hong Lin Sn hng v, thuc huyn Sa Pa, tnh Lo Cai, cch thnh ph Lo Cai 33km. c im: Ni Hm Rng l mm vn cao ta u rng.

Theo tng truyn, tha hng hoang, c i rng ang mi m qun qut bn nhau trong khi cn hng thu ang o t dng sng m vn khng hay. n khi chong tnh, ht hong ri nhau, ri quy mnh ln, nhng khng kp. Tc th mi con ri ra mt ni. n by gi rng nng tuy ho , nhng bn nng sinh tn cn mnh lit vn c ngc nhn theo rng chng bn pha Hong Lin pha ty. Chuyn web 1- Bin son: Hong Th Thy 100

TRNG C NGH DCH V HNG KHNG

KHOA CNG NGH THNG TIN

Ni Hm Rng c giao cho cng ty x s tn to v qun l. Du khch hy chng tay ln u gi hoc chng cy gy trc leo tng bc, ch mt lt thi l ti vn lan trm hnh vn sc. Lin tip, trc mt l mt bnh nguyn thu nh rc mu hoa o, hoa c gia tit xun. i na l rng vi cm gic nh lc vo ni bng lai tin cnh, m ngi xa kho tng tng l nhng mng vut, lng vy ca rng. Trong ci hc ni vch kia nh ang n nu iu g b n, bt cht hin ra qua tng ca mi ngi. Ln theo vch l ng ln cng tri mt v hai, bn s ng trn mm ngt ngy trong cm gic bay ln m tho mt nhn xung ton cnh thnh ph trong sng. Ni y tri t gp g, kia l chng my khng giu gic mng vi nng , di nh sng m o lung linh. Ti y khng nhng c tn hng cnh sc ca t tri, m cn thng thc khng kh trong lnh ca kh tri Sa Pa. Th l bao u t, phin mun trong lng bng tan bin. Ngc ln, s thy nng rng nh cn hi tic iu g cha hon tt ca mt thi sung sc. Du khch mun tho tr t m xin hy leo ln m th thm to nh vi con rng . Ai n Sa Pa, khng th khng leo ni Hm Rng m tr chuyn vi , vi c cy, gi hoang v my tri tng thm ngh lc cho ngy mai li tip tc nhng cuc hnh trnh mi y th v.

BI THC HNH 04
1. Hy thit k trang web c ni dung nh sau s dng cc th hc v th BODY

Chuyn web 1- Bin son: Hong Th Thy 101

TRNG C NGH DCH V HNG KHNG

KHOA CNG NGH THNG TIN

2. S dng th TABLE, TR, TD to trang web sau

Chuyn web 1- Bin son: Hong Th Thy 102

TRNG C NGH DCH V HNG KHNG

KHOA CNG NGH THNG TIN

V bng

Chuyn web 1- Bin son: Hong Th Thy 103

TRNG C NGH DCH V HNG KHNG

KHOA CNG NGH THNG TIN

3. Thit k bng sau

Th Hai
Tit 1 Tit 2

Th Ba

Th T
Ra chi

Th Nm

Th Su

Th By

Tit 3 Tit 4 Tit 5

Chuyn web 1- Bin son: Hong Th Thy 104

TRNG C NGH DCH V HNG KHNG

KHOA CNG NGH THNG TIN

BI THC HNH 05 1. S dng th Table v cc th tng ng to ra cc Layout sau: Layout 1

menu menu menu menu menu

Banner Marquee Ni dung trang

Bottom Layout 2

Chuyn web 1- Bin son: Hong Th Thy 105

TRNG C NGH DCH V HNG KHNG

KHOA CNG NGH THNG TIN

Logo

Banner

Menu nh, qung co

Menu

Menu Ni dung trang web

Menu nh, quang co

Bottom V d

Chuyn web 1- Bin son: Hong Th Thy 106

TRNG C NGH DCH V HNG KHNG

KHOA CNG NGH THNG TIN

BI KIM TRA Thit k trang web du lch v c nhn, trong du lch a ra 3 a im du lch c trng ca tng vng min BI THC HNH 06
1. Hy khi ng v thot khi MS Fontpage bng nhiu cch khc nhau

2. M mi 1 trang MS Font page 3. Lu trang MS vo D:/BTWEB 4. Thit k trang web v lu li tp tin vi tn giayxinphep.htm
CNG HO X HI CH NGHA VIT NAM c lp - T do - Hnh phc ---------------

N XIN NHP HC
Knh gi: ng Hiu trng trng THPT Hu Ngh

Chuyn web 1- Bin son: Hong Th Thy 107

TRNG C NGH DCH V HNG KHNG

KHOA CNG NGH THNG TIN

Tn ti l: Nguyn Vn Hng c con l Nguyn Vn Dng nguyn l sinh vin trng THPT on Kt. Chu Dng va qua kt thc k I vi hnh kim tt v c xp loi hc lc Kh. Ti lm n ny knh xin ng Hiu Trng cho php con ti c tip tc vo hc lp 10 trng THPT Hu Ngh do gia nh ti mi chuyn v a bn gn trng. Xin trn trng cm n./. H Ni, ngy thng nm 2009

Knh n Nguyn Vn Hng

5.To tp tin v lu li vi tn canhdep.htm CNH P QU HNG

Vnh H Long

Cc o trn vnh H Long ch yu l o vi c hnh thnh cch y trn nm trm triu nm. n giu trong nhng hn o l h thng hang ng v cng pho ph vi mng, nh c quy m, hnh dng, mu sc a ng huyn o.. Mt s hang ng cn cha ng nhng du tch ca ngi tin s H Long l im hp dn ca khch tham quan nh: u G, B Nu, Sng St, Soi Nh, Thin Long, M Cung, Tam Cung .. Lt

Chuyn web 1- Bin son: Hong Th Thy 108

TRNG C NGH DCH V HNG KHNG

KHOA CNG NGH THNG TIN

T ng bng du khch i bng hai ng ng b n Lt s cm thy nh leo theo mt chic thang ln tri xanh v cm nhn nt c o ca thin nhin. Khi bc vo thnh ph, du khch s thy ngay nhng dy i trn, dc thoi, ln sng nhp nh, xung quanh c bao ph bi cc dy ni cao hng v, hng Bc b c dy ni Lang Biang nm nh mu xanh thm, nh cao nht 2165 m nh mt c trng ca Lt. BI THC HNH 07 1.To trang web c ni dung sau v lu li baitho.htm: I DP
Bi th u anh vit tng cho em L bi th anh k v i dp Khi ni nh trong lng da dit Nhng vt tm thng cng vit c thnh th Hai chic dp kia gp g t bao gi C yu nhau u m chng ri na bc Cng gnh vc nhng no ng xui ngc Ln thm nhung xung ct bi cng nhau Cng bc, cng mn, khng k thp ngi cao Cng chia s sc ngi i ch p. Du vinh nhc khng i cng k khc

Chuyn web 1- Bin son: Hong Th Thy 109

TRNG C NGH DCH V HNG KHNG

KHOA CNG NGH THNG TIN

S phn chic ny ph thuc chic kia Nu mt ngy mt chic dp mt i Mi thay th u tr nn khp khing Ging nhau lm nhng ngi i s bit Hai chic ny chng phi mt i u Cng nh mnh trong nhng lc vng nhau Bc ht hng c nghing v mt pha Du bn cnh c nhiu ngi thay th Nhng trong lng ni nh c chnh vnh i dp v tri khng kht bc song hnh Chng ha hn m khng h gi di Chng th nguyn m khng h phn bi Li i no cng c mt c i Khng th thiu nhau trn mi bc ng i Du mi chic mt bn phi tri Hai mnh i thm lng bc song song S dng li khi ch cn mt chic Ch cn mt l khng cn g ht Nu khng tm c chic th hai kia.

2. Thit k trang web vi ni dung sau:

TRUYN THUYT TNH YU

Chuyn web 1- Bin son: Hong Th Thy 110

TRNG C NGH DCH V HNG KHNG

KHOA CNG NGH THNG TIN

Theo truyn thuyt ,khi bn tng ngi mnh yu 1000 con hc giy do chnh tay bn gp, bn v ngi y s hnh phc bn nhau. "Hc Giy" . C nhng mn w tht n gin nhng cha ng bit bao chn tnh. Ti bit 1 chng trai gp 1000 con ht giy tng ngi anh yu. Mc d lc anh ch l 1 nhn vin qun trong cng ty, tng lai chng c v g Sng lng nhng h vn lun hnh phc bn nhau. Ri cho n 1 hm ngi yu ca anh ni rng nng fi i Paris, s ko bao gi cn c dp gp li anh na. Nng rt ly lm tic nhng ri ni au ca chng s tr thnh d vng. Hy cho n ng yn trong k c ca mi ngi. Chng trai ng nhng tri tim tan nt. Anh lao vo vic qun c ngy m, cui cng anh thnh lp c cng ty ring ca mnh. N ko ch gip anh vn n nhng iu m trc y v thiu n m ngi yu ri b anh, n cn gip anh xua ui khi tm tr mnh 1 iu g ca nhng thng ngy xa c. 1 ngy ma tm t, trong lc li xe, chng trai tnh c trng thy 1 i v chng gi cng che chung 1 chic i trn h ph. Chic ko sc che cho h gia tri ma gi. Chng trai nhn ngay ra l cha m ca c gi ngy xa. Tnh cm trc y anh dnh cho h dng nh sng li. Anh chy xe cnh i v chng gi vi mong mun h nhn ra anh. Anh mun h thy rng anh by gi ko cn nh ngy xa na, rng anh by gi c th t mnh to dng 1 cng ty ring, c th ngi trong 1 chic xe hi sang trng. i v chng gi c lm li bc chm ri v pha ngha trang. Vi vng, anh bc ra khi xe v ui theo h. V anh gp li ngi yu xa ca mnh, vn vi n ci n ci du dng, m thm nng tng em n cho anh, nh th thi gian ko bao gi lm i thay n ci y, ag du dng nhn anh t bc chn dung trn bia m. Cnh c Chuyn web 1- Bin son: Hong Th Thy 111

TRNG C NGH DCH V HNG KHNG

KHOA CNG NGH THNG TIN

l mn w ca anh, nhng con hc giy ngy no. n lc ny anh mi bit 1 s tht: nng ko h i Paris. Nng mc bnh ung th v ko th wa khi. Nng lun tin rng 1 ngy no anh s lm c nhiu vic, anh s cn tin rt xa trn bc ng cng danh. V nng ko mun l vt cn bc chn anh n tng lai ca mnh. V vy, nng quyt nh xa anh. Nng mong c cha me s t nhng con hc giy ln m nng, 1 ngy no khi s phn a anh n gp nng 1 ln na, anh c th em chng v bu bn

BI THC HNH 08
1. Thit k trang web sau v c ch chy l tn ca bn v lp:

Trong ni dung sau: Trang du lch Bc Ninh

Chuyn web 1- Bin son: Hong Th Thy 112

TRNG C NGH DCH V HNG KHNG

KHOA CNG NGH THNG TIN

Bc Ninh l mt tnh thuc vng ng bng v trung du Bc b. Pha bc gip Bc Giang, pha ng v ng nam gip Hi Dng, pha ty gip H Ni, pha nam gip Hng Yn. Tnh c nhiu sng ln, v vy h thng giao thng ng b, ng st v ng sng u thun li, li nm gip th H Ni nn c nhiu thun li trong vic pht trin kinh t v vn ho. a hnh ch yu l ng bng, c nhiu a danh p ni ting trong th ca: sng Cu, ni Thin Thai... Nhit trung bnh nm khong 24C. Tim nng pht trin kinh t v du lch Theo cc kt qu nghin cu kho c hc th ngi Vit c c tr ti Bc Ninh t my ngn nm trc y. Nhng du vt cn li v th c Luy Lu chng minh rng Bc Ninh tng l mt trong nhng th c, mt trung tm thng mi kh phn thnh ca ngi Vit t th k th 2 ti th k 10. Kinh Bc l vng t o Pht sm thm nhp ngay t nhng th k u cng nguyn. n i nh L, Pht gio t n cc thnh. Nhiu cha, thp c xy dng t Kinh Bc v tr thnh di tch kin trc - vn ho. Bc Ninh l tnh c nhiu di sn vt th v phi vt th thu ht khch thp phng n tham quan, tm hiu. Bc Ninh l mt vng t hi t ca nhiu du tch vn ho v tn gio ln; vng t hnh thnh nhiu huyn thoi i vo tm linh ca c dn ngi Vit; vng t sn sinh ra vng triu L - mt triu i khai m nn vn minh i Vit v pht trin rc r trong sut hn 200 nm. Bc Ninh l ni sinh ra nhiu nhn ti trong lch s t nc nh tm v vua nh L; thi L triu nh c 6 v thng th th 5 ngi qu Bc Ninh; Ng Gia T, mt chin s cng sn kin cng... Bc Ninh cn l vng t t ca nhng ln iu dn ca Quan h c sc, tiu biu cho loi hnh dn ca tr tnh Bc B, mang m bn sc vng min. Quan h Chuyn web 1- Bin son: Hong Th Thy 113

TRNG C NGH DCH V HNG KHNG

KHOA CNG NGH THNG TIN

Bc Ninh ngy nay tr thnh di sn vn ho qu ca Vit Nam. Bc Ninh cn l qu hng ca cha thp, l hi v cc sinh hot vn ho c truyn. Mi l hi u th hin nhng v p, tinh hoa vn ho ca a phng v dn tc l dp n c, tri n nhng anh hng. Bc Ninh ngy nay l mt a phng c nhiu ngnh ngh th cng ni ting c nc: g ng K, tranh ng H, ng i Bi... l cc iu kin cho du lch pht trin. Trn vng t c thm m b dy vn ho, c mi xun v, ngi Kinh Bc li rn rng vui try hi. Giao thng Tnh c ng st Bc Nam v quc l 1A chy xuyn qua. T thnh ph Bc Ninh theo quc l 38 ti Cm Ging (Hi Dng). Thnh ph Bc Ninh cch H Ni hn 30km, Bc Giang 20km, theo quc l 1A. Trang du lch Lt

THC CAM LY

V tr: Thc Cam Ly nm trn dng sui Cm L, cch trung tm thnh ph Lt hn 2km v pha ty.

Chuyn web 1- Bin son: Hong Th Thy 114

TRNG C NGH DCH V HNG KHNG

KHOA CNG NGH THNG TIN

c im: Ngn thc hng v gn vi quang cnh ca cc i thng bao quanh to nn mt thng cnh kh qun trong lng du khch khi ti Lt. Du khch i do ven h Xun Hng cng nghe ting sui chy rc rch. Mt dng sui vo h pha bc, mt dng khc t h chy ra pha nam lun di mt cy cu, gn bn xe. Chn cu l p ngn dng sui li iu ho mc nc h. C hai dng sui u mang tn Cam Ly. Dng chy ra ln v pha ty, khi cch h 2km phi vt qua mt on sui b chn ngang bi nhng tng hoa cng ln, to thnh thc Cam Ly p ni ting ca Lt vi cao khong 30m. Vo ma ma, nc t thng ngun v thc to thnh sng trng c mt vng trng rt th mng. Cng chnh v vy m Cam Ly mt thi tng i vo th ca, nhc ho Hnh nh ca Cam Ly c gii thiu trong tp ch Revue indochine v k c mt s bo ch ca Php trc y. Theo truyn thuyt m cc gi lng y k li th tn Cam Ly c ngun gc t ting KHo. Khi dng Cm L chy ngang qua mt ngi lng ca mt b tc ngi Lt, v t trng ngi K Ho ca tc Lt c tn K Mly nn dn trong vng ly tn ng t cho dng sui nc ca h ghi nh cng lao ca ch lng cai qun bun lng ti p. V lu ngy ngi ta c thnh Cam Ly. Bn cnh , c mt gi thit cho rng Cam Ly xut pht t gc Hn- Vit (cam l ngt v ly l thm vo). C ngha rng Cam Ly l biu tng ca mt dng sui c nc ngt tng lm m say lng khch lng du.Thc Cam Ly trc y cn gn vi mt khu rng thng bn cnh, c mang tn rng i n (boie dramour) nhng ngy nay khu rng y khng cn na. Dng thc thiu nc v ma kh nhng ma ma nc chy cun cun, tng khi nc khng l xung d di.

Chuyn web 1- Bin son: Hong Th Thy 115

TRNG C NGH DCH V HNG KHNG

KHOA CNG NGH THNG TIN

2. Chn i tng Calendar vo trang web

BI THC HNH 09
1. Thit lp trang web gii thiu cc mn n ba t nc ( Vit Nam, Trung

Quc, Hn Quc) 2. Gii thiu chm nh v t con ngi v im du lch ca 03 nc ( Vit Nam, Trung Quc, Hn Quc)

Chuyn web 1- Bin son: Hong Th Thy 116