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 Převede URL adresu (www.google.cz) na IP adresu (74.125.224.72) Prohlížeč se tak ptá DNS, aby znal IP adresu Převod může probíhat i přímo v PC Technologické trendy v AV tvorbě, Web 3
IP adresa Číselná adresa ve formátu např. 74.125.224.72 Umožňuje propojení počítačů Síťové složky (routery) se učí, kterým kabelem posílat data dál dle adresy Technologické trendy v AV tvorbě, Web 4
Server Obsahuje uložená data Umí dál s daty pracovat Plní příchozí požadavky Odesílá požádaná data na zpáteční adresu Technologické trendy v AV tvorbě, Web 5
Rychlost načítání Datová velikost stránek Ukládání stránek na klientovi (cache) Struktura stránek Rychlost serveru a jeho zatížení Propustnost linky po celé délce Technologické trendy v AV tvorbě, Web 6
Zobrazení stránek HTML HyperText Markup Language Základní stavební kámen Textový soubor s textem a značkami Značky logicky označují části textu Nadpis, odstavec, odkaz, menu, obrázek, video Propojení html souborů pomocí odkazů O grafickou reprezentaci se stará prohlížeč Technologické trendy v AV tvorbě, Web 7
HTML <h1>trendy</h1> <h2>přednáška o webu</h2> <p>dnešní přednáška se zabývá něčím, co nemá s <a href= www.film.cz >filmem</a> zas tolik společného.</p> Technologické trendy v AV tvorbě, Web 8
Stylování Označené části textu lze stylovat Přidat pozadí, barvu, odsazení, rozměry textového pole apod. Reakce na velikost okna / zařízení Animace při změně stavu pozice myši Technologické trendy v AV tvorbě, Web 9
Design webu Řízení dle zvyklostí a trendů Přehlednost a intuitivní ovládání Estetika a originalita Zkušenosti designerů Technologické trendy v AV tvorbě, Web 10
Rozšíření HTML Ukládání dat, paměť nedávné činnosti, rozeznání uživatele, pokročilá interaktivita Pomocí činnosti prohlížeče a serveru Vložení skriptů do kódu Výstavba html na serveru dle programu Technologické trendy v AV tvorbě, Web 11
Rozšíření pomocí serveru Ukládání dat programem (databáze) Např. registrace uživatelů Příprava html pomocí skriptů php Větší nároky na server Složitější operace stáhnout YouTube video, rozbalit soubor Technologické trendy v AV tvorbě, Web 12
Rozšíření pomocí prohlížeče Lze reagovat ihned Tvorba samostatné aplikace Široké možnosti Omezené funkce kvůli bezpečnosti Přístup na disk (pouze na vyhrazené místo) Sledování pozice (je třeba povolit) Sledování obrazovky uživatele Technologické trendy v AV tvorbě, Web 13
Rozšíření pomocí prohlížeče Možné tvořit plně interaktivní obsah Zvuky Hry Navazující upravované videa Využití zařízení uživatele GPS, mikrofon, kamera Technologické trendy v AV tvorbě, Web 14
Příklad formulář Formulářové prvky v html pomocí značek Umístěné na stránce pomocí stylů Kontrola polí pomocí skriptů prohlížeče Přijetí a uložení informací na serveru Technologické trendy v AV tvorbě, Web 15
Zásuvné moduly Rozšíření prohlížeče o novou funkcionalitu Dříve (před HTML 5) jediný způsob, jak přehrát video ve stránce Flash Různá práva modulů Pdf viewer, Silverlight a Flash Technologické trendy v AV tvorbě, Web 16
Neustálý vývoj Nové značky Nové skripty prohlížečů Staré prohlížeče neumí Největší problém s Internet Explorerem verze 6 a nižší Řešení kompatibility Současné prohlížeče se sami aktualizují Technologické trendy v AV tvorbě, Web 17
Zřízení stránek Unikátní doména Webový prostor (velikost na data a DB) Funkce a vlastnosti serveru (rychlost, php, zálohy) Architektura stránek Design stránek Programování stránek (pro uživ. i adminy) Provoz stránek (plnění informacemi) Technologické trendy v AV tvorbě, Web 18
Alternativní vznik stránek Kvalitní stránky velmi drahé Alternativa v podobě šablon Levnější, prověřené Méně možností, za každé se připlácí Nedokonalý design Technologické trendy v AV tvorbě, Web 19
Děkuji za pozornost Technologické trendy v AV tvorbě, Web 20