Oblikovanje dokumentov s pomočjo odprte kode


Učna enota: 14. HTML - grafika 

Kaj se bomo v tem poglavju naučili

Naučili se bomo vstavljati in oblikovati slikovna gradiva v spletne dokumente. Spoznali bomo način grafičnega oblikovanja sodobne spletne predstavitve z ikonami.

 

novo  

Nova znanja in veščine

 

Podobno kot v besedilnih dokumentih je tudi v spletnih zelo pomembna slikovna predstavitev. Navadno vstavljamo majhne slike tipa GIF, katere potem povežemo na večje slike tipa JPG. Tako je obiskovalcu spletne strani prepuščeno ali bo prenašal k sebi obsežno vsebino ali ne. Sliko pomanjšamo v ikono s standardnim orodjem za obdelavo slik. Pri razmeščanju slik v stran si pomagamo s tabelami, katerim določimo nevidne okvirje.

 

vaje

  
 Vaje

 

1.) Tvori področja po shemi:

     Tvoje področje
            |
            | _____html
                         

2.) V podpodročju html tvori s pomočjo Nvu nov dokument za spletno predstavitev pod imenom slike.html.

 

3.) V dokumentu slike.html podaj osnovne podatke o tebi priljubljeni glasbeni skupini. S spleta naloži vsaj 5 slik, vezanih na temo, in jih vstavi v stran ter opremi s pripisi. Za slike uporabi ikone, tako da uporabnik dobi realno sliko komaj ob kliku na ikono.  


Namig: Link s sličice ikone narediš podobno kot z besedila: označiš sliko in aktiviraš gumb povezava ter določiš povezavo na veliko sliko.

 

4.) Na koncu podaj povezavo (link) na spletni dokument index.html in obratno.

5.) Oglej si spletno predstavitev in shrani dokument.  
 

linki  

Koristne povezave:

LUGOS; http://www.lugos.si/

Mozilla; http://www.mozilla.org/

Šola HTML; http://www.sigov.si/tecaj/html/html.html

2003-2007, Renato LUKAČ