Aby stworzyć witrynę WWW, która wyróżnia się w rosnącej w lawinowym tempie ilości witryn, należy zaprojektować ją w sposób, który przyciągnie uwagę oglądających. Treść to nie wszystko -- niezwykle istotne jest to, co osoba odwiedzająca widzi jako pierwsze -- szata graficzna. Często jednak ten właśnie element witryny WWW jest zaniedbywany -- jako elementy graficzne wykorzystywane są ściągnięte z sieci przyciski i motywy, które rzadko kiedy oddają "klimat" serwisu. Jeśli chcemy, aby odwiedzający zapamiętali naszą witrynę WWW, musimy wykorzystać na niej prawidłowo przygotowaną grafikę.

"Elementy graficzne na stronach WWW" to kompendium wiedzy dla tych, którzy znają już podstawy tworzenia stron WWW w języku HTML i chcieliby poszerzyć swoją wiedzę. Książka opisuje wszystkie zagadnienia związane z tworzeniem grafiki pod kątem publikacji w internecie. Przedstawia metody doboru kolorów, optymalizacji plików graficznych, sposoby osadzania grafiki na stronie oraz technologie multimedialne, jakie można zastosować do wzbogacenia wyglądu strony.

• Modele barw i dobór kolorystyki strony
• Formaty zapisu plików graficznych stosowane w sieci
• TÅ‚o strony WWW
• Wstawianie obrazków na strony WWW
• Przygotowanie galerii internetowych oraz graficznych elementów nawigacyjnych
• Animacje na stronach WWW
• Zmiana kolorystyki formularzy, pasków przewijania i innych elementów stron WWW
• Osadzanie plików multimedialnych

Osoby które kupowały "Elementy graficzne na stronach WWW", wybierały także:

• Projektowanie oprogramowania dla zupeÅ‚nie poczÄ…tkujÄ…cych. Owoce programowania. Wydanie V 125,48 zÅ‚, (38,90 zÅ‚ -69%)
• D3.js w akcji 67,42 zÅ‚, (20,90 zÅ‚ -69%)
• Nie każ mi myÅ›leć! O życiowym podejÅ›ciu do funkcjonalnoÅ›ci stron internetowych. Wydanie III 49,00 zÅ‚, (24,50 zÅ‚ -50%)
• Ucieczka z puÅ‚apki budowania. Efektywne zarzÄ…dzanie produktem 49,00 zÅ‚, (26,95 zÅ‚ -45%)
• Badanie UX. Praktyczne techniki projektowania bezkonkurencyjnych produktów 49,00 zÅ‚, (26,95 zÅ‚ -45%)

Spis treści

Elementy graficzne na stronach WWW -- spis treści

Wstęp (9)

Rozdział 1. Kolory i rozdzielczość a strony WWW (11)

• PojÄ™cie koloru (11)
  
• Kalibracja koloru (13)
  
• Jak uzyskać harmoniÄ™ kolorów? (14)
  
• Kolor w Internecie, czyli bezpieczna paleta (14)
  
• Zasady dobierania kolorów (15)
  
• Wiek internauty a kolor (16)
  
• PanujÄ…ce trendy (16)
  
• Programy do pobierania kolorów (17)
  
• Rozdzielczość ekranu a wyglÄ…d strony (18)
  
• Informacja o zalecanej rozdzielczoÅ›ci ekranu (19)

Rozdział 2. Formaty grafiki internetowej (21)

• Jaki format wybrać? (21)
  
• Jak zmienić format pliku? (22)
  
• Format JPG, JPEG - krótka charakterystyka (22)
  
  • Jakie sÄ… zalety i wady formatu JPEG? (24)
  • NajczÄ™stsze zastosowanie formatu JPEG (24)
• Format GIF - krótka charakterystyka (24)
  
  • Zalety i wady formatu GIF (25)
  • NajczÄ™stsze zastosowanie formatu GIF (26)
• Format PNG - krótka charakterystyka (27)
  
  • Zalety i wady formatu PNG-8 (27)
  • Zalety i wady formatu PNG-24 (28)
• Inne stosowane formaty (28)
  
• Porównanie formatów graficznych (29)

Rozdział 3. Kolorowe i graficzne tło (31)

• Kolor tÅ‚a strony (31)
  
• Zmiana koloru tekstu (32)
  
• Grafika w tle - wstÄ™p (33)
  
• Jak wstawić obraz jako tÅ‚o w HTML-u? (34)
  
  • Jak wstawić obraz jako tÅ‚o w CSS? (34)
• Powielanie tÅ‚a (35)
  
• Jak umieszczać obraz stanowiÄ…cy tÅ‚o na stronie? (36)
  
• TÅ‚o graficzne w tabeli (38)
  
• Ciekawy efekt spadajÄ…cego tÅ‚a (38)
  
• Efektowny rozbÅ‚ysk tÅ‚a (39)
  
• Tworzenie tekstur (39)

Rozdział 4. Obrazy: wstawianie, obróbka, optymalizacja (43)

• Informacje wstÄ™pne (43)
  
• Wstawianie pliku graficznego (43)
  
• Tekst alternatywny (44)
  
• Wstawianie obrazów w nagłówkach (45)
  
• Wstawianie obrazu w akapicie (45)
  
• Rozmiary obrazu (47)
  
  • Jak skalować rozmiary obrazu? (47)
• Ramka wokół obrazu (48)
  
• Przetwarzanie wsadowe (48)
  
• CiÄ™cie grafiki (50)
  
• Optymalizacja grafiki (54)
  
  • Programy do kompresji obrazu (56)
• Przeźroczystość (59)
  
• Przeplot GIF-a (61)
  
• WyÅ›wietlanie progresywne w formacie JPEG (62)
  
• Przydatne porady przy tworzeniu grafiki internetowej (62)

Rozdział 5. Galerie internetowe (65)

• Argumenty za tworzeniem galerii internetowych (65)
  
• Zalety tworzenia albumów internetowych (65)
  
• Podstawowe zasady tworzenia galerii (66)
  
• RÄ™czne tworzenie cyfrowego fotoalbumu (67)
  
• Specjalistyczne programy darmowe (68)
  
• Specjalistyczne programy komercyjne (70)
  
• Tworzenie galerii online (73)

Rozdział 6. Elementy nawigacyjne (75)

• Elementy nawigacyjne - wstÄ™p (75)
  
• Metody nawigacji (76)
  
  • Wybór metody oraz reguÅ‚y dotyczÄ…ce nawigacji (79)
• Struktura informacji (80)
  
• Programy wspomagajÄ…ce tworzenie przycisków (81)
  
• Edytory HTML jako edytory przycisków (85)
  
  • Tworzenie przycisków w Xara Webstyle (88)
• Rozwijane menu nawigacyjne (90)
  
• Pasek nawigacyjny wykonany we Flashu (93)
  
• Proste, ale niezawodne metody nawigacji (95)
  
• Mapy odsyÅ‚aczy, czyli mapowanie obrazków (96)
  
  • Programy wspomagajÄ…ce tworzenie map Å‚Ä…czy (97)
  • Tworzenie map Å‚Ä…czy w edytorze FrontPage (100)

Rozdział 7. Animowane elementy na stronie WWW (103)

• Informacje wstÄ™pne (103)
  
• Strona powitalna, czyli intro (103)
  
• Zastosowanie animacji (106)
  
• Przekaz reklamowy (107)
  
  • Proces projektowania reklamy (108)
• Baner reklamowy (109)
  
  • PodziaÅ‚ banerów (110)
  • Rozmiar (111)
  • Kolor (112)
  • Czcionka (112)
  • Rozmiar pliku (112)
  • Rozmieszczenie elementów w reklamie (112)
  • Lokalizacja banera na stronie WWW (112)
  • Magia słów i muzyki (113)
• ABC tworzenia animacji (114)
  
• Programy do tworzenia i obróbki animacji (115)
  
  • Tworzenie banera w Xara Webstyle (115)
  • Tworzenie animacji w Xara 3D (117)
  • Tworzenie animacji w GIF MovieGear (118)
  • Animacja w Ulead GIF Animator (120)
  • Tworzenie animacji Flash (120)
• Optymalizacja animacji (125)

Rozdział 8. Osadzanie plików multimedialnych (129)

• Bezpieczne osadzanie plików multimedialnych (129)
  
• Wstawianie filmów za pomocÄ… znaczników (130)
  
• Internet Explorer (131)
  
• Netscape (132)
  
• Uniwersalny odtwarzacz filmów (132)
  
• Wstawianie animacji Flash (134)
  
• Osadzanie filmów w formacie RealVideo (136)
  
• Osadzanie filmów w formacie QuickTime (138)
  
• Zamiana AVI na SWF (138)

Rozdział 9. Odmienione formularze (141)

• Informacje wstÄ™pne (141)
  
• Zmiana koloru i innych parametrów formularza (141)
  
• Zmiana przycisku wyÅ›lij i wyczyść na graficzny (142)
  
• Ukrywanie paska przewijania w polu tekstowym formularza (145)

Rozdział 10. Pozostałe dodatki graficzne (147)

• Nagłówek (147)
  
• Logo (149)
  
• Wypunktowania graficzne (152)
  
• Separator poziomy (154)
  
• Separator pionowy (156)
  
• StrzaÅ‚ki (157)
  
• Pasek statusu: GG, Tlen, ICQ, WP kontakt (158)
  
  • Gadu-Gadu (159)
  • TLEN (159)
  • ICQ (160)
  • Komunikator WP kontakt (160)
• Ikona serwisu (161)

Rozdział 11. Dodatkowe efekty (163)

• Zmiana koloru paska przewijania (163)
  
• Jak przenieść pasek przewijania na lewÄ… stronÄ™? (164)
  
• Jak usunąć pasek przewijania? (165)
  
• Zmiana wyglÄ…du kursora (165)
  
• Kursor graficzny (166)
  
• Legenda na stronie internetowej (167)
  
• Animacja MARQUEE (168)
  
• Uniwersalna animacja MARQUEE (170)
  
• Losowo wyÅ›wietlane zdjÄ™cie (171)
  
• Podmiana wyglÄ…du grafiki po klikniÄ™ciu w Å‚Ä…cze tekstowe (172)
  
• Podmiana wyglÄ…du grafiki po klikniÄ™ciu w Å‚Ä…cze graficzne (173)
  
• Efektowna zmiana strony (173)
  
  • Efekt przejÅ›cia w edytorze MS FrontPage 2003 (174)
• Efekt poÅ›wiaty lub kolorowej otoczki (175)
  
• MigajÄ…ce elementy na stronie WWW (175)
  
• Pasek postÄ™pu (176)

Dodatek A Przydatne adresy internetowe (179)

• Darmowa grafika internetowa (179)
  
• Darmowe elementy graficzne (179)
  
• Banery (179)
  
• Darmowe czcionki (180)
  
• Programy do tworzenia animacji Flash (180)
  
• Programy graficzne (180)
  
• PrzeglÄ…darki graficzne (180)
  
• Porady (181)

Skorowidz (183)