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

Save this PDF as:
 WORD  PNG  TXT  JPG

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

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

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

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

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

+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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

================================================================================ ===== 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

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

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

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

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

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

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

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

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

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

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

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

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

Základy designu. gordongroup. O agentuře gordongroup

Základy designu. gordongroup. O agentuře gordongroup Základy designu gordongroup O agentuře gordongroup gordongroup je marketingová a komunikační agentura zajišťující kompletní služby, která nabízí jedinečnou kombinaci služeb včetně designu a grafiky pro

Více

NÁVOD NA OBSLUHU INTERNETOVÉ PREZENTACE. Ataxo Czech s.r.o.

NÁVOD NA OBSLUHU INTERNETOVÉ PREZENTACE. Ataxo Czech s.r.o. NÁVOD NA OBSLUHU INTERNETOVÉ PREZENTACE Ataxo Czech s.r.o. ÚVOD Internetové stránky vytvořené společností Ataxo v rámci produktu Mini web můžete jednoduše a rychle upravovat prostřednictvím on-line administrace.

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

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

Střední průmyslová škola Ostrov. Tvorba webových stránek. Petr Pistulka I2 2012-2013 CC - BY NC SA3.0. Klínovecká 1197 363 01 Ostrov

Střední průmyslová škola Ostrov. Tvorba webových stránek. Petr Pistulka I2 2012-2013 CC - BY NC SA3.0. Klínovecká 1197 363 01 Ostrov Střední průmyslová škola Ostrov Klínovecká 1197 363 01 Ostrov Tvorba webových stránek Petr Pistulka I2 2012-2013 CC - BY NC SA3.0 Prohlášení Prohlašuji, že jsem svou práci vypracoval samostatně, použil

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

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

Nová struktura souborů a složek

Nová struktura souborů a složek Tvorba podstránek Vytvoření podstránek Asi si kladete otázku, jakým způsobem docílíme toho, aby se všechny podstránky na našem webu zobrazovaly v námi vytvořeném layoutu. Máme 4 možnosti jak vytvářet podstránky

Více

Název: VY_32_INOVACE_PG4116 SEO, standardy, sémantika kódu, přistupnost

Název: VY_32_INOVACE_PG4116 SEO, standardy, sémantika kódu, přistupnost Název: VY_32_INOVACE_PG4116 SEO, standardy, sémantika kódu, přistupnost Autor: Mgr. Tomáš Javorský Datum vytvoření: 09 / 2012 Ročník: 3 Vzdělávací oblast / téma: webdesign, počítačová grafika Anotace:

Více

2. Zásady přístupnosti a použitelnosti webu. Web pro kodéry (Petr Kosnar, ČVUT, FJFI, KFE, PINF 2008)

2. Zásady přístupnosti a použitelnosti webu. Web pro kodéry (Petr Kosnar, ČVUT, FJFI, KFE, PINF 2008) 2. Zásady přístupnosti a použitelnosti webu Web pro kodéry (Petr Kosnar, ČVUT, Obsah Terminologie Minoritní skupiny uživatelů Proč přístupnost? Pravidla tvorby přístupného webu Kontrola přístupnosti Další

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

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

Všeobecný rozbor webu www.janske-lazne.cz

Všeobecný rozbor webu www.janske-lazne.cz Všeobecný rozbor webu www.janske-lazne.cz ZPRACOVÁNO DNE: 19. 4. 2007 Tento dokument byl vytvořen na základě předchozího jednání obou stran a je určen pouze pro interní potřebu zákazníka. Autorská práva

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

Tvorba webu. Tabulkový layout a linky. Martin Urza

Tvorba webu. Tabulkový layout a linky. Martin Urza Tvorba webu Tabulkový layout a linky Martin Urza Layout (rozvržení) stránky Layout HTML dokumentu znamená rozložení prvků na stránce. S anglickým výrazem (layout) se nejspíš setkáte častěji než s českými

Více

Typografická pravidla - úvod

Typografická pravidla - úvod Typografická pravidla - úvod Základní doporučení: Nejdříve napište celý dokument základním písmem, potom teprve formátujte (písmo, odstavec, stránku). Klávesa ENTER se používá POUZE NA KONCI ODSTAVCE,

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

Tvorba prezentace. RNDr. Zbyšek Posel, Ph.D. katedra informatiky, PřF Univerzita J. E. Purkyně v Ústí nad Labem. Email: Zbysek.Posel@ujep.

Tvorba prezentace. RNDr. Zbyšek Posel, Ph.D. katedra informatiky, PřF Univerzita J. E. Purkyně v Ústí nad Labem. Email: Zbysek.Posel@ujep. Tvorba prezentace RNDr. Zbyšek Posel, Ph.D. katedra informatiky, PřF Univerzita J. E. Purkyně v Ústí nad Labem Email: Zbysek.Posel@ujep.cz Obsah A. Teoretická část Zásady tvorby prezentace Přednes prezentace

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

TNPW1 Cvičení 6 24.3.2015 aneta.bartuskova@uhk.cz

TNPW1 Cvičení 6 24.3.2015 aneta.bartuskova@uhk.cz 6 24.3.2015 aneta.bartuskova@uhk.cz Layout 24.3.2015 aneta.bartuskova@uhk.cz Layout stránky = strukturní i vizuální rozvržení webové stránky Stránka je chápána jako skupina oblastí, každá oblast má svůj

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

Zadávací dokumentace k výběrovému řízení pro redesign firemních webových stránek společnosti Web4ce, s.r.o.

Zadávací dokumentace k výběrovému řízení pro redesign firemních webových stránek společnosti Web4ce, s.r.o. Zadávací dokumentace k výběrovému řízení pro redesign firemních webových stránek společnosti Web4ce, s.r.o. 1. Základní informace Vyhlašujeme výběrové řízení na dodávku nového grafického řešení pro internetovou

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

Formální úprava bakalářských a diplomových prací. Univerzita Karlova v Praze Husitská teologická fakulta

Formální úprava bakalářských a diplomových prací. Univerzita Karlova v Praze Husitská teologická fakulta Formální úprava bakalářských a diplomových prací Odevzdání práce Univerzita Karlova v Praze Husitská teologická fakulta Bakalářské a diplomové práce se odevzdávají na Studijním oddělení UK HTF a to ve

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

WCAG 2.0 prakticky aneb Jak zlepšit přístupnost webových stránek

WCAG 2.0 prakticky aneb Jak zlepšit přístupnost webových stránek WCAG 2.0 prakticky aneb Jak zlepšit přístupnost webových stránek Radek Pavlíček, březen 2010 1 WCAG 2.0 struktura metodiky Princip pravidlo kritérium technika 4 principy Vnímatelnost. Ovladatelnost. Srozumitelnost.

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

Snadná ú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í

Snadná ú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íce

Obsah. Rozdíly mezi systémy Joomla 1.0 a 1.5...15 Systém Joomla coby jednička online komunity...16 Shrnutí...16

Obsah. Rozdíly mezi systémy Joomla 1.0 a 1.5...15 Systém Joomla coby jednička online komunity...16 Shrnutí...16 Obsah Kapitola 1 Seznámení se systémem Joomla!................................. 9 Přehled systémů pro správu obsahu....................................................10 Použití systému pro správu obsahu.....................................................11

Více

ISKŘ Příprava obhajoby projektu prezentace

ISKŘ Příprava obhajoby projektu prezentace 1 ISKŘ Příprava obhajoby projektu prezentace PLUSKAL Dalibor Operační program Vzdělávání pro konkurenceschopnost Projekt: Vzdělávání pro bezpečnostní systém státu (reg. č.: CZ.1.01/2.2.00/15.0070) 2 Desatero

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í Druhy prezentací prezentace jako celek písmo a text tabulky a grafické zpracování zvuk, animace a video interaktivní programy alternativní přístupy pravidla pro přednášení

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

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

Elektronické publikování - prezentace. 23. dubna 2009 VŠB - TUO. Beamer - grafické zpracování prezentace. Rostislav Šuta, sut017.

Elektronické publikování - prezentace. 23. dubna 2009 VŠB - TUO. Beamer - grafické zpracování prezentace. Rostislav Šuta, sut017. Beamer - Elektronické publikování - VŠB - TUO 23. dubna 2009 Obsah 1 2 3 4 5 6 Obsah 1 2 3 4 5 6 schémata barvy písma změna fontu vnitřní schémata vnější schémata Obsah Prezentace bez navigace e stromovou

Více

PŘÍRUČKA. Správa obsahu webové prezentace. Formátování textu

PŘÍRUČKA. Správa obsahu webové prezentace. Formátování textu PŘÍRUČKA Správa obsahu webové prezentace Formátování textu Verze: 6.2 Datum: 4.12.2009 Autor: Ing. Michal Šídlo, michal.sidlo@netgenium.com Společnost: NetGenium s.r.o., www.netgenium.com Obsah 1. Základní

Více

BRIEF & KONCEPCE / ETAPA O.

BRIEF & KONCEPCE / ETAPA O. ÚVOD Každá prezentace je aktuální v momentě svého spuštění. Po nějaké době začne, alespoň v nějakém ohledu, stárnout. Obsahově, vizuálně či technologicky. Vždy se až nějakou dobu po svém spuštění ukáže,

Více

Podnikáte a chcete mít vlastní internetový obchod? Je to mnohem jednodušší a levnější než si myslít e.

Podnikáte a chcete mít vlastní internetový obchod? Je to mnohem jednodušší a levnější než si myslít e. Podnikáte a chcete mít vlastní internetový obchod? Je to mnohem jednodušší a levnější než si myslít e. popis produktu Návrh a cíl e-commerce řešení ( eshop) pro elektronické obchodování typu B2C a B2B

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

Microsoft Word - Záhlaví a užití stylů

Microsoft Word - Záhlaví a užití stylů Microsoft Word - Záhlaví a užití stylů Záhlaví a zápatí Záhlaví a zápatí jsou oblasti umístěné na horním a dolním okraji každé stránky v dokumentu. Do záhlaví a zápatí můžete vložit text nebo grafiku (obrázek,

Více

Best practice Pravidla pro tvorbu přístupného webu

Best practice Pravidla pro tvorbu přístupného webu Ministerstvo informatiky Odbor metodické podpory ISVS Havelkova 2 130 00 Praha 3 Best practice Pravidla pro tvorbu přístupného webu Verze 1.0 Obsah: Předmluva...3 Úvod...3 Pravidla pro tvorbu přístupného

Více

Bližší specifikace požadovaných grafických návrhů

Bližší specifikace požadovaných grafických návrhů Bližší specifikace požadovaných grafických návrhů Každá podaná nabídka, aby byla zařazena do výběrového řízení, musí obsahovat návrh webového designu a layoutu pro tyto stránky: 1) hlavní domovskou stránku

Více

Práce s CMS JOOMLA. Tvorba článků a jejich zveřejnění s editorem JCE. MANUÁL č. 1 verze 0

Práce s CMS JOOMLA. Tvorba článků a jejich zveřejnění s editorem JCE. MANUÁL č. 1 verze 0 Práce s CMS JOOMLA Tvorba článků a jejich zveřejnění s editorem JCE MANUÁL č. 1 verze 0 1 Obsah Obecné informace o tomto dokumentu Práce s obrázky Obecné informace o CMS Joomla Vložení obrázku do textu

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

České vysoké učení technické v Praze Fakulta jaderná a fyzikálně inženýrská BAKALÁŘSKÁ PRÁCE. 2012 Jan Novák. Titulní strana (vnější desky)

České vysoké učení technické v Praze Fakulta jaderná a fyzikálně inženýrská BAKALÁŘSKÁ PRÁCE. 2012 Jan Novák. Titulní strana (vnější desky) České vysoké učení technické v Praze Fakulta jaderná a fyzikálně inženýrská BAKALÁŘSKÁ PRÁCE 2012 Jan Novák Titulní strana (vnější desky) České vysoké učení technické v Praze Fakulta jaderná a fyzikálně

Více

příručka pro uživatele

příručka pro uživatele na internetu v pohodě příručka pro uživatele systému iprostor.cz Příručka pro uživatele Obsah O systému iprostor.cz 3 Pracovní prostředí 4 Tvorba www stránek 5 Struktura stránek 6 Seznam stránek 7 Nastavení

Více

Tradiční sazba. skládání odlitků, zdroj řady nezvyklých prvků

Tradiční sazba. skládání odlitků, zdroj řady nezvyklých prvků Tradiční sazba skládání odlitků, zdroj řady nezvyklých prvků Typografické měrné soustavy Didotův měrný systém (Francie) bod (dd) = 0,376 mm cicero (cc) = 12 dd = 4,513 mm Monotypový měrný systém (USA)

Více

Nástrojová lišta v editačním poli

Nástrojová lišta v editačním poli Nástrojová lišta v editačním poli Název projektu PŘEJÍT NA konkrétní sekci webu ZOBRAZIT zobrazí a) pracovní verzi webu (tj. nepublikovanou) b) publikovanou verzi webu a) Odstranit odstraní zobrazenou

Více

Univerzita J. E. Purkyně vyhlašuje veřejnou anonymní soutěž na návrh modernizace vizuální podoby internetových stránek

Univerzita J. E. Purkyně vyhlašuje veřejnou anonymní soutěž na návrh modernizace vizuální podoby internetových stránek Univerzita J. E. Purkyně vyhlašuje veřejnou anonymní soutěž na návrh modernizace vizuální podoby internetových stránek VYHLAŠOVATEL Univerzita Jana Evangelisty Purkyně v Ústí nad Labem Pasteurova 1, 400

Více

Prezentace navrhované struktury internetových stránek

Prezentace navrhované struktury internetových stránek Prezentace navrhované struktury internetových stránek Petr SUNEGA petr.sunega@soc.cas.cz Telefon: 221 183 225 http://seb.soc.cas.cz Oddělení ekonomické sociologie, tým socioekonomie bydlení Cíle prezentace

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

Logotyp soutěže Pán / paní svého času 1 Logotyp soutěže čb varianta 2 Logotyp soutěže inverzní varianta 3

Logotyp soutěže Pán / paní svého času 1 Logotyp soutěže čb varianta 2 Logotyp soutěže inverzní varianta 3 OBSAH Logotyp soutěže Logotyp soutěže Pán / paní svého času 1 Logotyp soutěže čb varianta 2 Logotyp soutěže inverzní varianta 3 Logotyp webu Logotyp webu vstřícný zaměstnavatel 5 Logotyp webu čb varianta

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

Přizpůsobení Layoutu aplikace. Základní moduly a funkčnost aplikace

Přizpůsobení Layoutu aplikace. Základní moduly a funkčnost aplikace Přizpůsobení Layoutu aplikace Grafickému návrhu na přání klienta Redesign šablon : barevnost, hlavička, logo, grafické prvky stránky M A C S Základní moduly a funkčnost aplikace Vyhledávání podrobné s

Více

NÁVOD K POUŽITÍ VZORU TECHNIKY, RESP. KAZUISTIKY

NÁVOD K POUŽITÍ VZORU TECHNIKY, RESP. KAZUISTIKY NÁVOD K POUŽITÍ VZORU TECHNIKY, RESP. KAZUISTIKY Tento návod popisuje použití šablon pro tvorbu technik, resp. kazuistik do Příručky dobré praxe. Je psán pro Microsoft Word 2003 i Microsoft Word 2007.

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

zoom-driver Manuál k redakčnímu systému zoom-driver created by virtual-zoom s.r.o.

zoom-driver Manuál k redakčnímu systému zoom-driver created by virtual-zoom s.r.o. zoom-driver Manuál k redakčnímu systému zoom-driver created by virtual-zoom s.r.o. 1 Obsah 1. Přihlášení 2. Výpis sekcí 3. Vytvoření nové sekce 4. Editace sekce 4.1. Výběr sekce k editaci 5. Editace hlavičky

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

OBECNÉ POKYNY. Nedodržováním těchto pravidel je porušována integrita značky a všechny tyto věci mají negativní vliv na firemní image.

OBECNÉ POKYNY. Nedodržováním těchto pravidel je porušována integrita značky a všechny tyto věci mají negativní vliv na firemní image. STYLE GUIDE OBECNÉ POKYNY STYLE GUIDE přesně definuje závazné normy pro všechny druhy a formy vizuální komunikace společnosti a je důležitou součástí publikace NAVITEL BRAND BOOK (hlavní publikace jednotného

Více