BAZA ZNANJA

Kurs: Web dizajn

Modul: FrontPage

Autor: spec. Olga Mirkovic

Naziv jedinice: Upotreba slika

Slike su jedna od najprivlačnijih i najinteresantnijih komponenata web sajta. Slike daju veću živost i smisao vašim stranicama. FrontPage na web stranu može da smesti svaku sliku, bez obzira na njen prvobitni format. FrontPage pretvara svaku sliku u format GIF koji mogu prikazati svi čitači i tako da je snimi da se ona bez problema ugradi u web stranu. GIF format se koristi za slike sa malim brojem boja, dok se `šarenije` slike i fotografije bolje komprimiraju u JPEG formatu.

Kreirajte novu stranicu. Nazovite je slika.htm. Da bi na stranu dodali sličicu iz Clip Art-a, uradite sledeće:

Izaberite opciju menija Insert/Picture/Clip Art. Sa desne strane će se otvoriti okno poslova Clip Art. Kliknite na Organize clips. Otvoriće se prozor Microsoft Clip Organizer. Izaberite Office Collections. Kliknite na određenu kategoriju da biste videli raspoložive sličice. Izaberite sliku koju želite da dodate, a zatim je prekopirajte na vašu stranicu.

Sliku iz datoteke možete da dodate na stranu na sličan način:

Na meniju Insert/Picture izaberite from File. U polju Look in pronađite putanju do slike.  I kliknite na Insert.

SNIMANJE SLIKE

Da bi snimili sliku kliknite  na Save. Otvara  se prozor Save Embedded Files. Ovde možete preimenovati slike. Klikom na opciju Change Folder otvoriće se folder Change Folder i tu možete odrediti u kom folderu želite da sačuvate slike. Kliknite na Create New Folder da bi kreirali folder pod nazivom slike.

Kliknite potom na nov folder i on će se upisati u polje Look in. Kliknite na OK. Vratili ste se na prozor Save Embedded Files, i sad je ispod reči folder upisana reč slike tj. naziv foldera u kome ćemo sačuvati ovu sliku. Kliknite na OK. U Folder list se sada nalazi folder slike i u njemu slika koju smo kopirali iz clip art-a. Na isti način možete snimiti sliku iz nekog File-a.

Pogledajte HTML kod za ovu stranicu. Kliknite na Code. Za definisanje slike u HTML-u koristi se oznaka img, posle koje sledi oznaka src. Src se koristi za definisanje lokacije datoteke sa slikom.

PODEŠAVANJE KONTRASTA I OSVETLJENOSTI

Pomoću  More Contrast, Less Contrast podešavate kontrast slike. Samo označite sliku i kliknite na jednu od ovih ikona da bi ste povećali kontrast slike tj. zatamneli tamne boje a osvetleli svetle ili tamne boje osvetleli a svetle zatamneli.

Podešavanje svetlosti slike vršimo pomoću More Brightness i Less Brightness, osvetljavanjem slike belom bojoj ili zatamnjivanjem slike crnom bojoj.

POZICIONIRANJE SLIKE

Izaberite sliku pokazivačem miša a zatim ikonu Position Absolutely sa palete Picture. Kursor miša će biti u obliku strelice i sliku možete premestiti na bilo koji deo strane.

HIPERLINKOVI NA SLIKAMA

Hiperlinkovi na slikama funkcionišu isto kao i obični hiperlinkovi. Kreirajte novu stranu i nazovite je slika_link.htm. Desnim tasterom miša kliknite sliku (na strani slika.htm) i iz menija izaberite Hyperlink. Otvoriće se prozor Insert Hyperlink. Označite Existing File or Web page i u polju Look in Current Folder, a u polju Address upišite stranu na koju treba da vodi link tj. slika_link.htm. Kliknite na OK. Da bi videli kako hiperlink radi, potrebno je da najpre snimite promene. Zatim izaberite Preview sa dna prozora. Kada kliknete na hiperlink učitaće se druga strana, strana koju ste upisali u polju Address (slika_link.htm).

SVOJSTVA SLIKE

Kliknite desnim tasterom miša na sliku i izaberite Picture Properties. Otvoriće se prozor Picture Properties. Na kartici Appearance na opciji Wrapping style možete podesiti položaj slike u odnosu na tekst. Na ovoj kartici možete podesiti poravnanje slike u polju Alignment i veličinu slike Size koja je data u procentima i pixelima.

Na kartici General  u polju Picture upisan je naziv slike sa ekstenzijom gif. A u Default Hyperlink u polju Location upisana je stranica na koju vodi ova slika.

KAKO DA SLIKA POSTANE PROVIDNA

Druga veoma korisna mogućnost u FrontPageu  jeste da se jedna boja na slici učini providnom. Pritisnite mišem sliku i u dnu prozora će se pojaviti paleta Picture. Na paleti Picture pritisnite alatku Set Transparency Color i kursorom (čiji je oblik sada izmenjen) izaberite boju na slici koju želite da učinite providnom.