Text: Lynda Weinmanová. Design: Ali Karpová

Rozměr: px
Začít zobrazení ze stránky:

Download " Text: Lynda Weinmanová. Design: Ali Karpová"

Transkript

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

2 vkw.4 LYNDA WEINMAN Authorized translation from the English language edition, entitled DESIGNING WEB GRAPHICS.4, 4th Edition, 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í, , 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 <velká kniha webdesignu.4> Autor: Lynda Weinmanová Copyright ZONER software s.r.o. Vydání první v roce Všechna práva vyhrazena. KATALOGOVÉ ČÍSLO: ZR410 Zoner Press ZONER software s.r.o. Koželužská 7, 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., 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, Brno tel.: , fax: ISBN

3 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 Designér Ali Karp alink newmedia O autorce Lynda Weinmanová učí počítačovou grafiku od roku 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

4 iv < Úvodní záležitosti Stručný obsah vkw.4 01 Začínáme Čáry a odrážky Estetická stránka tvorby webu JavaScript - rollovery a další Plánování webových projektů Obrázkové mapy Stanovení cílů Písma v HTML Příprava a prototyp stránek Tabulky a zarovnání Informační architektura Rámce Navigace Kaskádové styly Problematika přístupnosti Animace a zvuk HTML a XHTML Vytváření komunity Formáty webových souborů Vkládání programových součástí Rychlá grafika Použitelnost Problematika barev Paleta bezpečných barev HTML značky pro barvy Obrázky na pozadí Standardy pro internetové prohlížeče Hosting Dejte o sobě vědět Průhlednost formátu GIF 265

5 > Ú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í 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í 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

6 vi < Úvodní záležitosti > Vztahy s klienty 72 > Smlouvy a právní záležitosti 73 > Práce v týmu 75 > Shrnutí 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í 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í 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í 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í Problematika přístupnosti 131 > Oficiální nařízení 132 Section > 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í 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

7 > Ú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í 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í 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í 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

8 viii < Úvodní záležitosti > Podložky pod myš s bezpečnými barvami 242 > Bezpečné barvy od Pantone 243 > Shrnutí 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í 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í 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í Čá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í 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í 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

9 > Ú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í 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í 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í 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í 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í 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

10 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í 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 > ové 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í 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í 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

11 > Ú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 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í 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

12 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.

13 > Ú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.

14 xiv < Úvodní záležitosti Odborní recenzenti Rich Evers Rich tvoří a programuje webové stránky od roku 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.

15 > Ú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 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 . 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í ů, které dostávám, nemohu zaručit odpověď na každou zprávu. Adresa: Zoner Press ZONER software, s.r.o Miroslav Kučera Koželužská Brno

Zrychlete své WWW stránky!

Zrychlete své WWW stránky! Zrychlete své WWW stránky! ZRYCHLETE své WWW STRÁNKY! Foto: Jiří Heller Andrew B. King Authorized translation from the English language edition, entitled SPEED UP YOUR SITE: WEB SITE OPTIMI- ZATION, 1st

Více

RAW s programem Adobe Photoshop CS

RAW s programem Adobe Photoshop CS RAW s programem Adobe Photoshop CS RAW s programem Adobe Photoshop CS Jiří Heller Bruce Fraser Peachpit Press Authorized translation from the English language edition, entitled REAL WORLD CAMERA RAW WITH

Více

programování formulářů Windows

programování formulářů Windows C# a WinForms programování formulářů Windows M i c r o s o f t. N E T D e v e l o p m e n t S e r i e s Chris Sells Microsoft.NET Development Series Windows Forms Programming in C# Authorized translation

Více

Adobe Illustrator CS5

Adobe Illustrator CS5 Adobe Creative Team Adobe Illustrator CS5 Oficiální výukový kurz Computer Press Brno 2012 Adobe Illustrator CS5 Oficiální výukový kurz Adobe Creative Team Překlad: Marcel Goliaš Obálka: Adobe Creative

Více

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.

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. 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 David Špinar Tvoříme přístupné webové stránky Autor: David Špinar Copyright

Více

Zoner Photo Studio kouzlo digitální fotografie

Zoner Photo Studio kouzlo digitální fotografie Zoner Photo Studio kouzlo digitální fotografie kouzlo digitální fotografie Pavel Kristián a kolektiv Zoner Photo Studio kouzlo digitální fotografie Autor: Ing. Pavel Kristián a kolektiv Copyright ZONER

Více

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

Střední škola aplikované kybernetiky s.r.o.: Maturitní okruhy z odborných předmětů 2010 NAW WEBOVÉ STRÁNKY 1 Barevné modely (nejen v oblasti webdesignu), fyzikální podstata barvy 2 Zacházení s barvou v oblasti webdesignu a její účinek na psychiku 3 Tvar vizuálních prvků webdesignu, vliv na

Více

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

Použitelnost. stránek. domovských. Jakob Nielsen & Marie Tahir. www.zonerpress.cz. Foto: Jiří Heller Použitelnost domovských stránek U S A B I L I T Y Foto: Jiří Heller www.zonerpress.cz Jakob Nielsen & Marie Tahir Nielsen & Tahir Použitelnost domovských stránek Authorized translation from the English

Více

1. Začínáme s FrontPage 2003 11

1. Začínáme s FrontPage 2003 11 Úvod 9 1. Začínáme s FrontPage 2003 11 Instalace programu 12 Spuštění a ukončení programu 15 Základní ovládání 16 Hledání souborů 30 Najít a nahradit 31 Tisk 32 Schránka sady Office 34 Nápověda 36 Varianty

Více

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

OBSAH. Předmluva 13 Poděkování 14. 1. Přehled dnešního vývoje webů 15. 2. Design pro minulost, přítomnost i budoucnost 33 OBSAH Předmluva 13 Poděkování 14 1. Přehled dnešního vývoje webů 15 Definice webdesignu 16 Sedm pravidel webdesignu 19 Tři filozofie webdesignu 20 Filozofie použitelnosti 21 Filozofie multimédií 25 Filozofie

Více

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

Počítačová prezentace. Základní pojmy. MS PowerPoint Počítačová prezentace Základní pojmy Počítačová prezentace využití elektronického systému pro předávání informací jednoduché zpracování textu, grafiky, zvuku a animací vysoká účinnost prezentace - přehledná

Více

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

KAPITOLA 1 Přehled aktuálního vývoje webů 11 Obsah Úvodem 9 KAPITOLA 1 Přehled aktuálního vývoje webů 11 Definice webového designu 12 Poznejte sedm pravidel webového designu 14 Pochopte tři přístupy k webovému designu 16 Shrnutí 24 KAPITOLA 2 Design

Více

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

Nové přístupy tvorby web site. Doc. Ing. Zdeněk Havlíček, CSc. KIT PEF CZU - 13/11/2001 Nové přístupy tvorby web site Doc. Ing. Zdeněk Havlíček, CSc. KIT PEF CZU - 13/11/2001 Osnova Úvod Web site - jasný cíl Technologie - dynamický web Forma - vyšší interaktivita Obsah - stálá aktualizace

Více

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

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

Více

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

Grafika a grafický design. Internetové publikování Grafika a grafický design Internetové publikování Design stránky Grafický design první dojem, rychlost stahování Struktura stránek navigace, rozvržení plochy Volba informací okruh čtenářů Syntaktická správnost,

Více

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

Obsah. Úvod... 9. Barevná kompozice... 16 Světlo... 18 Chromatická teplota světla... 19 Vyvážení bílé barvy... 20 Obsah Úvod.............................................................................................. 9 Historie grafického designu a tisku..................................... 10 Od zadání k návrhu..............................................................

Více

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

Adobe Creative Team. Adobe Photoshop CS5. Oficiální výukový kurz Adobe Creative Team Adobe Photoshop CS5 Oficiální výukový kurz Computer Press Brno 2012 Adobe Photoshop CS5 Oficiální výukový kurz Adobe Creative Team Překlad: Jiří Fadrný Obálka: Adobe Creative Team,

Více

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

Obsah. Začínáme. Rychlý úvod do Dreamweaveru. Jak si přizpůsobíme pracovní plochu Obsah Začínáme Učebnice Adobe Dreamweaver CS3................. 9 Předpoklady ke studiu............................. 9 Instalace programu...............................10 Kopírování souborů učebnice.....................10

Více

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

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

Více

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

Webové stránky. 6. Grafické formáty pro web. Datum vytvoření: 11. 10. 2012. str ánk y. Vytvořil: Petr Lerch. www.isspolygr.cz Webové stránky 6. Vytvořil: Petr Lerch www.isspolygr.cz Datum vytvoření: 11. 10. 2012 Webové Strana: 1/6 Škola Ročník Název projektu Číslo projektu Číslo a název šablony Autor Tématická oblast Název DUM

Více

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

Obsah. Úvodem 9 Zpětná vazba od čtenářů 10 Zdrojové kódy ke knize 10 Errata 10 Obsah Úvodem 9 Zpětná vazba od čtenářů 10 Zdrojové kódy ke knize 10 Errata 10 KAPITOLA 1 Co budeme potřebovat 11 Co knihovna jquery nabízí 11 Editor zdrojového kódu 12 Webový server 12 Software pro ladění

Více

Kapitola 1 První kroky v tvorbě miniaplikací 11

Kapitola 1 První kroky v tvorbě miniaplikací 11 Obsah Úvodem 9 Komu je kniha určena 9 Kapitola 1 První kroky v tvorbě miniaplikací 11 Co je to Postranní panel systému Windows a jak funguje 12 Co je potřeba vědět před programováním miniaplikací 16 Vaše

Více

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

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 Datum: 1. 12. 2013 Projekt: Registrační číslo: Číslo DUM: Škola: Jméno autora: Název sady: Název práce: Předmět: Ročník: Obor: Časová dotace: Vzdělávací cíl: Pomůcky: Využití ICT techniky především v uměleckém

Více

Š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

Š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 Škola: Gymnázium, Brno, Slovanské náměstí 7 Šablona: III/2 Inovace a zkvalitnění výuky prostřednictvím ICT Název projektu: Inovace výuky na GSN prostřednictvím ICT Číslo projektu: CZ.1.07/1.5.00/34.0940

Více

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

Webová grafika, struktura webu a navigace, použitelnost a přístupnost Webová grafika, struktura webu a navigace, použitelnost a přístupnost Martin Kuna martin.kuna@seznam.cz Obsah Webová grafika Rozvržení stránky Typografické zásady Nejčastější chyby Struktura webu a navigace

Více

OBSAH. Kontrola aktualizací... 18

OBSAH. Kontrola aktualizací... 18 2013 Albatros Media a. s. Toto CD je součástí knihy Adobe InDesign CS6, Oficiální výukový kurz a je samostatně neprodejné. Všechna práva vyhrazena. Nelegální kopie tohoto disku jsou zakázány. K2059_potisk.indd

Více

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

Eric Meyer o CSS ovládněte kaskádové styly! Eric Meyer o CSS ovládněte kaskádové styly! Předmluva Jeffrey Zeldmana xii Úvod xiv Projekt 1 Konverze existující stránky 1 Projekt 2 Tvorba stylu tiskové zprávy 33 Projekt 3 Styly pro kalendář událostí

Více

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

Obsah. Začínáme. 1 Úvod do Adobe Acrobatu. 2 Zkoumáme pracovní plochu Obsah Začínáme 1 Úvod do Adobe Acrobatu 2 Zkoumáme pracovní plochu O knize Oficiální výukový kurz.....................14 Acrobat Professional a Acrobat Standard...........14 Předpoklady.....................................15

Více

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

Možnosti použití běžně používaných softwarových nástrojů ve výuce ČJL Možnosti použití běžně používaných softwarových nástrojů ve výuce ČJL mluvnice a sloh: pravopisná cvičení (automatické opravy MS Word) školní a třídní časopis (šablona MS Word) slohové útvary (přednastavené

Více

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

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 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 Technologické trendy v AV tvorbě, Web 2 DNS Domain Name Systém

Více

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

================================================================================ ===== Název: VY_32_INOVACE_PG4101 Základní struktura HTML stránky Datum vytvoření: 01 / 2012 Anotace: DUM seznamuje se základní strukturou a členěním HTML stránky, s jednotlivými složkami - HTML, CSS, externí

Více

Olga Rudikova 2. ročník APIN

Olga Rudikova 2. ročník APIN Olga Rudikova 2. ročník APIN Redakční (publikační) systém neboli CMS - content management system (systém pro správu obsahu) je software zajišťující správu dokumentů, nejčastěji webového obsahu. (webová

Více

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

POČÍTAČOVÁ GRAFIKA. Počítačová grafika 1 Počítačová grafika 1 POČÍTAČOVÁ GRAFIKA Gymnázium Jiřího Wolkera v Prostějově Výukové materiály z matematiky pro nižší gymnázia Autoři projektu Student na prahu 21. století - využití ICT ve vyučování matematiky

Více

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

Wichterlovo gymnázium, Ostrava-Poruba, příspěvková organizace. Maturitní otázky z předmětu INFORMATIKA A VÝPOČETNÍ TECHNIKA Wichterlovo gymnázium, Ostrava-Poruba, příspěvková organizace Maturitní otázky z předmětu INFORMATIKA A VÝPOČETNÍ TECHNIKA 1. Algoritmus a jeho vlastnosti algoritmus a jeho vlastnosti, formy zápisu algoritmu

Více

Textové editory. Ing. Luděk Richter

Textové editory. Ing. Luděk Richter Textové editory Ing. Luděk Richter Střední škola, Havířov-Šumbark, Sýkorova 1/613, příspěvková organizace Tento výukový materiál byl zpracován v rámci akce EU peníze středním školám - OP VK 1.5. Výuková

Více

Obsah. Stručná historie World Wide Webu 7

Obsah. Stručná historie World Wide Webu 7 KAPITOLA I Web bez tajemství 1 Kde se vzal web a jeho stránky 2 Kouzlo jménem HTML 3 Jak stránky připravovat 5 Webová grafika 6 Web aktivní a interaktivní 6 Na straně serveru 6 Jak studovat tuto knihu

Více

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

Co je to DTP. Albrechtova střední škola, Český Těšín, p.o. Označení materiálu (přílohy): Číslo projektu: Název projektu: Subjekt: Označení materiálu (přílohy): CZ.1.07/1.1.24/02.0118 Polygrafie v praxi Albrechtova střední škola, Český Těšín, p.o. Prezentace Co je to Autor: Mgr. MgA. Michal

Více

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

Obsah. Proč právě Flash? 17 Systémové požadavky 17. Jak používat tuto knihu 18 Doprovodný CD-ROM 19 Úvod.............................15 Proč právě Flash? 17 Systémové požadavky 17 Jak používat tuto knihu 18 Doprovodný CD-ROM 19 Část první Začínáme s tvorbou her ve Flashi..............21 1 První kroky........................23

Více

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

Název: VY_32_INOVACE_PG4120 Literatura, online zdroje informací, testy Název: VY_32_INOVACE_PG4120 Literatura, online zdroje informací, testy Autor: Mgr. Tomáš Javorský Datum vytvoření: 05 / 2012 Ročník: 3 Vzdělávací oblast / téma: webdesign, počítačová grafika Anotace: Uvádí

Více

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

Funkce grafiky na webu. Primární grafická informace Fotografie Schémata Diagramy Loga Bannery Grafika pro web Funkce grafiky na webu Primární grafická informace Fotografie Schémata Diagramy Loga Bannery Funkce grafiky na webu Sekundární grafická informace Dekorace Zvýraznění Šipky Oddělovače Funkce

Více

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

Pochvalná vyjádření k prvnímu vydání Hacking umění exploitace Pochvalná vyjádření k prvnímu vydání Hacking umění exploitace Nejkompletnější výuka hackerských technik. Konečně kniha, která jen nepředvádí, jak využívat exploity, ale také ukazuje, jak je vyvíjet. PHRACK

Více

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

IVT. Grafické formáty. 8. ročník IVT Grafické formáty 8. ročník listopad, prosinec 2013 Autor: Mgr. Dana Kaprálová Zpracováno v rámci projektu Krok za krokem na ZŠ Želatovská ve 21. století registrační číslo projektu: CZ.1.07/1.4.00/21.3443

Více

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,

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, Prezentace 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, využití interaktivní tabule. Postup při tvorbě prezentace I 1. Stanovení cílů.

Více

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

Název modulu: XHTML a CSS pokročilé techniky tvorby webových stránek Název modulu: XHTML a CSS pokročilé techniky tvorby webových stránek Označení: C8 Stručná charakteristika modulu Modul si klade za cíl seznámit detailněji s tvorbou webových stránek pomocí kódovacího jazyka

Více

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

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 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 Název a číslo projektu CZ.1.07/1.5.00/34.0459 Název školy SOU Valašské Klobouky,

Více

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

Návrh stránek 4IZ228 tvorba webových stránek a aplikací 4IZ228 tvorba webových stránek a aplikací Jirka Kosek Poslední modifikace: $Date: 2013/12/12 20:40:58 $ Obsah Úvod... 3 Recept na dobré webové stránky... 4 Použitelnost... 5 Jak se pozná použitelný web...

Více

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

SOFISTIKOVANÉ NÁSTROJE PRO JEDNODUCHOU TVORBU PROFESIONÁLNÍCH WEBOVÝCH PREZENTACÍ Slezská univerzita v Opavě Obchodně podnikatelská fakulta v Karviné SOFISTIKOVANÉ NÁSTROJE PRO JEDNODUCHOU TVORBU PROFESIONÁLNÍCH WEBOVÝCH PREZENTACÍ Distanční studijní opora Jména autorů Ing. Josef Botlík

Více

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

Petr Tumajer Certifikáty z kurzů a školení Petr Tumajer Certifikáty z kurzů a školení Seznam kurzů a školení absolvovaných v letech 2007 až 2014 Kurzy grafiky Kurzy tvorby webu Obsah: Rekvalifikační kurz Pracovník grafického studia...2 InDesign

Více

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

VY_32_INOVACE_INF4_12. Počítačová grafika. Úvod VY_32_INOVACE_INF4_12 Počítačová grafika Úvod Základní rozdělení grafických formátů Rastrová grafika (bitmapová) Vektorová grafika Základním prvkem je bod (pixel). Vhodná pro zpracování digitální fotografie.

Více

E-distribuce dokumentů. elektronizaci publikování

E-distribuce dokumentů. elektronizaci publikování IINFORUM 2004 10. ročník konference o profesionálních informačních zdrojích 25. 27. května 2004, VŠE v Praze -------------------------------------------------------------------------------------------------------

Více

Čí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

Čí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 Čí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 Tematický celek: počítačová grafika Název projektu: Zvyšování

Více

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

Metodika výuky multimediálního vzdělávání odborných pracovníků Práce s webem Metodika výuky multimediálního vzdělávání odborných pracovníků Práce s webem 1. blok Teorie tvorby www Základní technologie Vlastnosti různých softwarů Základy webové grafiky V prvním bloku se účastníci

Více

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

Registrační číslo projektu: CZ.1.07/1.5.00/34.0553 Elektronická podpora zkvalitnění výuky CZ.1.07 Vzděláním pro konkurenceschopnost Registrační číslo projektu: CZ.1.07/1.5.00/34.0553 Elektronická podpora zkvalitnění výuky CZ.1.07 Vzděláním pro konkurenceschopnost Projekt je realizován v rámci Operačního programu Vzdělávání pro konkurence

Více

Zdroj: http://www.root.cz/clanky/pravda-a-myty-o-gifu/

Zdroj: http://www.root.cz/clanky/pravda-a-myty-o-gifu/ Zdroj: http://www.root.cz/clanky/pravda-a-myty-o-gifu/ Bitmapový formát (rastrový obrázek) Většina z používaných grafických formátů (JPEG, PNG, TGA, BMP) obsahuje popis rastrového obrázku jako celku ukládají

Více

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

ZPRÁVA O HODNOCENÍ PŘÍSTUPNOSTI WEBOVÉ PREZENTACE MĚSTA XXXXXXXX ZPRÁVA O HODNOCENÍ PŘÍSTUPNOSTI WEBOVÉ PREZENTACE MĚSTA XXXXXXXX Vypracoval: Jan Živný, Obce na webu, s.r.o. V Brně dne XXXXXXXX 1 Cíl hodnocení Tato zpráva je zpracována za účelem zhodnocení přístupnosti

Více

Tvorba internetových stránek

Tvorba internetových stránek Tvorba internetových stránek Ing. Michal Seibert E111 Konzultační hodiny: Pátek 9:00-10:00h Co nás dnes čeká? Podmínky absolvování. Zdroje teorie a praxe. Teorie: Domény. HosPngy. Návrh webu. Účast a zápočet

Více

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

VÝPOČETNÍ TECHNIKA OBOR: EKONOMIKA A PODNIKÁNÍ ZAMĚŘENÍ: PODNIKÁNÍ FORMA: DENNÍ STUDIUM VÝPOČETNÍ TECHNIKA OBOR: EKONOMIKA A PODNIKÁNÍ ZAMĚŘENÍ: PODNIKÁNÍ FORMA: DENNÍ STUDIUM 1. Historie a vývoj VT. Dnešní parametry PC. Von Neumannovo schéma. a. historie a vznik počítačů b. využití počítačů

Více

Multimediální systémy

Multimediální systémy Multimediální systémy Jan Outrata KATEDRA INFORMATIKY UNIVERZITA PALACKÉHO V OLOMOUCI přednášky Literatura Havaldar P., Medioni G.: Multimedia Systems: Algorithms, Standards, and Industry Practices. Course

Více

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

Název modulu: Tvorba webu pomocí XHTML a CSS začátečníci Název modulu: Označení: C7 Stručná charakteristika modulu Modul vznikl za účelem úvodního seznámení zájemců o problematiku tvorby moderních webových stránek podle standardů W3C. Zahrnuje základní nezbytné

Více

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

Obsah. Úvodem 9 Kapitola 1 Jaký počítač a jaký systém? 11. Kapitola 2 Obrázky a fotografie 21 Obsah Úvodem 9 Kapitola 1 Jaký počítač a jaký systém? 11 Potřebné parametry počítače pro práci s multimédii 12 Stručně pro každého 12 Podrobněji pro zájemce o techniku 12 Jak ověřit kvalitu svého počítače

Více

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

Kartografická webová aplikace. Přednáška z předmětu Počítačová kartografie (KMA/POK) Otakar Čerba Západočeská univerzita Kartografická webová aplikace Přednáška z předmětu Počítačová kartografie (KMA/POK) Otakar Čerba Západočeská univerzita Datum vzniku dokumentu: 3. 11. 2011 Datum poslední aktualizace: 10. 12. 2011 Cíl

Více

Redakční systém WordPress MU Manuál pro uživatele

Redakční systém WordPress MU Manuál pro uživatele WordPress je pokročilý redakční systém určený především pro tvorbu osobních stránek, blogů apod. Předností programu je snadné a přehledné ovládání, možnost rozšiřitelnosti a WordPress klade také důraz

Více

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

Grafický software ve výuce a pro výuku Grafický software ve výuce a pro výuku Software v prostředí školy Výběr softwaru Cena a licence Kompatibilita Platforma Podpora souborových formátů, sdílení Účel: výuka Počítačová grafika Výuka počítačové

Více

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

Redakční systém Joomla. Prokop Zelený Redakční systém Joomla Prokop Zelený 1 Co jsou to red. systémy? Redakční systémy (anglicky Content Management System - CMS) jsou webové aplikace používané pro snadnou správu obsahu stránek. Hlavním cílem

Více

Obsahy kurzů MS Office

Obsahy kurzů MS Office Obsahy kurzů MS Office V současné době probíhají kurzy MS Office 2010 s následující osnovou: 1. Základy práce na PC, MS Office - praktické užití Kurz je určen pro všechny, kteří mají s prací na PC minimální

Více

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

Maturitní otázka webové stránky (technologie tvorby webu) Co znamená pojem Web? Web, www stránky, celým názvem World Wide Web, Maturitní otázka webové stránky (technologie tvorby webu) Co znamená pojem Web? Web, www stránky, celým názvem World Wide Web, v doslovném překladu "světová rozsáhlá síť neboli celosvětová síť, je označení

Více

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

Příloha č. 17 INFORMAČNÍ A KOMUNIKAČNÍ TECHNOLOGIE Ovládá a využívá techniku a základní funkce operačního systému v souladu s pravidly Dodržuje ergonomická pravidla pro práci s počítačem Rozumí fungování počítačových sítí, chápe význam protokolu, zná a

Více

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

Počítačová grafika SZŠ A VOŠZ MERHAUTOVA 15, BRNO Počítačová grafika SZŠ A VOŠZ MERHAUTOVA 15, BRNO 1 Základní dělení 3D grafika 2D grafika vektorová rastrová grafika 2/29 Vektorová grafika Jednotlivé objekty jsou tvořeny křivkami Využití: tvorba diagramů,

Více

Tvorba posterů v PowerPointu a InDesignu

Tvorba posterů v PowerPointu a InDesignu Tvorba posterů v PowerPointu a InDesignu Ivo Šnábl Web studio Institut biostatistiky a analýz MU snabl@iba.muni.cz Operační program Vzdělávání pro konkurenceschopnost Projekt Zvyšování IT gramotnosti zaměstnanců

Více

Přehled základních html tagů

Přehled základních html tagů Přehled základních html tagů h1... hlavní nadpis h2... podnadpisy h3... podnadpisy další úrovně p... odstavec strong... tučné písmo b... tučné písmo em... kurzíva i... kurzíva br... zalomení řádku ol...

Více

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

Mgr. Vlastislav Kučera přednáška č. 1 Mgr. Vlastislav Kučera přednáška č. 1 jazyk HTML5 CSS3 HTML5 a CSS3: CASTRO, E. HTML5 a CSS3. Computer press, 2012 GOLDSTEIN, A., LAZARIS, L. a WEYL, E. HTML5 a CSS3 pro webové designéry. Brno: Zoner Press,

Více

Gymnázium Vysoké Mýto nám. Vaňorného 163, 566 01 Vysoké Mýto

Gymnázium Vysoké Mýto nám. Vaňorného 163, 566 01 Vysoké Mýto Gymnázium Vysoké Mýto nám. Vaňorného 163, 566 01 Vysoké Mýto Registrační číslo projektu Šablona CZ.1.07/1.5.00/34.0951 III/2 INOVACE A ZKVALITNĚNÍ VÝUKY PROSTŘEDNICTVÍM ICT Autor Mgr. Petr Štorek,Ph. D.

Více

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

Webové stránky. 16. Obrázky na webových stránkách, optimalizace GIF. Datum vytvoření: 12. 1. 2013. str ánk y. Vytvořil: Petr Lerch. www.isspolygr. Webové stránky 16. Vytvořil: Petr Lerch www.isspolygr.cz Datum vytvoření: 12. 1. 2013 Webové Strana: 1/6 Škola Ročník Název projektu Číslo projektu Číslo a název šablony Autor Tématická oblast Název DUM

Více

Š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

Š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 Škola: Gymnázium, Brno, Slovanské náměstí 7 Šablona: III/2 Inovace a zkvalitnění výuky prostřednictvím ICT Název projektu: Inovace výuky na GSN prostřednictvím ICT Číslo projektu: CZ.1.07/1.5.00/34.0940

Více

SEZNÁMENÍ S PRACOVNÍ PLOCHOU

SEZNÁMENÍ S PRACOVNÍ PLOCHOU OBSAH ZAČÍNÁME O Oficiálním výukovém kurzu.................................. 11 Co nového přináší toto vydání................................. 11 Co je ve verzi Photoshop Extended navíc.......................

Více

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

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 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 Poděkování 15 Earle Castledine 15 Myles Eftos 15 Max Wheeler

Více

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

1. HDR. 2. Test Práce ve Windows. 3. Tilt-shift efekt. 4. Excel tisk a tvorba grafů. Informatika Ditta Kukaňová 1. HDR ANOTACE: Výuka tématu grafika, rastrová grafika, práce s programem Zoner Photo Studio KLÍČOVÁ SLOVA: HDR, Zoner Photo Studio, efekty, ořez, rastrová grafika 2. Test Práce ve Windows ANOTACE: Test

Více

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

Grafika a grafický design. Internetové publikování Grafika a grafický design Internetové publikování Design stránky Grafický design první dojem, rychlost stahování Struktura stránek navigace, rozvržení plochy Volba informací okruh čtenářů Syntaktická správnost,

Více

Webové stránky. 2. Úvod do jazyka HTML. Datum vytvoření: 11. 9. 2012. str ánk y. Vytvořil: Petr Lerch. www.isspolygr.cz

Webové stránky. 2. Úvod do jazyka HTML. Datum vytvoření: 11. 9. 2012. str ánk y. Vytvořil: Petr Lerch. www.isspolygr.cz Webové stránky 2. Úvod do jazyka HTML Vytvořil: Petr Lerch www.isspolygr.cz Datum vytvoření: 11. 9. 2012 Webové Strana: 1/6 Škola Ročník Název projektu Číslo projektu Číslo a název šablony Autor Tématická

Více

INFORMATIKA. Grafické studio ve škole

INFORMATIKA. Grafické studio ve škole INFORMATIKA Grafické studio ve škole LUKÁŠ RACHŮNEK Přírodovědecká fakulta UP, Olomouc V současné době školy všech typů často potřebují grafické práce. Jedná se například o prezentaci školy ve formě brožur,

Více

Eric Meyer o CSS pokračujeme s kaskádovými styly profesionálně!

Eric Meyer o CSS pokračujeme s kaskádovými styly profesionálně! Eric Meyer o CSS pokračujeme s kaskádovými styly profesionálně! Předmluva Douglase Bowmana xii Úvod xiv PROJEKT 1 Přepracování starších stránek 23 PROJEKT 2 Vytváříme galerii fotografií 53 PROJEKT 3 Formátujeme

Více

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

Manuál korporátní identity Anna Čaníková Přehled Tento online manuál existuje z důvodu sjednocení grafického stylu při interní i externí komunikaci. Manuál je určen hlavně odborníkům z reklamních agentur, grafických studií, promotion a event

Více

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

MATURITNÍ PRÁCE Z PŘEDMĚTU GRAFIKA A MULTIMEDIA MATURITNÍ PRÁCE Z PŘEDMĚTU GRAFIKA A MULTIMEDIA Studijní obor: 18-20-M/01 Informační technologie Třída: I4.A Školní rok: 2012/2013 Autor: Lukáš Zuzaňák Prohlášení autora: Prohlašuji, že jsem tuto práci

Více

22. Tvorba webových stránek

22. Tvorba webových stránek 22. Tvorba webových stránek Webové stránky jsou spolu s elektronickou poštou nejpoužívanější prostředky internetu. Brouzdáme li internetem používáme nějaký prohlížeč. To, co vidíme na obrazovce v prohlížeči

Více

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

TVORBA TEXTOVÉHO DOKUMENTU PROSTŘEDKY, PŘENOSITELNOST TVORBA TEXTOVÉHO DOKUMENTU PROSTŘEDKY, PŘENOSITELNOST 1 Tvorba dokumentu - prostředky Psací stroj Od psaní na stroji pochází pojem normostrana Textové editory (např. T602) Slouží k tvorbě textu členěného

Více

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

Mgr. Vlastislav Kučera přednáška č. 1 Mgr. Vlastislav Kučera přednáška č. 1 jazyk (x)html kaskádové styly Castro, E.: HTML, XHTML a CSS. CPress, 2007 Písek, S.: HTML a XHTML, začínáme programovat. Grada Publishing, 2003 Wempen, F.: HTML a

Více

Internet 2 css, skriptování, dynamické prvky

Internet 2 css, skriptování, dynamické prvky Internet 2 css, skriptování, dynamické prvky Martin Hejtmánek hejtmmar@fjfi.cvut.cz http://kmlinux.fjfi.cvut.cz/ hejtmmar Počítačový kurs Univerzity třetího věku na FJFI ČVUT Znalci 26. března 2009 Dnešní

Více

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

Inovace výuky prostřednictvím šablon pro SŠ Název projektu Číslo projektu Název školy Autor Název šablony Název DUMu Stupeň a typ vzdělávání Vzdělávací oblast Vzdělávací obor Tematický okruh Inovace výuky prostřednictvím šablon pro SŠ CZ.1.07/1.5.00/34.0748

Více

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

VYUŽITÍ POČÍTAČOVÉ GRAFIKY POČÍTAČOVÁ GRAFIKA VYUŽITÍ POČÍTAČOVÉ GRAFIKY ÚPRAVA FOTOGRAFIÍ NAFOCENÉ FOTOGRAFIE Z DIGITÁLNÍHO FOTOAPARÁTU MŮŽEME NEJEN PROHLÍŽET, ALE TAKÉ UPRAVOVAT JAS KONTRAST BAREVNOST OŘÍZNUTÍ ODSTRANĚNÍ ČERVENÝCH

Více

Informace k e-learningu

Informace k e-learningu Informace k e-learningu Příprava na testy bude probíhat samostatně formou e-learningových školení přístupných způsobem popsaným níže. Zkušební testy, pomocí kterých se budete připravovat na závěrečný test,

Více

Obsah. Úvodem 11 Komu je kniha určena 11 Forma výkladu 12 Cvičení a příklady ke knize 12

Obsah. Úvodem 11 Komu je kniha určena 11 Forma výkladu 12 Cvičení a příklady ke knize 12 Obsah Úvodem 11 Komu je kniha určena 11 Forma výkladu 12 Cvičení a příklady ke knize 12 Kapitola 1 Než se pustíme do práce 15 Internet, web, WWW co to vlastně je? 15 Jak se tvoří internetové stránky 16

Více

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

Webové stránky. 13. Obrázky na webových stránkách, modul Uložit pro web a zařízení. Datum vytvoření: 04. 11. 2012. str ánk y. Vytvořil: Petr Lerch Webové stránky 13. Vytvořil: Petr Lerch www.isspolygr.cz Datum vytvoření: 04. 11. 2012 Webové Strana: 1/6 Škola Ročník Název projektu Číslo projektu Číslo a název šablony Autor Tématická oblast Název DUM

Více

Alan Hess fotografujte dobře DOMÁCÍ MAZLÍČCI od momentek ke skvělým fotografiím (psi, kočky, koně, ještěrky, morčata a mnoho dalších)

Alan Hess fotografujte dobře DOMÁCÍ MAZLÍČCI od momentek ke skvělým fotografiím (psi, kočky, koně, ještěrky, morčata a mnoho dalších) Alan Hess fotografujte dobře DOMÁCÍ MAZLÍČCI od momentek ke skvělým fotografiím (psi, kočky, koně, ještěrky, morčata a mnoho dalších) Fotografujte dobře: Domácí mazlíčci od momentek ke skvělým fotografiím

Více

téma: Úvod do praktika z ICT autor: Mgr. Radek Machan cíl praktika: organizace výuky, plán výuky, bezpečnost práce doba trvání: 2

téma: Úvod do praktika z ICT autor: Mgr. Radek Machan cíl praktika: organizace výuky, plán výuky, bezpečnost práce doba trvání: 2 téma: Úvod do praktika z ICT cíl praktika: organizace výuky, plán výuky, bezpečnost práce pomůcky: počítač, internet, starší cvičné počítače - organizace výuky - seznámení s plánem praktika IVT - seznámení

Více

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

Obsah. KAPITOLA 3 Základy: Strukturování dokumentů 33 Element article 35 Skládáme kousky dohromady 38 O autorech 11 Tiffany B. Brown 11 Kerry Butters 11 Sandeep Panda 11 Úvod 13 Komu je tato kniha určena 14 Použité konvence 14 Ukázky zdrojového kódu 14 Tipy, poznámky a varování 15 Nezbytné nástroje 15

Více

Základní práce v souborovém manažeru

Základní práce v souborovém manažeru Základní práce v souborovém manažeru 18-20-M/01 Informační technologie Základní pojmy a prostředky pro programování webových stránek Zvládnutí nástrojů typických pro programování webových aplikací Základní

Více

IE1 jazyk HTML a kaskádové styly

IE1 jazyk HTML a kaskádové styly IE1 jazyk HTML a kaskádové styly Tvorbu webových stránek v jazyce HTML a jejich formátování pomocí kaskádových stylů (CSS) budeme zkoušet na souvislém příkladu. Můžete si zvolit vlastní téma webové prezentace.

Více

Ministerstvo školství, mládeže a tělovýchovy České republiky. Tematický plán Obor: Informační technologie. Vyučující: Mgr.

Ministerstvo školství, mládeže a tělovýchovy České republiky. Tematický plán Obor: Informační technologie. Vyučující: Mgr. Tematický plán Vyučující: Mgr. Kijonková Jana 1. r o č n í k 3 h o d i n y t ý d n ě, c e l k e m 1 0 2 h o d i n Počet hodin Z á ř í 1. Operační systém Windows 6 1.1. Práce se soubory (vytvoření, uložení,

Více

Základy informatiky část 10

Základy informatiky část 10 Základy informatiky část 10 Ing. Vladimír Beneš vedoucí K-101 MSIT 4. patro, místnost č. 414 e-mail: vbenes@bivs.cz Ing. Bohuslav Růžička, CSc. tajemník K-108 MSIT 2. patro, místnost č. 215 e-mail: bruzicka@bivs.cz

Více

Webová stránka. Matěj Klenka

Webová stránka. Matěj Klenka Webová stránka Matěj Klenka Osobní webová stránka Toto je dokumentace k mé webové stránce This is a documentation to my web page Já, Matěj Klenka, prohlašuji, že má webová stránka byla vytvořena mnou a

Více