1

CHUYEÂN ÑEÀ

THÖÏC HIEÄN GIAÙO AÙN TREÂN TRANG WEB BAÈNG

TRÌNH ÖÙNG DUÏNG FRONTPAGE

I- Ñaët vaán ñeà :

Nhaèm naâng cao hieäu quûa daïy vaø hoïc, taïo söï höùng thuù trong hoïc taäp cuûa hoïc sinh, trao ñoåi kinh nghieäm giöõa caùc ñoàng nghieäp vôùi nhau . Ngoaøi vieäc laøm giaùo aùn ñieän töû treân trình öùng duïng PowerPoint, toâi coù keát hôïp theâm moät soá öùng duïng hay trong trình Frontpage ( Trình öùng duïng taïo trang Web ) nhaèm taïo cho baøi giaûng sinh ñoäng hôn vaø coù theå thoâng qua trình duyeät Internet trao ñoåi kinh nghieäm vôùi ñoàng nghieäp ……

II- Giaûi quyeát vaán ñeà :

I- Internet laø gì ?

Laø heä thoáng goàm caùc maïng thoâng tin maùy tính ñöôïc lieân keát vôùi nhau treân phaïm vi toaøn theá giôùi theo taäp giao thöùc TCP/IP thoâng qua caùc heä thoáng keânh truyeàn thoâng . ( Noái vôùi nhau thoâng qua 1 Modem + 1 Line ñieän thoaïi). TCP/IP laø taäp hôïp caùc giao thöùc duøng ñeå truyeàn taûi vaø söûa loãi döõ lieäu … Cho pheùp truyeàn döõ lieäu töø maùy tính naøy tôùi maùy tính khaùc trong maïng Internet. II- Khaùi quaùt veà trang Web :

1- Web page : Laø 1 trang Web ñôn . 2- Web site : Taäp hôïp nhieàu trang Web ñôn, chöùa nhieàu noäi dung veà 1 chuû

ñeà chung. 3- Web Server : Laø maùy caùi hoaït ñoäng lieân tuïc 24/24. Nôi chöùa thoâng tin.

III- Soaïn thaûo trang Web :

1- Phaàn meàn soaïn thaûo : Soaïn thaûo ñöôïc treân baát kyø phaàn meàm soaïn thaûo vaên baûn naøo nhö : WinWord, Wordpad, Frontpage …..

Löu yù : Ñeå boû daáu tieáng vieät ñöôïc tröôùc khi soaïn thaûo neân chuyeån Vietkey veà Font Unicode : {Arial, Times Newroman, Taboma, Verande } .

2

2- Khôûi ñoäng Frontpage :

Caùch 1: Start / Programs / Frontpage. Caùch 2 : Start / Run / FrontPg / OK.

IV- Toå chöùc Web Site:

Caàn toå chöùc trang Web sao cho : Tieân lôïi khi taùi caäp nhaät döõ lieäu. Baûo ñaûm cho vieäc truy suaát moät caùch khoa hoïc. Coù 2 caùch :

1- Caùch 1 : Taïo 1 thö muïc duy nhaát, taát caû caùc file (htm, html, gif, was ….), ñeàu ñaët trong thö muïc naøy.

2- Caùch 2 : Phaân chia theo caây thö muïc .

TEÂN WEB

DÖÕ LIEÄU

HÌNH

AÂM THANH

KHUNG…

Caùch 2

HÌNH (A)

3

V- Caùch thöïc thöïc hieän :

1- Taïo 1 Website môùi :

File / New / page or Web …/ Empty Web / One Page Web / Ok . Seõ xuaát hieän trang Web coù caùc thö muïc nhö hình (A) .

2- Taïo thö muïc môùi :

Nhaáp phaûi chuoät vaøo doøng C:/ Documents / My Webs / Myweb1. Choïn New / Folder . Ñaët teân cho folder môùi. Töông töï ta taïo caùc Folder khaùc nhö : Döõ lieäu, AÂm thanh, Hình aûnh, Khung ….

3- Taïo trang môùi :

Nhaáp chuoät vaøo bieåu töôïng Create a new normal page . (Hoaëc vaøo File / New / page or Web …/ blank page).

4

Nhaán Ctrl + S ( File / Save As ) : ñaët teân trang web ( TD : bai 1 ..) . Click chuoät vaøo Change Title : ñaët teân tieâu ñeà ( TD : bai 1 ) . Nhaán Save. Töông töï ta taïo caùc trang khaùc.

VI- Thieát keá trang Web chuû :

Coù raát nhieàu caùch thieát keá, tuøy thuoäc vaøo söï saùng taùc cuûa ngöôøi taïo trang web. ÔÛ ñaây toâi xin pheùp neâu 2 caùch taïo baèng Table vaø Frame coù saün, khoâng ñi saâu veà thieát keá.

1- Taïo Table ( Baûng ) :

Goàm coù nhöõng doøng vaø coät. Ñeå trình baøy, saép xeáp hôïp lí, canh caùc thaønh phaàn theo 1 traät töï nhaát ñònh.

Thöïc hieän : Table / Insert / Table.

* Choïn soá doøng vaø coät. * Canh vò trí baûng. * Beà daày ñöôøng vieàn. *Taêng giaûm ñoä roäng ñöôøng vieàn giöõa caùc oâ table.

5

Click choïn ñöa trang ñaõ soaïn thaûo vaøo boä khung

Click taïo trang môùi vaø soaïn thaûo

2- Taïo Frame ( khung ) :

Ñeå chia nhoû trang Web ra nhieàu thaønh phaàn khaùc nhau, moãi thaønh phaàn laø 1 trang rieâng, theå hieän noäi dung rieâng.

Khung ñôn laø 1 trang Web rieâng . Boä khung goàm coù nhieàu khung ñôn goäp laïi. Trong 1 boä khung thoâng thöôøng chæ coù toái ña 4 trang .

Löu yù : Ghi löu vaø ñaët teân cho töøng khung moät, taát caû neân ñaët trong 1 thö muïc (KHUNG). Taïo Frame : Vaøo File / New / Page / Page Templates … Choïn Frame Pages / Choïn caùc kieåu khung coù saün . Ta choïn Frame coù 3 khung.

Xuaát hieän Farme vôùi 3 trang nhö hình :

6

V- Taïo moät soá hieäu öùng :

1. Taïo nuùt : Vaøo Insert / Web Component …/ Hover Button / Finish. Xuaát hieän hoäp thoaïi:

2- Taïo doøng chöõ chaïy : Vaøo Insert / Web Component …/ Marquee / Finish. Xuaát hieän hoäp thoaïi : 3- Taïo caùc hình aûnh xuaát hieän luaân phieân : Vaøo Insert / Web Component …/ Banner Ad Manager / Finish. Xuaát hieän hoäp thoaïi :

-Button text : ñaët teân nuùt. -Font : choïn font chöõ Arial. -Link to : Taïo lieân keát. -Browse : choïn lieân keát. -Button color : maøu cuûa nuùt. -Effect : kieåu hieäu öùng khi troû chuoät vaøo. -Effect color : maøu cuûa hieäu öùng khi troû chuoät vaøo.

-Text : goõ chöõ. -Background color : maøu neàn.

7

4- Taïo lieân keát E-mail : Double click vaøo nuùt / Browse / E-Mail Address => Xuaát hieän hoäp thoaïi => Goõ ñòa chæ E-mail muoán lieân keát tôùi vaøo khung E-mail address / Ok.

VII- Ví duï soaïn 1 baøi giaùo aùn :

Môû trang Web baøi 1 (ñaõ thöïc hieän töø tröôùc). Choïn Font Unicode (Arial) . Thöïc hieän caùc böôùc sau :

Ñaàu trang Baøi 1

TÍNH ÖU VIEÄT ÑIEÄN NAÊNG

I- TÍNH ÖU VIEÄT ÑIEÄN NAÊNG. II- TIEÁT KIEÄM ÑIEÄN.

-Transition effect : hieäu öùng xuaát hieän hình. - Show each picture for (seconds) : Thôøi gian xuaát hieän hình. -Add … : Ñöa caùc hình aûnh vaøo hieäu öùng.

8

(Taïo ñöôøng keû ngang : Insert / Horizontal Line )

I- Tính öu vieät ñieän naêng : 1. Ñieän naêng ñöôïc saûn xuaát töø nhieàu daïng naêng löôïng khaùc nhau. 2. Deã bieán ñoåi sang caùc daïng naêng löôïng khaùc thoâng qua caùc thieát bò

ñieän. 3. Söï maát maùt ñieän naêng do truyeàn taûi ít. 4. Truyeàn taûi ñi xa vaø nhanh.

Veà ñaàu trang

(Taïo ñöôøng keû ngang : Insert / Horizontal Line )

II- Tieát kieäm ñieän :

1. Trong saûn xuaát : Giaûm söï maát maùt ñieän treân ñöôøng daây. Heä thoáng aùnh saùng boá trí hôïp lyù. Traùnh tieâu thuï ñieän voâ ích ( vd : maùy chaïy khoâng taûi …). Söû duïng ñuùng, heát coâng suaát maùy.

2. Trong sinh hoaït :

Thôøi gian söû duïng ñieän hôïp lyù ( söû duïng khi coù nhu caàu ). Choïn thieát bò coù coâng suaát phuø hôïp ( ñeøn, maùy ñieàu hoøa … ).

Veà ñaàu trang (Taïo ñöôøng keû ngang : Insert / Horizontal Line )

THÖÏC HIEÄN CAÙC LIEÂN KEÁT

- Muoán lieân keát phaàn naøo ta toâ khoái phaàn ñoù, vaøo Insret /Hyperlink ( Ctrl +k ) . - Taïo Bookmark : Vaøo Insert / Bookmark (Ctrl + G ) .

1. Taïo Bookmark : Toâ khoái phaàn: I- Tính öu vieät ñieän naêng => Vaøo Insert / Bookmark . Xuaát hieän hoäp thoaïi => ñaët teân trong hoäp Bookmark name : 1 => OK.

Toâ khoái phaàn: II- Tieát kieäm ñieän => Vaøo Insert / Bookmark . Xuaát hieän hoäp thoaïi => ñaët teân trong hoäp Bookmark name : 2 => OK.

9

2. Taïo lieân keát Hyperlink : Toâ khoái phaàn : I- TÍNH ÖU VIEÄT ÑIEÄN NAÊNG => Vaøo Insert /

Hyperlink (Ctrl +k ) => Xuaát hieän hoäp thoaïi => Choïn oâ Existing File or Web Page => (Look in : choïn thö muïc chöùa döõ lieäu => choïn teân taäp tin muoán lieân keát tôùi ) ÔÛ ñaây phaàn lieân keát tôùi laø Bookmark neân ta click choïn Bookmark => Choïn 1 / OK.

Töông töï tatoâ khoái phaàn : II- TIEÁT KIEÄM ÑIEÄN => Insert / Hyperlink (Ctrl +k ) => xuaát hieän hoäp thoaïi => Choïn Bookmark => Choïn 2 / OK .

3. Taïo lieân keát veà ñaàu trang : Toâ khoái chöõ : Ñaàu trang => Insert / Bookmark ( Ctrl + G ) => Ñaët teân laø Top . Toâ khoái chöõ : Veà ñaàu trang => Insert / Hyperlink (Ctrl + K ) / Choïn Bookmark => Choïn Top / OK . Töông töï ta thöïc hieän ôû caùc phaàn khaùc.

KEÁT LUAÄN

1. Öu ñieåm : Thoâng qua trình öùng duïng Frontpage seõ laøm caùch trình baøy trang giaùo aùn theâm sinh ñoäng, coù theå thaáy ngay caùc caáu truùc caàn lieân keát tôùi.

10

Coù theå trao ñoåi kinh nghieäm, lieân laïc vôùi taát caû moïi ñoái töôïng thoâng qua maïng Internet coù ôû moïi nôi.

Coù theå taûi caùc phaàn baøi hoïc töø maïng xuoáng maùy caù nhaân ….. 2. Khuyeát ñieåm :

Haïn cheá veà Font chöõ. Taïo kyõ xaõo veà trình chieáu ít .

11

12