<překlad 4. anglického vydání> Text: Lynda Weinmanová. Design: Ali Karpová



Podobné dokumenty
Zrychlete své WWW stránky!

RAW s programem Adobe Photoshop CS

programování formulářů Windows

Adobe Illustrator CS5

Tvoříme PŘÍSTUPNÉ STRÁNKY. webové. Připraveno s ohledem na novelu Zákona č. 365/2000 Sb., o informačních systémech veřejné správy.

Použitelnost. stránek. domovských. Jakob Nielsen & Marie Tahir. Foto: Jiří Heller

Zoner Photo Studio kouzlo digitální fotografie

Střední škola aplikované kybernetiky s.r.o.: Maturitní okruhy z odborných předmětů 2010

Zoner PhotoStudio 11 archivace, správa, publikování a základní úpravy digitálních fotografií

1. Začínáme s FrontPage

Obsah. 1. ČÁST Tisk na stolní tiskárně Kapitola 1. Kapitola 2. Úvod Volba tiskárny a média...15

OBSAH. Předmluva 13 Poděkování Přehled dnešního vývoje webů Design pro minulost, přítomnost i budoucnost 33

KAPITOLA 1 Přehled aktuálního vývoje webů 11

John McWade. Jak na působivý grafický design Návrhy brožur, log, webů, newsletterů, vizitek či plakátů

Adobe Creative Team. Adobe Photoshop CS5. Oficiální výukový kurz

Nové přístupy tvorby web site. Doc. Ing. Zdeněk Havlíček, CSc. KIT PEF CZU - 13/11/2001

Obsah. Začínáme. Rychlý úvod do Dreamweaveru. Jak si přizpůsobíme pracovní plochu

Grafika a grafický design. Internetové publikování

Obsah. Úvod Barevná kompozice Světlo Chromatická teplota světla Vyvážení bílé barvy... 20

Vzdělávací obsah vyučovacího předmětu

Počítačová prezentace. Základní pojmy. MS PowerPoint

Webové stránky. 6. Grafické formáty pro web. Datum vytvoření: str ánk y. Vytvořil: Petr Lerch.

Kapitola 1 První kroky v tvorbě miniaplikací 11

Možnosti použití běžně používaných softwarových nástrojů ve výuce ČJL

IPPF PRŮVODCE PRAXÍ INTERNÍ AUDIT A PODVOD

Škola: Gymnázium, Brno, Slovanské náměstí 7 III/2 Inovace a zkvalitnění výuky prostřednictvím ICT Název projektu: Inovace výuky na GSN

Využití ICT techniky především v uměleckém vzdělávání. Akademie - VOŠ, Gymn. a SOŠUP Světlá nad Sázavou

Obsah. Úvodem 9 Zpětná vazba od čtenářů 10 Zdrojové kódy ke knize 10 Errata 10

Obsah. Začínáme. 1 Úvod do Adobe Acrobatu. 2 Zkoumáme pracovní plochu

OBSAH. Kontrola aktualizací... 18

Olga Rudikova 2. ročník APIN

POČÍTAČOVÁ GRAFIKA. Počítačová grafika 1

Webová grafika, struktura webu a navigace, použitelnost a přístupnost

Web. Získání informace z internetu Grafické zobrazení dat a jejich struktura Rozšíření funkcí pomocí serveru Rozšíření funkcí pomocí prohlížeče

Eric Meyer o CSS ovládněte kaskádové styly!

Úvod do tvorby internetových aplikací

Název modulu: XHTML a CSS pokročilé techniky tvorby webových stránek

================================================================================ =====

Wichterlovo gymnázium, Ostrava-Poruba, příspěvková organizace. Maturitní otázky z předmětu INFORMATIKA A VÝPOČETNÍ TECHNIKA

Obsah. Proč právě Flash? 17 Systémové požadavky 17. Jak používat tuto knihu 18 Doprovodný CD-ROM 19

Obsah. Stručná historie World Wide Webu 7

Funkce grafiky na webu. Primární grafická informace Fotografie Schémata Diagramy Loga Bannery

Kurz je rozdělen do čtyř bloků, které je možné absolvovat i samostatně. Podmínkou pro vstup do kurzu je znalost problematiky kurzů předešlých.

Co je to DTP. Albrechtova střední škola, Český Těšín, p.o. Označení materiálu (přílohy):

INTERNET A SÍTĚ. Role při tvorbě webových aplikací. Rozhodovací vrstvy při tvorbě webových aplikací. povrch kostra struktura obsah strategie

Pochvalná vyjádření k prvnímu vydání Hacking umění exploitace

Multimediální systémy

Textové editory. Ing. Luděk Richter

Úvod do aplikací internetu a přehled možností při tvorbě webu

SOU Valašské Klobouky. VY_32_INOVACE_3_09 IKT PowerPoint Vlozeni_videa Mgr. Radomír Soural. Zkvalitnění výuky prostřednictvím ICT

Počítačové formy projekce jsou: promítání snímků na obrazovce počítače, promítání snímků z počítače na plátno,

Číslo DUM: VY_32_INOVACE_04_01 Autor: Mgr. Ivana Matyášková Datum vytvoření: březen 2013 Ročník: prima Vzdělávací obor: informační technologie

IVT. Grafické formáty. 8. ročník

Zdroj:

MODERNÍ WEB SNADNO A RYCHLE

Název: VY_32_INOVACE_PG4120 Literatura, online zdroje informací, testy

Návrh stránek 4IZ228 tvorba webových stránek a aplikací

SOFISTIKOVANÉ NÁSTROJE PRO JEDNODUCHOU TVORBU PROFESIONÁLNÍCH WEBOVÝCH PREZENTACÍ

Petr Tumajer Certifikáty z kurzů a školení

Grafický software ve výuce a pro výuku

VY_32_INOVACE_INF4_12. Počítačová grafika. Úvod

Kartografická webová aplikace. Přednáška z předmětu Počítačová kartografie (KMA/POK) Otakar Čerba Západočeská univerzita

E-distribuce dokumentů. elektronizaci publikování

Registrační číslo projektu: CZ.1.07/1.5.00/ Elektronická podpora zkvalitnění výuky CZ.1.07 Vzděláním pro konkurenceschopnost

Multimediální systémy

Adobe Photoshop 18. Ukládání dokumentu formáty

Počítačová grafika SZŠ A VOŠZ MERHAUTOVA 15, BRNO

Tvorba internetových stránek

Maturitní otázka webové stránky (technologie tvorby webu) Co znamená pojem Web? Web, www stránky, celým názvem World Wide Web,

Obsah. Úvodem 9 Kapitola 1 Jaký počítač a jaký systém? 11. Kapitola 2 Obrázky a fotografie 21

Metodika výuky multimediálního vzdělávání odborných pracovníků Práce s webem

1. HDR. 2. Test Práce ve Windows. 3. Tilt-shift efekt. 4. Excel tisk a tvorba grafů. Informatika Ditta Kukaňová

Manuál korporátní identity Anna Čaníková

Redakční systém Joomla. Prokop Zelený

Základní ovládání systému

Název modulu: Tvorba webu pomocí XHTML a CSS začátečníci

CENÍK INZERCE V ČASOPISE MUZIKUS

VÝPOČETNÍ TECHNIKA OBOR: EKONOMIKA A PODNIKÁNÍ ZAMĚŘENÍ: PODNIKÁNÍ FORMA: DENNÍ STUDIUM

MATURITNÍ PRÁCE Z PŘEDMĚTU GRAFIKA A MULTIMEDIA

Pojmenuje a ovládá základní funkce počítače, seznámí se s jednoduchou historií vývoje počítačů. Pojmenuje a ovládá základní funkce počítače

VYUŽITÍ POČÍTAČOVÉ GRAFIKY

Webové stránky. 16. Obrázky na webových stránkách, optimalizace GIF. Datum vytvoření: str ánk y. Vytvořil: Petr Lerch.

Mgr. Vlastislav Kučera přednáška č. 1

Příloha č. 17 INFORMAČNÍ A KOMUNIKAČNÍ TECHNOLOGIE

INFORMATIKA. Grafické studio ve škole

Maturitní témata pro 1.KŠPA Kladno, s.r.o. Výpočetní technika

Úvod 13. Seznámení s PowerPointem 15. K čemu slouží PowerPoint a prezentace 16 Obvyklé využití prezentací 17 Možnosti publikování prezentací.

Škola: Gymnázium, Brno, Slovanské náměstí 7 III/2 Inovace a zkvalitnění výuky prostřednictvím ICT Název projektu: Inovace výuky na GSN

SEZNÁMENÍ S PRACOVNÍ PLOCHOU

Grafika a grafický design. Internetové publikování

22. Tvorba webových stránek

Tvorba posterů v PowerPointu a InDesignu

Webové stránky. 13. Obrázky na webových stránkách, modul Uložit pro web a zařízení. Datum vytvoření: str ánk y. Vytvořil: Petr Lerch

Počítačové kurzy buildit

TVORBA TEXTOVÉHO DOKUMENTU PROSTŘEDKY, PŘENOSITELNOST

Obsah. KAPITOLA 3 Základy: Strukturování dokumentů 33 Element article 35 Skládáme kousky dohromady 38

Přehled základních html tagů

Obsah. O autorech 9 Earle Castledine 9 Myles Eftos 9 Max Wheeler 9 Odborný korektor 10. Předmluva 11 Komu je kniha určena 12 Co se v knize dočtete 12

Inovace výuky prostřednictvím šablon pro SŠ

ZPRÁVA O HODNOCENÍ PŘÍSTUPNOSTI WEBOVÉ PREZENTACE MĚSTA XXXXXXXX

Transkript:

< velká kniha webdesignu.4 > <překlad 4. anglického vydání> Text: Lynda Weinmanová Design: Ali Karpová < velká kniha webdesignu.4 >

vkw.4 LYNDA WEINMAN Authorized translation from the English language edition, entitled DESIGNING WEB GRAPHICS.4, 4th Edition, 0735710791 by WEINMAN, LYNDA, published by Pearson Education, Inc, publishing as New Riders; Copyright 2004 by Lynda Weinman. All rights reserved. No part of this book may be reproduced or transmitted in any form or by any means, electronic or mechanical, including photocopying, recording or by any information storage retrieval system, without permission from Pearson Education, Inc. CZECH language edition published by ZONER software s.r.o., Copyright 2004 Autorizovaný překlad anglického vydání nazvaného DESIGNING WEB GRAPHICS, čtvrté vydání, 0735710791, autor WEINMAN, LYNDA, vydal Pearson Education, Inc, ve vydavatelství New Riders; Copyright 2004 Lynda Weinman. Všechna práva vyhrazena. Žádná část této publikace nesmí být reprodukována nebo předávána žádnou formou nebo způsobem, elektronicky ani mechanicky, včetně fotokopií, natáčení ani žádnými jinými systémy pro ukládání bez výslovného svolení Pearson Education, Inc. České vydání vydal ZONER software s.r.o., Copyright 2004. <velká kniha webdesignu.4> Autor: Lynda Weinmanová Copyright ZONER software s.r.o. Vydání první v roce 2004. Všechna práva vyhrazena. KATALOGOVÉ ČÍSLO: ZR410 Zoner Press ZONER software s.r.o. Koželužská 7, 602 00 Brno Překlad: Šárka Piškovská, Tomáš Znamenáček, Radek Szabó, Silvie Filipová Odpovědný redaktor: Miroslav Kučera DTP: Petr Autrata Cover foto: Jiří Heller, HELER.CZ s.r.o., www.heller.cz Cover a layout: Ing. Pavel Kristián Informace, které jsou v této knize zveřejněny mohou byt chráněny jako patent. Jména produktů byla uvedena bez záruky jejich volného použití. Při tvorbě textů a vyobrazení bylo sice postupováno s maximální péčí, ale přesto nelze zcela vyloučit možnost výskytu chyb. Vydavatelé a autoři nepřebírají právní odpovědnost ani žádnou jinou záruku za použití chybných údajů a z toho vyplývajících důsledků. Všechna práva vyhrazena. Žádná část této publikace nesmí být reprodukována ani distribuována žádným způsobem ani prostředkem, ani reprodukována v databázi či na jiném záznamovém prostředku či v jiném systému bez výslovného svolení vydavatele s výjimkou zveřejnění krátkých částí textu pro potřeby recenzí. Veškeré dotazy týkající se distribuce směřujte na: Zoner Press ZONER software s.r.o. Koželužská 7, 602 00 Brno tel.: 532 190 883, fax: 543 257 245 e-mail: knihy@zoner.cz http://www.zonerpress.cz ISBN 80-86815-10-2

4. vydání NA ANGLICKÉ VERZI KNIHY SPOLUPRACOVALI Vydavatel David Dwyer Partner vydavatele Stephanie Wall Šéfredaktor Chris Nelson Výkonný redaktor Steve Weis Manažer produkce Gina Kanouse Marketingový manažer produktu Tammny Detrich Reklamní manažer Susan Nixon Starší redaktor Jeniffer Eberhardt Redaktor projektu Jake McFarland Techniční redaktoři Rich Evers Molly E. Holzschlag Robert Reinhardt Tvůrce rejstříku Cheryl Lenser Korektoři Jessica McCarty Linda Seifert Tvorba originální obálky Bruce Heavin bruce@stink.com Designér Ali Karp alink newmedia alink@earthlink.net O autorce Lynda Weinmanová učí počítačovou grafiku od roku 1984. Spolupracovala s mnoha institucemi, například Art Center College of Design, UCLA, American Film Institute (AFI) a San Francisco State Multimedia Studies Program. Napsala články pro časopisy MacWorld, MacUser, MacWeek, Step-by-Step Graphics a How. Přednášela na mnoha konferencích, například MacWorld, Seybold, PhotoshopWorld, Thunder Lizard Web a dalších konferencích o Photoshopu, DV Expo, LA DV Show, SIGGRAPH a Comdex. Pracovala jako poradce pro firmy Apple, Microsoft, Oracle a mnoho dalších společností. V roce 1997 založila se svým manželem Brucem Heavinem (pracuje jako grafik) společnost lynda. com, inc. Lynda.com se zaměřuje na výukové materiály pro profesionální grafiky ve formě knih, CD- -ROMů, online návodů, kurzů a akcí. Lynda.com je spoluzakladatelem FlashForward, konference pro tvůrce Macromedia Flash. Další akce, například After Effects West a Traveling Road Show, byly zorganizovány přímo na podnět firmy lynda.com. Pro více informací navštivte http://www.lynda.com!

iv < Úvodní záležitosti Stručný obsah vkw.4 01 Začínáme 01 17 Čáry a odrážky 275 02 Estetická stránka tvorby webu 17 18 JavaScript - rollovery a další 291 03 Plánování webových projektů 67 19 Obrázkové mapy 313 04 Stanovení cílů 77 20 Písma v HTML 323 05 Příprava a prototyp stránek 85 21 Tabulky a zarovnání 329 06 Informační architektura 97 22 Rámce 359 07 Navigace 111 23 Kaskádové styly 375 08 Problematika přístupnosti 131 24 Animace a zvuk 397 09 HTML a XHTML 155 25 Vytváření komunity 421 10 Formáty webových souborů 171 26 Vkládání programových součástí 435 11 Rychlá grafika 195 27 Použitelnost 451 12 Problematika barev 217 13 Paleta bezpečných barev 227 14 HTML značky pro barvy 245 15 Obrázky na pozadí 255 28 Standardy pro internetové prohlížeče 459 29 Hosting 473 30 Dejte o sobě vědět 483 16 Průhlednost formátu GIF 265

> Úvodní záležitosti v Obsah > O autorce iii vkw.4 iv > Obsah v > Poděkování xii Věnování xiii > Odborní recenzenti xiv > Sdělte nám svůj názor xv <velká kniha webdesignu.4> Úvod xvii xvii > Proměnlivý svět webu xviii Co je nového v této knize xix > Jak vkw.4 funguje xx Poznámky 2 01 Začínáme 3 > Lynda radí s volbou kariéry 2 Školení 3 Zdokonalení dovedností v obecném designu 4 Vzdělávejte se sami 4 Které dovednosti jsou důležité? 5 První kroky v kariéře 6 Význam portfolia 7 Kolik za to chtít 7 Jak najít práci ve webdesignu 9 Používejte vyhledávače 10 > Hardware 11 Mac nebo PC 11 Která platforma je lepší? 12 > Požadavky na systém 13 > Software 14 Grafické programy 15 > Shrnutí 16 02 Estetická stránka tvorby webu 17 > Estetika barev 18 Některé pojmy z teorie barev 18 > Výběr barevných schémat 20 Vztahy mezi barvami 21 > Použití vztahů mezi barvami ve webdesignu 22 Vizuální hierarchie 26 > Galerie barev 26 > Estetika typografie 28 Základní typografické pojmy 28 > Úvod do typografie 30 Fonty pro web 31 Čitelnost 34 Jak se liší fonty na platformách 34 > Verdana a Georgia 38 > Rozdílné velikosti fontů na Macintoshi a PC 40 > Písma jako součást webové grafiky 41 Kde získat fonty online 41 > Základní styly písem 43 Nepoužívejte příliš mnoho fontů 43 > Co je to rodina písma? 44 > Aliasing nebo anti-aliasing 46 > Text na stránce 49 Tisk webových stránek 49 > Fireworks a textové efekty 52 > HTML pro umístění grafiky na stránce 53 > A co takhle Flash? 54 > Estetika layoutu 55 Vyhněte se obdélníkům 55 Používejte mřížku 58 Galerie stránek, které používají mřížku 59 Délka řádků pro snadnější čtení 62 Volný prostor je lepší než těsný prostor 63 Myslete na přehyb 64 Estetika animace 65 > Shrnutí 66 03 Plánování webových projektů 67 > Získání práce 68 Ptejte se! 68 > Stručný souhrn 69 > Profil projektu 70 Vzor kontrolního seznamu 70

vi < Úvodní záležitosti > Vztahy s klienty 72 > Smlouvy a právní záležitosti 73 > Práce v týmu 75 > Shrnutí 76 04 Stanovení cílů 77 > Vymezení cíle 78 Určení cílové skupiny uživatelů 79 > Uživatelský prožitek 80 > Jaký cíl má vaše stránka cíl 82 > Shrnutí 84 05 Příprava a prototyp stránek 85 > Jak získat nápady 86 > Proč vytvářet prototyp stránek? 87 Okno prohlížeče 88 Dělejte si náčrtky 89 Začněte s prázdným dokumentem 91 Používání vrstev 92 Tvorba grafického manuálu 94 > Nebezpečí při vytváření prototypů 95 > Shrnutí 96 06 Informační architektura 97 > Co je to informační architektura? 98 Běžné organizační systémy 98 Běžné navigační systémy 100 > Postup 103 > Kolik kategorií? 104 Konkrétní příklady použití kategorií 104 > Popisky 107 Příklady použití popisků 108 > Shrnutí 110 07 Navigace 111 > Účel navigace 112 Příprava navigace 112 Každý něco chce 113 Vizuální hierarchie 114 Význam hledání 114 > Stálá navigace 115 > Problémy související s navigací 117 > Navigační grafika a indikátory 118 > Dobré a špatné použití navigace 120 Důležitá je soudržnost 125 Zdroje 129 > Shrnutí 130 08 Problematika přístupnosti 131 > Oficiální nařízení 132 Section 508 133 > Pravidla přístupnosti W3C 134 > 14 pravidel přístupného webu 135 > Užitečné techniky 142 > Kaskádové styly a přístupnost 146 > Kontrolní body a hodnocení přístupnosti 148 Tři "A" přístupnosti 148 > Systémy pro testování přístupnosti 149 Další informace na Internetu ohledně přístupnosti 150 > Přístupnost z celosvětového hlediska 151 > Shrnutí 154 09 HTML a XHTML 155 > HTML a XHTML v knize o grafice? 156 Mám se naučit HTML? 156 > Jak se naučit HTML 158 Jak HTML vypadá? 159 > HTML editory 160 Vlastnosti HTML editorů 162 > Co je to XHTML? 164 Mám se naučit XHTML? 166 Jak se naučit XHTML 166 Důležité pojmy XHTML 167 Jak vypadá XHTML? 168 Editory XHTML 169 > Shrnutí 170

> Úvodní záležitosti vii 10 Formáty webových souborů 171 > Bitmapa nebo vektor? 172 > Ztrátový nebo neztrátový? 175 Objasnění formátu GIF 176 > Komprese GIF 176 Prokládané GIFy 177 Prokládané GIFy ve Fireworksu a Photoshopu 178 Průhledné GIFy 179 Animované GIFy 180 > Komprese JPEG 181 Progresivní JPEG a standardní JPEG 183 Selektivní komprese JPEG 183 > PNG 184 Gama korekce 184 Průhlednost pomocí alfa kanálu 185 > Digitální vodotisk 186 > SVG 187 > SWF 190 Další informace o Flashi 191 > WBMP 192 Imode 193 > Shrnutí 194 11 Rychlá grafika 195 > Kontrola rychlosti stahování 196 Jaká je skutečná velikost vašich souborů 197 > Velikostsouboru ve Fireworksu, IR a Photoshopu 198 > K jakému typu grafiky patří váš obrázek 199 Fotografie uložené ve formátu GIF bez ditheringu 200 Fotografie uložené ve formátu JPEG 200 Fotografie uložené ve formátu GIF s ditheringem 201 Čárová grafika ve formátu GIF bez ditheringu 202 Čárová grafika ve formátu JPEG 202 Čárová grafika ve formátu GIF s ditheringem 203 > Malé soubory JPEG 204 Příklady použití JPEG 204 > Malé soubory GIF 206 Bitová hloubka ovlivňuje velikost 207 > Anti-aliasing nebo aliasing 208 Nevyhlazená grafika 209 > GIF pro čárovou grafiku 210 > Barevné palety formátu GIF 211 Dithering a banding 212 Animované GIFy 213 > Smíšená grafika 214 > Dávkové zpracování 215 > Shrnutí 216 12 Problematika barev 217 > Od tisku k webu 218 RGB nebo CMYK 218 > Problémy s barvami: gama a kalibrace 219 > Profily srgb a ICC 220 > Co je srgb? 220 Můj názor na srgb 222 > Co je barevný profil ICC? 223 Můj názor na ICC 224 srgb ve Photoshopu 224 > Přesné barvy na webové stránce 225 > Shrnutí 226 13 Paleta bezpečných barev 227 > Co je paleta bezpečných barev? 229 Paleta bezpečných barev seřazená podle hodnot 230 Paleta bezpečných barev seřazená podle odstínu 232 > Proč existuje paleta bezpečných barev? 234 Kdy a proč používat paletu bezpečných barev 234 > Grafika obsahující jednolité barvy 236 > Grafika s fotografickým obsahem 238 JPEG neumí uchovat bezpečné barvy 239 > Potíže se smíšenými obrázky 240 Smíšené obrázky jako GIFy ve Photoshopu 240 > Jak pracovat s bezpečnými barvami 241 Převod plných barev na bezpečné barvy 241

viii < Úvodní záležitosti > Podložky pod myš s bezpečnými barvami 242 > Bezpečné barvy od Pantone 243 > Shrnutí 244 14 HTML značky pro barvy 245 > Hexadecimální kód pro barvy 246 Výchozí barvy 246 > Atributy pro barvy 247 Prvek BODY 248 Barva odkazů 249 > Názvy barev místo hexadecimálních hodnot 250 Atributy se jmény barev 251 Prvek FONT 252 Prvek TABLE 252 > Shrnutí 254 15 Obrázky na pozadí 255 > Dlaždice na pozadí 256 Určení velikosti dlaždicového vzorku 257 > Velký obrázek na pozadí stránky 258 Formáty souborů pro vzorky na pozadí 260 > Jednosměrné dlaždice 262 > Estetika obrázkového pozadí 263 > Shrnutí 264 16 Průhlednost formátu GIF 265 > Co je to průhlednost? 266 > Jak napodobit průhlednost 267 Maskování 267 Napodobení průhlednosti 268 Vzorky na pozadí nemůžete ošidit 269 > Průhlednost formátu GIF 270 Záře, měkké okraje a stíny 271 Nástroje a techniky pro průhlednost formátu GIF 272 > Shrnutí 274 17 Čáry a odrážky 275 > Vodorovné čáry 276 Vodorovné čáry v HTML a XHTML 276 Pokročilé vytváření vodorovných čar 278 Vodorovné čáry a dlaždice na pozadí 280 Vodorovné čáry vlastní výroby 280 > Svislé čáry 281 Kliparty pro čáry 281 > Odrážky 282 Odrážky založené na kódu 282 > Uspořádané seznamy a seznamy definic 284 > Tvorba vlastních odrážek 286 > Vytváříme grafiku pro odrážky 288 Kliparty pro odrážky 289 > Shrnutí 290 18 JavaScript - rollovery a další 291 > Stručná historie JavaScriptu 292 > Učíme se JavaScript 293 > Rollovery 294 Grafika pro rollovery 294 > Použití vrstev pro rollovery 296 Rozřezání obrázků pro rollovery 296 Rozřezání a optimalizace obrázku 297 > Tabulky a rollovery 299 > Rollovery v HTML editoru 300 Rollovery typu nahrazení 300 Rollover s ukazatelem 302 Vícenásobný rollover 304 Vyskakovací menu ve Fireworksu 307 > Detekce prohlížeče 308 Otevření nového okna 309 > Shrnutí 312 19 Obrázkové mapy 313 > Obrázkové mapy na straně serveru 314 > Obrázkové mapy na straně klienta 314 Kód pro obrázkové mapy na straně klienta 316

> Úvodní záležitosti ix > Obrázkové mapy a XHTML 317 Význam atributu ALT 318 Význam atributů WIDTH a HEIGHT 318 Opravdu potřebujete obrázkovou mapu? 319 Obrázkové mapy v grafických programech 320 Software pro obrázkové mapy 321 > Shrnutí 322 20 Písma v HTML 323 > Typografie založená na HTML 324 HTML prvky pro text 324 Výběr písma v HTML 325 Atribut FACE pro prvek FONT 326 HTML kód pro text v podobě obrázku 326 > A co takhle PDF? 327 > Shrnutí 328 21 Tabulky a zarovnání 329 > Jak velká je webová stránka? 330 > Zarovnávání pomocí XHTML a HTML 332 Značky a atributy pro formátování textu 333 Značky pro zarovnání obrázků 336 Vodorovné a svislé odsazení 338 Šířka a výška 339 > Speciální části obrázku 340 > Zarovnání pomocí tabulek 341 Tabulky s daty 341 Atributy FRAME a RULES 342 Značky tabulky 343 > Tabulka s grafikou a layout stránky 347 Procenta versus pixely 347 Tabulky založené na procentech 347 Tabulky založené na pixelech 348 Odsazení textu pomocí tabulky 351 Vizuální tvorba tabulek 352 Tabulkové tipy a triky 354 Tabulky a procenta 354 Tabulky a pixely 356 Trik s orámováním tabulky 357 > Shrnutí 358 22 Rámce 359 > Co jsou to rámce 360 Výhody a nevýhody rámců 362 Základy rámců 363 > Začínáme pracovat s rámci 364 > Střelba na cíl 367 > Zábava s rámci 369 > Zdvihnuté okraje 373 > Shrnutí 374 23 Kaskádové styly 375 > Implementace versus standardy 376 > Anatomie kaskádového stylu 378 Pravidla 378 > Připojení stylu k HTML dokumentu 379 Skupiny selektorů 380 Třídy 380 > Blokové a inline elementy 382 Pseudotřídy 384 Pseudoelementy 385 > Ukrytí stylu pro starší prohlížeče 387 > Typy kaskádových stylů 388 Vložené styly 388 Externí styly 389 Řádkové styly 389 > Jednotky 390 > Typografie 391 > Absolutní pozicování 392 Absolutní pozicování a značka DIV 393 > WYSIWYG editory 395 > Shrnutí 396 24 Animace a zvuk 397 > Základní pojmy z oblasti animace 398 > Animovaný GIF 399 Animovaný GIF technické poznámky 400 > Nástroje pro tvorbu animací ve formátu GIF 402 Macromedia Flash a Shockwave 403

x < Úvodní záležitosti > Macromedia Flash 404 Učíme se Flash 405 Stahování zásuvných modulů 405 > Macromedia Shockwave 406 Ukládání ve formátu Shockwave 406 > Macromedia Director 407 Flash versus Director 407 > Apple QuickTime 408 Základy QuickTime 408 QuickTime na webu 409 QuickTime stopy 409 Alternativní kvalita záznamu 410 Běžně používané QuickTime kodeky 411 Terminologie z oblasti digitálního videa 412 > Zvuk na webu 413 Estetika zvuku 413 Práce se zvukem 413 > Běžně používaná řešení 414 > Jak dostat zvuk do počítače 415 Terminologie digitálního záznamu zvuku 416 > Jak udělat malý zvukový záznam 417 Frekvence a bity 417 > Zvukové formáty 418 > Stahování zvukových souborů 419 BGSOUND 419 > Shrnutí 420 25 Vytváření komunity 421 > Co je komunita? 422 Výhody a nevýhody komunity 422 > Prvky komunity vyžadují tvorbu skriptů 423 > Ukázky komunity 424 > Otázka soukromí 426 > Emailové bulletiny 427 Odkazy 428 > List servery 429 Software 429 Externí konference 429 > Diskusní konference 430 Diskusní fóra 430 > Blogy 431 Odkazy na blogy 432 > Další nápady 433 Odkazy 433 Knihy o internetových komunitách 433 > Shrnutí 434 26 Vkládání programových součástí 435 > Zpracování formulářů 437 Jak formuláře fungují 437 > CGI 438 Odkazy vztahující se k CGI a programování v CGI 439 > Personalizace 439 > Cookies 440 Informace o cookies 441 > Databáze 442 Informace o databázích 442 Použití databází 443 > Nákupní košíky 444 Odkazy k nákupním košíkům 444 > Ochrana dat 445 Odkazy o ochraně dat 445 Iniciativa W3C P3P 446 > Získávání důvěry uživatelů 447 > Bezpečnost 448 Odkazy k bezpečnosti 449 > Shrnutí 450 27 Použitelnost 451 > Uživatelský design 452 > V jednoduchosti je síla 453 > Faktor Jacoba Nielsena 454 > Uživatelské testování 455 Na co a jak se ptát 456 > Klíčové náměty 457 > Shrnutí 458

> Úvodní záležitosti xi 28 Standardy pro internetové prohlížeče 459 > Historie standardů pro internetové prohlížečů 460 Odkazy týkající se webových standardů 460 > Specifikace HTML a XHTML 462 Stránky zabývající se HTML 462 Odkazy zabývající se problematikou XHTML 463 > Kaskádové styly 464 Odkazy na stránky zabývající se problematikou CSS. 464 > Objektový model dokumentu 465 Odkazy na stránky zabývající se problematikou DOM 465 > JavaScript (ECMAScript) 466 Odkazy zabývající se problematikou JavaScriptu/ECMAScriptu 466 > Současné internetové prohlížeče 467 Odkazy zabývající se problematikou internetových prohlížečů 467 > Kompatibilita 468 Kompatibilita layoutu HTML 468 Odkazy zabývající se kompatibilitou layoutu 469 Kompatibilita plug-inů 470 > Nejlepší praxe 470 Odkazy vztahující se k praktickým postupům 471 > Shrnutí 472 Odkazy na registrace stránek do vyhledávačů a katalogů 486 > Meta tagy 487 Odkazy vztahující se k prvkům meta 487 > Výměna odkazů 488 Odkazy věnující se problematice výměny odkazů a bannerů 489 > Shrnutí 490 Rejstřík 491 29 Hosting 473 > Co je to webhosting? 474 > Zaregistrujte si vlastní doménu! 474 > Co můžete očekávat od webhostingu 475 > FTP přesun stránek na server 480 Další pojmy vztahující se k FTP 481 > Shrnutí 482 30 Dejte o sobě vědět 483 > Katalogy & Vyhledávače 484 Odkazy na vyhledávače 484 > Dejte o sobě vědět 485

xii < Úvodní záležitosti Poděkování Lynda s dcerou Jamie si hrají s digitálním foťákem... To jsem já a můj další koníček nové kolo! Naučila jsem se, že člověk nemůže žít jen ze samé práce, beze špetky zábavy! V paralelním vesmíru v Alpách žije editorka Jennifer a pečuje o švýcarské krávy. Ali, femme fatale designu. Pokud zrovna nenavrhuje grafickou úpravu knih, alespoň knihy čte! Nic ji nemůže zastavit... Můj manžel Bruce. Na fotce se sice tváří vážně, ale mě neoklame.

> Úvodní záležitosti xiii Věnování Chci poděkovat svojí milující rodině, Brucovi a Jamie, za to, že mě podporují a berou mě, jaká jsem. Mám velké štěstí, že vás mám. Tato kniha je věnována všem lidem, kteří chtějí komunikovat prostřednictvím Internetu. Vy jste pro tuto knihu inspirací. Děkuji i své druhé rodině, lynda.com. Je mi ctí, že mohu spolupracovat s tak úžasným týmem inteligentních a nadšených lidí. Děkuji Garo Greenovi, řediteli vydavatelství lynda.com za to, že věří v mé knihy a ve mě. Jeho pomoc na tomto projektu byla neocenitelná. Děkuji i své další druhé rodině, New Riders Publishing. Připadám si, jako bychom vyrůstali spolu! Jen, Jake, David, Steve a Chris všichni jste skvělí! Děkuji Ali Karpové, jejíž mimořádná grafická úprava dělá z této knihy hotové umělecké dílo. Je to paráda! Děkuji Domenique Sillettové za příklady a pozvání na suši! Poděkování patří i Ramey, mojí kamarádce, která se mnou chodí cvičit. V neposlední řadě děkuji vám, čtenářům této knihy vy jste moje inspirace.

xiv < Úvodní záležitosti Odborní recenzenti Rich Evers Rich tvoří a programuje webové stránky od roku 1994. Má slabost kromě jiného pro Dreamweaver, Photoshop a XML/XHTML. Když má špatnou náladu, tak prý ničí myši a klávesnice, hází věcmi a píše kurzívou. Když má dobrou náladu, pravděpodobně ho spatříte, jak vaří, tančí a jezdí na horské dráze (i když ne všechno najednou). Molly E. Holzchlagová má na svém kontě přes 20 knih o tvorbě webu. Molly píše a přednáší vřelým hlasem, vyzařuje z ní upřímná vášeň pro Internet. Je autorkou sloupků, mnoha specializovaných článků a působí také jako redakční poradce. Publikovala pro Adobe, Macworld, PC Magazine, Builder.com a další. Čtenáři Web Techniques si oblíbili její sloupek Integrated Design. Molly pracovala pro redakce Digital Web Magazine, Web Review a jako odborný editor knihy Eric Meyer on CSS: Mastering the Language of Web Design (Vydal Zoner Press v roce 2004 pod názvem Eric Meyer ovládněte kaskádové styly). Molly je členkou řídícího výboru pro Web Standards Project (WaSP), působí jako vzdělávací ředitel pro World Organization of Webmasters a na mnoha institucích včetně University of Arizona sestavuje studijní programy pro diplomové kurzy zaměřené na tvorbu webu. Robert Reinhardt Robert je hlavním spoluautorem řady Flash Bible (Viley), dále Flash MX ActionScript Bible (Viley) a Rich Media MX: Building Multi-User Systems with Macromedia MX Software (Macromedia Press). Je také spoluředitelem [themakers] (http://www.flashsupport.com), multimediální společnosti sídlící v Los Angeles. Vytvářel multimediální kurzy pro vzdělávací zařízení v Kanadě a USA, přednášel na konferenci FlashForward, moderoval FlashintheCan a SIG- GRAPH. Jako vystudovaný fotograf zaujímá Robert k počítačovým aplikacím holistický přístup a vytváří provokativní multimediální projekty. K jeho posledním projektům patří grafika pro film režiséra Seana Penna, The Pledge (2000) a webová stránka filmu Training Day od Warner Bros.

> Úvodní záležitosti xv Sdělte nám svůj názor Jako čtenáři této knihy se stáváte těmi nejdůležitějšími kritiky a komentátory. Vážíme si vašeho názoru a chtěli bychom vědět, co děláme správně, co bychom mohli dělat lépe, ve kterých oblastech bychom měli publikovat a také vaše další podnětné myšlenky, o které jste ochotni se s námi podělit. Jako redaktor Zoner Press vítám vaše názory. Můžete mi psát poslat e-mail nebo dopis a sdělit mi, co se vám v této knize líbilo nebo nelíbilo, stejně tak, co bychom měli udělat, aby naše další knihy byly lepší. Pokud mi napíšete, nezapomeňte prosím připojit název knihy, ISBN, jméno autora, vaše jméno, telefon, fax nebo e-mail. Pozorně zhodnotím vaše názory a poskytnu je autorovi a redaktorům, kteří pracovali na této knize. Prosím, vězte, že nemohu pomoci s technickými problémy, které se týkají obsahu knihy, a že díky velkému množství e-mailů, které dostávám, nemohu zaručit odpověď na každou zprávu. E-mail: miroslav.kucera@zoner.com Adresa: Zoner Press ZONER software, s.r.o Miroslav Kučera Koželužská 7 602 00 Brno