Webová grafika, struktura webu a navigace, použitelnost a přístupnost
|
|
- Otakar Kraus
- před 8 lety
- Počet zobrazení:
Transkript
1 Webová grafika, struktura webu a navigace, použitelnost a přístupnost Martin Kuna martin.kuna@seznam.cz
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í
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íceNá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íceNavigace 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íceIVT. 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íceZPRÁ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íceWEB KNIHOVNY JAKO NÁSTROJ K PROPAGACI SLUŽEB A INFORMACÍ ING. PAVEL CIMBÁLNÍK
WEB KNIHOVNY JAKO NÁSTROJ K PROPAGACI SLUŽEB A INFORMACÍ ING. PAVEL CIMBÁLNÍK PROJEKT KNIHOVNÍHO WEBU WEB KNIHOVNY JAKO NÁSTROJ K PROPAGACI SLUŽEB A INFORMACÍ 11/6/2017 2 PROJEKT KNIHOVNÍHO WEBU Jak mít
VíceZá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íceKurz pro studenty oboru Informační studia a knihovnictví 5. Informační architektura
Kurz pro studenty oboru Informační studia a knihovnictví 5. Informační architektura Martin Krčál Brno, KISK FF MU, 20.3.2013 Náplň hodiny Informační architektura Druhy navigace Informační architektura
VícePří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íceDokumentace 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íceWebová 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+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íceKarel 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================================================================================ =====
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íceNové 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íceNá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íceAktuální trendy v přístupnosti
Aktuální trendy v přístupnosti Radek Pavlíček, duben 2010 Co je přístupnost? Přístupná webová stránka je použitelná pro každého uživatele Internetu, a sice nezávisle na jeho postižení, schopnostech, znalostech,
VíceZá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íceINSPO 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íceSKUPINA Č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íceTestová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íceTakhle píšu esej! Manuál. A. Obsah práce. 1. Práce obsahuje následující části: 2. Obecné informace k podobě eseje
A. Obsah práce Takhle píšu esej! Manuál 1. Práce obsahuje následující části: Obálka Titulní list Obsah Úvod Vlastní text Závěr Zdroje Doslov Pořadí jednotlivých částí se musí dodržet tak, jak je to zde
VíceNovinky 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íceExistuje 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íceFormá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ícePravidla 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íceCentrum technického celoživotního vzdělávání při VŠCHT Praha PREZENTACE S VYUŽITÍM POČÍTAČE
při VŠCHT Praha Pilotní kurz pro budoucí lektory Ing. Jana Finkeová, CSc. ÚPŘT VŠCHT Praha, tel: 220 444 295, Jana.Finkeova@vscht.cz Ing. Iva Nachtigalová, Ph.D. ÚPŘT VŠCHT Praha, tel.: 220 444 259, Iva.Nachtigalova@vscht.cz
VíceGRAFICKÝ 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íceGrafika 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ícePočí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íceTvorba 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íceTextové 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íceKAPITOLA 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íceStř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íceInternetové 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íceTvorba 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íceUká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íceChild selektory. Adjacent sibling selektory. Pseudoelementy. Atributové selektory. Tabulky. Obtékané elementy. »!!!
CSS 3. část Doc. Ing. Petr Zámostný, Ph.D. místnost: A-72a tel.: 4222, 4167 (sekretariát ústavu 111) e-mail: petr.zamostny@vscht.cz Vztahy mezi elementy Vztahy mezi elementy» Parent» An element A is called
Více1. 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ícewww.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ícePokyny pro vypracování maturitní práce pro školní rok 2017/2018
STŘEDNÍ ODBORNÁ ŠKOLA a STŘEDNÍ ODBORNÉ UČILIŠTĚ Česká Lípa, 28. října 2707, příspěvková organizace Pokyny pro vypracování maturitní práce pro školní rok 2017/2018 Při vypracování práce se řiďte následujícími
Více19.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íceHelp 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íceZá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ícePokyny 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íceCelá 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ícePočí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íceInternetové 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íceTNPW1 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íceSEO 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íceKapitola 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íceNormalizovaná úprava písemností ČSN
Normalizovaná úprava písemností ČSN 01 6910 www.zlinskedumy.cz 3. Textový sloupec Zahrnuje: Papíry a formáty papíru Druhy a velikost písma Mezery - probrané v samostatné kapitole spolu s pevnými spojeními
VíceSEO (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íceDELTA - 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ícewww.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íceAdministrace 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íceVyuž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íceMODERNÍ 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íceZá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íceNá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ícePopis 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íceErgonomie softwaru. Hana Bydžovská
Ergonomie softwaru Hana Bydžovská Osnova přednášky ergonomie jako věda ergonomie práce s počítačem ergonomie softwaru působení softwaru na člověka požadavky na software nežádoucí prvky 2 Ergonomie pojem
VíceJak 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íceDruhy 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íceWebové stránky knihoven. Porada profesionálních knihoven , Knihovna města Ostravy
Webové stránky knihoven Porada profesionálních knihoven 31. 10. 2016, Knihovna města Ostravy Na co si musíme odpovědět.? Pro koho jsou stránky určeny Jaké informace mají poskytnout Jaká kritéria mají splňovat
VíceDidaktická 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íceKASKÁ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íceGoogle 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íceMICROSOFT 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ícePří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íceWINTER. 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íceZákladní informace o modulu
12 12.1 Výuka modulu Vyučující Jméno Telefon E-mail VEDOUCÍ MODULU Doc. Ing. Jiří Rybička, Dr. 545 13 22 23 rybicka@mendelu.cz Cíl výuky v modulu Získání základního přehledu o principech funkce a možnostech
VíceModerní 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íceIntegrovaný 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íceZadání maturitní práce ve školním roce 2016/2017
Zadání maturitní práce ve školním roce 2016/2017 vydané podle 15 odst. 1 vyhlášky č. 177/2009 Sb., o bližších podmínkách ukončování vzdělávání ve středních školách maturitní zkouškou, ve znění pozdějších
VíceMicrosoft 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íceKontrola 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íceTvorba 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íceStudie 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íceSnadná úprava stránek, nemusím umět HTML, tvořím obsah téměř jako ve Wordu. Jak změnit obsah nástěnky: vpravo nahoře Nastavení zobrazených informací
Školení Wordpress Nainstalované pluginy: WPML Multilingual CMS Adminize Capability Manager Contact Form 7 Wordpress Download Monitor Google Analytics for WordPress Simple Google Sitemap XML Seznámení s
VíceProduktový 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íceZadá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íce22. 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íceOsnova. Jak na správnou prezentaci: koncept a použití prezentací. Seznámení s pracovním prostředím MS PowerPoint 2007
PowerPoint lekce I. Osnova Jak na správnou prezentaci: koncept a použití prezentací Seznámení s pracovním prostředím MS PowerPoint 2007 Pokročilé efekty a práce s multimédii Jak na správnou prezentaci
VíceHodnocení 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íceAnalý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íceOptimalizace 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íceDESETIMINUTOVKY HTML - DOVEDNOSTI TÉMATA:
DESETIMINUTOVKY HTML - DOVEDNOSTI TÉMATA: 1 Obsah HTML... 1 ZÁKLADNÍ STRUKTURA WEB STRÁNKY... 1 OBSAH HLAVIČKY WEB STRÁNKY... 1 ZÁKLADNÍ HTML LAYOUT WEB STRÁNKY... 1 ZOBRAZOVANÁ HLAVIČKA WEB STRÁNKY...
Více1. 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íce20 let Bibliowebu. Jak na tom jsme? Ing. Jan Kaňka Krajská knihovna Františka Bartoše ve Zlíně
20 let Bibliowebu Jak na tom jsme? Ing. Jan Kaňka Krajská knihovna Františka Bartoše ve Zlíně Ohlédnutí 2000 2019 otec zakladatel Ing. Aleš Brožek (předseda poroty 2000 2014) celkem zhodnoceno 723 webů
VíceOsnova. Koncept a použití prezentací. Seznámení s pracovním prostředím MS Word Režimy zobrazení. Užitečná nastavení. Základní práce s dokumenty
PowerPoint 2007 Osnova Koncept a použití prezentací Seznámení s pracovním prostředím MS Word 2007 Režimy zobrazení Užitečná nastavení Základní práce s dokumenty Práce s textem a objekty Doporučení, jak
VíceUž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íceOBSAH. 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íceJÁ DĚLÁM TO SEO DOBŘE,
JÁ DĚLÁM TO SEO DOBŘE, JEN VYHLEDÁVAČE HO ZATÍM NEPOCHOPILY... Prezentace již nyní na http://wwww.eshopkonzultant.cz/ Ing. Jan Kalianko EshopKonzultant.cz KDO JSEM? Sledujte mě: Weby: http://www.eshopkonzultant.cz/
VíceKnihovna 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íceTvoří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ícePowerPoint 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íceStř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íceDavid Tejzr I.2.C Společnost TzComp.cz
David Tejzr I.2.C 19.5.2017 Společnost TzComp.cz 1 Obsah 1. Úvod... 3 1.1. Volba tématu... 3 1.2. Volba designu stránek... 3 1.3. Použitá technologie... 3 2. Postup... 4 2.1. Layout... 4 2.2. Header...
VíceC O R P O R A T E I D E N T I T Y
C O R P O R A T E I D E N T I T Y Obsah Úvod.............................................................................. 4 Logo..............................................................................
Více