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

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

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

Transkript

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

2 Obsah Webová grafika Rozvržení stránky Typografické zásady Nejčastější chyby Struktura webu a navigace Typy navigace Časté chyby Použitelnost a přístupnost webu Trendy v současném webdesignu

3 Webová grafika Hezký design je prostředek, nikoliv cíl Jde především o obsah, grafika na webu není uměleckým dílem Grafiku nemůže dělat každý neprofesionální design se pozná Význam grafiky: Rychlejší nalezení informace Rozlišení důležitosti sdělení Profesionální design zvyšuje důvěryhodnost a atraktivnost webu

4 Základní prvky grafického návrhu Výběr barev Kontrast a celkové sladění barev Používejte raději barvy pastelové, než syté a křiklavé Rozvržení stránky (layout) Rozvržení základních bloků na stránce Dekorativní prvky Ne vždy jsou vhodné, zvláště ne u stránek věřejného sektoru

5 Rozvržení stránky - layout Držte se standardů Dvou- a třísloupcový layout Umístění menu Hlavička, patička Pozor na šířku max. rozlišení Pevná versus dynamická šířka stránky

6 Typografické zásady (1) Font Bezpatkové písmo, nejlépe Arial, max. 2 druhy univerzálně dostupných písem (Times New Roman, Helvetica, Verdana, Tahoma, atd.) Text a barvy Nepoužívat červenou (a jiné barvy), podbarvování, atd. Velikost a řezy Ke zvýraznění je lepší jiný řez, nikoliv velikost

7 Typografické zásady (2) Podtrhávání Největší chyba, kterou je možné udělat Zarovnání Opatrně se zarovnáním na střed a vpravo, obsah v úzkých sloupcích někdy není vhodné zarovnávat do bloku Nadpisy Strukturujte své texty, pomozte čtenáři

8 Typografické zásady (3) Pozadí Dbejte na vysoký kontrast pozadí a písma Bílá je dobrá Vyvarujte se textur a obrázků na pozadí Zvýrazňování Zvýrazňujte jen to nejdůležitější, pokud bude zvýrazněna polovina textu, efekt se ztrácí a čtenářova pozornost též

9 Nejčastější chyby v grafice Příliš mnoho grafiky, pohyblivé a extrémně výrazné prvky Snižuje přehlednost, odvádí pozornost od samotného obsahu Nevhodné pozadí a barvy Text musí být snadno čitelný, nepoužívejte křiklavé barvy unavují oči, odlište barevně jednotlivé části stránky Špatně a málo strukturované texty Používejte nadpisy, řezy písma (normální, tučné, kurzíva, tučná kurzíva), vytvářejte a oddělujte odstavce - umožněte uživateli rychleji najít to, co hledá Obrázky místo textu

10 Struktura webu Rozdělte web na jednotlivé logické celky Tyto celky, rodiče, mají podcelky, děti, jež mohou mít další děti vzniká struktura webu v podobě tzv. stromu Většinou je lepší rozdělit obsah na více stran, než vytvořit jednu velice dlouhou stranu Logická a jasná struktura webu je pro orientaci návštěvníka klíčovým faktorem Vizuální podobou struktury webu je tzv. mapa webu (site map) html

11 Navigace Navigace je základním stavebním kamenem každé webové prezentace Je-li dobrá, návštěvník se dobře a rychle orientuje a nachází hledané informace Je-li špatná, návštěvník se ztrácí a často rovnou z webu odchází Navigace musí být stálá a pružná Je stále na svém místě Aktuální pozice je v menu vyznačena (přizpůsobení aktuálnímu stavu)

12 Typy navigace Typy navigace: Základní Doplňková, např. drobečková Nacházíte se zde: Úvod O knihovně Historie Mapa webu Vyhledávání Odkazy v textu

13 Další navigační prvky Logo jako odkaz na úvodní stránku Čitelná URL adresa Vypovídá o struktuře webu Např. Stránka nenalezena chyba 404 Obsahuje jen to nejnutnější nejlépe odkazy na nejdůležitější části webu, kontakt na administrátora a vyhledávací formulář

14 Časté chyby v navigaci Nevhodné členění webu (struktura) Nekonzistence Stránka odkazuje sama na sebe Menu nevytvářejte pomocí JavaScriptu, roletkového menu či image map Tyto prvky nejsou přístupné uživatelům se speciálním vybavením

15 Přístupnost a použitelnost Obzvláště důležitá témata u webů veřejného sektoru Přístupnost = web bez bariér Lidé používají různé technické vybavení a omezují je jejich fyziologické vlastnosti Neomezujme handicapované uživatele (až 20%! návštěvníků) Optimalizovat pouze pro svůj oblíbený prohlížeč a rozlišení znamená NEoptimalizovat vůbec Použitelnost = ergonomie webu Orientují se uživatelé na webu? Prochází stránkami bez obtíží? Držte se standardů, lidé jsou na ně zvyklí

16 Přístupnost Největší překážky Nevalidní HTML kód (doporučení: validní HTML Strict 1.0) JavaScript, nejčastěji v menu (doporučení: nepoužívat) Optimalizace pouze pro vysoká rozlišení Obrázkové texty Tabulkový layout Neoddělení formy od obsahu pomocí CSS Porušování metodik přístupnosti (WCAG, WAI, Section 508)

17 Použitelnost Je třeba si položit základní otázky Je logická struktura webu jasná a přehledná, nebude uživatel hledat informace jinde, než opravdu jsou? Jsou ovládací prvky v souladu se standardy? Používají se jednoduše, jsou konzistentní? Jsou obsah a pozadí vzájemně dostatečně kontrastní? Je grafika příjemná, nerozptyluje uživatele?

18 Trendy v současném webdesignu CMS administrační systémy pro správu obsahu, které zvládne ovládat i naprostý laik Oddělení obsahu od formy CSS a beztabulkový layout Optimalizace přístupnosti a použitelnosti Jednoduchá účelná grafika, ústup pohyblivých prvků a efektů Optimalizace pro vyhledávače Důraz na kvalitní obsah a časté aktualizace Web 2.0, AJAX

19 Děkuji za pozornost! Máte-li nějaké dotazy, rád se na ně pokusím odpovědět

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

Název: Design webu Anotace:

Název: Design webu Anotace: Registrační číslo projektu: CZ.1.07/1.4.00/21.3712 Škola adresa: Základní škola T. G. Masaryka Ivančice, Na Brněnce 1, okres Brno-venkov, příspěvková organizace Na Brněnce 1, Ivančice, okres Brno-venkov

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

Navigace na webových stránkách

Navigace na webových stránkách Navigace na webových stránkách Tato kapitola navazuje na kapitoly o přístupnosti, použitelnosti a optimalizaci webových stránek a podrobněji popisuje tvorbu informační architektury webových stránek, zejména

Více

IVT. Prezentace pravidla a postupy. 8. ročník

IVT. Prezentace pravidla a postupy. 8. ročník IVT Prezentace pravidla a postupy 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

Zásady a doporučení pro tvorbu prezentací SZŠ A VOŠ MERHAUTOVA 15, BRNO

Zásady a doporučení pro tvorbu prezentací SZŠ A VOŠ MERHAUTOVA 15, BRNO Zásady a doporučení pro tvorbu prezentací SZŠ A VOŠ MERHAUTOVA 15, BRNO Struktura prezentace Titulní snímek název prezentované práce, jméno autora, jméno vedoucího práce Úvodní snímek zadání projektu,

Více

Přístupnost webů knihoven příklady dobré a špatné praxe. Radek PAVLÍČEK, TyfloCentrum Brno, o. p. s., projekt Blind Friendly Web

Přístupnost webů knihoven příklady dobré a špatné praxe. Radek PAVLÍČEK, TyfloCentrum Brno, o. p. s., projekt Blind Friendly Web Přístupnost webů knihoven příklady dobré a špatné praxe Radek PAVLÍČEK, TyfloCentrum Brno, o. p. s., projekt Blind Friendly Web Máte rádi CAPTCHA? Líbila by se vám takto prezentovaná stránka vaší knihovny?

Více

Karel Punčoch Jan Sequens. Moderní trendy webdesignu

Karel Punčoch Jan Sequens. Moderní trendy webdesignu Karel Punčoch Jan Sequens Moderní trendy webdesignu Budouctnost internetu? internet zmizí! ERIC SCHMIDT šéf Google Ekonomické fórum v Davosu leden 2015 Budouctnost internetu? internet zmizí! ERIC SCHMIDT

Více

Dokumentace k projektu

Dokumentace k projektu Mendelova univerzita v Brně Provozně ekonomická fakulta Dokumentace k projektu Kvetoucí kaktusy Chalupová Lenka LS 2012 Webový Design Obsah 1. Úvod a cíl práce... 3 2. Informační architektura... 3 2.1.

Více

+420 271 752 042 info@h1.cz www.h1.cz

+420 271 752 042 info@h1.cz www.h1.cz SEO Optimalizace pro vyhledávače Jan Tichý +420 271 752 042 info@h1.cz www.h1.cz Cesty k dosahování cílů webu PPC Bannery E-mailing Přirozené výsledky Zpětné odkazy Silná značka Affiliate Offline reklama

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

SKUPINA ČEZ GRAFICKÝ MANUÁL PRO WEBOVÉ STRÁNKY SKUPINY ČEZ / VERZE 06/2014

SKUPINA ČEZ GRAFICKÝ MANUÁL PRO WEBOVÉ STRÁNKY SKUPINY ČEZ / VERZE 06/2014 GRAFICKÝ MANUÁL PRO WEBOVÉ STRÁNKY SKUPINY ČEZ / VERZE 06/0 OBSAH ZÁKLADNÍ PRAVIDLA JEDNOTLIVÉ ŠABLONY UNIVERZÁLNÍ MODULY 0 Základní pravidla 0 Práce s grafickým manuálem 05 Barevné schéma 06 Typografie

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

INSPO 2008. Karel Břinda centrum TEREZA, FJFI ČVUT v Praze. Lukáš Marvan Seznam.cz, a.s.

INSPO 2008. Karel Břinda centrum TEREZA, FJFI ČVUT v Praze. Lukáš Marvan Seznam.cz, a.s. INSPO 2008 Karel Břinda centrum TEREZA, FJFI ČVUT v Praze Lukáš Marvan Seznam.cz, a.s. 1 Představení centra TEREZA a Seznamu Počátky a model spolupráce Možnosti přístupu, realizace a testování Dosažené

Více

Návrh webové prezentace. Internetové publikování

Návrh webové prezentace. Internetové publikování Návrh webové prezentace Internetové publikování 1 Co je webdesign? Jedna z definic Návrh webových stránek nebo webových aplikací s využitím různých technologií Řemeslo, věda nebo umění? Různí autoři se

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

Existuje celá řada volně dostupných nástrojů, které jsou pro účel projektu vhodné, např.

Existuje celá řada volně dostupných nástrojů, které jsou pro účel projektu vhodné, např. TNPW1 PRŮVODCE SEMESTRÁLNÍM PROJEKTEM Jaké téma je vhodné zpracovat? Téměř jakékoli téma se hodí ke zpracování, jehož výstupem jsou webové stránky. Je vhodné začít u témat, která jsou nám blízká. Určitě

Více

Formáty papíru řady A, B, C m v íru p a ry ě o R

Formáty papíru řady A, B, C m v íru p a ry ě o R Formát knihy Formát knihy Formát knihy musí být zvolen adekvátně obsahu knihy a pohodlí čtenáře. Detektivku formátu A4 si člověk většinou do tramvaje nevezme................... Rozsáhlou obrazovou publikaci

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

Základní pravidla pro tvorbu prezentací

Základní pravidla pro tvorbu prezentací Základní pravidla pro tvorbu prezentací (pro potřeby GJO zpracoval Lukáš Kačer) Název prezentace krátký věcný výstižný Rozsah prezentace kratší prezentace méně znamená více přiměřenost názornost přehlednost

Více

Testování přístupnosti v soutěži Zlatý erb Radek PAVLÍČEK, TyfloCentrum Brno, o. p. s., projekt Blind Friendly Web

Testování přístupnosti v soutěži Zlatý erb Radek PAVLÍČEK, TyfloCentrum Brno, o. p. s., projekt Blind Friendly Web Testování přístupnosti v soutěži Zlatý erb 2015 Radek PAVLÍČEK, TyfloCentrum Brno, o. p. s., projekt Blind Friendly Web PROČ PŘÍSTUPNOST TESTUJEME? Zákonná povinnost (Vyhláška o přístupnosti) Web je oficiálním

Více

Ukázka knihy z internetového knihkupectví www.kosmas.cz

Ukázka knihy z internetového knihkupectví www.kosmas.cz Ukázka knihy z internetového knihkupectví www.kosmas.cz U k á z k a k n i h y z i n t e r n e t o v é h o k n i h k u p e c t v í w w w. k o s m a s. c z, U I D : K O S 1 8 0 6 6 0 U k á z k a k n i h

Více

Pravidla správné prezentace

Pravidla správné prezentace Pravidla správné prezentace SZŠ A VOŠZ MERHAUTOVA 15, BRNO 1/34 Obsah Základní pravidla Struktura prezentace Obecné zásady Další typy a doporučení 2/34 Základní pravidla Jedna myšlenka = jeden snímek 3/34

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

Tvorba prezentací. Mgr. Ing. Marek Martinec

Tvorba prezentací. Mgr. Ing. Marek Martinec Tvorba prezentací Mgr. Ing. Marek Martinec Obsah Základní chyby při prezentaci Doporučená struktura prezentace Text v prezentaci Pravidla a doporučení pro tvorbu prezentace Techniky projevu Hlavní chyby

Více

GRAFICKÝ NÁVRH WEBOVÉ STRÁNKY. Lenka Bednaříková

GRAFICKÝ NÁVRH WEBOVÉ STRÁNKY. Lenka Bednaříková GRAFICKÝ NÁVRH WEBOVÉ STRÁNKY Lenka Bednaříková DŮLEŽITÉ OTÁZKY PŘED ZAČÁTKEM TVORBY Co je cílem webu Pravidelně o něčem informovat Něco prodávat Zviditelnit se Kdo budou uživatelé stránek (cílová skupina)

Více

Novinky IPAC 3.0. Libor Nesvadba Karel Pavelka

Novinky IPAC 3.0. Libor Nesvadba Karel Pavelka Novinky IPAC 3.0 Libor Nesvadba Karel Pavelka Webové technologie Držíme laťku na vysoké úrovni Validní, sémantický, strukturovaný, přístupný, znovupoužitelný a jednoduchý XHTML kód. Komprimované JavaScripty

Více

www.zlinskedumy.cz Pracovní list VY_32_INOVACE_33_20 Databáze Databáze Databáze Projekt II. Ing. Petr Vilímek

www.zlinskedumy.cz Pracovní list VY_32_INOVACE_33_20 Databáze Databáze Databáze Projekt II. Ing. Petr Vilímek VY_32_INOVACE_33_20 Pracovní list Škola Název projektu, reg. č. Vzdělávací oblast Vzdělávací obor Tematický okruh Téma Tematická oblast Název Autor Vytvořeno, pro obor, roč. Anotace Přínos/cílové kompetence

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

Tvorba webových stránek

Tvorba webových stránek Tvorba webových stránek Kaskádové styly Úprava vzhledu webové stránky pomocí atributů má několik nevýhod a úskalí. Atributy nabízejí málo možností úprav. Obtížně se sjednocují změny na různých částech

Více

Help pro webmastery Vytvořte svůj vlastní web

Help pro webmastery Vytvořte svůj vlastní web Help pro webmastery Vytvořte svůj vlastní web Přednáška na Celostátním setkání mládeže v Táboře 15.8.2007 Vytváříš web své farnosti, spolču či svůj vlastní? Nebo o tom zatím jen uvažuješ, a nevíš, jak

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

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

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

Internetové publikování. Doc. Ing. Petr Zámostný, Ph.D. místnost: A-72a tel.: 4222, 4167 (sekretariát ústavu 111) e-mail: petr.zamostny@vscht.

Internetové publikování. Doc. Ing. Petr Zámostný, Ph.D. místnost: A-72a tel.: 4222, 4167 (sekretariát ústavu 111) e-mail: petr.zamostny@vscht. Internetové publikování Doc. Ing. Petr Zámostný, Ph.D. místnost: A-72a tel.: 4222, 4167 (sekretariát ústavu 111) e-mail: petr.zamostny@vscht.cz Internetové publikování CSS 3. část Vztahy mezi elementy»

Více

Pokyny pro vypracování maturitního projektu

Pokyny pro vypracování maturitního projektu Pokyny pro vypracování maturitního projektu Prostudujte si prosím pečlivě následující pokyny k vypracování maturitního projektu. Maturitní projekt musí obsahovat: 1. Titulní strana (nečísluje se) Obsahuje:

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

Internetové publikování

Internetové publikování Internetové publikování Doc. Ing. Petr Zámostný, Z Ph.D. místnost: A-72aA tel.: 4222, 4167 (sekretari( sekretariát ústavu 111) e-mail: petr.zamostny@vscht vscht.czcz Internetové publikování Webdesign Design

Více

Didaktická pomůcka k rozvoji polytechnického vzdělávání v MŠ vyrobená v rámci projektu

Didaktická pomůcka k rozvoji polytechnického vzdělávání v MŠ vyrobená v rámci projektu Didaktická pomůcka k rozvoji polytechnického vzdělávání v MŠ vyrobená v rámci projektu Metody Venkovní a formy učebna práce využití podporující školní zahrady rozvoj pro polytechnických rozvoj polytechnických

Více

SEO Optimalizace pro vyhledávače

SEO Optimalizace pro vyhledávače Jan Tichý E-mail: tichy@h1.cz Twitter: @jantichy +420 271 752 042 info@h1.cz www.h1.cz Cesty k dosahování cílů webu PPC Bannery E-mailing Přirozené výsledky Zpětné odkazy Silná značka Affiliate Offline

Více

Zásady správné prezentace

Zásady správné prezentace Zásady správné prezentace méně je více Jiří Machač SPŠ sdělovací techniky 5. února 00 Jiří Machač (www.panska.cz/ivt) Zásady správné prezentace 5. února 00 / 8 Výkon prezentujícího Prezentace je pouze

Více

TNPW1 Cvičení

TNPW1 Cvičení 13.10.2015 aneta.bartuskova@uhk.cz Úvod do CSS 13.10.2015 aneta.bartuskova@uhk.cz Výchozí styly prohlížeče Pokud nepřiřadíme elementům žádný styl v CSS, formátují se výchozími hodnotami prohlížeče (v CSS

Více

DELTA - STŘEDNÍ ŠKOLA INFORMATIKY A EKONOMIE, s.r.o. Obor informační technologie AJAX ESHOP. Maturitní projekt. Třída:

DELTA - STŘEDNÍ ŠKOLA INFORMATIKY A EKONOMIE, s.r.o. Obor informační technologie AJAX ESHOP. Maturitní projekt. Třída: DELTA - STŘEDNÍ ŠKOLA INFORMATIKY A EKONOMIE, s.r.o. Obor informační technologie AJAX ESHOP Maturitní projekt Vypracoval: Denis Ptáček Třída: 4B Rok: 2014/2015 Obsah 1. Použité nástroje... 3 1.1 NetBeans

Více

Administrace webu Postup při práci

Administrace webu Postup při práci Administrace webu Postup při práci Obsah Úvod... 2 Hlavní menu... 3 a. Newslettery... 3 b. Administrátoři... 3 c. Editor stránek... 4 d. Kategorie... 4 e. Novinky... 5 f. Produkty... 5 g. Odhlásit se...

Více

www.zlinskedumy.cz Pracovní list VY_32_INOVACE_33_19 Databáze Databáze Databáze Ing. Petr Vilímek

www.zlinskedumy.cz Pracovní list VY_32_INOVACE_33_19 Databáze Databáze Databáze Ing. Petr Vilímek VY_32_INOVACE_33_19 Pracovní list Škola Název projektu, reg. č. Vzdělávací oblast Vzdělávací obor Tematický okruh Téma Tematická oblast Střední průmyslová škola Zlín Inovace výuky prostřednictvím ICT v

Více

Základy WWW publikování

Základy WWW publikování Ing. Igor Kopetschke Oddělení aplikované informatiky Ústav nových technologií a aplikované informatiky Fakulta mechatroniky a mezioborových inženýrských studií Technická univerzita v Liberci Email : igor.kopetschke@tul.cz

Více

Jak vkládat dokumenty do redakčního systému tak, aby byly přístupné

Jak vkládat dokumenty do redakčního systému tak, aby byly přístupné Jak vkládat dokumenty do redakčního systému tak, aby byly přístupné Poznámka: V tomto návodu jsou použity příklady z konkrétní instalace redakčního systému Drupal. Uvedené postupy jsou využitelné i pro

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

KASKÁDOVÉ STYLY - PÍSMO

KASKÁDOVÉ STYLY - PÍSMO KASKÁDOVÉ STYLY - PÍSMO Název školy Obchodní akademie, Vyšší odborná škola a Jazyková škola s právem státní jazykové zkoušky Uherské Hradiště Název DUMu Kaskádové styly písmo Autor Zdeněk Hrdina Datum

Více

Druhy prezentací Zásady pro tvorbu prezentací Prezentační software Prezentace a její přednesení. Prezentace informací. Informatika pro ekonomy I

Druhy prezentací Zásady pro tvorbu prezentací Prezentační software Prezentace a její přednesení. Prezentace informací. Informatika pro ekonomy I přednáška 2 Obsah Druhy prezentací Obsah Druhy prezentací Druhy prezentací Obsah Druhy prezentací Druhy prezentací prezentace jako celek písmo a text tabulky a grafické zpracování zvuk, animace a video

Více

Google Apps. weby 1. verze 2012

Google Apps. weby 1. verze 2012 Google Apps weby verze 0 Obsah Obsah... Úvod... Zahájení práce... Nastavení webu... Úprava stránky... Popis prostředí... Rozložení stránky... Nadpis stránky... Úprava textu... Vložení odkazu... 8 Vložení

Více

Celá práce musí být tisknutelná to znamená: všechny obrázky, formuláře, tabulky atd. (které nelze do práce vložit) budou naskenované.

Celá práce musí být tisknutelná to znamená: všechny obrázky, formuláře, tabulky atd. (které nelze do práce vložit) budou naskenované. Pokyny pro vypracování maturitní práce pro školní rok 2014/2015 Při vypracování práce se řiďte následujícími pokyny. Charakteristika jednotlivých částí práce 1. Titulní strana (nečísluje se stránka ani

Více

SEO (optimalizace pro vyhledavače)

SEO (optimalizace pro vyhledavače) SEO (optimalizace pro vyhledavače) Lektor: Jiří Eder Obsah videosemináře Co je to SEO? Slovníček pojmů První internetové dokumenty Principy fungování Co se posuzuje Jak se vyhnout největším chybám SEO

Více

MICROSOFT POWERPOINT 2010

MICROSOFT POWERPOINT 2010 MICROSOFT POWERPOINT 2010 JAK VYTVÁŘET Mgr. Krejčí Jan Základní škola Jaroslava Pešaty, Duchcov 21. září 2012 Mgr. Krejčí Jan (ZSJP) MS PowerPoint - Vytváření 21. září 2012 1 / 6 MS PowerPoint - Vytváření

Více

19.5.2010 16:16. Datum: 14.5.2010 Zpracoval: Ing. Richard Ruibar

19.5.2010 16:16. Datum: 14.5.2010 Zpracoval: Ing. Richard Ruibar Datum: 14.5.2010 Zpracoval: Ing. Richard Ruibar Kvalita Vzhled v různých prohlížečích Podrobná kontrola vzhledu a funkčnosti v prohlížečích s podílem nad 1% Podrobná kontrola vzhledu a funkčnosti ve vybraných

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

MODERNÍ WEB SNADNO A RYCHLE

MODERNÍ WEB SNADNO A RYCHLE SNADNO A RYCHLE Marek Lučný Pavoučí síť přes celý svět Co prohlížeče (ne)skrývají Tajemný kód HTML Všechno má svůj styl Interaktivní je IN Na obrazovce i na mobilu Začni podle šablony Informace jsou základ

Více

Střední škola průmyslová a umělecká, Opava, příspěvková organizace, Praskova 399/8, Opava, 746 01 IČO: 47813121 Projekt: OP VK 1.5

Střední škola průmyslová a umělecká, Opava, příspěvková organizace, Praskova 399/8, Opava, 746 01 IČO: 47813121 Projekt: OP VK 1.5 Název a adresa školy: Střední škola průmyslová a umělecká, Opava, příspěvková organizace, Praskova 399/8, Opava, 746 01 IČO: 47813121 Projekt: OP VK 1.5 Název operačního programu: OP Vzdělávání pro konkurenceschopnost

Více

Střední průmyslová škola strojnická Vsetín. Předmět Druh učebního materiálu Typografická pravidla pro psaní dokumentů

Střední průmyslová škola strojnická Vsetín. Předmět Druh učebního materiálu Typografická pravidla pro psaní dokumentů Název školy Číslo projektu Autor Střední průmyslová škola strojnická Vsetín CZ.1.07/1.5.00/34.0483 Ing. Martin Baričák Název šablony III/2 Název DUMu 1.2 Základní typografická pravidla I. Tematická oblast

Více

Využití informačních technologií v cestovním ruchu P4

Využití informačních technologií v cestovním ruchu P4 Využití informačních technologií v cestovním ruchu P4 Pavel Petr Petr.USII@upce.cz 1 Obsah kurzu Princip vyhledávání Definování vyhledávacích požadavků Vyhledávací nástroje Zdroje informací Nástroje pro

Více

Microsoft Office Word 2003

Microsoft Office Word 2003 Microsoft Office Word 2003 č. 6 název anotace očekávaný výstup druh učebního materiálu druh interaktivity Microsoft Office Word 2003 - Cesta k základním úpravám Prezentace je zaměřena na úpravy textu v

Více

Moderní techniky vývoje webových aplikací

Moderní techniky vývoje webových aplikací ZVYŠOVÁNÍ ODBORNÝCH KOMPETENCÍ AKADEMICKÝCH PRACOVNÍKŮ OSTRAVSKÉ UNIVERZITY V OSTRAVĚ A SLEZSKÉ UNIVERZITY V OPAVĚ Moderní techniky vývoje webových aplikací Bogdan Walek ÚVOD DO PROBLEMATIKY V oblasti

Více

Integrovaný informační portál MPSV a ČSSZ. Rostislav Čevela, Libuše Čeledová

Integrovaný informační portál MPSV a ČSSZ. Rostislav Čevela, Libuše Čeledová Integrovaný informační portál MPSV a ČSSZ Rostislav Čevela, Libuše Čeledová Jaké portály jsou k dispozici? Adresy portálů sociální oblasti http://portal.mpsv.cz Integrovaný informační portál MPSV - významný

Více

Nejčastější mýty a omyly v oblasti přístupnosti

Nejčastější mýty a omyly v oblasti přístupnosti Nejčastější mýty a omyly v oblasti přístupnosti Radek Pavlíček, duben 2010 1 Přístupnost je závislá na čase Mění se asistivní technologie, prohlížeče, způsob práce uživatelů. Znalost aktuálního stavu je

Více

Kontrola přístupnosti www stránek

Kontrola přístupnosti www stránek 15 Kontrola přístupnosti www stránek Podle toho, jak znám tvůrce www stránek, můžu myslím směle prohlásit, že mnohem pravděpodobněji vytvoří stránky nepřístupné než přístupné. Není to ale vůbec proto,

Více

Studie webů automobilek

Studie webů automobilek Studie webů automobilek červen 2006 [manažerské shrnutí] Obsah Obsah... 1 Manažerské shrnutí... 2 Kvalita obsahu a použitelnost webu... 3 Základní nedostatky negativně ovlivňují použitelnost většiny webů...

Více

- Stanislava Mrázková

- Stanislava Mrázková K ČEMU JE TENTO CHECKLIST VLASTNĚ DOBRÝ? Víte, že předtím, než ebook pustíte do světa, je potřeba zkontrolovat více než 40 jednotlivých kroků? Nechci Vás děsit. Napsání ebooku je totiž snadné, pokud máte

Více

Typografie = nauka o tom, jak má tiskovina vypadat, aby byla dobře čitelná, snadno se v ní orientovalo a aby působila esteticky.

Typografie = nauka o tom, jak má tiskovina vypadat, aby byla dobře čitelná, snadno se v ní orientovalo a aby působila esteticky. Základy Typografie Typografie = nauka o tom, jak má tiskovina vypadat, aby byla dobře čitelná, snadno se v ní orientovalo a aby působila esteticky. Odstavec je blok textu ukončený klávesou Enter. Způsob

Více

Přístupnost. aby WWW stránky mohla zobrazovat co nejš irš í paleta programů a zařízení myslet na speciální požadavky

Přístupnost. aby WWW stránky mohla zobrazovat co nejš irš í paleta programů a zařízení myslet na speciální požadavky Přístupnost aby WWW stránky mohla zobrazovat co nejš irš í paleta programů a zařízení myslet na speciální požadavky nevidomí a slabozrací negrafičtí klienti (pozor! sem patří i vyhledávací roboti) lidé

Více

Popis služby MiniNET.cz. Výhody našeho řešení. Zadávání zakázky a průběh. Balíčky služeb

Popis služby MiniNET.cz. Výhody našeho řešení. Zadávání zakázky a průběh. Balíčky služeb Popis služby MiniNET.cz Služba MiniNET cz zpřístupní velmi efektně a profesionálně všechny důležité informace o Vás a Vaší činnosti v celosvětové síti Internet pomocí vlastní webové prezentace. Jestliže

Více

KAPITOLA 3 - ZPRACOVÁNÍ TEXTU

KAPITOLA 3 - ZPRACOVÁNÍ TEXTU KAPITOLA 3 - ZPRACOVÁNÍ TEXTU KLÍČOVÉ POJMY textové editory formát textu tabulka grafické objekty odrážky a číslování odstavec CÍLE KAPITOLY Pracovat s textovými dokumenty a ukládat je v souborech různého

Více

Hodnocení webové stránky města Volyně www.volyne.eu

Hodnocení webové stránky města Volyně www.volyne.eu ALENA VLKOVÁ Hodnocení webové stránky města Volyně www.volyne.eu Předmět Aplikace informačních technologií Zimní semestr 2009/2010-1 - HODNOCENÍ DOSTUPNOSTI On page faktory Doména - Jedním z hlavních kritérií

Více

PowerPoint 2010. Kurz 2, 3. Inovace a modernizace studijních oborů FSpS (IMPACT) CZ.1.07/2.2.00/28.0221

PowerPoint 2010. Kurz 2, 3. Inovace a modernizace studijních oborů FSpS (IMPACT) CZ.1.07/2.2.00/28.0221 PowerPoint 2010 Kurz 2, 3 CZ.1.07/2.2.00/28.0221 Jak by měla vypadat prezentace v PowerPointu Typy na správnou prezentaci Základním prvkem prezentace je text kontrola opakujících se slov v prezentaci Texty

Více

Knihovna FM. GRAFICKÝ MANUÁL vizuální identity. Městská knihovna Frýdek-Místek, p. o. Jiráskova 506 738 01 Frýdek-Místek

Knihovna FM. GRAFICKÝ MANUÁL vizuální identity. Městská knihovna Frýdek-Místek, p. o. Jiráskova 506 738 01 Frýdek-Místek GRAFICKÝ MANUÁL vizuální identity Městská knihovna Frýdek-Místek, p. o. Jiráskova 506 738 01 Frýdek-Místek verze 1.1 únor 2015 OBSAH 1 1 Logotyp 1.1 Logotyp a jeho nejmenší povolená velikost 1.2 Ochranná

Více

Uživatelská příručka pro. elektronické podání žádosti o uznání porostů. přístup k výsledkům přehlídek uznávacího řízení

Uživatelská příručka pro. elektronické podání žádosti o uznání porostů. přístup k výsledkům přehlídek uznávacího řízení Uživatelská příručka pro elektronické podání žádosti o uznání porostů a přístup k výsledkům přehlídek uznávacího řízení prostřednictvím Portálu farmáře verze: 1.0 Strana 1 (celkem 14) Vytvořeno dne 3.1.2011

Více

ŠKODA Portal Platform

ŠKODA Portal Platform ŠKODA Portal Platform Struktura LESS stylů Jan Obrátil Účel dokumentu Účelem tohoto dokumentu je vysvětlit strukturu stylů v Portálové Platformě tak, aby bylo možné je správně použít a rozšířit je pro

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

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

řešení tiskoviny Albrechtova střední škola, Český Těšín, p.o. II. DTP Označení materiálu (přílohy): Číslo projektu: Název projektu: Subjekt: Označení materiálu (přílohy): Autor: Markéta Březinová Datum vytvoření: prosinec 2014 Třída (ročník): PG 3. Předmět: Polygrafie v praxi CZ.1.07/1.1.24/02.0118 Polygrafie

Více

1. LOGO - značka resortu

1. LOGO - značka resortu Obsah 1. LOGO - značka resortu... 1 1.1. Typové varianty... 1 1.2. Barevné varianty... 1 1.3. Černobílé varianty... 2 1.4. Formáty... 2 2. FONT... 2 2.1. Tištěné publikace... 2 2.2. Pro web... 2 3. BARVY...

Více

Grafický manuál značky

Grafický manuál značky Grafický manuál značky Značka Značka Posláním Lísky je rozvoj zázemí pro EVVO ve Zlínském kraji a podpora šetrného vztahu k životnímu prostředí. Líska sdružuje zejména střediska ekologické výchovy, ekoporadny,

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

Řešení nejen pro státní správu

Řešení nejen pro státní správu Řešení nejen pro státní správu Krátký úvod Jsou dvě cesty kterými lze splnit zákonnou povinnost mít webové stránky. Tou první je oslovit nejbližší firmu, která vytvoří krásný web za krásné peníze, ale

Více

Analýza webových stránek metodikou WebRating

Analýza webových stránek metodikou WebRating Analýza webových stránek metodikou WebRating stručné shrnutí metodiky pro předmět Aplikace informačních technologií Vysoká škola mezinárodních a veřejných vztahů, Praha Ivan Vágner 2009-2010 Dostupnost

Více

Minimanuál Guideline

Minimanuál Guideline Minimanuál Guideline Obsah 1.0 Logo / slogan 1.1 Logo / minimální velikost 1.2 Logo / ochranná zóna 1.3 Logo / nepřípustné varianty 2.0 Písmo 3.0 Grafický prvek 3.1 Grafický prvek / ukázka použití 4.0

Více

1. Dříve než začneme... 11 1.1 Trocha historie nikoho nezabije... 11 1.2 Co budete potřebovat... 11 1.3 Microsoft versus zbytek světa...

1. Dříve než začneme... 11 1.1 Trocha historie nikoho nezabije... 11 1.2 Co budete potřebovat... 11 1.3 Microsoft versus zbytek světa... Obsah Digitální fotografie tisk, úprava a prohlížení v ACDSee Úvod... 9 Co naleznete uvnitř této knihy... 9 Co nenaleznete v této knize... 9 Komu je kniha určena... 9 Příklady používané v knize... 10 Používané

Více

HLEDEJCENY.mobi. Obsah. Mobilní verze e-shopu. Důvody instalace

HLEDEJCENY.mobi. Obsah. Mobilní verze e-shopu. Důvody instalace Obsah HLEDEJCENY.mobi Mezi Vodami 1952/9 e-mail: info@hledejceny.cz HLEDEJCENY.mobi... 1 Mobilní verze e-shopu... 1 Důvody instalace... 1 Výhody... 2 Co je k mobilní verzi potřeba... 2 Objednávka služby...

Více

Produktový ceník pro rok 2010

Produktový ceník pro rok 2010 Produktový ceník pro rok 2010 (platný od 1.6.2010 do odvolání) Veškeré ceny jsou uvedeny v Kč bez 20 % DPH Nebuďte jako ostatní, odlište se! corporate identity CORPORATE IDENTITY Vizuální firemní identita

Více

WINTER. Prezentace výsledků SOČ. Template. Nejen na mezinárodní půdě. Letní škola mladých talentů Šárka Navrátilová 18.

WINTER. Prezentace výsledků SOČ. Template. Nejen na mezinárodní půdě. Letní škola mladých talentů Šárka Navrátilová 18. WINTER Template Letní škola mladých talentů 2014 Prezentace výsledků SOČ Nejen na mezinárodní půdě Šárka Navrátilová 18. září 2014 Šárka Navrátilová Kdo jsem já? WINTER Template Sočkařka (2008 2010) Absolventka

Více

Tvorba obsahu (Copywriting)

Tvorba obsahu (Copywriting) WORKSHOP ŘÍZENÍ PROJEKTŮ & TESTOVÁNÍ POUŽITELNOSTI Řízení projektů kde začít??? Cíle webu Cílové skupiny Úkoly návštěvníků na webu Analýza konkurence Budoucí rozvoj webu Analýza klíčových slov Návrh obsahu,

Více

Hodnocení soutěžních úloh

Hodnocení soutěžních úloh Hodnocení soutěžních úloh Kategorie kancelářské aplikace Soutěž v programování 28. ročník Krajské kolo 2013/2014 10. až 12. dubna 2014 1 Chráněné krajinné oblasti České republiky Koeficient 1 Připrav prezentaci,

Více

Zadání grafického designu Trh poptávek

Zadání grafického designu Trh poptávek 2012 Zadání grafického designu Trh poptávek Dokument obsahuje shrnutí cílů webu Trh poptávek a požadavky na grafický design Zelinka Josef LogisCom s.r.o 1.1.2012 Obsah 1. Cíle dokumentu... 2 2. Cíle webu...

Více

1. Struktura stránky, zásady při psaní kódu, MVC pattern. Web pro kodéry (Petr Kosnar, ČVUT, FJFI, KFE, PINF 2008)

1. Struktura stránky, zásady při psaní kódu, MVC pattern. Web pro kodéry (Petr Kosnar, ČVUT, FJFI, KFE, PINF 2008) 1. Struktura stránky, zásady při psaní kódu, MVC pattern Web pro kodéry (Petr Kosnar, ČVUT, Obsah } Terminologie } Prezentace x Obsah } Struktura kódu } Sémantika kódu } Struktura stránky } Šablony } Template

Více

Optimalizace pro vyhledavače a přístupnost webu

Optimalizace pro vyhledavače a přístupnost webu Optimalizace pro vyhledavače a přístupnost webu Autor Jan Rückl Vedoucí práce Paeddr. Petr Pexa Školní rok: 2008-09 Abstrakt Tato práce se zabývá tvorbou internetové prezentace a vhodným využitím některých

Více

Pseudotřídy. Střední škola informatiky, elektrotechniky a řemesel Rožnov pod Radhoštěm. Modernizace výuky s využitím ICT, CZ.1.07/1.5.00/34.

Pseudotřídy. Střední škola informatiky, elektrotechniky a řemesel Rožnov pod Radhoštěm. Modernizace výuky s využitím ICT, CZ.1.07/1.5.00/34. Pseudotřídy Využití pseudotříd pro stylování odkazů ve webových dokumentech Pseudotřídy VY_32_INOVACE_01_03_01 Vytvořeno březen 2013 Žák se naučí smysluplně využívat pseudotříd pro stylování odkazů ve

Více

OBSAH. Úvodem 13. KAPITOLA 1 Osobitost webdesignu 23. O autorovi 11 Poděkování 11

OBSAH. Úvodem 13. KAPITOLA 1 Osobitost webdesignu 23. O autorovi 11 Poděkování 11 OBSAH O autorovi 11 Poděkování 11 Úvodem 13 Co vás čeká a nemine 14 Úvod do osobitého designu 14 Motivy a motivace 15 Úvod do osobitosti 16 Nadějné vyhlídky 17 Často kladené dotazy 18 Konvence použité

Více

Manuál jednotného vizuálního stylu značky OVB

Manuál jednotného vizuálního stylu značky OVB Manuál jednotného vizuálního stylu značky OVB Aktualizováno: srpen 2016 1 Obsah Vizuální styl Úvodní slovo... 3 OVB Logo... 4 Naše barvy... 8 Naše písmo... 9 2 O významu jednotného vizuálního stylu Jednotný

Více

Techniky a nástroje pro optimalizaci webových stránek

Techniky a nástroje pro optimalizaci webových stránek ZVYŠOVÁNÍ ODBORNÝCH KOMPETENCÍ AKADEMICKÝCH PRACOVNÍKŮ OSTRAVSKÉ UNIVERZITY V OSTRAVĚ A SLEZSKÉ UNIVERZITY V OPAVĚ Techniky a nástroje pro optimalizaci webových stránek Bogdan Walek ÚVOD DO PROBLEMATIKY

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

Tvorba webových stránek

Tvorba webových stránek Tvorba webových stránek 1 HTML Hyper Text Markup Language = hypertextový značkovací jazyk Slouží pro tvorbu webových stránek, které jsou propojeny hypertextovými odkazy HTML soubor je obyčejný text obalený

Více

Část 1. Úvod. 1.1 Technické pozadí HTML a web HTML a XHTML Myšlenka CSS Další technologie 48

Část 1. Úvod. 1.1 Technické pozadí HTML a web HTML a XHTML Myšlenka CSS Další technologie 48 Předmluva...................................19 Část 1 Úvod 1 Historické pozadí a vývoj................... 25 1.1 Technické pozadí 27 1.2 HTML a web 32 1.3 HTML a XHTML 36 1.4 Myšlenka CSS 46 1.5 Další

Více