Báo cáo chuyên đề: Cách tạo một trang Web đơn giản từ phần mềm Microsoft Word I- Đặt vấn đề: Trc khi mun to mt trang Web thỡ trc ht chỳng ta phi hiu Website l gỡ? v cú cu trỳc nh th no? Website, cú ngi dch l chuyờn khu mng, l mt ni cha cỏc tp tin siờu vn bn dựng ngụn ng ỏnh du (hypertext mark-up language, vit tt l html) truy cp c bi ngi dựng trờn ton th gii qua mng internet. Gi l siờu vn bn vỡ thc t nú vn l dng vn bn (text) nhng cha cỏc t khúa phn mm c chuyờn dựng cú th dng nờn vn bn cú nh dng (ch to, nh, nghiờng m, chốn hỡnh, chuyn ng). Thu ban u mun son ra cỏc tp tin html, ngi son phi nh cỏc t khúa v chốn vo ỳng ch trong vn bn. Ngy nay vi s giỳp sc ca cỏc phn mm son trang web html, ngi son khụng cn nh m ch cn s dng cỏc cụng c cú sn ca phn mm. Cỏc phn mm ny cũn giỳp ngi son xõy dng mt website vi nhng liờn kt gia cỏc trang. Cỏc phn mm son web ph bin hin nay cú th k nh Frontpage (ca cụng ty Microsoft), Dreamweaver Ngoi ra mt s phn mm son tho vn bn thụng dng nh MS Word cng cho phộp ta to nhng trang web riờng l. Mt website n gin cú th hỡnh dung nh l mt cng cú th mc gc v cỏc th mc con. Trong th mc gc cng nh cỏc th mc con, tp tin tờn index.htm hoc index.html c phn mm duyt web th hin u tiờn khi ta ghi a ch ca th mc tng ng. Tp tin index.htm hoc index.html trong th mc gc c gi l trang ch (homepage). Trong chuyờn ny tụi mun hng dn cho hc sinh (dnh cho lp 9) cỏch to mt trang Web n gin t phn mm Word hc sinh lm quen vi vic to mt trang Web n gin n phc tp. II- GiảI quyết vấn đề: Word l chng trỡnh x lý vn bn rt mnh v thụng dng nht hin nay. Mt trong nhng tớnh nng hay ca Word l chuyn i mt file vn bn (*.doc) sang dng HTML v ngc li. to mt website n gin vi ớt cụng sc nht ta cú th thc hin theo cỏc bc sau: --------------------------------------------------------------------- Ngời báo cáo: Lê Thị Hà Giang Báo cáo chuyên đề: Cách tạo một trang Web đơn giản từ phần mềm Microsoft Word * lu Word thnh mt trang web ta lm nh sau: Trong trang Word, bn click vo File\Save As. Trong hp thoi Save as, bn chn kiu file lu (Save as type) l Web Page. Ti õy, bn cng cú th thay i tiờu (title) ca trang web bng cỏch click vo nỳt Change title v nhp vo tờn tiờu . to mt trang web, bn cn vo View\Toolbars\Web Tools hin th cỏc cụng c h tr cho vic thit k website: * Chn mu nn v hỡnh nn: chn mu nn, vo menu Format/Background v chn mt mu trong bng mu. Mun cú hoa vn hoc phi mu kiu khỏc cho nn trang web, bn bm vo Fill Effects, ri chn nn trong cỏc th Texture, Picture, Pattern hay Gradient. Cỏch biờn son ni dung trong trang Web cng tng t nh 1 vn bn Word. * To siờu liờn kt: Bn cú th to siờu liờn kt (Hyperlink) gi nhng trang thụng tin khỏc vo mn hỡnh, vo Insert Hyperlink hoc Ctrl+K v chn trang cn liờn kt. * To bng Table cho web: Bn vo Table \ Insert \ Table, sau ú in s dũng v s ct cho bng ri bm OK. * Chốn õm thanh v phim nh cho web: S dng nỳt cụng c Sound v Movie trờn Web Tools chốn nhng on õm thanh/phim nh vo trang web trang web thờm sinh ng. * To hng ch chy: Trong hp cụng c web (Web Tools), bn bm vo nỳt Scrolling Text to kiu ch chy ri tin hnh xỏc nh cỏc thnh phn gm: Behavior: kiu chy ch, vi cỏc la chn Scroll (chy ngang), Slide (chp), Alternate (chy qua, chy li); Direction: hng chy, vi cỏc la chn Left (phi qua trỏi), Right (trỏi qua phi); Loop: s vũng lp hay liờn tc; Speed: iu chnh tc chy ch; Type the scrolling text here: nhp dũng ch bn mun hin th vo. Vi nhng cụng c quen thuc, d s dng ca Word, hy vng cỏc em s xut bn c mt trang web n gin cho riờng mỡnh. --------------------------------------------------------------------- Ngời báo cáo: Lê Thị Hà Giang Báo cáo chuyên đề: Cách tạo một trang Web đơn giản từ phần mềm Microsoft Word CCH N GIN TO MT WEBSITE BS, ThS Trng Trng Hong Trung tõm Truyn thụng-Giỏo dc Sc khe TP.HCM 1. Khỏi nim v website Website, cú ngi dch l chuyờn khu mng, l mt ni cha cỏc tp tin siờu vn bn dựng ngụn ng ỏnh du (hypertext mark-up language, vit tt l html) truy cp c bi ngi dựng trờn ton th gii qua mng internet. Gi l siờu vn bn vỡ thc t nú vn l dng vn bn (text) nhng cha cỏc t khúa phn mm c chuyờn dựng cú th dng nờn vn bn cú nh dng (ch to, nh, nghiờng m, chốn hỡnh, chuyn ng). Thu ban u mun son ra cỏc tp tin html, ngi son phi nh cỏc t khúa v chốn vo ỳng ch trong vn bn. Ngy nay vi s giỳp sc ca cỏc phn mm son trang web html, ngi son khụng cn nh m ch cn s dng cỏc cụng c cú sn ca phn mm. Cỏc phn mm ny cũn giỳp ngi son xõy dng mt website vi nhng liờn kt gia cỏc trang. Cỏc phn mm son web ph bin hin nay cú th k nh Frontpage (ca cụng ty Microsoft), Dreamweaver Ngoi ra mt s phn mm son tho vn bn thụng dng nh MS Word cng cho phộp ta to nhng trang web riờng l. Mt website n gin cú th hỡnh dung nh l mt cng cú th mc gc v cỏc th mc con. Trong th mc gc cng nh cỏc th mc con, tp tin tờn index.htm hoc index.html c phn mm duyt web th hin u tiờn khi ta ghi a ch ca th mc tng ng. Tp tin index.htm hoc index.html trong th mc gc c gi l trang ch (homepage). to mt website n gin vi ớt cụng sc nht ta cú th thc hin theo cỏc bc sau: - Son tho cỏc trang web riờng l bng MS Word - Liờn k cỏc trang web to thnh website bng MS Frontpage - ng ký a ch v thuờ ch trờn internet - Ti website ln u v cp nht ni dung theo thi gian. 2. Son tho cỏc trang web riờng l bng MS Word Ta son nh mt tp tin Word bỡnh thng nhng khi lu ta chn File -> Save As -> chn dng tp tin Web Page, MS Word s t ng lu ra tp tin html. Lu ý nu cú to th mc con thỡ sau ny khi to website v dựng chc nng import ca MS Frontpage thỡ chng trỡnh s gi y cu trỳc cỏc th mc con v ti cỏc tp tin vo ỳng cỏc th mc ny. Lu ý: - tp tin web cha l 2 bờn cho p, ta to mt bng 1 ụ, canh gia bng ny v cho tt c ni dung vo ụ ny. (Lu ý trc khi dỏn vn bn vo bng cn chn canh trỏi ni dung bng). Tp tin web ny vn gi c kh nng th hin trang web rng tng i (khi thu nh ca s, phn ch t ng cun xung) v kh nng in n ca tp tin Word. Cỏch ny cng giỳp cho vic th hin vn bn trong Word thun tin hn nhiu khi dựng View -> Web Layout vi kh nng phúng to ch cho d c v khụng b khut ch nh Print Layout. --------------------------------------------------------------------- Ngời báo cáo: Lê Thị Hà Giang Báo cáo chuyên đề: Cách tạo một trang Web đơn giản từ phần mềm Microsoft Word - thc hin vic to lp tp tin ch mc sau ny cn in ta ca trang web vo phn Title trong menu File -> Properties. Cú th dựng ch Vit cú du font unicode. u im: - D vỡ ta khụng cn hc thờm phn mm mi - Trang web to ra nu c m bng MS Word v chn View -> Print Layout thỡ vn cũn gi c cỏc thuc tớnh nh l mt tp tin Word (s trang, header, footer v.v .) - Ta ch cn gi mt bn va l cỏc tp tin vn bn lm vic va l cỏc trang web dựng trờn mng ni b hoc ng b vi website trờn internet. Khuyt im: - Trang web do Word to ra thng khụng c ti u húa v cũn lu gi nhiu thụng tin khỏc nờn kớch thc s ln hn nhiu so vi khi c to ra bi cỏc phn mm son tho web chuyờn nghip. Cú th b bt cỏc thụng tin nh dng tp tin MS Word bng cỏch chn File -> Save As -> chn dng tp tin Web Page, Filtered thay vỡ Web Page. Tuy nhiờn khi ú thỡ cỏc tp tin khụng cũn gi thụng tin nh dng ca MS Word na. 3. Liờn kt cỏc trang web to thnh website bng MS Frontpage Vi MS Frontpage vic liờn kt v cp nht cỏc trang web l ht sc n gin v thun tin. - Chn File -> New -> Page or Web v chn Empty Web trong bng thao tỏc cnh phi. Nu ó cú mt cõy th mc cha cỏc tp tin html sn cú thỡ trong ca s i thoi k tip dựng Browse chn th mc ny. Cũn nu bt u t u thỡ chn mt th mc trng. - Chn View -> Folders. õy l khung trỡnh by tng t Windows Explorer ú ta cú th chộp, chuyn, xúa, thay i tờn, to mi tp tin v.v . rt d dng. Mun a cỏc tp tin html vo web ch vic m thờm Windows Explorer v kộo th cỏc tp tin vo. - to tp tin ch mc ta chuyn qua View -> Folder View ri chn th mc cn lp ch mc, sau ú chn File -> New to tp tin trng khung bờn phi v lu li vi tờn index.htm hoc index.html. Bõy gi ta ch cn kộo th cỏc tp tin html khung bờn trỏi vo bờn trong tp tin trng ny theo th t mong mun. Cỏc liờn kt s c to ra trong trang trng ny. Nu mun thay i th t cỏc link ta ch cn chn link (click u on) v kộo th n ni mong mun. Nu mun thay i nh dng trang ch mc, ta ch cn m tp tin ny bng MS Word chnh theo mong mun. - thay i v trớ cỏc tp tin trong web ta ch vic m Frontpage v kộo th vo v trớ mi. Cỏc link n cỏc tp tin s t ng c cp nht v trớ mi. Vi nhng tp tin html c son bng MS Word, click ụi trờn tờn tp tin s khi ng MS Word sa chỳng. Lu ý khi y tựy chn Open web pages in the Office appilation that created them phi c bt (Vo Tools>Options>Configure Editors) 4. ng ký a ch v t ch cha website trờn internet Ta cú th ng ký a ch website (domain registration) theo ý riờng vi mt cụng ty dch v no ú vi mt mc phớ tựy theo cụng ty hoc cng cú th ng ký cú mt a ch --------------------------------------------------------------------- Ngời báo cáo: Lê Thị Hà Giang Báo cáo chuyên đề: Cách tạo một trang Web đơn giản từ phần mềm Microsoft Word min phớ trong ú a ch cú chen thờm tờn khỏc ngoi tờn riờng ta t (sub-domain registration). V ch t website (website hosting) ngoi nhng ni thu phớ, cú nhiu ni cho ta ch min phớ hoc cú ni buc ta phi ng ký a ch cú phớ ri sau ú mi cho ch min phớ. bit v nhng ni cho t ch min phớ ta cú th tỡm trờn Google vi t khúa free website hosting. Ti thi im cp nht ca bi ny cú th ng ký min phớ ch t website ti www.100mb.com (ch t khụng cú qung cỏo v nhiu tin ớch). 5. Ti website ln u v cp nht ni dung theo thi gian Khi ó cú a ch v ch t cỏc tp tin html, ta liờn h ni t ch bit cỏch ti cỏc tp tin html ca ta lờn. Cú 2 phng cỏch ph bin: 1. Ti lờn thụng qua trang web tin ớch ca ni cho ta t ch. Cú mt s ni cho phộp nộn tt c tp tin cn ti lờn thnh mt tp tin zip, sau ú gii nộn to ra ton b cõy th mc trờn website. 2. Ti lờn bng giao thc truyn tp tin trờn internet (ftp=file transfer protocol). Cỏch ny thun tin hn khi ta cú th thao tỏc vi th mc v tp tin nh trờn mỏy riờng ca ta. Tuy nhiờn i vi mt s host, thỡ hoc khụng cho phộp s dng giao thc ny hoc cho phộp nhng tc ti lờn rt chm. Sau ln ti u ta cú th dựng 1 trong 2 phng cỏch trờn thao tỏc trờn cỏc tp tin. --------------------------------------------------------------------- Ngời báo cáo: Lê Thị Hà Giang . Thị Hà Giang Báo cáo chuyên đề: Cách tạo một trang Web đơn giản từ phần mềm Microsoft Word * lu Word thnh mt trang web ta lm nh sau: Trong trang Word, . Son tho cỏc trang web riờng l bng MS Word - Liờn k cỏc trang web to thnh website bng MS Frontpage - ng ký a ch v thuờ ch trờn internet - Ti website ln u