Nazaj InformatikaNaprej Informatika 2 Vaje

V4 - Spoznavanje urejevalnikov HTML in razlik med njimi
      - pretvorba iz Wordovega formata *.doc v format HTML
       - izdelava prve spletne strani z urejevalnikom HTML (Word, Composer, Front Page Express, EditPlus)
       - primerjava izvornih kod (Source)


V prejšnji vaji (Vaja3) smo razložili zgradbo dokumenta in napisali prvo spletno stran s tektovnim urejevalnikom besedila (Beležnica). Že v uvodnih vajah sem poudaril, da je najbolje, če pri izdelavi spletnih strani uporabljamo oba načina (tekstovni urejevalnik in urejevalnik HTML), odvisno od tega, kaj moramo narediti. Največkrat običajni urejevalniki HTML odpovedo, ko je potrebno narediti kaj bolj zahtevnega - takrat pride do izraza znanje ukazov jezika HTML in tekstovni urejevalnik.

Pretvorba iz Wordovega formata *.doc v format HTML

Ker je Word zaenkrat še eden najpogosteje uporabljenih urejevalnikov besedila, se večkrat zgodi, da moramo to isto besedilo objaviti na spletni strani. Potrebno ga je le pretvoriti v format HTML. To naredimo tako, da ga shranimo kot HTML dokument. Seveda moramo imeti predhodno nameščeno orodje za pretvorbo v HTML. Če tega orodja še nimate, ga najdete na CD-ju za Microsoft Office. Ker omogoča pretvorbo tudi iz nekaterih drugih programov, vam ga priporočam, saj je velikokrat to najhitrejša rešitev.

Pri shranjevanju (pretvorbi) v HTML dokument pa nas Word včasih opozori, da nekaterih elementov ne more pretvoriti tako, kot je v originalu. Tako dobimo včasih "popačen" dokument. Zato moramo dokument po pretvorbi obvezno pregledati in popraviti napake, če je do njih prišlo. Opozoril bi rad še na problem, da se v nekaterih primerih videz dokumenta v Wordu (ko je v HTML obliki) in brskalniku razlikujeta. Zato moramo pred objavo dokumenta na spletni strani le-tega pregledati tudi z brskalnikom.

Postopek bom opisal po korakih:
 
Št. koraka Opis 
1.
 Odprete besedilo v Wordu.

Postopek: Datoteka, Odpri.
2.
 Shranite besedilo kot HTML.

Postopek: Datoteka, Shrani kot HTML.

Obliko strani preverimo z brskalnikom.
 
4. 
 Z brskalnikom (Netscape, IE) nato le še preverite obliko strani.

Zagon brskalnika:
Postopek: Start / Programi / Netscape Communicator / Netscape Navigator
ali zaženete Internet Explorer.

Odpiranje datoteke:
Postopek: File / Open Page / Choose File

V novem oknu le še pokažete na datoteko (Išči v: greste v mapo, kamor ste shranili dokument in kliknete nanj ter nato kliknete še Odpri). Spletni dokumenti imajo podaljšek htm ali html.

Postopek za Internet Explorer je skoraj povsem enak.
5.
 Sedaj imate (ni nujno) odprta oba programa: Word in Netscape (Internet Explorer). Ko v Wordu naredite kakšne popravke, besedilo shranite in preklopite na Netscape. Če želite spremembe videti, morate osvežiti zaslon s komando Reload.

Izdelava prve spletne strani z urejevalnikom HTML - Word
 
Št. koraka Opis 
1.
 Odprete prazno spletno stran v Wordu.

Postopek: Datoteka / Nova / Spletne strani / Prazna spletna stran
Lahko izberete tudi Čarovnika, ki vam bo pokazal nekaj že narejenih strani, ki pa jih lahko še spreminjate.
2.
 Napišemo željeno besedilo (MP - moje inicialke).
3.
 Datoteko shranimo.

Postopek: Datoteka / Shrani
Prične se postopek shranjevanja. Med shranjevanjem vam ponudi srednjeevropsko kodiranje jezika, ki ga potrdite.

S tem je postopek končan.
4. 
 Z brskalnikom (Netscape, IE) nato le še preverite obliko strani.

Izdelava prve spletne strani z urejevalnikom HTML - Netscape Composer
 
Št. koraka Opis 
1.
 Odprete prazno spletno stran v Netscape Composer-ju.

Postopek: File / New / Blank Page (Ctrl-Shift-N)
2.
 Napišemo željeno besedilo (MP - moje inicialke).
3.
 Datoteko shranimo.

Postopek: File / Save

S tem je postopek končan.
4. 
 Z brskalnikom (Netscape, IE) nato le še preverite obliko strani.

Izdelava prve spletne strani z urejevalnikom HTML - Front Page Express
 
Št. koraka Opis 
1.
 Odprete prazno spletno stran v Front Page Express-u

Postopek: Datoteka / Nova / Navadna stran
2.
 Napišemo željeno besedilo (MP - moje inicialke).
3.
 Datoteko shranimo.

Postopek: 

  • Datoteka / Shrani / 
  • Kot datoteko (izberemo)
  • Ime datoteke: (vpišemo ime datoteke in izberemo mapo)
S tem je postopek končan.
4. 
 Z brskalnikom (Netscape, IE) nato le še preverite obliko strani.

Izdelava prve spletne strani z urejevalnikom HTML - EditPlus
 
Št. koraka Opis 
1.
 Odprete prazno spletno stran v EditPlus.

Postopek: File / New / HTML Page (Ctrl-Shift-N)
2.
 Napišemo željeno besedilo (MP - moje inicialke).
3.
 Datoteko shranimo.

Postopek: Postopek: File / Save

S tem je postopek končan.
4. 
 Z brskalnikom (Netscape, IE) nato le še preverite obliko strani.

Primerjava izvornih kod (Source)

Da bo primerjava enostavnejša, naredimo z vsemi urejevalniki spletno stran z enako vsebino.
Primerjavo najlažje naredite s tekstovnim urejevalnikom besedila (Beležnico). Opišite ugotovitve!

Naloga: Izdelajte vstopno spletno stran za vašo projektno nalogo. Upoštevajte priporočila za izgled
vstopne strani (kateri podatki morajo biti na vstopni strani, razpored gumbov, slikic, barva ozadja).

Nazaj InformatikaNaprej Informatika 2 Vaje