Připravil: Ing. Jiří Lýsek, Ph.D. Verze: Webové aplikace

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

Download "Připravil: Ing. Jiří Lýsek, Ph.D. Verze: 24.4.2015 Webové aplikace"

Transkript

1 Připravil: Ing. Jiří Lýsek, Ph.D. Verze: Webové aplikace Návrh webové stránky responsivní design

2 strana 2 WEB Dříve: místo pro prezentaci a umístění dat prohlížeče pouze na PC Nyní: platforma pro běh aplikací aplikace běží v prohlížečích a na webových serverech spouští se na různých zařízeních

3 strana 3 WEB Dříve: Zvládnutí HTML a později CSS stačilo k tvorbě kompletních prezentací Nyní: HTML a CSS jsou dílčí technologie hlavní jsou: Skripty, databáze, propojení mnoha různých technologií a postupů

4 strana 4 WEB Dříve: Velké aplikace vytvářely jen velké společnosti Bylo to drahé a složité Nyní: Pomocí hotových nástrojů lze udělat velkou aplikaci i menším týmu s méně zkušenými pracovníky

5 strana 5 Rozdělení technologií Server side Technologie na straně serveru Volíme si sami Client side Technologie na straně klienta Velmi rozdílné Nedá se spolehnout na dostupnost ani funkci

6 strana 6 Client side technologie HTML, CSS, zobrazení obrázků, SVG, video, audio, PDF, Víceméně standard JavaScript Nativní podpora v prohlížečích Flash, Silverlight, Shockwave, Jako plugin pro prohlížeč Někdy neexistuje pro danou verzi/platformu

7 strana 7 Návrh webové aplikace Hrubé zadání Specifické zadání Volba technologií Prototyp (část aplikace) Realizace Údržba

8 strana 8 Analýza Předpokládané zatížení a využití webu globálně/lokálně Návrh entit alespoň ER diagram Use case (někdy to není potřeba) a sekvenční diagramy

9 strana 9 Realizace Návrh databáze Tvorba server side programů HTML šablony JavaScriptové funkce Efekty Logika Propojení

10 strana 10 Tvorba grafického vzhledu Zjištění, na kterých zařízeních chceme aplikaci zobrazovat Prototyp Realizace grafického návrhu Grafický návrh je převeden na HTML a CSS kód JavaScript se používá pro efekty

11 strana 11 Responsivní design Různý vzhled prezentace pro různá zařízení Rozlišení obrazovky Rozměry a orientace Způsob ovládání (Netýká se jen webu)

12 strana 12 Responsivní design Realizace pomocí CSS Dynamický layout stránky Relativní jednotky %, em, rem Obrázky (bitmapové) Musí měnit velikost CSS media queries Realizace pomocí JavaScriptu To co nejde přes CSS, individuální

13 strana 13 Postup tvorby responsivního webu Při tvorbě nové stránky Nabalování nových funkcí Začínáme od nejmenší verze Při dotvoření do stávajícího projektu Změna layoutu Odstranění nadbytečných prvků Volba breakpointů

14 strana 14 Dynamický layout stránky CSS Float CSS Flexbox Počítat s možností změny velikostí, pozic a vzhledu jednotlivých prvků CSS frameworky Bootstrap Foundation

15 strana 15 Vhodná volba rozložení a chování prvků řádkové menu se změní na sloupcové klikací plochy se zvětší pro dotek obsah se zalomí obrázky se zmenšují podle šířky může se zmenšit písmo CSS frameworky Bootstrap Foundation

16 strana 16 CSS flexbox Automatická distribuce šířky jednotlivých prvků a případné zalomení možnost nastavit prioritu růstu možnost i vertikálního uspořádání je to nové existuje stará a nová syntaxe

17 strana 17 Relativní jednotky Používáme jednotky %, em, rem, ex, Výpočet procentuální velikosti pro převod z grafického návrhu: požadováno[ px] velikost[%] 100 kontext [ px]

18 strana 18 Relativní/absolutní jednotka absolutní cm, mm, in, pt, pc relativní em, rem, ex, ch, vw, vh, vmin, vmax něco mezi px - absolutní na obrazovce, relativní ve skutečnosti (podle DPI/PPI)

19 strana 19 CSS pixely poměr mezi hardwarovým pixelem a obrazovým (např. Retina) např. zobrazují obrazový pixel přes 4 hardwarové

20 strana 20 Relativní jednotky Jednotka % je vždy vztažena k nadřazenému prvku někdy nejde definovat výšku, protože není známá kontejner, který má proměnlivou výšku by se nekonečně zvětšoval

21 strana 21 Relativní jednotky Jednotka em/rem je definována jako aktuální velikost písma rodiče/kořene písmo nastavujeme např. v jednotkách pt (jako ve Wordu) pt = 1/72palce dá se zjistit přes DPI zobrazovacího zařízení základní písmo nastavíme na <html> a potom používáme už jen jednotky em/rem

22 strana 22

23 strana 23 Relativní jednotky Reálně vznikne nějaká kombinace absolutních a relativních jednotek bitmapová grafika border: 1px solid #...; nejtenčí rámeček na daném zařízení problém s výpočtem šířky pro standardní box model width: calc(25% - 2px) dá se přepnout

24 strana 24

25 strana 25 Obrázky Nastavíme CSS: img { max-width: 100%; height: auto; je vhodné použít větší bitmapu než odhadujeme maximální px velikost kvůli CSS pixelům

26 strana 26 DEMO Ukázka obrázku

27 strana 27 CSS media queries Typ média, nejčastěji screen print screen { body print { body {

28 strana 28 CSS media queries upřesnění Možnost zvolit CSS sadu i podle vlastností screen and (min-width: 801px) { #container screen and (max-width: 800px) { #container {

29 strana 29 CSS media queries upřesnění Možnost volit dle: Šířka/výška prohlížeče Šířka/výška zařízení Orientace Poměr stran Počet zobrazitelných barev Rozlišení v DPI

30 strana 30 DEMO Ukázka media query

31 strana 31 Metainformace viewport definuje chování na malých zařízeních <meta name="viewport" content=" " /> width=device-width hodnota initial-scale=1 maximum-scale=5 minimum-scale=0.5 user-scalable=yes no

32 strana 32 Ladění Možnost zvolit sadu CSS podle média např. WebDeveloper Toolbar pro FF Možnost změny velikosti pohledu Zabudováno do prohlížeče

33 strana 33 CSS pro tisk Ideální tiskový výstup z HTML neexistuje problém s velikostmi (každá tiskárna má individuální rozměry okrajů) problém se zalomením stránky (v HTML nic takového neexistuje) Možnost použít PDF PDF knihovny umí počítat velikosti textových bloků

34 strana 34 CSS pro tisk Netisknout menu, hlavičky, loga, navigaci, formuláře, pozadí apod. Naopak vytisknout zdroj např. jako skrytý prvek viditelný jen pro tisk

35 strana 35 CSS a ikonové sety/ikonové fonty Možnost ušetřit mnoho HTTP požadavků Pomocí CSS nastavujeme pozici pozadí do prvku o dané velikosti Font pomocí CSS content: "a"

36 strana 36 CSS a ikonové sety/ikonové fonty ikony možno realizovat pomocí SVG proti fontu: barvy proti bitmapě: škálovatelnost

37 strana 37 Další možnosti výstupu CSV Možnost generovat XML formáty Office Open XML *.docx, *.xlsx, Open Document Format *.ods, *.odt, Možnost generovat PDF

38 strana 38 Zabalení aplikace do nativního balíku Apache Cordova/Adobe Phonegap WebView je nutné oddělit frontend a backend všechny HTML, JS, CSS a obrázky staticky komunikace přes AJAX/AJAJ použití frontend frameworku např. Angular JS (příště) - umožní šablony nelze generovat šablony

39 strana 39

40 strana 40 CSS preprocesory - LESS pro velké projekty je CSS složité rozdělení do více souborů preprocesor použití proměnných možnost zanořit kód možnost použít třídu jako "funkci"

41 strana 41 Použití LESS v NetBeans npm install -g less vyžaduje cestu k lessc.cmd automaticky soubory převede dir/*.less do dir/*.css jinak přes CLI, Grun nebo Gulp

42 strana 42 LESS #FFFFFF; div { header {

43 strana 43 CSS x LESS zanoření kódu header { header img { header>nav a { header { img { &>nav a {

44 strana 44 CSS x LESS mixin #pokus {.clrfix { <div id="pokus" class="clrfix"> </div> #pokus {.clrfix; <div id="pokus"> </div>

45 strana 45 i { div {.box-shadow(0 0 5px, 30%)

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

KIV/PIA 2012 Ing. Jan Tichava

KIV/PIA 2012 Ing. Jan Tichava KIV/PIA 2012 Ing. Jan Tichava Opera Mini Zobrazených stránek za měsíc 90 G 80 G 70 G 60 G 50 G 40 G 30 G 20 G 10 G 0 G January 2011 May 2011 September 2011 January 2012 May 2012 September 2012 State of

Více

VÝVOJ INTERNETOVÝCH APLIKACÍ - VIA

VÝVOJ INTERNETOVÝCH APLIKACÍ - VIA Metodický list č. 1 Způsob zakončení : Úvod Technologie webových aplikací Protokol HTTP Po zvládnutí tématického celku bude student mít základní přehled o problematice programování internetových (webových)

Více

Přehled základních html tagů

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

Více

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

Název: VY_32_INOVACE_PG4119 Tipy a triky, rozdíly mezi prohlížeči

Název: VY_32_INOVACE_PG4119 Tipy a triky, rozdíly mezi prohlížeči Název: VY_32_INOVACE_PG4119 Tipy a triky, rozdíly mezi prohlížeči Autor: Mgr. Tomáš Javorský Datum vytvoření: 06 / 2012 Ročník: 3 Vzdělávací oblast / téma: webdesign, počítačová grafika Anotace: DUM seznamuje

Více

RESPONZIVNÍ WEBDESIGN INFORMAČNÍCH SYSTÉMŮ RESPONSIVE WEBDESIGN OF INFORM SYSTEMS

RESPONZIVNÍ WEBDESIGN INFORMAČNÍCH SYSTÉMŮ RESPONSIVE WEBDESIGN OF INFORM SYSTEMS RESPONZIVNÍ WEBDESIGN INFORMAČNÍCH SYSTÉMŮ RESPONSIVE WEBDESIGN OF INFORM SYSTEMS Stanislav Machalík 1 Anotace: V příspěvku jsou popsány základy tvorby responzivního webu, online aplikací a informačních

Více

ŠKODA Portal Platform

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

Více

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 4. Formátovací model, pozicování

Více

Tvorba přizpůsobivých webových rozhraní

Tvorba přizpůsobivých webových rozhraní Tvorba přizpůsobivých webových rozhraní Diplomová práce Bc. Jiří Stránský vedoucí práce doc. Ing. Jiří Sochor, CSc. Zadání práce Tvorba přizpůsobivých webových rozhraní (PC, mobil, tablet) z technického

Více

Vývoj Internetových Aplikací

Vý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íce

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

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

Více

Web. Získání informace z internetu Grafické zobrazení dat a jejich struktura Rozšíření funkcí pomocí serveru Rozšíření funkcí pomocí prohlížeče

Web. Získání informace z internetu Grafické zobrazení dat a jejich struktura Rozšíření funkcí pomocí serveru Rozšíření funkcí pomocí prohlížeče Web Získání informace z internetu Grafické zobrazení dat a jejich struktura Rozšíření funkcí pomocí serveru Rozšíření funkcí pomocí prohlížeče Technologické trendy v AV tvorbě, Web 2 DNS Domain Name Systém

Více

Manuál tvorby webových stránek dle webu Jihočeské univerzity v Českých Budějovicích www.jcu.cz. Guideline pro fakulty a celoškolská pracoviště

Manuál tvorby webových stránek dle webu Jihočeské univerzity v Českých Budějovicích www.jcu.cz. Guideline pro fakulty a celoškolská pracoviště Manuál tvorby webových stránek dle webu Jihočeské univerzity v Českých Budějovicích www.jcu.cz Guideline pro fakulty a celoškolská pracoviště Červen 014 1 z 9 O manuálu Guideline tvorby webu Jihočeské

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

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

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

Více

Karel Punčoch Jan Sequens. Moderní trendy webdesignu

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

Více

Informatika pro moderní fyziky (8) Javascript, CSS - stylování dokumentů, SVG - tvorba obrázků, složitější interaktivní dokument

Informatika pro moderní fyziky (8) Javascript, CSS - stylování dokumentů, SVG - tvorba obrázků, složitější interaktivní dokument Informatika pro moderní fyziky (8) Javascript, CSS - stylování dokumentů, SVG - tvorba obrázků, složitější interaktivní dokument František HAVLŮJ e-mail: haf@ujv.cz ÚJV Řež oddělení Reaktorové fyziky a

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

Možnosti tisku v MarushkaDesignu

Možnosti tisku v MarushkaDesignu 0 Možnosti tisku v MarushkaDesignu OBSAH 1 CÍL PŘÍKLADU...2 2 PRÁCE S PŘÍKLADEM...2 3 UKÁZKA DIALOGOVÉHO OKNA...3 4 STRUČNÝ POPIS PŘÍKLADU V MARUSHKADESIGNU...5-1 - 1 Cíl příkladu V tomto příkladu si ukážeme

Více

Tématická oblast: dědičnost, kaskáda. CSS a média. Stylové předpisy pro různé typy zobrazovacích zařízení

Tématická oblast: dědičnost, kaskáda. CSS a média. Stylové předpisy pro různé typy zobrazovacích zařízení Tématická oblast: dědičnost, kaskáda CSS a média Stylové předpisy pro různé typy zobrazovacích zařízení Autorem materiálu a všech jeho částí, není-li uvedeno jinak, je ( Ing. Petr Měrka). VY_32_INOVACE_185

Více

Tvorba www-stránek. Příkazy jazyka HTML. Budeme pracovat následovně: Základní struktura webové stránky. Příkazy sekce HEAD

Tvorba www-stránek. Příkazy jazyka HTML. Budeme pracovat následovně: Základní struktura webové stránky. Příkazy sekce HEAD Tvorba www-stránek Webové stránky jsou napsané pomocí jazyka HTML (HyperText Markup Language). Ke tvorbě webových stránek potřebujeme - speciální program umožňuje tvořit stránku bez znalostí HTML-kódu

Více

Strategie 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 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íce

Připravil: Ing. Jiří Lýsek, Ph.D. Verze: 12.2.2015 Webové aplikace

Připravil: Ing. Jiří Lýsek, Ph.D. Verze: 12.2.2015 Webové aplikace Připravil: Ing. Jiří Lýsek, Ph.D. Verze: 12.2.2015 Webové aplikace Úvod strana 2 Vyučující Ing. Jiří Lýsek, Ph.D. Ing. Oldřich Faldík https://akela.mendelu.cz/~lysek/ https://akela.mendelu.cz/~xfaldik/wa/

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

HTML - Úvod. Zpracoval: Petr Lasák

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

PHP PHP je skriptovací programovací jazyk dynamických internetových stránek PHP je nezávislý na platformě

PHP 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íce

O CSS podrobněji. Box model Document flow Layout

O CSS podrobněji. Box model Document flow Layout O CSS podrobněji Box model Document flow Layout O CSS podrobněji Box model Každý element má: -obsah (content) -spadávku (padding) -rámeček (border) -okraj (margin) O CSS podrobněji http://www.w3.org/tr/css21/box.html

Více

MS POWERPOINT. MS PowerPoint 2007 1

MS POWERPOINT. MS PowerPoint 2007 1 MS PowerPoint 2007 1 MS POWERPOINT Gymnázium Jiřího Wolkera v Prostějově Výukové materiály z informatiky pro gymnázia Autoři projektu Student na prahu 21. století - využití ICT ve vyučování matematiky

Více

VIVO: NOVINKY NA FRONT-ENDU LUNDEGAARD Zdeněk Staněk zstanek@lundegaard.eu

VIVO: NOVINKY NA FRONT-ENDU LUNDEGAARD Zdeněk Staněk zstanek@lundegaard.eu VIVO: NOVINKY NA FRONT-ENDU LUNDEGAARD Zdeněk Staněk zstanek@lundegaard.eu VYLEPŠENÝ DATAGRID Základní vlastnosti Fixní hlavička Skrývání sloupců Procházení klávesami Nekonečné listování Kontextová menu

Více

Databázové aplikace pro internetové prostředí. 01 - PHP úvod, základní princip, vkládání skriptu, komentáře, výpis na obrazovku

Databázové aplikace pro internetové prostředí. 01 - PHP úvod, základní princip, vkládání skriptu, komentáře, výpis na obrazovku Databázové aplikace pro internetové prostředí 01 - PHP úvod, základní princip, vkládání skriptu, komentáře, výpis na obrazovku Projekt: Inovace výuky prostřednictvím ICT Registrační číslo: CZ.1.07/1.5.00/34.250

Více

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

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

Více

Pokročilé techniky tvorby sestav v Caché. ZENové Reporty

Pokročilé techniky tvorby sestav v Caché. ZENové Reporty Pokročilé techniky tvorby sestav v Caché ZENové Reporty Úvodem Jednoduché sestavy Pokročilé sestavy Ladění Historie ZEN reporty sdílejí podobný princip definování obsahu jako ZENové stránky Byly uvedeny

Více

MS EXCEL. MS Excel 2007 1

MS EXCEL. MS Excel 2007 1 MS Excel 2007 1 MS EXCEL Gymnázium Jiřího Wolkera v Prostějově Výukové materiály z informatiky pro gymnázia Autoři projektu Student na prahu 21. století - využití ICT ve vyučování matematiky na gymnáziu

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

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

VKLÁDÁNÍ OBJEKTŮ - obrázek

VKLÁDÁNÍ OBJEKTŮ - obrázek VKLÁDÁNÍ OBJEKTŮ - obrázek Autor: Mgr. Dana Kaprálová Datum (období) tvorby: srpen 2013 Ročník: šestý Vzdělávací oblast: Informatika a výpočetní technika 1 Anotace: Žák se orientuje v prostředí aplikace

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

(X)HTML, CSS a jquery

(X)HTML, CSS a jquery Prezentační vrstva webové aplikace (X)HTML, CSS a jquery jquery Java Scriptová knihovna Ing. Martin Dostal (X)HTML první stránka Textový soubor s příponou.htm nebo.html: moje

Více

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

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

Více

MBI - technologická realizace modelu

MBI - technologická realizace modelu MBI - technologická realizace modelu 22.1.2015 MBI, Management byznys informatiky Snímek 1 Agenda Technická realizace portálu MBI. Cíle a principy technického řešení. 1.Obsah portálu - objekty v hierarchiích,

Více

Gymnázium Vincence Makovského se sportovními třídami Nové Město na Moravě

Gymnázium Vincence Makovského se sportovními třídami Nové Město na Moravě VY_32_INOVACE_INF_BU_20 Sada: Digitální fotografie Téma: DVD promítání a tisk fotografií Autor: Mgr. Miloš Bukáček Předmět: Informatika Ročník: 3. ročník osmiletého gymnázia, třída 3.A Využití: Prezentace

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

Připravil: Ing. Jiří Lýsek, Ph.D. Verze: 13.5.2015 Webové technologie

Připravil: Ing. Jiří Lýsek, Ph.D. Verze: 13.5.2015 Webové technologie Připravil: Ing. Jiří Lýsek, Ph.D. Verze: 13.5.2015 Webové technologie RIA, JSON, REST, AngularJS strana 2 RIA - rich internet application chová se podobně jako desktopová aplikace velké množství logiky

Více

Přehled nabízených kurzů

Přehled nabízených kurzů WINDOWS XP ZÁKLADY OBSLUHY Seznámení s osobním počítačem Periferie osobního počítače (monitory, tiskárny, skenery...) Obsluha klávesnice Práce s myší Prostředí MS Windows XP Plocha Menu Start Soubor, ikona,

Více

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

Úvod do CSS. Střední škola informatiky, elektrotechniky a řemesel Rožnov pod Radhoštěm. Modernizace výuky s využitím ICT, CZ.1.07/1.5.00/34. Úvod do CSS Tematický okruh (ŠVP) CSS1 Vysvětlení úlohy CSS při programování www stránek Úvod do CSS VY_32_INOVACE_01_02_01 Vytvořeno září 2012 Materiál slouží k podpoře výuky programování webových aplikací

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

2010 Vaculik Advertising pro Asociace provozovatelů mobilních sítí (APMS) plať mobilem manuál pro obchodníky

2010 Vaculik Advertising pro Asociace provozovatelů mobilních sítí (APMS) plať mobilem manuál pro obchodníky Verze 1.0 2010 Vaculik Advertising pro Asociace provozovatelů mobilních sítí (APMS) plať mobilem manuál pro obchodníky Loga jsou dodána na nosiči CD ve formátech určených pro vektorové a bitmapové grafické

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

Tvorba webových stránek

Tvorba webových stránek Tvorba webových stránek HTML Hypertext Markup Language jazyk pro tvorbu webových stránek Rozšíření: JavaScript, CSS Dynamické stránky: PHP, ASP(X), JSP Prohlížeče: IE, Firefox, Opera, Google Chrome mohou

Více

rychlý vývoj webových aplikací nezávislých na platformě Jiří Kosek

rychlý vývoj webových aplikací nezávislých na platformě Jiří Kosek rychlý vývoj webových aplikací nezávislých na platformě Jiří Kosek Co je to webová aplikace? příklady virtuální obchodní dům intranetový IS podniku vyhledávací služby aplikace jako každá jiná přístupná

Více

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

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

Více

Současný svět Projekt č. CZ.2.17/3.1.00/32038, podpořený Evropským sociálním fondem v rámci Operačního programu Praha adaptabilita

Současný svět Projekt č. CZ.2.17/3.1.00/32038, podpořený Evropským sociálním fondem v rámci Operačního programu Praha adaptabilita Aktivní webové stránky Úvod: - statické webové stránky: pevně vytvořený kód HTML uložený na serveru, ke kterému se přistupuje obvykle pomocí protokolu HTTP (HTTPS - zabezpečený). Je možno používat i různé

Více

Microsoft. Word. Šablony. Mgr. Jan Veverka Střední odborná škola sociální Evangelická akademie

Microsoft. Word. Šablony. Mgr. Jan Veverka Střední odborná škola sociální Evangelická akademie Microsoft Word Šablony Mgr. Jan Veverka Střední odborná škola sociální Evangelická akademie Šablony šablona obsahuje předdefinované rozvržení dokumentu a stylů jednotlivých položek ve Wordu existují hotové

Více

Škola: Gymnázium, Brno, Slovanské náměstí 7 III/2 Inovace a zkvalitnění výuky prostřednictvím ICT Název projektu: Inovace výuky na GSN

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

Více

1. Úvod do obsluhy AutoCADu

1. Úvod do obsluhy AutoCADu 1. Úvod do obsluhy AutoCADu Studijní cíl V této lekci se naučíme: Seznámíme se s potřebným zařízením. Způsoby ovládání. Nastavení AutoCADu. Doba nutná k procvičení 1,5 hodiny 1.1 AutoCAD AutoCAD je plnohodnotný

Více

Microsoft Excel kopírování vzorců, adresování, podmíněný formát. Mgr. Jan Veverka Střední odborná škola sociální Evangelická akademie

Microsoft Excel kopírování vzorců, adresování, podmíněný formát. Mgr. Jan Veverka Střední odborná škola sociální Evangelická akademie Microsoft Excel kopírování vzorců, adresování, podmíněný formát Mgr. Jan Veverka Střední odborná škola sociální Evangelická akademie Kopírování vzorců v mnoha případech je třeba provést stejný výpočet

Více

Informatika pro moderní fyziky (8) CSS - stylování dokumentů, SVG - tvorba obrázků, složitější interaktivní dokument

Informatika pro moderní fyziky (8) CSS - stylování dokumentů, SVG - tvorba obrázků, složitější interaktivní dokument Informatika pro moderní fyziky (8) CSS - stylování dokumentů, SVG - tvorba obrázků, složitější interaktivní dokument František HAVLŮJ e-mail: haf@ujv.cz ÚJV Řež oddělení Reaktorové fyziky a podpory palivového

Více

Univerzita Hradec Králové. Fakulta informatiky a managementu. Katedra informatiky a kvantitativních metod

Univerzita Hradec Králové. Fakulta informatiky a managementu. Katedra informatiky a kvantitativních metod Univerzita Hradec Králové Fakulta informatiky a managementu Katedra informatiky a kvantitativních metod Responzivní informační systém pro malou firmu Diplomová práce Autor: Bc. Lukáš Senohrábek Studijní

Více

Vývoj Internetových Aplikací

Vývoj Internetových Aplikací 4 Vývoj Internetových Aplikací HTML5 Ing. Michal Radecký, Ph.D. www.cs.vsb.cz/radecky Co je HTML5? - HTML5 je směr, kam se ubírá web budoucnost webových aplikací a vývoje - HTML5 je multiplatformní - HTML5

Více

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

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

Více

HTML Hypertext Markup Language

HTML 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

Adobe Photoshop. 1. Seznámení s programem. 1. Seznámení s programem. XMF, montážní program. Tomáš Fab. Vytvořila: Bc. Blažena Kondelíková

Adobe Photoshop. 1. Seznámení s programem. 1. Seznámení s programem. XMF, montážní program. Tomáš Fab. Vytvořila: Bc. Blažena Kondelíková olygr.cz XMF, montážní program 1. Seznámení s programem Adobe Photoshop 1. Seznámení s programem Vytvořil: Tomáš Fab dní škola polygrafická, 110 27 00 Brno ody zdokonalující edukaci na ISŠP 34.05381 XMF,

Více

M4 PDF rozšíření. Modul pro PrestaShop. http://www.presta-addons.com

M4 PDF rozšíření. Modul pro PrestaShop. http://www.presta-addons.com M4 PDF rozšíření Modul pro PrestaShop http://www.presta-addons.com Obsah Úvod... 2 Vlastnosti... 2 Jak modul funguje... 2 Zdroje dat... 3 Šablony... 4 A. Označení šablon... 4 B. Funkce Smarty... 5 C. Definice

Více

Informatika a výpočetní technika 1. Ing. Ladislav Nagy Technická univerzita v Liberci FT / KOD / 2011

Informatika a výpočetní technika 1. Ing. Ladislav Nagy Technická univerzita v Liberci FT / KOD / 2011 Informatika a výpočetní technika 1 Ing. Ladislav Nagy Technická univerzita v Liberci FT / KOD / 2011 Úvod Základní informace Podmínky zápočtu, docházka Pravidla chovaní v PC učebně Náplň cvičení EXCEL

Více

Úvod do počítačové grafiky

Úvod do počítačové grafiky Úvod do počítačové grafiky elmag. záření s určitou vlnovou délkou dopadající na sítnici našeho oka vnímáme jako barvu v rámci viditelné části spektra je člověk schopen rozlišit přibližně 10 milionů barev

Více

Maturitní témata Školní rok: 2015/2016

Maturitní témata Školní rok: 2015/2016 Maturitní témata Školní rok: 2015/2016 Ředitel školy: Předmětová komise: Předseda předmětové komise: Předmět: PhDr. Karel Goš Informatika a výpočetní technika Mgr. Ivan Studnička Informatika a výpočetní

Více

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

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

Více

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

Začínáme pracovat s tabulkovým procesorem MS Excel

Začínáme pracovat s tabulkovým procesorem MS Excel Začínáme pracovat s tabulkovým procesorem MS Excel Nejtypičtějším představitelem tabulkových procesorů je MS Excel. Je to pokročilý nástroj pro tvorbu jednoduchých i složitých výpočtů a grafů. Program

Více

Tvorba webových stránek

Tvorba webových stránek Metodický list číslo 1 webových stránek v netriviální kvalitě a pochopení Požadavky: Znalost základů práce s MS Windows 95 nebo podobným prostředím. 1. téma: Základy HTTP Základy fungování počítačových

Více

TNPW1 Cvičení 2 6.10.2015 aneta.bartuskova@uhk.cz

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

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

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

Více

Zá klady HTML. Tag HTML Párová značka, který definuje webovou stránku. Obsah stránky končí značkou

Zá klady HTML. Tag HTML <HTML> Párová značka, který definuje webovou stránku. Obsah stránky končí značkou Zá klady HTML Jazyk HTML (Hypertext Markup Language) - jedná se o souhrn pravidel pro formatování textu, obrázků atd. pro použítí na webových stránekách. Webovou stránku tvoří prvky, které jsou definovány

Více

ROZLOŽENÍ STRÁNKY, NÁVRH. Okraje

ROZLOŽENÍ STRÁNKY, NÁVRH. Okraje ROZLOŽENÍ STRÁNKY, NÁVRH Ve Wordu tedy můžeme nastavovat vlastnosti písma, vlastnosti odstavce a také vlastnosti stránky. Přesuneme se na záložku ROZLOŽENÍ STRÁNKY, kde tyto najdeme v levé části. Další

Více

TVORBA WEBOVÝCH STRÁNEK

TVORBA WEBOVÝCH STRÁNEK TVORBA WEBOVÝCH STRÁNEK Výukový modul TWS_03c Ing. Pavel Chmiel, Ph.D. UNIV 2 - KRAJE Osnova výukového modulu TWS_03c 1. Box model v CSS 2. Obtékání blokových (X)HTML elementů 3. Pozicování blokových (X)HTML

Více

WORKWATCH ON-LINE EVIDENCE PRÁCE A ZAKÁZEK

WORKWATCH ON-LINE EVIDENCE PRÁCE A ZAKÁZEK WORKWATCH ON-LINE EVIDENCE PRÁCE A ZAKÁZEK Systém WorkWatch je určen pro malé a střední firmy, které se zabývají službami nebo zakázkovou výrobou. Zajistí dokonalý přehled o všech zakázkách a jejich rozpracovanosti.

Více

,,Škola nás baví CZ. 1.07/1.4.00/21.1342 VY_32_INOVACE_Inf.Ma.10

,,Škola nás baví CZ. 1.07/1.4.00/21.1342 VY_32_INOVACE_Inf.Ma.10 ,,Škola nás baví CZ. 1.07/1.4.00/21.1342 VY_32_INOVACE_Inf.Ma.10 INFORMATIKA 7. ročník Microsoft POWER POINT 2010 Ing. Miroslava Maříková PŘÍPRAVA Předmět: Informatika Stupeň vzdělávání: druhý stupeň /7.roč./

Více

INTERAKTIVNÍ PUBLIKACE pro smartphony a tablety

INTERAKTIVNÍ PUBLIKACE pro smartphony a tablety INTERAKTIVNÍ PUBLIKACE pro smartphony a tablety PŘEDSTAVENÍ PUBLIKACE Naše aplikace a interaktivní digitální publikace pro smartphony a tablety, jsou určeny jako marketingová podpora prodeje firem, které

Více

Obsah. 1 Úvod do Visia 2003 15. 2 Práce se soubory 47. Předmluva 11 Typografická konvence použitá v knize 13

Obsah. 1 Úvod do Visia 2003 15. 2 Práce se soubory 47. Předmluva 11 Typografická konvence použitá v knize 13 Předmluva 11 Typografická konvence použitá v knize 13 1 Úvod do Visia 2003 15 Visio se představuje 16 Výchozí podmínky 16 Spuštění a ukončení Visia 18 Způsoby spuštění Visia 18 Ukončení práce s Visiem

Více

Tabulkový procesor otázka č.17

Tabulkový procesor otázka č.17 Tabulkový procesor otázka č.17 Seřazení (sort = řazení, třídění) je přeorganizování seznamu nebo jakékoli jiné tabulky podle klíčů. Klíč představuje vybrané pole seznamu, podle kterého se na základě zvoleného

Více

Administrační rozhraní Drupalu

Administrační rozhraní Drupalu Administrační rozhraní Drupalu Možnosti, flexibilita, uživatelská nastavení Zaměřeno přednostně na Drupal 7 Eva Rázgová, Mojžíš Stupka Výchozí administrační rozhraní, Drupal 7 Pozn.: prezentace vychází

Více

Tvorba posterů v PowerPointu a InDesignu

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

Více

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

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

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

Více

TECHNOLOGIE ELASTICKÉ KONFORMNÍ TRANSFORMACE RASTROVÝCH OBRAZŮ

TECHNOLOGIE ELASTICKÉ KONFORMNÍ TRANSFORMACE RASTROVÝCH OBRAZŮ TECHNOLOGIE ELASTICKÉ KONFORMNÍ TRANSFORMACE RASTROVÝCH OBRAZŮ ÚVOD Technologie elastické konformní transformace rastrových obrazů je realizována v rámci webové aplikace NKT. Tato webová aplikace provádí

Více

Praktické použití kartografického software pro tvorbu map OCAD 11

Praktické použití kartografického software pro tvorbu map OCAD 11 Praktické použití kartografického software pro tvorbu map OCAD 11 Prohloubení nabídky dalšího vzdělávání v oblasti zeměměřictví a katastru nemovitostí ve Středočeském kraji CZ.1.07/3.2.11/03.0115 Projekt

Více

MIS. Manažerský informační systém. pro. Ekonomický informační systém EIS JASU CS. Dodavatel: MÚZO Praha s.r.o. Politických vězňů 15 110 00 Praha 1

MIS. Manažerský informační systém. pro. Ekonomický informační systém EIS JASU CS. Dodavatel: MÚZO Praha s.r.o. Politických vězňů 15 110 00 Praha 1 MIS Manažerský informační systém pro Ekonomický informační systém EIS JASU CS Dodavatel: MÚZO Praha s.r.o. Politických vězňů 15 110 00 Praha 1 Poslední aktualizace dne 5.8.2014 MÚZO Praha s.r.o. je certifikováno

Více

Ovládání Open Office.org Calc Ukládání dokumentu : Levým tlačítkem myši kliknete v menu na Soubor a pak na Uložit jako.

Ovládání Open Office.org Calc Ukládání dokumentu : Levým tlačítkem myši kliknete v menu na Soubor a pak na Uložit jako. Ukládání dokumentu : Levým tlačítkem myši kliknete v menu na Soubor a pak na Uložit jako. Otevře se tabulka, v které si najdete místo adresář, pomocí malé šedočerné šipky (jako na obrázku), do kterého

Více

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

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

Více

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

Zobrazování bannerů podporují pouze nově vytvořené šablony motivů vzhledu.

Zobrazování bannerů podporují pouze nově vytvořené šablony motivů vzhledu. Bannerový systém ProEshop od verze 1.13 umožňuje zobrazování bannerů na popředí e-shopu. Bannerový systém je přístupný v administraci e-shopu v nabídce Vzhled, texty Bannerový systém v případě, že aktivní

Více

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

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

Více

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

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

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

Více

Registrační číslo projektu: Škola adresa: Šablona: Ověření ve výuce Pořadové číslo hodiny: Třída: Předmět: Název: Mozilla Firefox nastavení Anotace:

Registrační číslo projektu: Škola adresa: Šablona: Ověření ve výuce Pořadové číslo hodiny: Třída: Předmět: Název: Mozilla Firefox nastavení 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

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

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

Více

Archiv elektronických dokumentů Zela

Archiv elektronických dokumentů Zela Archiv elektronických dokumentů Zela Instalace po rozbalení servisního balíčku 38 se automaticky spustí instalační program, který nainstaluje potřebné moduly pro provoz archivu dokumentů. Tyto moduly je

Více

MATLABLINK - VZDÁLENÉ OVLÁDÁNÍ A MONITOROVÁNÍ TECHNOLOGICKÝCH PROCESŮ

MATLABLINK - VZDÁLENÉ OVLÁDÁNÍ A MONITOROVÁNÍ TECHNOLOGICKÝCH PROCESŮ MATLABLINK - VZDÁLENÉ OVLÁDÁNÍ A MONITOROVÁNÍ TECHNOLOGICKÝCH PROCESŮ M. Sysel, I. Pomykacz Univerzita Tomáše Bati ve Zlíně, Fakulta aplikované informatiky Nad Stráněmi 4511, 760 05 Zlín, Česká republika

Více