Návrh stránek 4IZ228 tvorba webových stránek a aplikací
|
|
- Lucie Marta Pešková
- před 8 lety
- Počet zobrazení:
Transkript
1 4IZ228 tvorba webových stránek a aplikací Jirka Kosek Poslední modifikace: $Date: 2013/12/12 20:40:58 $
2 Obsah Úvod... 3 Recept na dobré webové stránky... 4 Použitelnost... 5 Jak se pozná použitelný web... 6 Testování použitelnosti... 7 Grafický design... 8 Základní pravidla... 9 Výběr písma Typografie Zaručená rada pro dobrý design Struktura stránek a navigace Struktura stránek Navigace Stránka Stránka Odkazy Každý dokument Volba URL adresy Přístupnost Proč přístupnost Zásady přístupnosti Další zdroje informací Design stránek... 25
3 Úvod Recept na dobré webové stránky... 4 (strana 3)
4 Recept na dobré webové stránky grafický design první co uživatel vidí struktura stránek, navigace aby se v tom uživatel vyznal a dlouho zůstal přístupnost obsah stránky by měl být vytvořen s ohledem na co nejširší okruh čtenářů použitelnost, UX práce se stránkou/aplikací by měla být intuitivní a příjemná dobře strukturovaný, snadno čitelný a srozumitelný text (copywriting) syntakticky správný HTML kód méně práce pro prohlížeč vhodné metainformace snazší nalezení stránky přesný postup neexistuje, vždy je potřeba jednotlivé složky vyvážit Úvod 1 / 16 (strana 4)
5 Použitelnost Jak se pozná použitelný web... 6 Testování použitelnosti... 7 (strana 5)
6 Jak se pozná použitelný web uživatel není nucen přemýšlet jednoduchý a přehledný rychle se načítá konzistentní napříč všemi stránkami ovládání je intuitivní vše by mělo vést uživatele ke stanovenému cíli (např. dokončení prodeje v eshopu) Použitelnost 2 / 16 (strana 6)
7 Testování použitelnosti uživatelské testování analýza návštěvnosti A/B testování heuristika na základě zkušeností Použitelnost 3 / 16 (strana 7)
8 Grafický design Základní pravidla... 9 Výběr písma Typografie Zaručená rada pro dobrý design (strana 8)
9 Základní pravidla design by měl být střízlivý méně je někdy více bez zbytečně velkých animací a obrázků, které jsou k ničemu vhodné kombinace barev barva pozadí a textu musí být zvolena tak, aby se text dobře četl obrázky na pozadí je lepší vůbec nepoužívat (téměř žádná profesionální stránka je nepoužívá) jako barva pozadí je vhodná zejména bílá a velice světlé odstíny dalších barev Grafický design 4 / 16 (strana 9)
10 Výběr písma na obrazovce jsou čitelnější bezpatková písma (Arial, Verdana, Helvetica) nekombinovat příliš druhů písma na jedné stránce řádka by neměla být delší než znaků u delších se špatně přechází z konce jedné na začátek další písmo o velikosti 10 pixelů je pro většinu lidí příliš malé pro zvýraznění používat barvy, tučné písmo nebo kurzívu zásadně nepoužívat podtrhnutí (to je vyhrazené pro odkazy) Grafický design 5 / 16 (strana 10)
11 Typografie dodržovat typografická pravidla základ je v pravidlech českého pravopisu psaní mezer, interpunkce, pomlčky, uvozovky, přímá řeč apod. Správné uvozovky speciální znaky lze zapisovat pomocí znakových entit nebo přímo Tabulka 1. Zápis některých znaků Popis dlouhá pomlčka krátká pomlčka levá uvozovka pravá uvozovka Ukázka Zápis v HTML Grafický design 6 / 16 (strana 11)
12 Zaručená rada pro dobrý design na skutečně dobrých webech dělá vždy více lidí grafik/designér HTML kodér programátor marketing, SEO, každý by měl dělat jen to, co umí dobře Grafický design 7 / 16 (strana 12)
13 Struktura stránek a navigace Struktura stránek Navigace (strana 13)
14 Struktura stránek hypertext umožňuje vytvořit téměř libovolnou strukturu, ale člověk je zvyklý na konzervativnější uspořádání většinou na hierarchii analýzou přístupových logů lze zjistit nejčastěji navštěvované stránky a přizpůsobit tomu jejich umístění jedna stránka by měla obsahovat logický celek informací, ale nesmí být příliš dlouhá maximálně 5 obrazovek stránka s odkazy by měla být vidět celá bez nutnosti rolování silně AJAXové aplikace by měly dodržovat zvyklosti webu historie, možnost tvorby záložek a sdílení odkazů, Struktura stránek a navigace 8 / 16 (strana 14)
15 Navigace na každé stránce by měla být navigační lišta, ze které bude jasné, v které části serveru jsme drobečková navigace odkaz na hlavní a nadřazenou stránku, případně na předchozí a další pozor na těžko ovladatelná rozbalovací menu každý větší server je nezbytné doplnit možností fulltextového prohledávání Struktura stránek a navigace 9 / 16 (strana 15)
16 Stránka Stránka Odkazy Každý dokument Volba URL adresy (strana 16)
17 Stránka aktuální a zajímavé informace rychlé načtení gramaticky správný a slohově čistý text minimálně zkontrolovaný spell-checkerem a přečtený několika kamarády stránku je dobré co nejlépe strukturovat pomocí HTML elementů nadpisy, seznamy apod. pokud to jde, měl by se obsah oddělit od vzhledu a použít CSS menší a rychlejší stránky, snazší změny designu dodržovat standary HTML, XHTML, CSS a další Stránka 10 / 16 (strana 17)
18 Odkazy nepoužívat odkazy typu klikněte zde oprostit se od technologických pojmů jako server, FTP, WWW stránky jsou pro běžné uživatele a těm je jedno, jaké technologie stojí v pozadí odkazy by měly být interaktivní, aby v uživateli vzbudily pocit, že jsou aktivní části dokumentu např. změna barvy po přejetí kurzorem myši zvykem je odkazy podtrhávat v rámci jednoho serveru používat relativní odkazy, aby mohly být stránky snadno přesunuty na jiné místo Stránka 11 / 16 (strana 18)
19 Každý dokument každá stránka by měla obsahovat několik identifikačních údajů: kdo ji vytvořil včetně kontaktu, datum poslední modifikace, do kdy jsou uvedené informace platné z každého dokumentu by mělo být jasné, na kterém jsme serveru (někdo se ke stránce může dostat zvenčí pomocí odkazu) každý dokument by měl obsahovat výstižný název (element title) metadata pro lepší vyhledávání a klasifikaci Stránka 12 / 16 (strana 19)
20 Volba URL adresy jednoduchá, perzistentní a výstižná technologicky neutrální bez koncovek typu.html,.php,.aspx apod. technicky lze vyřešit modulem web-serveru pro přepisování URL (např. mod_rewrite) škálovatelné pojmenovávací schéma část cesty začíná rokem v průběhu času by jedno URL mělo označovat stejný informační zdroj, i když se třeba mění jeho formát Stránka 13 / 16 (strana 20)
21 Přístupnost Proč přístupnost Zásady přístupnosti (strana 21)
22 Proč přístupnost absolutní počet uživatelů webu s nějakým handicapem je relativně velký určité weby v určitých státech musí ze zákona splňovat pravidla přístupnosti Přístupnost 14 / 16 (strana 22)
23 Zásady přístupnosti textová alternativa pro obrázky titulky k video/audio záznamům web by měl jít ovládat jen pomocí klávesnice podstatné informace by neměly být závislé na rozlišení barev dostatečně kontrastní písmo a pozadí stránka se rozumně zobrazí i při zvětšení/zmenšení písma Přístupnost 15 / 16 (strana 23)
24 Další zdroje informací Design stránek (strana 24)
25 Design stránek Desatero pro tvůrce stránek 1 Projekt, jehož cílem je přinutit výrobce prohlížečů dodržovat standardy jako HTML, CSS, DOM a XML 2 Stránky W3C o přístupnosti 3 Stránky o přístupnosti 4 Pravidla Ministerstva vnitra pro tvorbu přístupného webu 5 Generátor barevných schémat 6, která barevně ladí Další zdroje informací 16 / 16 (strana 25)
Webová grafika, struktura webu a navigace, použitelnost a přístupnost
Webová grafika, struktura webu a navigace, použitelnost a přístupnost Martin Kuna martin.kuna@seznam.cz Obsah Webová grafika Rozvržení stránky Typografické zásady Nejčastější chyby Struktura webu a navigace
Ví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í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í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í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í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í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í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íceWeb. Získání informace z internetu Grafické zobrazení dat a jejich struktura Rozšíření funkcí pomocí serveru Rozšíření funkcí pomocí prohlížeče
Web Získání informace z internetu Grafické zobrazení dat a jejich struktura Rozšíření funkcí pomocí serveru Rozšíření funkcí pomocí prohlížeče Technologické trendy v AV tvorbě, Web 2 DNS Domain Name Systém
VíceKurz je rozdělen do čtyř bloků, které je možné absolvovat i samostatně. Podmínkou pro vstup do kurzu je znalost problematiky kurzů předešlých.
Soubor kurzů XHTML, CSS, PHP a MySQL Kurz je rozdělen do čtyř bloků, které je možné absolvovat i samostatně. Podmínkou pro vstup do kurzu je znalost problematiky kurzů předešlých. Jeden blok se skládá
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í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í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í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íceMetodické doporučení ke zlepšení technické přístupnosti IS/STAG
Metodické doporučení ke zlepšení technické přístupnosti IS/STAG Pro potřeby Pracovní skupiny k přístupnosti informačních systémů na vysokých školách AP3SP zpracoval mgr. Radek Pavlíček, Masarykova univerzita
VíceINTERNET A SÍTĚ. Role při tvorbě webových aplikací. Rozhodovací vrstvy při tvorbě webových aplikací. povrch kostra struktura obsah strategie
INTERNET A SÍTĚ Ing. Pavel Smutný, Ph.D. Kancelář: H305 Telefon: 3511 Email: pavel.smutny@vsb.cz Role při tvorbě webových aplikací 1996 2009 GIF HTML CSS CGI analytik, informační architekt, grafik, programátor
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í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í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íceNový design ESO9. E S O 9 i n t e r n a t i o n a l a. s. U M l ý n a , P r a h a. Strana 1 z 9
Nový design ESO9 E S O 9 i n t e r n a t i o n a l a. s. U M l ý n a 2 2 1 4 1 0 0, P r a h a Strana 1 z 9 Úvod... 3 Popis změn... 4 Horní lišta... 4 Strom činností... 5 Prostřední rám... 7 Horní lišta...
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íceHTML - Úvod. Zpracoval: Petr Lasák
HTML - Úvod Zpracoval: Petr Lasák Je značkovací jazyk, popisující obsah HTML stránek Je z rodiny SGML jazyků, jako např. XML, DOCX, XLSX Nejedná se o programovací ale značkovací jazyk Dynamičnost dodávají
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íceHTML Hypertext Markup Language
HTML Hypertext Markup Language je jazyk určený na publikování a distribuci dokumentů na Webu velmi jednoduchý jazyk používá ho mnoho uživatelů má výkonné prostředky (příkazy) k formátování dokumentů (různé
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í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íceObsah. ČÁST I Základy návrhu webových stránek. Kapitola 1 Zákaznicky orientovaný návrh webu 19. Jak ze vzorů pro návrh webu vyzískat co nejvíc 33
Obsah Předmluva 11 Poděkování 16 ČÁST I Základy návrhu webových stránek Kapitola 1 Zákaznicky orientovaný návrh webu 19 1.1 Evoluce návrhu webu 20 1.2 Důležitost zákaznicky orientovaného návrhu webu 21
VíceTNPW1 Cvičení 2 6.10.2015 aneta.bartuskova@uhk.cz
6.10.2015 aneta.bartuskova@uhk.cz TNPW1 Cvičení 1 Technologie pro tvorbu webu HTML, HTML5 značkovací jazyk struktura, obsah, odkazy - hypertext CSS, CSS3 kaskádové styly vzhled (rozvržení, formátování,
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íceZáklady práce na PC. Ing. Jan Roubíček
Základy práce na PC Ing. Jan Roubíček Operační systém Windows VY_32_INOVACE_10_1_01_AP Operační systém Základní prostředí pro práci na počítači Spouštíme z něj další programy (aplikace) kancelářské aplikace
VíceManuál pro obsluhu Webových stránek
ResMaster Systems s.r.o. Truhlářská 1119/20, 110 00 Praha 1 Manuál pro obsluhu Webových stránek (Prosinec 2018) Jana Vítová, +420 225 388 130 2018 Obsah Úvod Webové stránky... 3 Slovník pojmů... 3 URL
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íceWEBOVÝ PORTÁL. SOCIÁLNÍ SLUŽBY v Plzeňském kraji UŽIVATELSKÝ MANUÁL
WEBOVÝ PORTÁL SOCIÁLNÍ SLUŽBY v Plzeňském kraji UŽIVATELSKÝ MANUÁL pro vkládání článků 1. Přihlášení Otevřete si portál Sociální služby v Plzeňském kraji, viz následující odkaz: https://socialnisluzby.plzensky-kraj.cz/
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í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í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íce1. 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íceHLEDEJCENY.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íceTvorba WWW stránek. Mojmír Volf mojmir.volf@tul.cz https://www.nti.tul.cz/wiki/wikiuser:mojmir.volf 485 353 675
Tvorba WWW stránek Mojmír Volf mojmir.volf@tul.cz https://www.nti.tul.cz/wiki/wikiuser:mojmir.volf 485 353 675 Zdroje KRUG: Web design - nenuťte uživatele přemýšlet.. Computer Press, 2003. PROKOP M.: CSS
VíceÚvod do filtrace, Quick filtr
Příručka uživatele systému Památkový katalog Úvod do filtrace, Quick filtr verze 1.x.x Autorská práva Copyright 2015 MUSOFT.CZ, s.r.o.. Všechna práva vyhrazena. Tato příručka je chráněna autorskými právy
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ícePočítačová typografie
Počítačová typografie Typografie je nauka o tom, jak má tiskovina vypadat. Proč se o typografii učíme? Každý z nás běžně připravuje nějakou tiskovinu a požadavky na její kvalitu a zpracování jsou všude
VíceVítejte na Zemi... multimediální ročenka životního prostředí
Vítejte na Zemi... multimediální ročenka životního prostředí SPOUŠTĚNÍ CD Prezentace se spouští dvojklikem na soubor index.html. Otevře se váš výchozí internetový prohlížeč, např. Internet Explorer. V
VíceManuál Redakční systém
Manuál Redakční systém SA.07 Obsah Úvod... ) Struktura webu... ) Aktuality... 0 ) Kalendář akcí... ) Soubory ke stažení... 6 5) Fotogalerie... 8 Redakční systém umožňuje kompletní správu vašich internetových
VíceObsah. Úvodem 9 Zpětná vazba od čtenářů 10 Zdrojové kódy ke knize 10 Errata 10
Obsah Úvodem 9 Zpětná vazba od čtenářů 10 Zdrojové kódy ke knize 10 Errata 10 KAPITOLA 1 Co budeme potřebovat 11 Co knihovna jquery nabízí 11 Editor zdrojového kódu 12 Webový server 12 Software pro ladění
Ví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íceElektronické učebnice popis systému, základních funkcí a jejich cena
Elektronické učebnice popis systému, základních funkcí a jejich cena Vytvořil TEMEX, spol. s r. o. Obsah 1. Úvod... 2 Formáty... 2 Cena... 2 2. Systémové požadavky... 3 Interaktivní PDF verze... 3 HTML
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í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íceVývoj Internetových Aplikací
2 Vývoj Internetových Aplikací HTML a CSS Ing. Michal Radecký, Ph.D. www.cs.vsb.cz/radecky HTML a CSS - Tvorba webových stránek - Struktura - Obsah - Vzhled - Funkcionalita zdroj: http://www.99points.info
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ícePŘÍ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íceTEZE. Vývoj dialogu člověk počítač v prostředí WWW. Česká zemědělská univerzita v Praze. k diplomové práci na téma. Provozně ekonomická fakulta
Česká zemědělská univerzita v Praze Provozně ekonomická fakulta TEZE k diplomové práci na téma Vývoj dialogu člověk počítač v prostředí WWW Autor práce: Bc. Markéta Motáňová, 2005 Vedoucí diplomové práce:
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íce2. 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íceIdentifikátor materiálu: ICT-3-55
Identifikátor materiálu: ICT-3-55 Předmět Téma sady Téma materiálu Informační a komunikační technologie Počítačové sítě, Internet Funkce a přehled internetových prohlížečů Autor Ing. Bohuslav Nepovím Anotace
VíceTechniky 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íce7. Enterprise Search Pokročilé funkce vyhledávání v rámci firemních datových zdrojů
7. Enterprise Search Pokročilé funkce vyhledávání v rámci firemních datových zdrojů Verze dokumentu: 1.0 Autor: Jan Lávička, Microsoft Časová náročnost: 30 40 minut 1 Cvičení 1: Vyhledávání informací v
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íceNÁ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í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í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íceTento projekt je spolufinancován Evropským sociálním fondem a státním rozpočtem České republiky. PORTÁL KUDY KAM. Manuál pro editaci ŽS. Verze 1.
Tento projekt je spolufinancován Evropským sociálním fondem a státním rozpočtem České republiky. PORTÁL KUDY KAM Manuál pro editaci ŽS Verze 1.0 2012 AutoCont CZ a.s. Veškerá práva vyhrazena. Tento dokument
VícePráce s administračním systémem internetových stránek Podaných rukou
Práce s administračním systémem internetových stránek Podaných rukou 2011 Ing. Jakub Matas Přihlášení a uživatelský účet Přihlášení Přihlášení do aplikace lze dvěma způsoby: 1. Pomocí panelu ve vrchní
VíceWCAG 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íceTento projekt je spolufinancován Evropským sociálním fondem a státním rozpočtem České republiky. PORTÁL KUDY KAM. Manuál pro administrátory. Verze 1.
Tento projekt je spolufinancován Evropským sociálním fondem a státním rozpočtem České republiky. PORTÁL KUDY KAM Manuál pro administrátory Verze 1.0 2012 AutoCont CZ a.s. Veškerá práva vyhrazena. Tento
VíceStrategie ochrany před negativními dopady povodní a erozními jevy přírodě blízkými opatřeními v České republice
Strategie ochrany před negativními dopady povodní a erozními jevy přírodě blízkými opatřeními v České republice Návod k prezentačnímu mapovému portálu Obsah: 1. Úvod... 3 2. Obecná část mapového portálu...
VíceManuál k editoru TinyMCE
Manuál k editoru TinyMCE Popis ovládacích prvků UPOZORNĚNÍ: Některé tlačítka nemusí být k dispozici. Styl písma Dolní a horní index Zarovnání textu Může se aplikovat na označený text. B - tučné písmo,
VíceNávrh uživatelského rozhraní Jednoduchý portál s recepty D1 + D2
Návrh uživatelského rozhraní Jednoduchý portál s recepty D1 + D2 Václav Zajíc zajicvac@fel.cvut.cz Úvod Tento dokument obsahuje popis sběru dat a uživatelských preferencí pro jednoduchý portál s recepty
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íceMicrosoft. Word. prostředí, základní editace textu. Mgr. Jan Veverka Střední odborná škola sociální Evangelická akademie
Microsoft Word prostředí, základní editace textu Mgr. Jan Veverka Střední odborná škola sociální Evangelická akademie Microsoft Office balík aplikací používaných v kancelářské i jiné práci Word textový
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íceK 2 - Základy zpracování textu
Radek Maca Makovského 436 Nové Město na Moravě 592 31 tel. 0776 / 274 152 e-mail: rama@inforama.cz http://www.inforama.cz K 2 - Základy zpracování textu Mgr. Radek Maca Word I 1 slide ZÁKLADNÍ POJMY PRVKY
VícePracovní list č. 14 Microsoft Word 2010 jazykové nástroje, reference I Jazykové nástroje
Pracovní list č. 14 Microsoft Word 2010 jazykové nástroje, reference I Jazykové nástroje Jazykové nástroje se nachází na pásu karet Revize. Obrázek 1 - Pás karet Revize Nastavení jazyka Nastavení jazyka,
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í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í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í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í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ícePHP PHP je skriptovací programovací jazyk dynamických internetových stránek PHP je nezávislý na platformě
PHP PHP původně znamenalo Personal Home Page a vzniklo v roce 1996, od té doby prošlo velkými změnami a nyní tato zkratka znamená Hypertext Preprocessor. PHP je skriptovací programovací jazyk, určený především
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ícetéma: Úvod do praktika z ICT autor: Mgr. Radek Machan cíl praktika: organizace výuky, plán výuky, bezpečnost práce doba trvání: 2
téma: Úvod do praktika z ICT cíl praktika: organizace výuky, plán výuky, bezpečnost práce pomůcky: počítač, internet, starší cvičné počítače - organizace výuky - seznámení s plánem praktika IVT - seznámení
VíceXML A XWEB JAKO NÁSTROJE PRO TVORBU WEBOVÉHO SÍDLA S VELKÝM MNOŽSTVÍM KŘÍŽOVÝCH ODKAZŮ
XML A XWEB JAKO NÁSTROJE PRO TVORBU WEBOVÉHO SÍDLA S VELKÝM MNOŽSTVÍM KŘÍŽOVÝCH ODKAZŮ Vlastimil Čevela 664 42 Modřice, Benešova 279, tel. 547 216 183, http://www.volweb.cz/cevelavl/, e-mail: cevelavl@vol.cz
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í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íceWEBOVÉ STRÁNKY ŠKOLY A REDAKČNÍ SYSTÉM
WEBOVÉ STRÁNKY ŠKOLY A REDAKČNÍ SYSTÉM WordPress manuál A3 WEBOVÉ STRÁNKY ŠKOLY A REDAKČNÍ SYSTÉM WordPress manuál Ing. Karel Rejthar 16. 6. 2015-1 - OBSAH WordPress manuál......................................
VíceProjekt inovace vzdělávání na SOŠ a SOU Horky nad Jizerou. Pokyny pro zpracování ročníkové práce z předmětu FIKTIVNÍ FIRMA. Verze 1.
Projekt inovace vzdělávání na SOŠ a SOU Horky nad Jizerou Pokyny pro zpracování ročníkové práce z předmětu FIKTIVNÍ FIRMA Verze 1.1 Tento projekt byl spolufinancován Evropským sociálním fondem a státním
VíceObsah. Ú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íceMgr. Vlastislav Kučera přednáška č. 1
Mgr. Vlastislav Kučera přednáška č. 1 jazyk (x)html kaskádové styly Castro, E.: HTML, XHTML a CSS. CPress, 2007 Písek, S.: HTML a XHTML, začínáme programovat. Grada Publishing, 2003 Wempen, F.: HTML a
Ví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íceNÁVOD NA POUŽÍVÁNÍ SYSTÉMU ARIADNE 3 Strana 1 1 Úvod Systém Ariadne3 je systém pro správu obsahu (CMS - "Content Management System"). Umožňuje pomocí jednoduchého a intuitivního uživatelského rozhraní
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íceZáklady informatiky. 03 HTML, tvorba webových stránek. Kačmařík/Szturcová/Děrgel/Rapant
Základy informatiky 03 HTML, tvorba webových stránek Kačmařík/Szturcová/Děrgel/Rapant Obsah přednášky princip webového dokumentu, ukázka nástroje pro tvorbu pravidla tvorby HTML, značky kostra HTML dokumentu
VíceNabídka na vytvoření nových webových stránek. Vypracoval: Zbyšek Nádeník zbysek.nadenik@gmail.com 731 108 144 www.zbyseknadenik.cz
deník zbysek.nadenik@gmail.com tel.: 731 108 144 www.zbyseknadenik.cz Nabídka na vytvoření nových webových stránek Vypracoval: Zbyšek Nádeník zbysek.nadenik@gmail.com 731 108 144 www.zbyseknadenik.cz Jaké
VíceWebové stránky. 2. Úvod do jazyka HTML. Datum vytvoření: 11. 9. 2012. str ánk y. Vytvořil: Petr Lerch. www.isspolygr.cz
Webové stránky 2. Úvod do jazyka HTML Vytvořil: Petr Lerch www.isspolygr.cz Datum vytvoření: 11. 9. 2012 Webové Strana: 1/6 Škola Ročník Název projektu Číslo projektu Číslo a název šablony Autor Tématická
VíceKartografická webová aplikace. Přednáška z předmětu Počítačová kartografie (KMA/POK) Otakar Čerba Západočeská univerzita
Kartografická webová aplikace Přednáška z předmětu Počítačová kartografie (KMA/POK) Otakar Čerba Západočeská univerzita Datum vzniku dokumentu: 3. 11. 2011 Datum poslední aktualizace: 10. 12. 2011 Cíl
Ví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íceObsah Úvod 4. TF Wmake 1.5
Obsah Úvod 4 Struktura systému 5 Uživatelské role 6 Přihlášení do systému 7 Úvodní stránka 8 enu redaktora 9 enu autora 9 azyky 0 Odhlášení ze systému 0 Nastavení Bloky Editace bloku Přidání nového bloku
VíceKAPITOLA 2 - ZÁKLADNÍ POJMY INFORMAČNÍCH A KOMUNIKAČNÍCH TECHNOLOGIÍ
KAPITOLA 2 - ZÁKLADNÍ POJMY INFORMAČNÍCH A KOMUNIKAČNÍCH TECHNOLOGIÍ KLÍČOVÉ POJMY Internet World Wide Web FTP, fulltext e-mail, IP adresa webový prohlížeč a vyhledávač CÍLE KAPITOLY Pochopit, co je Internet
Více