Interesuj▒ca tre╢µ, dobrze zrobiona grafika i │atwa nawigacja to podstawy, kt≤re powinna spe│niaµ ka┐da dobra strona WWW. Jednak opr≤cz tego warto pamiΩtaµ o drobnych szczeg≤│ach, kt≤re sprawi▒, ┐e twoja strona bΩdzie lepsza od innych.

Stosuj atrybut ALT dla znacznika <IMG>. DziΩki temu w przegl▒darkach tekstowych w miejscu grafiki zostanie wy╢wietlony tekst podany w atrybucie ALT. Opr≤cz tego w Internet Explorer i Netscape Navigator dla Windows obrazek zyska ramkΩ z podpisem, kt≤ra pojawiaµ siΩ bΩdzie po najechaniu kursorem na grafikΩ. Dodatkow▒ zalet▒ atrybutu ALT jest to, ┐e tekst w nim zawarty pojawia siΩ w miejscu na obrazek, je╢li nie zostanie on za│adowany (oczywi╢cie je╢li obrazek ma zdefiniowane wymiary i tekst z atrybutu ALT mie╢ci siΩ w ich obrΩbie).

Powr≤t na g≤rΩ

Nigdy nie wolno zapominaµ o dodaniu do znacznika <IMG> atrybut≤w HEIGHT i WIDTH, okre╢laj▒cych wymiary obrazka. Grafiki o zdefiniowanych rozmiarach │aduj▒ siΩ szybciej, poniewa┐ przegl▒darka nie potrzebuje sprawdzaµ sama ich wielko╢ci. Poza tym je╢li czΩ╢µ obraz≤w na stronie nie za│aduje siΩ, b▒d╝ strona zostanie odczytana przez przegl▒darkΩ z wy│▒czon▒ opcj▒ wy╢wietlania grafiki (wiele os≤b tak robi przy wolnych │▒czach), to witryna zachowa sw≤j uk│ad pomimo braku obraz≤w. Ostatni▒ zalet▒ jest mo┐liwo╢µ skalowania grafiki za pomoc▒ atrybut≤w HEIGHT i WIDTH, mo┐emy np: rozci▒gn▒µ jednopikselowy obraz na ca│▒ stronΩ, tworz▒c liniΩ.

Powr≤t na g≤rΩ

Je╢li wykorzysujemy jeden element graficzny w kilku miejscach na stronie, jest on ╢ci▒gany z serwera tylko raz. Wielokrotne wkorzystanie jednej grafiki nie przed│u┐a czasu │adowania strony. W ten spos≤b mo┐emy ╢mia│o umie╢ciµ kilka identycznych obraz≤w bez obawy o zbytnie obci▒┐enie strony.

Powr≤t na g≤rΩ

Trzeba przyznaµ, ┐e du┐a ilo╢µ animowanych GIF-≤w na stronie wygl▒da bardzo efektownie. Jednak na d│u┐sz▒ metΩ animacje staj▒ siΩ denerwuj▒ce, rozpraszaj▒ i przeszkadzaj▒ w czytaniu. Po drugie, pliki z animacj▒ zawszΩ wa┐▒ wiΩcej od statycznych obraz≤w, przez co czas │adownia strony mo┐e siΩ znacznie wyd│u┐yµ. Animacje nale┐y umieszczaµ tylko wtedy gdy jest to naprawdΩ niezbΩdne. Je╢li nie s▒ konieczne, stanowi▒ tylko niepotrzebny fajerwerk.

Powr≤t na g≤rΩ

PamiΩtaj, ┐e niekt≤re efekty mo┐na uzyskaµ stosuj▒c czysty kod HTML zamiast grafiki. Im mniej niepotrzebnych obraz≤w, tym lepiej dla prΩdko╢ci │adowania siΩ strony. Dobrym przyk│adem jest u┐ycie tabel z kolorowymi t│ami lub linki <HR>.

Powr≤t na g≤rΩ

Przy bardzo du┐ych objΩto╢ciowo obrazach, dobrze jest zrobiµ ich l┐ejsze kopie i umie╢ciµ w atrybucie LOWSRC dla znacznika <IMG> obok normalnego SRC. DziΩki temu odbiorca strony bΩdzie m≤g│ zobaczyµ s│absz▒ jako╢ciowo wersjΩ obrazka zanim za│aduje siΩ normalnej jako╢ci, ale wiΩksza grafika.

Powr≤t na g≤rΩ

Umieszczaj▒c na stronie kolorowe t│a w postaci grafik nale┐y dok│adnie sprawdziµ czy tekst nie zlewa siΩ z t│em, przez co stajΩ siΩ nieczytelny. Dobrze jest dobraµ kolor tekstu, kt≤ry mocno kontrastuje z kolorem t│a. Nie nale┐y zapominaµ, ┐e najbradziej czytelny jest, klasyczny, czarny tekst na bia│ym tle. Najmniej mΩczy on oczy. W przypadku du┐ej ilo╢ci tekstu najlepiej zostaµ przy standardowych rozwi▒zaniach.

Powr≤t na g≤rΩ

Przygotowuj▒c stronΩ na kt≤rej chcemy zaprezentowaµ du┐a ilo╢µ obraz≤w, np: galeriΩ zdjΩµ, nale┐y zrobiµ miniatury wszystkich obraz≤w bΩd▒ce jednocze╢nie linkami do normalnych wersji obraz≤w. OszczΩdzamy przez to czas zwiedzaj▒cym. Nie bΩd▒ musieli czekaµ na za│adowanie wszystkich du┐ych grafik, a jedynie miniatur i wybior▒ te kt≤re ich interesuj▒.

Powr≤t na g≤rΩ

Obrazki w formacie GIF zawsze zapisuj z opcj▒ przeplotu, zmniejsza to dodatkowo wielko╢µ pliku.

Powr≤t na g≤rΩ

Skanuj▒c zdjΩcia do wykorzystania na stronach WWW wystarczy skanowaµ w rozdzielczo╢ci 72 dpi. Wy┐sze rozdzielczo╢ci przydaj▒ siΩ dla obraz≤w przeznaczonych od druku.

Powr≤t na g≤rΩ

nastΩpna strona >>