Grafika w Internecie - Shelley Powers (2012).pdf

(13990 KB) Pobierz
Spran\ by Twoja strona
wyglądała profesjonalnie!
L
Grafika
^tv
t e r
n
w Internecie
F fF H
HELION
O REILLY
Shelley Pouy
ers
Spis treści
Przedmowa................................................................................................................................... 7
1. Dobra za b a w a ............................................................................................................................15
Co było dobre dla dziadka...
Narysuj mnie!
$$$$$$$$$$$$
Grafika: wspaniały smak, zero nadwagi
Przestań! To boli!
Galeria Żałosnej Grafiki Internetowej
Czas na cudowną różnorodność
16
18
20
22
24
25
36
2. Obrazy..........................................................................................................................................39
Niezbędne podstaw y grafiki rastrowej i modelu RGB
JPEG
GIF — form at bezstratny
PNG
Opisywanie, zagnieżdżanie i optymalizacja obrazów
Publikacja obrazów w sieci W W W a prawa autorskie. Hotlinking
Przechowywanie obrazów
41
46
54
57
60
63
68
3. Z aparatu do internetu.............................................................................................................75
W arsztat pracy fotografa
Praca na plikach w formacie RAW
Edytowanie zdjęć: praca ze światłem
Dopasuj kolor w grupie, czyli optymalizacja grupowa
Czerń i biel zam iast kolorów
Tw orzenie atrakcyjnego materiału ilustracyjnego
W ycinanki i wyodrębnienia
Przegląd aplikacji służących do edycji obrazów
Internetowe edytory obrazów: Splashup i Picnik
Organizacja i obróbka zbiorów zdjęć
Obróbka zdjęć: jeszcze raz o procesie przenoszenia fotografii z aparatu do internetu
76
78
84
86
101
105
110
113
133
137
142
Spis treści
3
4. Internet w obrazkach............................................................................................................. 145
Sztuka tworzenia m iniatur o odpowiedniej wielkości
Sztuka kreatywnego tworzenia m iniatur
Powiększające się miniatury
Umieszczanie zdjęć na stronach: okraszanie tekstu obrazami
Sztuka układania zdjęć na stronach
Galerie i pokazy slajdów wygenerowane program owo
Aplikacje do tworzenia galerii, działające po stronie serwera
Odrobina kodu
145
152
161
163
168
179
186
192
5. Grafika użytkow a....................................................................................................................195
Skrzynka z narzędziami do obróbki grafiki: kształty, warstwy, gradienty i rozmycie
Lśniące przyciski: żelowe, mokre albo szklane
Nie tylko przyciski: plakietki i ikony
Refleksje na tem at refleksów i kilka dodatkowych słów na temat cieni
Analiza istniejących projektów
W jednej chwili — zrzuty ekranu
196
198
209
218
232
234
6. W ektorowo — początki i języki znaczników....................................................................241
W ebCGM
Formaty trójwym iarowe
Język VM L
W itaj, SVG!
242
242
247
255
7. Obóz szkoleniowy neofitów SVG....................................................................................... 265
Różne specyfikacje SVG — Full, Basic i Tiny
Obsługa standardu w przeglądarkach — nieprzystępność czy integracja?
Struktura przestrzeni SVG
Elementy technologii SVG
Ścieżki, wzory i m arkery
Ponowne spotkanie z oknem roboczym i atrybutem view Box
Transform acje
Narzędzia technologii SVG
Tajniki statycznej grafiki SVG
266
266
273
274
295
307
312
317
323
8. CSS — wyższy poziom wtajemniczenia............................................................................ 329
M agia selektorów
W skazów ki i porady dotyczące CSS
Plastyczny znacznik div
Narzędzia i program y do obsługi plików CSS
330
339
341
355
4
|
Spis treści
9.
Projektowanie stron W W W dla laików .............................................................................365
Zasady projektowania stron W W W
Strony W W W są jak ogry, a ogry mają w arstwy
Projektowanie elastyczne
Kolory — jak sprawić, by strona była wesoła, jak sprawić, by była smutna
Typografia na stronie W W W
Narzędzia projektanta
Dodatkowa lektura
366
378
388
394
399
404
407
10. Grafika dynamiczna.............................................................................................................. 409
Szybkie w prow adzenie do modelu obiektów dokumentu DOM
W yróżnianie kolorem
Zm ienianie klasy i przezroczystości
Programowanie obrazów
Akordeon — kompresja przestrzeni
410
419
423
432
436
11. Tworzenie na kanw ie............................................................................................................445
Obsługa obiektu canvas i M icrosoft Silverlight w różnych przeglądarkach
Podstawy pracy z obiektem canvas
Zachowywanie stanu rzeczy
W arstwy i przycinanie ścieżek
M ożliwości obiektu canvas
445
448
463
465
470
12.
Dynamiczne zastosowania znacznika canvas i języka SVG......................................... 481
Osadzanie animacji w kodzie
Obsługa SVG za pom ocą skryptu
Skrypty osadzone
Animowany zegar — „Witaj, świecie!" animowanego i interaktywnego kodu SVG
Oprogram owanie kanwy — pow iększenie
482
489
489
494
505
13. Magia obrazów — różne narzędzia obróbki g ra fik i...................................................... 517
Prezentowanie zdjęć — pokaz slajdów w trzech krokach
Obróbka obrazów za pom ocą PHP/GD
Kto potrzebuje interfejsu? — Magia ImageM agick
Programowanie z ImageM agick i IM agick
518
521
536
551
14.
Nieco geografii........................................................................................................................555
Korzystanie z map w serwisie Google
M apy udostępniane przez serwis Yahoo! M aps
Geografia w internecie
556
564
571
Spis treści
|
5
15. Cud, miód i orzeszki — łączenie danych z g ra fik ą .........................................................583
W ykresy — w dowolny sposób, byle nie statycznie
Katalogowanie zdjęć
W ykończenie za pomocą różowej poświaty
Ostatnie spojrzenie na dane i możliwości ich wizualizacji
Identyfikator URI data:
Na końcu tęczy
584
601
603
606
606
609
Skorowidz.................................................................................................................................. 611
6
|
Spis treści
Zgłoś jeśli naruszono regulamin