C bn v Microsoft Frontpage

Chng 2: Thit k web

www.vietphotoshop.com

By gi bn t nhiu quen vi Microsoft Frontpage, bn c th bt u thit k website cho mnh. Trong chng ny bn bt u bng vic thit website v trng hc ca bn. Khi bn c bn k hoch nhng vic phi lm, th sau ny cng vic qun l web s d dng hn nhiu. Tt nhin bn c th thit k trang web xong ri quay li sp xp trt t ca tng trang, nhng theo nh cc chuyn gia th c k hoc trc vn tt hn nhiu. Bn cng mun khch n thm trang ca bn c th s dng thanh di chuyn d dng v khng b lc trn trang ca bn. Mt trang web c b cc v cu trc cht ch s gip khch n thm thy d chu hn v s quay li. Hn na thanh di chuyn l mt gch ni gia k hoch v t chc trang web ca bn. to c nhng trang web hay v b ch, bn nn c k hoch v chun b ni dung cng nh loi website m bn s to. Trc ht v quan trng nht bn phi chun b v mt ni dung cho trang ca bn. N c th bao gm thng tin v nhng hot ng ca trng lp, dch v, th thao ... Sau bn hy suy ngh v h thng cc ng lin kt trn trang na. Nhng lin kt ny c th l nhng ng lin kt n cc ti nguyn, thy c gio v nhng trang v gio dc khc. Tip n l bn hy phc tho ra trang ca mnh. V d di y ch cho bn cch to mt website trng hc vi 5 trang. Nhng trang ny l Calendar of Events Departments and Faculty Academic Requirements Alumni Activities Educational Links

Xc ch mc nh ca trang Web Ging nh tt c nhng vic khc, bn u phi bit mc ch m mnh mun lm trc khi bt u. Trong trng hp ny v website ca trng hc, bn c th mun a ln mng nhng s kin ca trng, thng tin im gi, v nhng hnh nh p ca trng vo lp. Hn na khi

C bn v Microsoft Frontpage

www.vietphotoshop.com

bn bit r mc ch khi thit k bn c th chn cch trang tr sao cho hp l hn v hi ho hn. Bn c th thao kho thm phn 10 iu cn ch khi thit k web. FrontPage cho php bn thm mt s lng ln cc theme, fonts, hiu ng ng, hiu ng, m thanh, ho v nhiu hn na. to ra mt trang web c t chc tt, bn nn c tng v nhng g mnh s dng tng v p ca trang web. Mt website c cho l tt bao gm nhng th sau: T chc tt Giu thng tin v cht lng Mch lc v kt dnh gia cc trang Thanh di chuyn r rng, n gin v d hiu Thng tin c cp nht thng xuyn

Trong mt web t chc tt, khch n thm phi bit c mnh ang u v c th n c ni m h mun n. Cng ging nh mt cn nh sp xp c gn gng th ngi trong d chu hn nhiu so vi mt cn nh sp xp ba lua xua! lm c iu ny th trang ca bn cn m bo yu t kt dnh v mch lc. p dng nhng k nng thit k c bn cho trang ca bn s to cho trang ca bn d dng hn di chuyn v cng lm khch n thm thy thch th hn. Cu trc c bn ca mt trang web bao gm phn u, thn v phn cui trang. Phn u: trn cng ca trang v bao gm tn trang, banner, bin dng chung hoc thanh di chuyn cung cp ng lin kt cho ton b trang Phn thn: bao gm ni dung ca trang. N cng c th cha thanh di chuyn, hnh nh, nhc nho, v nhng th khc Phn cui trang: phn cui trang c th bao gm i ch ca bn, bn quyn, thit k bi ai ... Thng th phn u v phn cui ca trang u ging nhau v mt cu trc trn hu ht cc trang web. Cch d nht c cng mt thng tin trn mi trang l dng bin dng chung. Bin dng chung cho php bn to phn u v phn cui ca trang v n s copy t ng nhng thng tin sang mt trang khc trn trang web ca bn. M mt trang web c sn: Nu bn lu li trang Central High School phn trc, by gi bn phi m n ra tip tc nhng vic ang lm d.

C bn v Microsoft Frontpage

www.vietphotoshop.com

Theme trong Microsoft Frontpage bao gm nhng thnh phn thit k hp nht nh l mu sc, fonts, hnh nh, thanh di chuyn v nhng thnh phn khc ca mt trang. Khi bn dng Theme n s to cho trang ca bn thanh di chuyn kh p v bt mt. Sau khi bn thm Theme, bn cng c th chnh sa ni dung ca theme ph hp vi c quan, cu lc b hoc trng ca bn. Thm mt theme: 1. Nhp chut phi vo Central High School home page.html 2. Trn Format chn Theme 3. Trong hp thoi Theme bn chn All Pages 4. Bn chn Straight Edge. Straight Edge l mt theme rt n gin. Nu bn mun tm hiu nhng theme khc th nhp chut vo n v xem trc bn c th thy theme mnh mun. 5. nh du hp kim Active Graphics v Background Image 6. Nhp Ok v theme s c p dng vo trang ca bn. Thm v xo mt trang web. Sau khi bn vch k hoch cho trang web ca mnh, bn bit nhng g s c trong trang web v n s u. Bn lun lun c th xo mt trang sau khi thm n vo. Vi mt bn k hoch c sn bn c th d dng giao mt cng vic c th no cho ai m nhim. Nhng nu bn lm vic mt mnh th vic hoch nh mt k hoch cng quan trng c mt mi trng lm vic gn gng. Thm mt trang web

1. thanh cng c hin th ch bn nhn vo 2. Nhp chut chn trang m bn thm vo. 3. Nhn vo nt thm mt trang

chuyn sang ch hin th Navigation

4. i tn th bn nhy chut phi v chn Rename Xo mt trang

C bn v Microsoft Frontpage

www.vietphotoshop.com

1. thanh cng c hin th bn nhn vo

chuyn n ch hin th Navigation.

2. Chn trang m bn mun xo ri nhn phm Delete T chc v qun l trang web Microsoft Frontpage lm cho cng vic qun l s pht trin ca mt trang web phc tp d hn bao gi ht, n cho php bn d dng di chuyn, giao vic, theo di, cp nht thng tin v qun l nhng ng link hng. Bn c th to mt Task theo di cng vic ang c tin hnh trn trang ca bn. Bn c th giao nhim v cho mt ngi c th hoc cho mt nhm ngi, u tin nhng cng vic quan trng, hoc kt hp nhng cng vic trong mt tp tin hoc ton b trang web. Microsoft Frontpage iu khin trng thi cng vic cho bn. Khi bn lu mt trang c nh km Task trong ch hin th Page, Microsoft Frontpage s hi bn nu bn mun thay i trng thi ca cng vic l hon tt (Completed). Nu bn tr li l No, th Frontpage s thay i trng thi cng vic thnh trong tin trnh (In Progress). Bn cng c th nh du cng vic nh l cng vic hon thnh trong ch hin th Task Di chuyn mt trang trong Web ca bn 1. Nhp vo trang bn mun di chuyn 2. Ko trang n ni bn mun bng cch nhp v gi chut tri ri ko n n v tr mi. Cch to Task 1. Trong ch hin th Page, bn vo trang Department and Faculty 2. trn thanh cng c chun, nhp vo mi tn bn cnh nt New v chn Task. Hp thoi Task s xut hin

C bn v Microsoft Frontpage

www.vietphotoshop.com

3. Trong hp thoi Task, v hp tn Task bn g ch Faculty Extensions. 4. Trong hp Assigned to bn g hoc chn mt tn ai m bn mun giao nhim v. 5. Trong hp Description, bn g ch g vo miu t cng vic phi lm mt cch ngn gn. 6. Trong hp Priority, nhp vo Priority cho task v nhp OK. Giao nhim v cho mt Task Bn c th giao nhim v khi bn to Task. G hoc chn mt tn trong mc Assigned to trong hp thoi Task. Bn cng c th giao nhim v sau khi bn to n. Trong ch hin th Task, nhp chut vo trong ct Assigned to ca task bn mun giao nhim v. Nhp vo ln na v g ch bn mun vo. Khi bn lm th ny n s vit ln tt c nhng vic c to trc n. Nu nhim v c nh du l Completed, bn khng th giao nhim v li c na.

S dng Check-out v Check-in Khi bn cng tc pht trin web vi mt vi ngi bn th lc s c rt nhiu ngi to hoc chnh sa ni dung ca trang web. Khi bn lm vic trong mt nhm, s rt nguy him nu c 2 ngi cng m v sa cha mt trang, v tt nhin sau hu qu s l nhng xung t sau nay gia hai ln chnh sa. Frontpage gip bn ngn nga kh nng ny bng cch thm cp trang l Check-in v Check-out. Khi bn Check-out mt tp tin th ch duy nht bn c th thay i c n. Nhng ngi khc c th m phin bn lu li gn nht xem n, nhng khng th lu li bt c thay i no. iu ny s gip bn khng bao gi phi lo lng mt ngi no li lu ln nhng thay i ca bn trc . Sau khi bn Check-in mt tp tin m bn va chnh sa, mt ngi khc c th Check-out tp tin v chnh sa n. Trc khi bn c th Check-out mt tp tin 1. Trn thanh menu chn Tol v chn Websetting 2. Nhn vo nt Genneral.

C bn v Microsoft Frontpage
3. Chn tip Use Document Check-in v Check-out 4. Nhn Yes khi bn c hi c tip tc khng. Check-out mt tp tin

www.vietphotoshop.com

1. Trong danh sch Folder bt c ch hin th no hoc trong ch hin th Folder, nhp chut phi vo tp tin bn mun check-out 2. Chn Check-out trong menu tt. Nhng file c th Check-out th c mt nt mu xanh cnh n. Nhng file ang c check-out th c mt chm cnh n. Check-in mt tp tin 1. Trong ch hin th Page, nhn vo nt Save 2. Trong danh sch Folder bt c ch hin th no, nhp chut phi vo file bn mun check-in v sau chn Check-in menu tt. Qun l mt web c dung lng ln: qun l tt mt trang web c dung lng ln, c th bn mun kim sot nhng ai c quyn vo nhng phn khc nhau ca trang web. d dng thit lp quyn hn nh xem, sa cha v quyn qun l cho bt c mt phn no ca trang web, Frontpage gii thiu mt kh nng to web trong web, c gi l web ph (subweb). Bn cng c th to mt tp h nhng web ph di nhng web ph khc. Nhng tng web ph ny cho php bn c quyn kim sot nhng site ln v cho php mt nhm nhng ngi s dng c quyn tip cn nhng ni dung c th. V d, trong website trng hc ca bn, hc sinh c quyn c mt web ph cho ring chng, b phn bo ch c mt web ph trong web ca hc sinh. iu ny cho php trang web ln dn ln nhng li d dng qun l. to mt t hp nhng web ph:

1. Trong thanh cng c view chn 2. Trn menu chn File > New > Folder 3. t tn cho Folder

chuyn sang ch hin th Page.

C bn v Microsoft Frontpage

www.vietphotoshop.com

4. Trong danh sch Folder, nhp chut phi vo th mc m bn mun bin thnh web v nhn Convert to Web menu tt. Thay i quyn hn: thay i quyn hn cho mt web ph, bn phi c mt server h tr phn m rng Frontpage 1. Chn web ph m bn mun thay i quyn hn 2. Trn Tools chn Security v chn Permission Chn mt trnh duyt mc tiu. Rt nhiu nhng tnh nng th v c bn ti nhng chng sau li ch lm vic vi nhng trnh duyt mi nht. Frontpage bao gm mt cng c m n cho php bn t mc tiu cho trang web n tng thch vi mt trnh duyt c th. Nu bn mun to mt mng ni b v bit chc rng mi ngi thm trang web trong trng ca bn u s dng trnh duyt mi nht ca Microsoft, th mi tnh nng trong trang web ca bn u c th xem c. Nu bn mun to mt website trn Internet v bn mun mi ngi k c nhng ngi ang dng nhng trnh duyt c hn nhng vn xem c nhng tnh nng trn web ca bn nh l ngi ang dng trnh duyt mi, bn cn phi thit lp trnh duyt mc tiu cho nhng trnh duyt c hn. Lnh khng c h tr cho nhng trnh duyt c ny hoc nhng phin bn khng c trong menu ca Microsoft Frontpage khi bn lm vic vi. N s hin th di dng nt m. Bng sau y lit k nhng cng ngh mc nh v nhng tnh nng c h tr cho s tng thch ca tng trnh duyt. Nu bn khng quan tm n ch mc nh v cho php mt cng ngh hoc mt tnh nng khng c h tr b mt trnh duyt hoc mt phin bn c th no , trang ca bn s xut hin khng ging nh bn mong i hoc n s c li xy ra. Nhng du kim nh du nhng tnh nng c h tr. JavaScript and Java applets Active server pages

Browser Internet Explorer 4.0 v mi hn

ActiveX

VB

Dynamic HTML

controls Script

Frames

CSS CSS 1.0 2.0

C bn v Microsoft Frontpage

www.vietphotoshop.com

Internet Explorer 3.0 v mi hn Netscape Navigator 4.0 v mi hn Netscape Navigator 3.0 v mi hn Internet Explorer v Navigator 4.0 v mi hn Internet Explorer v Navigator 3.0 v mi hn Microsoft WebTV

Nu bn ch chn Netscapte Navigator, th c IE v NN hoc Microsoft Web TV trong hp Browser, nhng lnh sau y v nhng ch ci t khng c: Marquee Video nh nn ca bng ng bin ct v hnh nn

Nu bn chn Microsoft IE, c hai IE v NN, hoc Microsoft Web TV trong hp Browser, hp kim Blink s khng c. y Cch t mc tiu cho mt trnh duyt c chn trc 1. Trn Tools > Page Options v chn th Compatibility.

C bn v Microsoft Frontpage
2. Trong hp kim Browser, chn mt trnh duyt c th m bn mun.

www.vietphotoshop.com

3. Trong hp kim chn phin bn ca trnh duyt bn chn mt phin bn c th ca mt trnh duyt m bn mun. Theo di tin trnh ca trang web Bn c th to mt bn bo co m c th: Ch ra trang no trn trang web mt nhiu thi gian load. Microsoft Frontpage tnh ton kch c ca cc file nh, ch, v nhng thnh t khc c lin kt vi nhng trang khc trong web ca bn ch ra khch s mt bao lu load trang khi s dng vi nhng loi modem c tc khc nhau. Ch ra tp tin no trong web ca bn khng c link n cc tp khc. Bn c th s dng nhng thng tin ny trong qu trnh duy tr web xo nhng file khng cn thit hoc file p. Ch ra v tm tt. Microsoft Frontpage tnh ton s trang v kch thc ca n, hnh nh, nhng nhim v cha hon thnh, v nhng thnh t khc trn trang ca bn. Bn c th thy file no l mi nht v c nht, nhm chng bi vi ngi hoc mt nhm ngi m chng c giao ph, phn loi chng bng kch c v.v.. Trong ch hin th Report, Site summary lit k tng s nhng ng lin kt trn trang ca bn cng nh l nhng ng link cha c xc lp, link hng, link ra trang khc v link ni b. Kin thc m rng: tng tnh chuyn nghip cho trang ca bn, bn c th chn templates v theme thit k web trong Microsoft Frontpage. Bn c th tham kho nhng templates khc nhau thy nhng loi trang bao gm trong trang. N c th cho bn thm mt tng s dng Microsoft Frontpage trong trang ca ring bn. Thit k mng ni b. Mng ni b cho php mt nhm ngi chia s thng tin nhanh chng v d dng. Mt mng ni b s rt tuyt cho mt trng hc hoc cng s chia s thng tin gia hc sinh v hc sinh hoc cc ng nghip nhng b phn khc nhau. 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.