C bn v Microsoft Frontpage

Chng 3: B sung cc tnh nng cho trang web ca bn

www.vietphotoshop.com

By gi bn hon thnh vic to mt web site cho bn, bn sn sng ti n ln mng. Trc khi bn lm iu , hy xem xt to ra nhng im sng v nhng k t ring cho trang web ca bn. Bn c th b sung thm cc hiu ng ng, to cc bng biu, cc biu mu, v cc frame, hay bn cng c th to ra cc nt bm m chng s bin i khi bn di chuyn con tr chut qua chng, hay bn c th chn thm cc video clip v nhiu hn na. Vic b sung thm cc tnh nng cho trang web ca bn nu khng dng Microsoft Frontpage 2000 bn s cn hiu bit rt nhiu v cc on m ho phc tp, nhng vi FrontPage 2000, tt c c thit k lm mi cng vic cho bn. Trc khi bt u bn hy: - Xem li cc trang web ca bn v quyt nh xem ni no t ta s thch hp cho mt hiu ng ng. Bn c th lm cho trang vn bn ca bn nh nhng t chiu (slide), xut hin t ngt hay dng xon ln trn ca trang web. Bn cng c th chn thi gian cho cc hiu ng: khi trang web kt thc load t trn mng Internet, khi bn di chuyn chut qua vn bn hay khi bn click vo vn bn. - Quyt nh loi thng tin thch hp nht s dng cho bng biu. V d mt bng cha thng tin v k hoch cho mt khoa ca mt trng i hc, k hoch cho vic hc tp mn in kinh s c sp xp thnh mt danh sch cc mn th thao, gi l mt biu hnh cy v cc ch nh dng cc (room assignments) - T cc thng tin xo trn bn mun thu thp thng tin v cc nam sinh. Cc thng tin c th gm: h tn, a ch v tnh trng cng vic. Thm cc hiu ng ng Vi FrontPage 2000, vic b sung cc hiu ng ng tr nn rt d dng to ra cc chuyn ng v lm cho trang web ca bn tr nn hp dn hn. Bn phi ch rng, v mi ngi s dng tt c cc loi trnh duyt khc nhau truy xut web site nn cc hiu ng ng to ra vi m ho dng DHTML khng th c xem bi tt c mi ngi khi h truy cp web site ca bn. cc hiu ng bn to ra hot ng theo cch m bn mong i, nhng ngi truy cp web site phi c trnh duyt Internet Explorer phin bn 4.0 tr ln hoc Netscape phin bn 4.0 tr ln. Nu trnh duyt khng h tr chun DHTML, vn bn s xut hin thay v cc hiu ng m bn thm vo trc . Bn chc chn cng mun xem cc tnh nng mi trong FrontPage 2000 c tong thch vi trnh duyt hin ti bn ang s dng - nht l nu bn mun nhng ngi truy cp web site ca bn

C bn v Microsoft Frontpage

www.vietphotoshop.com

c trnh duyt c hn c th xem c cc hiu ng bn to ra trn web ca bn. Bn hy xem n trong phn v S la chn c mc ch ca trnh duyt (Selecting target browsers) trong chng Thit k mt web site (Designing a Web Site) ca cun sch ny tm hiu r hn. Thm mt hnh ng nh dng DHTML cho tiu - Trn thanh cng c Views, click chn Page. - Click p vo central_high_school_home_page.htm. - Trn menu Format, click chn Dynamic HTML effects. Thanh cng c DHTML Effects xut hin. - Chn tiu Welcome to the Central High School Home Page! - Trong hp thoi On, chn Page load, th bn s bit nhng ngi truy cp web site ca bn xem hiu ng ny th no nh khi trang web ca bn c load trn trnh duyt ca h. - Trong hp thoi Apply, chn Elastic. Tiu bn chn s b ko gin khng ngng nh mt dy cao su v bn s xem n nh khi trang web cha n c load. - xem hiu ng, trn menu File bn hy click vo Preview in Browser. Nu bn cn cn nhc, hy lu n trc khi bn thc hin xem hiu ng. Bn s thy hiu ng nh khi trnh duyt ca bn load trang web . To mt bng biu Trn cc trang web, thng tin thng c xut hin trong cc bng biu nhng cc khung ca n c n i. Cc bng biu s gip bn kim sot c s dn trang trn trang web v v vy s d dng hn cho vic tm kim v c thng tin. Cc bng biu hin thng tin trong cc c nh dng cnh nhau, trong cc ct v cc dng. Mi mt khi thng tin c gi l mt (cell), n c th cha vn bn, hnh nh, cc danh sch v thm ch l bng biu khc. Bn c th la chn mt dng bng mu t rt nhiu cc dng bng mu (template) ca FrontPage 2000 sao cho bn cm thy ph hp. Trong FrontPage 2000, cc bng biu c to ra mt cch n gin. Trn thc t, bn c th bn c th thit lp cc bng biu trong FrontPage 2000 nh cch m bn c th to ra chng trong Microsoft Word. Trong quy trnh v d sau, bn c th to ra mt bng biu t chc cc s in thoi ti cc my l ca gio vin, s phng v lp hc m h s dy.

C bn v Microsoft Frontpage
Thit lp mt bng biu

www.vietphotoshop.com

1. Trn thanh cng c Views, click Page. 2. Double-click vo departments_and_faculty.htm. 3. t con tr chut vo ni bn mun chn bng biu trn trang web ca bn. 4. Click vo Table 5. Gi v di chuyn chut qua 3 ct v 5 dng. m rng s ct hay s dng sn c
trong hp thoi, hy click chut sau l gi v di chut nh giu mt s lng cc . Bng ny s xut hin trong trang web ca bn.

6. Nhp cc thng tin vo bng nh sau: S in thoi # Tn Final Fantasy HuyF, Ty c Net_10 Broochdragon KS
To mt bng mi

S phng

2377 2358 2398

102 120 110

2367

109

1. Trn menu View , click chn thanh cng c Table. 2. Trn cng c Table, click vo Draw Table
ch. . Con tr chut tr thnh hnh mt ci bt

3. Vi cy bt ch ny, trn nh bn phi ca hy v mt ng theo chiu dc t bn

phi ca Room Number xung qua bn di ca , nh vy bn ct ct thnh 2 na.

4. Trn thanh cng c Table, click chn Draw Table hu vic chn con tr thnh bt ch. 5. t con tr chut trn dng gia hai ct Phone Extension # v Room Number. 6. Khi mt mi tn kp xut hin, click, giu v di chut t frame ca ct n bn tri. 7. S dng mi tn kp, nh li kch thc cho tt c cc ct chng c cng kch
thc.

8. Trong u tin ca ct mi, hy g Subject Taught.

C bn v Microsoft Frontpage

www.vietphotoshop.com

Trong cc bn di bn va g Subject Taught, hy g Chemistry, Computer Science, Science, and Math Thm cc mu tng tc vo trang Web Vi FrontPage 2000, bn c th s dng cc mu (c ch trng) khc nhau cho nhng ngi truy cp web site ca bn in vo. Vi cc mu ny, bn c th thu thp cc loi thng tin. Thit lp cc mu ny cho v d v thm d d lun trong cc nam sinh, kho st cc khoa ca trng i hc v cho cc d n nghin cu ca sinh vin. Cc mu ny c th cha vn bn, bng biu, hnh nh v cc trng (field) nhngx ngi truy cp s in vo v gi cho bn. Bn c th d dng tu bin cc mu ny bng cch b sung thm danh sch cc du nh du (bullet), cc menu m ra, cc nt bm, cc hp chn, cc nhn v c v tr ngi truy cp c th g vn bn vo. Trong bi hc sau y, bn s to ra mt mu dng cc nt v vng vn bn. Sau khi la chn thng tin, bn c th gi n n mt c s d liu hy xut n sang mt trang web khc. nh dng cho tiu mu

1. Trn thanh cng c Views, click Page. 2. Double-click vo alumni_activities.htm. 3. G Alumni Information trn dng u tin, vnh du chn n. 4. Trn thanh cng c Format, click vo Bold 5. Thay i phng ch t c Normal thnh c 16 pt. 6. Trn thanh cng c Format, click vo Center 7. Click vo di Alumni Survey, v n ENTER. 8. Trn thanh cng c Format, click Align Left
To cc nt bm dng radio (radio button) Cc nt bm dng radio i hi bn phi chn mt la chn t cc nt la chn khc nhau. .

1. Trn menu Insert, click Forms, sau click Radio Button. 2. Click vo mt trc ca nt bm dng radio m bn mun chn, sau n ENTER
chuyn nt xung v v th bn c th g vn bn vo pha trn ca nt bm dng radio ny

3. n UP ARROW, v g vo dng ch Did you graduate from Central High? 4. Click gia nt radio v nt Submit, sau n ENTER.

C bn v Microsoft Frontpage

www.vietphotoshop.com

5. Click vo sau nt bm dng Radio, hy g vo t Yes. 6. n TAB vi ln. Lp li bc 1 chn cc nt bm dng Radio khc. 7. G No sau nt bm v n ENTER.
To cc hp chn (Check box) Cc hp chn cho php bn chn mt vi la chn.

1. G If yes, what year(s) did you attend Central High School?, v n ENTER. 2. Trn menu Insert, click Forms, sau click Check Box. 3. t con tr chut sau hp chn, g 1968, v n TAB. 4. Lp li bc 2 v 3 thm vo hp chn cc nm tip sau. 5. n ENTER.
To hp vn bn mt dng (one-line) Mt hp vn bn mt dng l mt hp vn bn gii hn s lng cc t bn c th g vo.

1. t con tr chut trn mt dng trng di hp chn, hy g First Name. 2. Trn menu Insert, click Forms, sau click One-Line Text Box. 3. n TAB hai ln, g Last Name: v sau lp li bc 2 thm cc hp vn bn mt
dng khc, sau n ENTER. To mt hp vn bn cun (scrolling text box) Mt scrolling text box khng gii hn s lng t bn c th g vo.

1. t con tr chut dui one-line text box, v g Comments:. 2. Trn menu Insert, click Forms, sau click Scrolling Text Box. 3. Click vo Scrolling text box, sau bn va gi va di chut nh li kch thc cho
hp ny n khi bn t c kch c mong mun. Mc d hp vn bn ny ch chim mt kch thc nht nh trn mn hnh nhng n khng h gii hn lng t m mi ngi g vo .

4. Lu trang web ca bn v click Preview xem kt qu bn s thy trong trnh duyt.

Ch rng, ban phi truy xut Web site ca bn trc khi d liu c th c cp nht t mu ca bn. tm thm thng tin v truy xut Web site ca bn, hy xem trong chng Truy xut mt web site (Publishing a Web Site) ca cun sch ny.

C bn v Microsoft Frontpage
S dng cc kt qu t mu thu thp vi mt c s d liu

www.vietphotoshop.com

Sau khi bn thu thp c thng tin t cc nam sinh, bn c th lu cc thng tin ny trn mt c s d liu v xut cc thng tin t c s d liu ny n n trang web ca bn. Trong mc ny, bn s tm hiu lm th no gi d liu t mt mu n mt c s d liu Microsoft Access, v sau s ti nhng g bn c trong c s d liu ln trang web ca bn. Cc tnh nng tch hp ca c s d liu cn n my ch m bn s dng phi h tr tnh nng Active Server Pages (ASP), v d my ch Microsoft Internet Information. Bn c th s dng tnh nng ny vi bt k c s d liu tu bin dng ODBC. Trong bi tp ny, hy xem nh bn c mt my ch h tr ASP. Nu bn khng c, bn c th s dng a cng ca bn hoc s dng mt a cng mng (network drive), sau bn s truy xut chng n my ch bn s dng c h tr tnh nng ASP. Lu kt qu t mu thu thp trong mt c s d liu

1. Quay tr li Page view. 2. Click chut phi vo radio button vi t yes tip theo , sau click chn Form
Properties.

3. Chn Send to Databas, sau click vo Options. 4. Click Create Database. FrontPage 2000 s t ng to fiel dng c s d liu Access
v t n vo mt th mc mi c to ra trong web site ca bn. T gi tr i, trang web ca bn s oc t tn l Alumni.htm, kt ni c s d liu s c gi l Alumni.

5. Trong hp thoi xut hin, click OK xc nhn rng c s d liu c to. Cc

la chn trong hp thoi Saving Results to Database xut hin.

6. Click OK, sau clck OK ln na trong hp thoi Form Properties. Mt hp thoa khc
s xut hin nhc bn rng trang ny nn c lu nh dng ASP.

7. Click OK ln na.
Lu mt trang

1. Trn menu File, click Save As, sau click OK. 2. Trong hp thoi File Name, g Alumni, v trong hp thoi Save As Type box, chn
Active Server Pages, sau click Save. To mt trang hin th d liu t c s d liu

1. Chn Page view vfa click vo New Page 6

C bn v Microsoft Frontpage

www.vietphotoshop.com

2. Trn menu Insert, click Database, sau Results. 3. Chn Use an Existing Database Connection, chn Alumni, v click Next. 4. Tip tc click Next trong hp thoi hin ra tip theo v sau hy click Finish. 5. Hy lu trang c tn l results.asp.
To cc nt Hover (hover button) Cc Hover button l nhng nt bm khc cha cc hyperlink n cc trang khc hay mt file khc, lm cho trang web ca bn tr nn hp dn hn. Khi bn lt con tr chut qua mt hover button, n c th sng bng ln, hin ra mt bc tranh no hay s chi mt hiu ng m thanh. Thm mt hover button 1. 2. 3. Trong Page view, double-click vo alumni_activities.htm. Trong frame bn di, hy chn lin kt dng vn bn Central High School Home Page. Click vo Insert Component v click vo Hover Button.

4.

Trong hp thoi Button text, g Central High School Home Page th y s l tiu cho

hover button. 5. 6. 7. Trong hp thoi Link to, g central_high_school_home_page.htm. Trong hp thoi Button color chn mu no . Trong Effect color chn mt mu no v mu sc ny nn l mu chuyn tip mu ca

nt m bn chn. 8. Trong hp thoi Effect, chn Glow.

C bn v Microsoft Frontpage
9. Click OK.

www.vietphotoshop.com

10. nh li kch c ca nt ny bng click, gi v di chut n khi kch thc ca n t yu cu. 11. xem hiu ng, hy lu file ca bn v click Preview. Kin thc nng cao Bn c th lm cho web site ca bn tr nn hu ch hn v hp dn hn bng vic b sung vo cc trang web c th tho lun, cc frame hay m s ln truy cp. Vi cc trang web c th tho lun, bn c th cho php ngi truy cp tham gia tho lun trc tuyn thng qua web site ca bn. Bn hy s dng tnh nng ny h tr to cc nhm hc tp trc tuyn, pht trin cc Forum hoc lin lc gia ph huynh/thy c gio. Vi cc frame, bn c th kim sot tt hn vic mi ngi lm th no nh hng trong web site ca bn. FrontPage 2000 cng cung cp cho bn mt s mu (template) xy dng nn cc frame n gin. V nu bn mun m xem c bao nhiu ngi truy cp web site ca bn hay gh qua web site ca bn mi ngy, th FrontPage 2000 c th gip bn lm iu . Bn c th thm vo mt b m vo bt c n i u trn web site c a bn.

Khm ph cc trang web c th tho lun (discussion Web) Nhng Discussion web l nhng web tng tc bng cch lm cho nhng ngi truy cp c th tho lun v cc ti hay ch bng cch c cc bi vit c gi ln, sau h c th tr li cc bi vit hay gi ln mt ch mi. V d, web site ca bn c mt nhm sinh vin tho lun v vic hc nhm, hay l ni cc gio vin v ph huynh tho lun v nhim v ti trng v gia nh hay cc li khuyn cho bi tp nh. To mt discussion web bng cch s dng Discussion Web Wizard. Chnh phn h tr ny s nh hng cho bn cc tnh nng m bn mun s dng, sau to mt trang web v thit lp n ln cc trang web cho bn. Sau khi bn to web site, b n c th m cc trang ny v chnh s a chng.

To mt discussion Web

1. Trn menu File, chn New, sau click Web. 2. Trn thanh Web Site, click Discussion Web Wizard. Kim tra trong hp kim tra Add to
current Web sau click OK.

C bn v Microsoft Frontpage

www.vietphotoshop.com

3. Mt Discussion Web Wizard s m ra, bn hy lm theo cc hng dn bng hnh nh

hin ra to mt nhm tho lun. Chp nhn cc la chn mc nh ca wizard, ngoi tr cc bc sau: Trong Enter a descriptive title for this discussion, g Parent and Faculty Discussion Group, v click OK. Trong hp thoi Do you want the Table of Contents for this discussion to be the home page for this web?, hy chn No. Trong hp thoi Frame options, chn Dual interface. iu ny cho php my ch iu chnh cc trang tho lun da trn trnh duyt ca ngi xem c th xem c cc frame hay khng. 4. Click Finish hon chnh mt quy trnh t ng cho trang discussion Web ca bn.

Vic bn to ra mt disscussion web s to ra mt s cc trang HTML mi trong danh mc ca bn. Trang chnh ca disscussion Web c tn l disc1_frm.htm, y l ni bn mun qun l cc hyperlink. 5. Sau khi wizard thit lp cc trang web ca bn, hy s cha chgn nh bn lm vi cc trang web khc. 6. xem mt discussion web, double-click vo disc1_frm.htm. Bn phi truy xut n trc

khi bn c th hon chnh cc chc nng ca mt discussion Web. tm thm v truy xut web site ca bn, hy xem li chng truy xut mt web site (Publishing a Web Site) trong cun sch ny. To v thm mt b m (hit counter) Mt b m s tnh ton v hin th s ln trang web ca bn c truy cp. ch chi bn thy c bao nhiu ngi xem web site ca bn, bn c th t thm mt b m (hit counter). V d, thm m b m vo trang iu tra v nam sinh ca mt trng hc bn v nhng ngi truy cp c th bit cso bao nhiu ln trang wb ny c ving thm. Ci t mt hit counter

1. Trn thanh cng c Views, click Page. 2. Double-click vo trang alumni_activities.htm v t con tr chut ti phn di ca trang
trn khung.

3. Click vo Insert Components

, sau click Hit Counter.

C bn v Microsoft Frontpage

www.vietphotoshop.com

4. Trong hp thoi Hit Counter Properties, chn mt b m. 5. Chn Reset counter to, v g s 0 trong vng g vn bn 6. Chn Fixed number of digits, g s 5 v click OK. 7. Click Save
. Bn hy ch rng bn phi truy xut trang web ca bn trc khi xem b m hot ng. Thao tc vi cc frame Cc Frame s quyt nh trayeb ca bn s xut hin th no trong ca s trnh duyt. Frame s phn chia trang web ca bn thnh cc vng khc nhau, cc Frame c th khi phc li d liu v hin th mt trang phn bit trong web site ca bn. Bn c th kim sot vic hin th ca trang web trong mt frame bng cch to ra mt hyperlink n mt trang khc v ch nh r frame no l ch ca hyperlink. FrontPage 2000 c thit lp sn mt s mu cho vic to ra cc trang cha Frames (Frames page). iu ny cho php bn t nhiu frame trong mt frame sp xp ti liu. Mt frames page n gin c 2 frame, mt frame cha cc hyperlinks, v mt frame khc hin th cc trang web l ni m cc hyperlink nhm n. Hay ni mt cch khc, khi mt ngi truy cp click vo mt hyperlink trong frame th nht, th trang m hyperlink nhm n s c hin th trong frame th hai. Thm cc frame n mt trang

1. Trn menu File, click New, sau click Page. 2. Trong hp thoi New, click chn Frames Pages v chn template Contents. 3. Click OK. 4. Click vo trong frame bn tri chn n, sau click New Page.

10

C bn v Microsoft Frontpage

www.vietphotoshop.com

5. Ti nh ca frame bn tri, bn g Alumni Directory, t sng dng ch ny, sau chn

Heading 2 t danh sch cc Style xung.

6. Bn di tiu bn va g, hy g 1968 v n ENTER, 1969 v n ENTER, 1970 v

n ENTER, 1971 v n ENTER, v bn g Alumni Survey.

7. Click bn trong frame bn phi chn n, sau click New Page. 8. G Welcome to Central High School's Alumni Directory, t sng dng ch v chn
Heading 2 t danh sch cc Style xung, sau n ENTER.

9. G, Former Central High School students have provided the information presented in the
directory. If you would like to submit alumni information, please fill out the alumni survey. Final Fantasy - www.bantayden.com Copyright 2004-2005 bantayden.com, All rights reserved. Ghi r ngun khi bn pht hnh li thng tin t trang ny.

11