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.

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 veliko 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

1.) Kreiraj področja po shemi:

Tvoje področje
|
| _____html
2.) V podpodročju html kreiraj s pomo č jo Nvu novi 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 vezanin 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!

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Č