Nokia 3200
Nokia 3200 omogućava snimanje fotografija veličine 352x288 u JPEG formatu. Potpuno je jasno kako fotografije snimljene takvim priručnim fotoaparatom ne mogu konkurirati kvalitetom fotografijama napravljenim profesionalnom opremom, pa čak ni onima napravljenim običnim fotoaparatima. Međutim, fotoaparati ugrađeni u mobitele imaju neke prednosti. Kao prvo, praktično je uvijek uz mene. Drugo, prebacivanje slike na laptop traje 5-10 sekundi infrared vezom, pa ne moram nositi nikakvu dodatnu opremu (kablove, pretvarače i druga čuda).
Obrada slika
Svakim danom, kako programi na računalima napreduju, sve je lakše obrađivati grafiku (fotografije). Ja sam koristio GIMP verziju 2.01, Open Source program.
Fotografiju napravljenu Nokia 3200 fotoaparatom, otvorim u GIMP-u. GIMP
pri tome javi poruku o grešci, koju potpuno ignoriram.
Nokia dodaje svoje
informacije koje GIMP ignorira te učita sliku i prikaže ju u
prozoru.
Prva stvar koju napravim u GIMP-u je na meniju Filteri->Pojačaj, zove se Unsharpen Mask. GIMP ponudi parametre koje ne mijenjam već odmah izaberem U redu. To je napravljeno prema uputama onih koji su puno više vremena posvetili problemu obrade fotografije [vidi Derrick Story: Digital Photography Hacks; Publisher: O'Reilly, Pub Date: May 2004, ISBN: 0-596-00666-7, Pages: 352, posebno dio Camera-Phone Tricks (Chapter 7.)].
Cilj mi je napraviti dvije slike jednake veličine 88x72 pixela (za roll-over efekt). Prvu sliku mislim normalno prikazivati, a kada korisnik pređe mišem preko slike (hover) ili klikne na sliku (active) prikazat će se druga slika. Drugu sliku napravim iz prve izborom na meniju Script-Fu -> Decor opcije Stara slika.
Postavljanje fotografija
Same fotografije, na ovim stranicama, imaju ulogu linka na Naslovnu stranicu. Na poslovnim stranicama, najčešće se link stavlja na logo firme. (X)HTML kod za prikaz slike je:
<div id="ja"> <a href="../index.html" title="Naslovna stranica (access key 1)" accesskey="1"> <span class="alt">Naslovna stranica</span> </a> </div>
Vanjski div element odvaja strukturu od ostatka stranice i omogućava bolje kontroliranje pozicije elementa i praznog prostora (whitespace-a) između sadržaja (content-a) elementa i okoline. Sam element sadrži link na Naslovnu stranicu u kojem je tekst Naslovna stranica zatvoren u span element. Taj span element sakrivam u CSS-u s display: none pravilom. Sadržaj tog elementa vidi se u preglednicima (engl. browser) koji ne podržavaju CSS. Sliku definiram u CSS-u kao pozadinu (background) link elementa, a roll-over efekt dobivam zamjenom pozadinske slike u :hover i :active pseudo klasama. Cijeli kod u CSS-u je:
.alt { display: none; }
#ja { float: right; text-align: center; font: .85em sans-serif; }
#ja a, #ja a:visited{
text-decoration: none;
display: block; width: 88px; height: 72px;
background: url(/i/d31.jpg) no-repeat;
}
#ja a:hover, #ja a:active {
text-decoration: none;
display: block; width: 88px; height: 72px;
background: url(/i/d32.jpg) no-repeat;
}
U ovom primjeru, normalno se prikazuje slika /i/d31.jpg, a zamjenjuje ju /i/d32.jpg. Obje slike imaju širinu 88 pixela i visinu 72 pixela. Link element prikazuje se kao običan tekst te neće biti podvučen (text-decoration: none;).