C bn v Microsoft Frontpage

www.vietphotoshop.com

Chng 1: Lm quen vi mi trng lm vic ca Microsoft Frontpage Khi bn khi ng Microsoft Frontpage bn s c mt giao din gn ging vi giao din ca chng trnh quen thuc l Microsoft Word. V nhng thnh t cng nh tnh nng ca n cng gn ging nh Micrsoft Word vy. Ti s ch ra nhng cng c m ch c trong Microsoft Frontpage, cn nhng cng c quen thuc nh c ch, font ch, cn chnh ... cho php ti b qua. Khi bn khi ng Microsoft Frontpage ci m bn hay dng nht c l l hnh ny

u tin l ch "Normal" n cho php hin th trang web ca bn di dng c th chnh sa c ni dung ca n. ch normal bn c th nhn thy bng ca mnh to, cc kiu cn chnh ... th hai l ch "HTML" khi bn click vo n, n s hin ra nhng on m HTML v xc nh trang web ca bn s c c nh th no bi trnh duyt. Nu bn bit HTML bn c th chnh sa trang web ca bn ngay trong ch HTML. th ba l ch "Preview", khi bn nhp chut vo n, trang ti liu m bn ang son tho s xut hin ging ht khi bn xem n trn trnh duyt bnh thng. ch ny bn khng th chnh sa cng nh thm ni dung vo c. l vn tt nhng g c bn nht m bn cn bit trc khi tip tc nhng phn sau Khi to mt trang web Trang web l mt dng vn bn hay l mt tp hp cc vn bn m bn c th xem c trn WWW (World Wide Web). Mt trang web c th n thun l mt trang hay l mt tp hp cc trang web n l. Trang web n (Web Page) l mt dng vn bn HTML, n ng ring l v c a ch ring. (URL) trn Internet. Trang Web (Website) l mt mt tp hp ca cc trang web n (web page) bao gm file m u v c gi l Trang Ch. T Trang Ch bn c th lt ht ni dung ca trang v qua cc trang web n khc. bt u khi to trang Web ca bn trong Microsoft Frontpage, chng ta s to mt trang ch v y s l ca chnh vo trang web ca bn. Thng th Trang Ch nn c li cho,

C bn v Microsoft Frontpage

www.vietphotoshop.com

gii thiu v trang web v ni dung ca trang v nhng ng link xuyn sut ton b trang. lm quen vi Microsoft Frontpage v cng l bi tp u tin, chng ta s to mt Website v trng hc, do vy trang ch s l mt on gii thiu v trng hc v cc ng link n cc trang khc. V tt nhin sau khi thnh tho, bn c th dng cch ny to trang web cho ring bn vi mc ch ca ring bn. 1. trn thanh cng c bn nhn vo mi tn cnh nt New, s c mt hp thoi hin ra nh hnh di.

2. nt Website, bn chn Empty Web v nhn OK. Danh sch nhng thu mc s xut hin gia View menu v trang web n ca bn.

3. View menu bn nhn nt rng. Nhn vo nt

. Bi v bn cha c ni dung g cho nn Navigation s trng

to Trang Ch

4. Nhp chut phi vo trang bn va to v chn Rename, Sau nh vo ch Trang Ch. y s l ch xut hin trn cng ca trang web 5. thm vo nhng trang ni tip vi Trang Ch, nhp chut vo Trang Ch v nhn nt ln thm 5 trang na. Nhng trang va to s nm di Trang Ch 6. Nhp chut phi vo trang New Page 2 v chn Rename. t tn n l Tutorials 7. Lp li bc 6 vi nhng trang khc v t tn n ln lt l Text Effect, Photo Effect, Web Graphic v Bn Tay en Thm ni dung v thanh di chuyn cho trang web cho khch n thm c th tm thy thng tin trn web ca bn, bn cn thm thanh di chuyn (Navigation). Cch d nht l thm bin dng chung (Shared Borders). Bin dng chung l vng quen thuc trn 1 hoc nhiu trang web khc. Bin dng chung c th l mt vng nm trn cng ca trang, di cui cng, bn tri v c bn phi na. Vi bin dng chung, bn 5

C bn v Microsoft Frontpage

www.vietphotoshop.com

c th d dng thm logo hoc thanh di chuyn vo mt v tr c th trong mt trang web v bn ch phi a ni dung vo mt ln nhng n s xut hin tt c cc trang khc. thm vo bin dng chung bn lm nh sau: 1. T Navigation view, nhp p chut vo Tutorials 2. Trn thanh cng c chn Format v chn Shared Borders 3. Chn All Pages v nh du hp kim Top, Left v Bottom 4. Chn hp kim Include navigation di la chn Left thm ng link n tt c nhng trang khc trong trang web ca bn, sau nhn OK. Bn s thy nhng ng chm chm xut hin, n th hin l bin dng chung. 5. Nhp chut vo vng bin dng chung trn cng. Ch trong s c bi en 6. Trn thanh cng c vo Insert > Page Banner. 7. Chn la chn Picture v xem ch Tutorials c xut hin trong ch khng, sau nhn OK. Dng ch Tutorials s c nhn thy trn bin dng chung trn cng 8. Nhp chut vo bin dng chung bn tri v ch s c bi en 9. Insert trn thanh menu chn Navigation 10. Chn Same level v chn la chn Vertical, Text v nhn OK. Nhng ng lin kt s th hin bin dng chung bn tri. 11. Chn bin dng chung di cng 12. Trn Insert Menu chn Navigation Bar. 13. Chn la chn Top Level v chn Horizontal v Text, nhn OK. mc Trang Ch s xut hin bin dng chung bn di. By gi bn c mt trang web v cng n gin vi nhng ng link n cc trang khc. Bn by gi c th khm ph nhng thnh t khc ca Microsoft Frontpage.

C bn v Microsoft Frontpage

www.vietphotoshop.com

Page View: Khi to v chnh sa nhng trang web n l. Page view cho php bn xem ni dung dng Normal, HTML hoc xem trc trn trnh duyt

Folder View. Cho bn ci nhn tng qut v cu trc ca trang web, ho v cc tp tin trn trang web ca bn

Report View: Cho bn xem trang n, ho v cc tp tin trong trang web. N cn dng thng bo nhng trang load chm, link hng, li, trng thi, thng tin cp nht hoc chnh sa hoc phn loi nhng tp tin khc nhau.

To thanh di chuyn, xem cch trnh by thanh di chuyn ca trang web v hin th mt phn c th no ca trang web lm vic.

Ch th hin Hyperlinks th hin tt c cc lin kt dn n mt trang web t cc rang web khc trong site v hin th cc lin kt di ra t trang web c chn. N cn th hin bng trc gic xem trang no link b hng.

Ch ny hin th mt danh sch nhng vic cn lm v ai s lm, v c th nhanh chng nhn thy tnh trng, miu t v nhng vic u tin lm trc. phn k tip bn s hc su hn vo tng ch th hin v n s gip bn rt nhiu khi bn xy dng mt trang web. Lm vic vi ni dung ch hin th Page

C bn v Microsoft Frontpage

www.vietphotoshop.com

Ni dung tht s ca trang web s xut hin di ch hin th Page. Bn c th thm ni dung, ho, hiu ng v c nhng video clip vo trang ca bn, thm ch bn c th p dng theme v kim tra li chnh t. (ngi Vit khng cn! h h! super!!)

Khm ph ch th hin Page. 1. thanh view bn nhn nt Page. Bn s thy ti liu hin hnh m bn ang lm vic khi nt Normal c chn. Bn c th chnh sa ni dung ca trang trong ch th hin Page tng t nh khi bn dng chng trnh Microsoft Word 2. Trong danh sch cc thu mc (Folder list), nhp chut phi vo Central_high_school_home_page, nhp chut vo vng bn phi ca bin dng chung v g ch g bn thch. Bi en n v t m n ln. Nu bn khng nhn thy Folder list th nhn vo nt ny .

3. Vi vng ch vn c bi en, i font ch thnh Comic Sans Microsoft t menu th xung v i c ch thnh 4 4. Nhp chut vo nt HTML. Bn s thy mt on code HTML ca trang, n xc nh trang web ca bn s c c bi trnh duyt nh th no. 5. Nhp chut vo nt Preview xem trang web ca bn ch xem trc.

C bn v Microsoft Frontpage
T chc li trang web ca bn ch th hin Folder

www.vietphotoshop.com

Folder bao gm cu trc v ni dung ca nhng tp tin v th mc trong trang ca bn. Bn c th to, xoa, copy v di chuyn chng trong ch hin th Folder

Khm ph ch hin th Folder 1. thanh View bn chn nt Folder. Bn s thy nhng th mc trong web site trng hc m chng ta to t trc. Bi v bn cha to nhng trang khc cho nn bn khng c nhiu th mc. 2. trong foler list nhp chut vo Images.htm 3. bn phi, bn s thy ni dung ca th mc Image. Bi v bn cha c ho cho nn th mc ny vn trng. Khi trang web ca bn tr ln ln hn v phc tp hn, bn s thy rt nhiu th mc trong folder lish v chng bao gm nhiu thng tin hn. Nhng th mc trong Microsoft Frontpage bao gm nhng th mc sau: Global.asa: bao gm thng tin v ti liu kt ni trong trang web dng ch yu cho chc nng c s d liu.

C bn v Microsoft Frontpage
Animate.js: bao gm DHTML v nhng hiu ng ng

www.vietphotoshop.com

Fphover.class: bao gm nhng nt hover c pht sinh bi Frontpage

Xem thng tin trang web ca bn ch th hin Reports Tt c nhng trang web u cha mt danh sch cc tp tin trong th mc Project. Danh sch ny cung cp thng tin nh l: tn tp tin, kch thc, loi, bao nhiu ng link, loi link v ngy cp nht thay i.

Khm ph ch hin th Report 1. thanh cng c View nhn nt Report. Mt danh sch ca nhng ch s xut hin bn ct bn tri 2. Nhp chut vo file Recently Added. Mt danh sch nhng tp tin m bn va to s xut hin 3. Nhp vo ch Title phn loi nhng ng link bng tn trang 4. trn thanh menu > View, chn Report > Site Summary quay li vi trang tm tt ca ch hin th Report hoc trn thanh cng c ca Report chn Site Summary t danh sch th xung.

C bn v Microsoft Frontpage

www.vietphotoshop.com

Ch hin th Report nhc nh bn v nhng vn trn trang web. Khi bn tip tc thit k trang ca bn, ch Report tr ln ngy cng quan trng. Bn c th tm nhng ng link hng trn trang web, trang no mt nhiu thi gian load v nhim v no cha hon thnh. Duy tr menu di chuyn bng ch hin th Navigation Ch ny cho bn thy cu trc trang web ca bn. Bn c th to, hin th, v in cu trc ca trang. Nu bn c nhiu hn mt trang bn c th nhn vo du + trang ch m n ra v du - du n.

Khm ph ch hin th Navigation: 1. Chn Navigation 2. Nhp chut chn Central High School Home Page. Bn s thy mc c chn s chuyn thnh mu xanh v nhng ci khc l mu vng. 3. Nhp vo du + v - n hoc hin trang web

C bn v Microsoft Frontpage

www.vietphotoshop.com

4. Nhp v ko trang Alumni Activities v th n xung di trang Calendar of Events. Tt c nhng thay i g bn to y u nh hng n ch hin th Page, cho nn ko Alumni Activities quay li v tr ban u. 5. Trn thanh cng c ca Navigation chn 150% t menu th xung. Bn c th chn mt phn ca trang web hoc dng thanh trt xem phn cn li ca trang. Bn c th chn Size To Fit xem ton b trang web tu thuc vo ln ca n. 6. ch ny bn cng c th nhp p vo mt trang xem n di dng Page view. Qun l nhng ng link trong ch hin th Link Trong ch hin th link, bn c th xem trang web bn tri v bn phi l nhng ng link. Ch ny s th hin bng trc quan ng link gia cc trang, gia cc tp tin v t trang ca bn n cc trang khc trn Internet

Khm ph ch hin th Hyperlinks 1. Chn Hyperlinks 2. danh sch Folder nhp chut vo Central high school home page.html. Bn s thy tt c nhng ng link n hoc t trang web.

C bn v Microsoft Frontpage

www.vietphotoshop.com

3. bn tri chn du + trc file calendar of events.htm. N s m rng ng link n trang ny. Nu mt trang no khng c du + hoc - c ngha rng trang khng c ng link. 4. Nhp vo du - ng n li 5. Nhp chut phi vo file calendar_of_events.htm v chn Move to Center. N s di chuyn file ny ra trung tm ca ch hin th Hyperlinks Qun l cng vic trong ch hn th Task Vi ch ny, bn c th to v theo di danh sch nhng vic cn lm cho trang ca bn. Bn c th to nhim v mi, ch nh n n mt trang c th, v theo di tin trnh ca n. S dng ch ny hin th trng thi cng vic ca trang web trc khi bn pht hnh n. Trc khi bn to v ch nh cng vic, ch ny tm thi trng rng.

Khm ph ch hin th Task 1. Nhp vo nt Task 2. Trn thanh cng c nhp chut vo mi tn cnh ch New v chn Task. Hp thoi Task s xut hin

C bn v Microsoft Frontpage

www.vietphotoshop.com

3. Trong hp thoi Task mi bn g ch Create School Logo 4. V ch nh cho mt ch no phi lm v d ch net_10 chng hn. 5. Di Priority chn Medium 6. Trong hp Description, g Find a school logo image, v nhn OK. Cng vic s xut hin trong ch hin th Task vi mt chm mu , n c ngha rng cng vic vn cha hon thnh. Mu xanh l cng vic xong. B tc Monte Cristo - www.bantayden.com Copyright 2004-2005 bantayden.com, All rights reserved. Ghi r ngun khi bn pht hnh li thng tin t trang ny.