1. Úvod do webových aplikací

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

Download "1. Úvod do webových aplikací"

Transkript

1 1. Úvod do webových aplikací Současný web je postaven na třech standardech. Prvním je systém Internetových adres nazvaný URL, druhým je síťový protokol HTTP určený pro přenos dat mezi klientem a serverem, a posledním je jazyk HTML pro popis obsahu webových stránek. 1.1 URL adresa Jednoduchou variantu URL adresy zná každý uživatel webu, protože se s ní běžně setkává. URL adresou je například řetězec který po zadání do webového prohlížeče způsobí zobrazení úvodní stránky z webu Seznamu. Obecný tvar URL adresy je ale trochu složitější. Adresa se může skládat z několika částí, z nichž některé jsou ale nepovinné. První částí je název schématu, který nejčastěji odpovídá použitému přenosovému protokolu, za schématem následuje dvojtečka, a dvě lomítka pak identifikují tzv. hierarchickou URL adresu. V části zvané autorita mohou být zadané přihlašovací údaje, které jsou zavináčem oddělené od adresy serveru a čísla portu. Pokud číslo portu není uvedeno a jako schéma byl použit protokol http, automaticky se předpokládá, že bude použit port číslo 80. Typická schémata jsou https: a ftp:. Kromě nich různé prohlížeče podporují další schémata se speciálním významem. Schéma mailto: se například používá k vyvolání tvorby nové zprávy v poštovním klientovi. Schéma javascript: zase umožňuje předat prohlížeči k vykonání část programového kódu v JavaScriptu. Protože některé znaky mají v URL adrese pevně daný význam, například jde o zmíněnou dvojtečku a lomítko, nesmí se v ní vyskytnout v jiném významu, protože by nebylo možné URL adresu správně vyhodnotit. V části URL adresy věnované dotazu se ale může vyskytovat prakticky libovolný znak a v takovém případě je třeba ho zvláštním způsobem zakódovat.

2 URL kódování používá takový způsob zápisu znaku, kdy za znakem procento následuje hexadecimální hodnota kódovaného znaku v ASCII. Znak lomítko je tak kódován jako %2F, mezera jako %20, a pokud by se v dotazu vyskytovalo i samotné procento, muselo by být také zakódované, v tomto případě jako % HTTP protokol Protokol HTTP je určen k efektivnímu přenosu informace mezi webovým klientem a webovým serverem. Data, která putují od klienta, se nazývají HTTP požadavek, data, která obdrží klient od serveru se nazývají HTTP odpověď. HTTP protokol je takzvaně bezestavový, což znamená, že poté, co server klientovi zašle požadovaná data, na veškerou komunikaci mezi nimi zapomene. Pokud bude mít tedy uživatel další dotaz na stejný server (například proto, že v dokumentu kliknul na odkaz), bude se jednat o zcela nezávislý dotaz a odpověď. Webový server nebude vědět, zda tento druhý dotaz nějak souvisí s předchozím. Existuje celá řada HTTP požadavků zvaných také metody, ale nejčastěji se vyskytují požadavky typu GET a POST. Kliknutí na odkaz na webové stránce typicky znamená, že se na adresu serveru odešle požadavek typu GET. Pro odeslání dat zadaných do webového formuláře se obvykle použije metoda POST. Příklad HTTP požadavku Nyní se podívejme na příklad požadavku typu GET. Za názvem použité metody je uvedena relativní URL adresa k požadovanému dokumentu a verze protokolu HTTP. Za řádkem požadavku následují další samostatné řádky obsahující záhlaví požadavku. Záhlaví Host identifikuje webový server, záhlaví User-Agent obsahuje informaci o webovém prohlížeči, který požadavek zasílá. 2

3 V dalších polích je například uvedena informace o preferovaném formátu dat a o stránce, ze které byl požadavek odeslán. Tato informace se nachází v poli Referer. Příklad HTTP odpovědi Jako odpověď na předchozí požadavek server klientovi pošle informaci o verzi protokolu, stavový kód požadavku, a několik dalších polí záhlaví, v závislosti na použitém webovém serveru. V poli Content-Length je uvedeno množství odeslaných dat v bajtech, v poli Content-Type pak formát těchto dat. Webový server je IIS 6.0, z čehož se dá odhadnou použitá verze MS Windows. Záhlaví odpovědi jsou ukončena prázdným řádkem, za kterým následují zaslaná data. Těmito daty je typicky HTML kód webové stránky. 1.3 Jazyk HTML Jazyk HTML - v překladu hypertextový značkovací jazyk - je určen k vytváření webových stránek. Mezi těmito stránkami je možné vytvářet vazby v podobě odkazů. Kliknutí na odkaz v prohlížeči vyvolá HTTP požadavek na zaslání odpovídající stránky, která se následně zobrazí v prohlížeči. Při přecházení mezi stránkami klikáním na odkazy mluvíme o nelineárním textu, tzv. hypertextu. Naproti tomu běžná kniha je příkladem textu lineárního, protože je napsána tak, aby se četla postupně od začátku do konce. Webová stránka zapsaná prostřednictvím tohoto jazyka je obyčejným textovým souborem, obsahujícím navíc speciální příkazy nazývané značky. Značky jsou v textu vymezeny lomenýni závorkami. Většina značek tvoří dvojici, jedná se o počáteční a koncovou značku. Koncová značka se od počáteční liší tím, že má za levou lomenou závorkou uveden znak lomítko. Základním prvkem webové stránky je element, který se skládá z počáteční a koncové značky, a ze všeho, co se mezi nimi nachází. 3

4 Jednotlivé značky určují strukturu stránky - označují např. název dokumentu, nadpisy různých úrovní, odstavce, různé typy seznamů, umístění obrázků, ale zejména umožňují vytvářet vazby mezi několika různými stránkami. Ve starších verzích jazyka HTML některé značky kromě struktury stránky definovaly i vzhled příslušného elementu, ale s příchodem tzv. kaskádových stylů je tento přístup postupně opouštěn. U webové stránky je třeba rozlišovat dvě její podoby. Jednak je to takzvaný zdrojový kód, vytvořený v jazyce HTML. Druhou podobu představuje její zobrazení v prohlížeči. Příklad jednoduché webové stránky ve zdrojovém tvaru začíná deklarací typu dokumentu. Celá stránka je ohraničena značkou <html>, značky <head> a <body> definují její záhlaví a tělo. Značka <title> definuje název stránky, značka <h1> nadpis první úrovně, značka <p> jeden odstavec textu, a značka <strong> zvýrazňuje část textu v odstavci. Zdrojový tvar webové stránky Zobrazení HTML kódu v prohlížeči Záhlaví obsahuje informace o stránce, které se v prohlížeči obvykle nezobrazují, např. název dokumentu a doplňkové informace pro prohlížeč. Vlastní obsah stránky je tvořen jejím tělem. Značky a jejich atributy 4

5 Význam některých značek upřesňují atributy a jejich hodnoty. Atributem align mohu například určit zarovnání textu v odstavci do bloku. Nebo zarovnat odstavec do prava a v jeho textu definovat odkaz pomocí značky <a>. Obrázek se do dokumentu vkládá pomocí prázdné značky img. Její nejdůležitější atribut je src, jehož hodnotou je název souboru obsahujícího obrázek. Atributy width a height obsahují velikost obrázku v pixelech. V současnosti obsahují webové dokumenty velmi často kromě vlastního HTML kódu i definice vzhledu jednotlivých částí dokumentu pomocí kaskádových stylů (CSS) a skripty vykonávané na straně klienta zpravidla napsané v jazyce JavaScript. Pro analýzu útoků na webové aplikace nebo na webový prohlížeč je třeba mít alespoň základní přehled o všech těchto prvcích. 1.4 Úkoly Identifikujte části URL adresy. Objasněte význam URL kódování. Uveďte metody protokolu HTTP. Uveďte strukturu HTTP požadavku a odpovědi. Co je to zdrojový tvar webové stránky a jak vypadá. 5

6 2. Základy jazyka HTML Nadpisy a odstavce Relativní URL adresa Absolutní URL adresa Obrázek jako odkaz Nečíslovaný seznam Číslovaný seznam 6

7 Seznam definic Vnořování seznamů Element br vynutí konec řádky a přechod na novou: Element br je příkladem tzv. prázdného elementu - nemá obsah a nevyžaduje koncovou značku. 2.1 Entity Webový prohlížeč ignoruje tzv. bílé znaky (whitespaces, mezery, tabelátory, konce odstavců) a je-li jich někde více za sebou, ponechá typicky jen jeden. Proto se k formátování textu nemůže použít vícenásobná mezera. V některých případech lze vícenásobnou mezeru vynutit použitím tzv. pevné mezery, která se do dokumentu vkládá jako entita. 7

8 Entity mají obecnou syntaxi: &nazev_entity; nebo &#číslo_znaku; Slova spojená pevnou mezerou také nebudou v prohlížeči rozděleny na dva řádky. Jako entity se do HTML dokumentu mohou vkládat také následující znaky: Odkaz na pojmenované místo v dokumentu K tomuto účelu se použije značka a s atributem name. Na takto pojmenované místo se pak lze odkázat následujícím způsobem: Před jménem tzv. vnitřního odkazu musí být uveden znak #. Předformátovaný text Pro zobrazení většího množství textu, ve kterém je třeba zachovat i vícenásobné bílé znaky. lze použít element pre. 8

9 Předformátovaný text se standardně zobrazí pomocí nějakého neproporcionálního písma. Jiný vzhled je možné vynutit pomocí kaskádových stylů. Obtékání textu okolo obrázků Obrázek na stránce se chová jako znak vložený na pozici, kde se umístila značka img. Pokud chce autor obrázek z toku textu vyjmout a nechat ho textem obtékat, může použít atribut align, který může nabývat hodnoty např. left a right. Pokud má text pokračovat až pod obrázkem, je to možné vynutit následujícím kouskem kódu: <br clear=all>. 9

10 Tabulky Pokud chci následujcí tabulku zobrazit v dokumentu: Použiji k tomu tento kód: Element table obsahuje celou tabulku, řádky definují elementy tr, buňky tabulky pak elementy td. Atribut border elementu table specifikuje šířku okrajů tabulky v pixelech. Odsazení textu v buňce od jejích okrajů definuje atribut cellpadding, vzdálenost mezi buňkami atribut cellspacing. Šířku tabulky ovlivňuje především obsah v buňkách a prohlížeč ji určuje právě podle něho. Pokud chci ale šířku ovlivnit přímo, použiji k tomu atribut width. Hodnotu šířky mohu zadat v pixelech nebo v procentech šířky okna. 10

11 Prohlížeč standardně vycentruje záhlaví tabulky (element th) a obsah buněk zarovnává doleva (element td). Jiný způsob zarovnání lze vynutit pomocí atributu align: Vertikální zarovnání obsahu buněk provede atribut valign, jehož hodnotou může být "top", "middle" nebo "bottom". Standardní zobrazení tabulky v prohlížeči má problém se zobrazením prázných buněk, proto je vhodné do nich vložit nedělitelnou mezeru. Pokud má buňka v tabulce přesáhnout více sloupců nebo řádků, použijí se atributy colspan a rowspan. Viz následující příklad: 11

12 Dříve se tabulky používali nejen pro zobrazení dat ve formátu tabulky, ale také k designu stránky. Takovým tabulkám se vypínalo zobrazení okrajů pomocí vhodné kombinace hodnot atributů border="0" a cellspacing="0". Hezčí vzhled tabulky se dnes dosahuje pomocí kaskádových stylů: 2.1 Úkoly Vyjádření základních struktur pomocí jazyka HTML: nadpisy a odstavce, odkazy, seznamy, tabulky. Uveďte příklad vnořeného seznamu. Realizujte obtékání obrázku zleva. Vytvořte v jazyce HTML čtvercovou tabulku o rozměrech 3x3. Co je to prázdný element, uveďte příklad. Co je to entita a jak se vkládá do dokumentu. K čemu je předformátový text. 12

13 3. Kaskádové styly (CSS, Cascading Style Sheets) V současnosti se vzhled objektů na webové stránce definuje zpravidla pomocí kaskádových stylů. Obecný zápis stylu a deklarace stylu vypadá takto: Styly lze k objektu na stránce přidat třemi způsoby: přímo u elementu pomocí atributu style, uvnitř dokumentu pomocí elementu style, odkazem na externí soubor se styly. Atribut style Pomocí atributu style můžeme předefinovat vzhled jednoho elementu. Element <style Pomocí elementu style typicky definujeme vzhled mnoha elementů na stránce. Kterých se to bude týkat určujeme pomocí selektorů. Konkrétně to může vypadat třeba takto: Chceme-li potom selektor třídy nebo identifikátoru použít, uděláme to pomocí atributu class, případně id: 13

14 Selektory můžeme shlukovat, v takovém případě slouží čárka jako oddělovač. Externí soubor se styly Pokud chceme několik stránek formátovat stejným způsobem, použije se zpravidla odkaz na stejný soubor se styly. Soubor se styly je čistě textový, má příponu.css a odvolat se na něj můžeme v záhlaví stránky pomocí značky link. Obsahem souboru jsou standardní deklarace stylů. 14

15 4. JavaScript Programovací jazyk JavaScript vytvořila koncem minulého století společnost Netscape. Zpočátku tento jazyk nazývala LiveScript, ale když nastal ve světě boom okolo programovacího jazyka Java, usoudili, že z marketingového hlediska bude lepší, když se nový programovací jazyk přejmenuje a bude se nazývat JavaScript (přesto, že s Javou nemá téměř nic společného). Postupem času společnost Netscape přinášela na trh nové verze svého prohlížeče stránek Netscape Navigator a současně s nimi se rodily i nové verze JavaScriptu, které samozřejmě tvořily součást tohoto prohlížeče. Zlom ve vývoji JavaScriptu nastal v období, kdy se Microsoft rozhodl, že vstoupí na pole internetových prohlížečů, na kterém v té době zaujímal dominantní pozici Netscape Navigator. První verze prohlížeče stránek od Microsoftu nezažily velký úspěch. Důvodem jejich počátečního neúspěchu byla nedostatečná podpora HTML a absence podpory JavaScriptu. Microsoft se však nevzdával a intenzivně pracoval na nových verzích, které by netrpěly těmito nedostatky a současně obsahovaly i nové progresivní funkce, které jejich konkurenční prohlížeč neobsahoval. Microsoft z licenčních důvodů vytvořil vlastní "odrůdu JavaScriptu a nazval ji JScript. Jak vznikaly jednotlivé verze prohlížečů od obou společností, vznikaly na obou frontách i nekompatibilní implementace tohoto jazyka. Aby tento stav nekompatibility nedorostl do nezvládnutelných rozměrů, zasáhla do celého procesu mezinárodní průmyslová asociace pro standardizaci European Computer Manufacturers Association (ECMA) a začala vydávat specifikace jazyka ECMA-262, které skloubily implementace jazyka JavaScript v obou internetových prohlížečích (s výjimkou podpory objektového modelu DOM). Jednou z nejdůležitějších vlastností JavaScriptu, od kterých se odvíjí i další řada vlastností, je fakt, že jde o programovací jazyk, jehož činnost zabezpečuje prohlížeč webových stránek a ne server, na kterém jsou stránky uložené. K provádění javascriptového kódu dochází na počítači návštěvníka stránky až po jejím načtení. Kvůli zachování bezpečnosti je pochopitelné, že autoři programovacího jazyka JavaScript do něj nezabudovali funkce, které by mu umožňovaly zapisovat a načítat údaje ze souborů. Uživatel webu se tedy nemusí obávat toho, že by mu někdo pomocí tohoto jazyka dokázal smazat obsah disku nebo zneužil informace, které se na něm nachází. Vložení JavaScriptu do stránky Pokud jsme se rozhodli vložit do stávající HTML stránky JavaScript, je potřeba, abychom prohlížeči nějakým způsobem ve stránce vyznačili, který úsek z jejího obsahu představuje skript. Pokud bychom tento úsek ve stránce nevyznačili a vložili do stránky jen samotný skript, prohlížeč by ho interpretoval jen jako text a zobrazil ho na obrazovce. Pro označení začátku a konce skriptu v rámci stránky se používá párová HTML značka <script> </script>. Pomocí ní dokáže prohlížeč jednoznačně určit, že to, co se nachází v úseku, který tato značka ohraničuje, je skript a nemá se zobrazit na obrazovce, ale provést. 15

16 Vypsání textu do HTML dokumentu pomocí JavaScriptu Skript nemusí nevyhnutelně tvořit součást stránky - stačí, když se na něj stránka odvolává. Pro tyto účely se používá stejná HTML značka jako v předchozím případě, ale tentokrát je doplněná o parametr src udávající cestu k souboru obsahujícímu skript. Vypsání textu do HTML dokumentu pomocí externího souboru s JavaScriptem: Hlavní výhody umístění skriptu do samostatného souboru: zvýšení rychlosti načítání stránek - pokud používáme na více stránkách stejné skripty, můžeme jejich umístěním do samostatného souboru snížit velikost HTML stránek. Navíc ke zvýšení rychlosti přispěje i fakt, že soubory s příponou.js prohlížeč ukládá do své vyrovnávací paměti (cache) a při požadavku na jejich stažení je nemusí opětovně načítat z webového serveru; 16

17 šetření času při aktualizacích stránek - v případě, že se rozhodneme modifikovat stránky využívající JavaScript, není v tomto případě potřeba editovat každou stránku zvlášť, stačí upravit pouze soubor se skriptem. Obsluha události Následující ukázka obsahuje definici funkce, její přiřazení jako obsluhy události stisku tlačítka, a přepsání obsahu odstavce identifikovaného jménem "demo". Vypsání aktuálního datumu po stisku tlačítka: Validace formuláře 17

18 Výpis cookies 18

19 5. Útoky na webové aplikace 5.1 Architektura webových aplikací Při tvorbě webových aplikací se využívá vícevrstvá architektura. Počet vrstev je sice v závislosti na použité platformě proměnný, ale nejčastěji se uvádí vrstvy tři: prezentační, aplikační a datová. Prezentační vrstva je tvořena webovými stránkami zobrazovanými v prohlížeči. Aplikační vrstva je zpravidla realizována jako program, který běží na webovém nebo aplikačním serveru. Datová vrstva umožňuje ukládat data do databáze, zpracovávat je tam, vytvářet nad nimi dotazy, a výsledky dotazů poskytovat klientům v podobě dynamicky generovaných webových stránek. 5.2 Typy útoků na webové aplikace Za webovou aplikaci je nejčastěji považována aplikace typu klient-server využívající protokol HTTP. Klientem bývá nejčastěji webový prohlížeč. Existují v zásadě tři hlavní typy útoků na webovou aplikaci: buď se jedná o manipulaci s aplikací prostřednictvím rozhraní vytvořeného HTML kódem, nebo může útočník manipulovat s URL adresou nebo přímo s HTTP protokolem. Některé vlastnosti webových aplikací je činí obzvlášť přitažlivým cílem útoku. Například to, že jsou dnes webové aplikace téměř všudypřítomné, zajišťuje, že vždy existuje dostatek atraktivních cílů na které je možné zaútočit, a nezkušených uživatelů, které je možné zneužít. Díky anonymitě je snadné spustit útok beze strachu, že bude útočník vystopován a pohnán k odpovědnosti. Vlastnosti webových aplikací, které je činí atraktivní pro útok Ve srovnání s jinými typy útoků, například s útokem na operační systém nebo počítačovou síť, jsou útoky na webové aplikace velmi jednoduché. Útočník si pro provedení útoku často vystačí jen s webovým prohlížečem a nepotřebuje žádné vyspělé nástroje. 19

20 Další velkou výhodou je fakt, že je HTTP provoz typicky propouštěn firewallem, takže ochrana, kterou jinak firewall poskytuje, je vyřazena ze hry. Nezralý model bezpečnosti je způsoben několika různými faktory. Protože je HTTP bezestavový protokol, tak ani standardně neumožňuje oddělit od sebe jednotlivé uživatele. Protože existuje ohromné množství různých vývojářských nástrojů a platforem, vede to často k tomu, že si vývojáři vytvářejí bezpečný kód dle svých představ. 5.3 Útok typu XSS Velmi rozšířený je typ útoku nazývaný Cross Site Scripting (XSS). Dochází k němu v případě, kdy v důsledku nedostatečně kontrolovaných vstupních dat, které webová aplikace převezme od klienta, jsou data opět bez úprav odeslána zpět klientovi v podobě dynamicky generované webové stránky. Jenže tato vstupní data mohou obsahovat speciálně připravený škodlivý obsah v podobě HTML kódu nebo skriptu. Při zobrazování vstupů od uživatele je tedy nutné zajistit, aby veškerý výstup nebyl do HTML stránky zapsán přímo, ale jen jako text. Možným řešením je používat takové systémy, které při výpisu textu na obrazovku rovnou vše správně převedou na vyjádření pomocí HTML znakových entit. Celý proces kontroly lze tedy rozdělit na několik částí: oprava HTML kódu, kontrola a případné odstranění nepovolených značek. 5.4 Útok typu SQL Injection Tento typ útoku využívá špatného ošetření vstupu od uživatele při sestavování dotazů do databáze. 20

21 Pokud se dotaz vytváří přímým složením s daty zaslanými pomocí formuláře, může útočník zadáním vhodných vstupních dat, například jako v ukázce do formulářového pole param, vytvořit dotaz, který se vždy úspěšně provede. V tomto případě by došlo k výpisu informací uložených v tabulce users. Tento problém má naštěstí snadné řešení nesestavovat SQL dotaz pomocí jednoduchého skládání řetězců. 5.5 Útok typu krádež relace. Protože je HTTP bezestavový protokol, ale všichni potřebují alespoň určitou formu stavu přenášet, používá se mechanizmus sezení (anglicky session). Uživateli je při prvním přístupu na web vytvořeno sezení a je mu přidělen nějaký identifikační kód, který se buď uloží do cookie nebo postupně předává v URL adrese nebo skrytém poli formuláře. Mechanizmus sezení je ale možné zneužít. Stačí získat identifikátor sezení a následně může útočník předstírat korektně přihlášeného uživatele. Proto je nutné identifikátory sezení generovat náhodně a ještě lépe kontrolovat i IP adresu uživatele. Mechanismus útoku: Pokud se pro ukládaní relace použije cookie, je nutné nastavit správné omezení cookie na doménu a nastavit také dobu platnosti cookie. Také lze použít vlastnost cookie nazvanou HttpOnly. Cookie s touto vlastností nebude možné přečíst pomocí JavaScriptu. 5.6 Zásada stejného původu 21

22 Zásada stejného původu (dále jen SOP z anglického názvu Same Origin Policy) je koncept zavedený firmou Netscape v roce 1995 spolu s JavaScriptem a objektovým modelem dokumentu (DOM). Tato zásada definuje poměrně přímočaré pravidlo, které určuje podmínky, kdy může JavaScript v jednom načteném dokumentu přistupovat k DOM druhého načteného dokumentu. Může to udělat jen tehdy, pokud mají oba dokumenty stejný původ, přičemž stejným původem se rozumí trojice údajů: schéma, DNS jméno serveru, a číslo portu. Internet Explorer se zde poněkud liší a do stejného původu nezahrnuje číslo portu. Navíc pokud jsou oba dokumenty ze zóny Důvěryhodné weby, tak se ani žádné kontroly nebudou provádět. SOP využívá DNS jména a nikoli odpovídající IP adresy, což může být využito k útoku zvanému DNS rebinding. Webový prohlížeč se proti tomuto útoku může bránit tím, že si bude po určitou dobu pamatovat DNS jména i s odpovídající IP adresou. SOP byla původně určena jen k omezení pro přístup k metodám a vlastnostem zobrazeného HTML dokumentu, ale postupně byla rozšířena tak, aby chránila i další citlivé oblasti, ale bohužel ne všechny. Například skript, který SOP nesplňuje, může obvykle bez problému zavolat metody location.assign a location.replace pro libovolné okno nebo rám zobrazené v prohlížeči. Pro lepší představu o vyhodnocování stejného původu jsou v tabulce uvedeny výsledky porovnání původu dokumentu s URL adresou Pouze dokument na adrese uvedené v prvním řádku bude moci přistupovat k objektům výchozího dokumentu, protože test porovnávající stejný původ skončí úspěchem. Všechny následující řádky nesplňují některou z podmínek, to znamená, že se liší buď v použitém schématu, nebo jméně serveru či portu. Mechanismus SOP je poměrně jednoduchý a snadno se implementuje, ale pro webové vývojáře je někdy příliš široký a jindy příliš svazující. V prvním případě například neumožňuje izolovat domovské stránky uživatelů, pokud sdílí stejnou doménu. V druhém případě neumožňuje legitimní spolupráci webů jako například login.example.com a payments.example.com. Existuje ale několik různých způsobů, jak pojem stejný původ rozšířit tak, aby tato spolupráce byla možná. 22

23 5.7 Rozšíření SOP První způsob využívá nastavení vlastnosti document.domain na stejnou hodnotu pro všechny dokumenty, které spolu mají spolupracovat. Nastavení této hodnoty pak má při vyhodnocování přístupu přednost před obvyklou kontrolou definovanou pomocí SOP. Protokol a číslo portu si ale musí stále odpovídat. Druhý způsob byl představen jako rozšíření jazyka HTML5. Jedná se o rozhraní nazvané postmessage, které umožňuje zaslat textovou zprávu libovolné délky do vybraného okna nebo rámu. V následující tabulce jsou uvedeny výsledky kontroly přístupu k cílovému dokumentu při použití vlastnosti document.domain. Obě strany musí vlastnost document.domain explicitně deklarovat, pokud to jedna z nich neudělá, tak bude přístup odmítnut. To je případ posledních dvou řádků tabulky, kdy je vidět, že použití vlastnosti document.domain nelze kombinovat se zásadou stejného původu. Slabinou tohoto řešení je to, že nevítaný návštěvník se může bez problémů přidat. Zjistí jaká je hodnota vlastnosti document.domain a na svých stránkách ji nastaví stejně. Pro ilustraci vhodného použití rozhraní postmessage předpokládejme, že dokument na adrese payments.example.com potřebuje získat přihlašovací informaci ze stránky login.example.com. Nejprve tedy definuje rám odkazující se na login.example.com. V tomto rámu provede akci uvedenou na řádku číslo jedna, kterým označí nadřazené okno jako důvěryhodné. 23

24 Aby mohl výchozí dokument obdržená data zpracovat, musí definovat obsluhu události na řádku číslo 4. Řádky 6 až 10 ukazují zpracování takto obdržených dat. I když použití rozhraní postmessage představuje vyspělejší řešení než použití vlastnosti document.domain, může být ale špatně použito. Na posledním řádku je ukázka takového špatného použití, kdy si programátor snažil usnadnit práci, ale výraz, kterým provádí porovnání, je příliš obecný. 5.8 Cookies Cookies představují velmi důležitý prvek současných webových aplikací, ale jejich použití je určeno jinou bezpečnostní politikou než je zásada stejného původu. Jako cookie se v protokolu HTTP označuje malé množství dat zaslané WWW serverem prohlížeči, který je uloží na počítači uživatele. Při každé další návštěvě téhož serveru pak prohlížeč tato data posílá serveru zpět. Cookies běžně slouží k rozlišování jednotlivých uživatelů, ukládají se do nich uživatelské předvolby apod. Cookies lze ale také zneužít pro sledování navštívených stránek. Práce s cookies je omezena jen na konkrétní web, pro který slouží, a lze nastavit různé časy vypršení platnosti cookie. Bezpečnost Cookies Cookie webový server vytvoří použitím vhodného záhlaví v HTTP odpovědi. Jedná se o záhlaví nazvané příznačně Set-Cookie, ve kterém se specifikuje následující informace: název cookie, data cookie, doba platnosti, doména a adresář na serveru, pro které cookie platí. 24

25 V tabulce jsou uvedeny různé varianty hodnoty parametru doména při odeslání stránky na adrese s výsledky uvedenými v pravé části tabulky. Cookies neznamenají žádné nebezpečí pro počítač jako takový. Přesto mohou být nebezpečné pro ochranu soukromí. Navštívený web si totiž může ukládat do cookies jakékoliv informace, které o návštěvníkovi zjistí a může tak postupně zjišťovat zájmy konkrétního návštěvníka. Které stránky navštěvuje, jaké informace vyhledává, jak často daný web navštěvuje apod. Těchto informací se dá posléze i bez vědomí návštěvníka využívat pro cílenou reklamu, statistické vyhodnocování chování návštěvníků, apod. Tyto informace však lze získávat i bez cookies, proto toto jejich využití nemůže být považováno za zvlášť nebezpečné. Cookies lze zneužít zejména tehdy, pokud získá útočník přístup k počítači uživatele, neboť cookies na počítači nejsou nijak chráněny. Pak lze předstírat např. cizí identitu. 25

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

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

Zá klady HTML. Tag HTML <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

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

Základy HTML. Autor: Palito

Základy HTML. Autor: Palito Základy HTML Autor: Palito Zobrazení zdrojového kódu Zobrazení zdrojového kódu Každá stránka je na disku nebo na serveru uložena ve formě zdrojového kódu. Ten kód je psaný v jazyce HTML. Když si chcete

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

MODERNÍ WEB SNADNO A RYCHLE

MODERNÍ 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íce

Tvorba fotogalerie v HTML str.1

Tvorba fotogalerie v HTML str.1 Tvorba fotogalerie v HTML str.1 obr. A obr. B 1) Spustíme PsPad, vytvoříme nový dokument a otevře se nám okno nový soubor, kde si můžeme zvolit jaký chceme typ. My označíme HTML a potvrdíme. 2) Pro správné

Více

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

<html> - párový tag, uzavírá celý dokument <head> - párový, určuje hlavičku dokumentu <body> - párový, uzavírá tělo dokumentu Př. Základní struktura

<html> - párový tag, uzavírá celý dokument <head> - párový, určuje hlavičku dokumentu <body> - párový, uzavírá tělo dokumentu Př. Základní struktura mv Všechny html tagy jsou uzavřeny do závorek . Většina tagů je párových, tzn. ke každému tagu existuje druhá značka s lomítkem před tagem. (, ) HTML tagy by měly udávat pouze logické členění

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

Internet 1 vývoj, html, css

Internet 1 vývoj, html, css Internet 1 vývoj, html, css 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 19. března 2009 Dnešní přednáška 1 Historie

Více

Úvod do tvorby internetových aplikací

Úvod do tvorby internetových aplikací CVT6 01a Úvod do tvorby internetových aplikací Osnova předmětu (X)HTML a tvorba webu pomocí přímého zápisu kódu Tvorba web designu a skládání stránek z kousků Skriptovací jazyky na webu Návrh software

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

Úvod do jazyka HTML (Hypertext Markup Language)

Úvod do jazyka HTML (Hypertext Markup Language) Úvod do jazyka HTML (Hypertext Markup Language) WWW zdroje: http://www.jakpsatweb.cz/ Jak psát web, návod na HTML stránky (Dušan Yuhů Janovský) http://www.kit.vslib.cz/~satrapa/www/kurs/ Kurs vytváření

Více

Ing. Přemysl Brada, MSc., Ph.D. Ing. Martin Dostal. Katedra informatiky a výpočetní techniky, FAV, ZČU v Plzni

Ing. Přemysl Brada, MSc., Ph.D. Ing. Martin Dostal. Katedra informatiky a výpočetní techniky, FAV, ZČU v Plzni Webové aplikace Ing. Přemysl Brada, MSc., Ph.D. Ing. Martin Dostal Katedra informatiky a výpočetní techniky, FAV, ZČU v Plzni Harmonogram Dopolední blok 9:00 12:30 Ing. Dostal Úvod, XHTML + CSS Ing. Brada,

Více

DUM č. 11 v sadě. 36. Inf-12 Počítačové sítě

DUM č. 11 v sadě. 36. Inf-12 Počítačové sítě projekt GML Brno Docens DUM č. 11 v sadě 36. Inf-12 Počítačové sítě Autor: Lukáš Rýdlo Datum: 06.05.2014 Ročník: 3AV, 3AF Anotace DUMu: WWW, HTML, HTTP, HTTPS, webhosting Materiály jsou určeny pro bezplatné

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

Registrační číslo projektu: CZ.1.07/1.5.00/34.0553 Elektronická podpora zkvalitnění výuky CZ.1.07 Vzděláním pro konkurenceschopnost

Registrační číslo projektu: CZ.1.07/1.5.00/34.0553 Elektronická podpora zkvalitnění výuky CZ.1.07 Vzděláním pro konkurenceschopnost Registrační číslo projektu: CZ.1.07/1.5.00/34.0553 Elektronická podpora zkvalitnění výuky CZ.1.07 Vzděláním pro konkurenceschopnost Projekt je realizován v rámci Operačního programu Vzdělávání pro konkurence

Více

Uživatelský manuál. Aplikace GraphViewer. Vytvořil: Viktor Dlouhý

Uživatelský manuál. Aplikace GraphViewer. Vytvořil: Viktor Dlouhý Uživatelský manuál Aplikace GraphViewer Vytvořil: Viktor Dlouhý Obsah 1. Obecně... 3 2. Co aplikace umí... 3 3. Struktura aplikace... 4 4. Mobilní verze aplikace... 5 5. Vytvoření projektu... 6 6. Části

Více

TÉMATICKÝ OKRUH Softwarové inženýrství

TÉMATICKÝ OKRUH Softwarové inženýrství TÉMATICKÝ OKRUH Softwarové inženýrství Číslo otázky : 25. Otázka : Komponentní technologie - základní pojmy a principy, metody specifikace komponent. Obsah : 1. Základní pojmy 1.1 Komponenta Komponenta

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

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

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

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

Úvod do aplikací internetu a přehled možností při tvorbě webu

Úvod do aplikací internetu a přehled možností při tvorbě webu CVT6 01a Úvod do aplikací internetu a přehled možností při tvorbě webu Internet a www Internet? Služby www ftp e-mail telnet NetNews konference IM komunikace Chaty Remote Access P2P aplikace Online games

Více

1 Administrace systému 3. 1.3 Moduly... 3 1.4 Skupiny atributů... 4 1.5 Atributy... 4 1.6 Hodnoty atributů... 4

1 Administrace systému 3. 1.3 Moduly... 3 1.4 Skupiny atributů... 4 1.5 Atributy... 4 1.6 Hodnoty atributů... 4 CRM SYSTÉM KORMORÁN PŘÍRUČKA ADMINISTRÁTORA Obsah 1 Administrace systému 3 1.1 Uživatelské účty.................................. 3 1.2 Přístupová práva................................. 3 1.3 Moduly.......................................

Více

INFORMAČNÍ SYSTÉMY NA WEBU

INFORMAČNÍ SYSTÉMY NA WEBU INFORMAČNÍ SYSTÉMY NA WEBU Webový informační systém je systém navržený pro provoz v podmínkách Internetu/intranetu, tzn. přístup na takový systém je realizován přes internetový prohlížeč. Použití internetového

Více

13. Vytváření webových stránek

13. Vytváření webových stránek 13. Vytváření webových stránek značkovací jazyk HTML, základní členění dokumentu, odkazy, tabulky, seznamy, obrázky, HTML editory Značkovací jazyk HTML HTML - Hypertext markup Language (hypertextový značkovací

Více

Úvod do informatiky 5)

Úvod do informatiky 5) PŘEHLED PŘEDNÁŠKY Internet Protokol a služba Jmenná služba (DNS) URL adresa Elektronická pošta Přenos souborů (FTP) World Wide Web (WWW) Téměř zapomenuté služby 1 INTERNET 2 PROTOKOL A SLUŽBA Protokol

Více

Příručka pro editaci kontaktů na eagri

Příručka pro editaci kontaktů na eagri Obsah Úvod... 1 Uživatel a subjekt... 1 Kontakty... 1 Validace hodnoty kontaktu... 2 GPS souřadnice... 3 Certifikát... 3 Datová schránka... 4 Adresy... 4 Změna PSČ v primární adrese a speciální PSČ...

Více

Mgr. Stěpan Stěpanov, 2013

Mgr. Stěpan Stěpanov, 2013 Mgr. Stěpan Stěpanov, 2013 Abstrakt V tomto kurzu se seznámíme se základními pojmy HTML, klíčovými pravidly pro práci se značkami a atributy a strukturou dokumentu. Také se dozvíte, jak a v čem lze vytvářet

Více

Čtvrtek 11. dubna. Základy HTML. Obecná syntaxe HTML. Struktura HTML

Čtvrtek 11. dubna. Základy HTML. Obecná syntaxe HTML. Struktura HTML Čtvrtek 11. dubna Základy HTML HyperText Markup Language, označovaný zkratkou HTML, je značkovací jazyk pro hypertext. Je jedním z jazyků pro vytváření stránek v systému World Wide Web, který umožňuje

Více

Zpravodaj. Uživatelská příručka. Verze

Zpravodaj. Uživatelská příručka. Verze Zpravodaj Uživatelská příručka Verze 02.01.02 1. Úvod... 3 2. Jak číst tuto příručku... 4 3. Funkčnost... 5 3.1. Seznam zpráv... 5 4. Ovládání programu... 6 4.1. Hlavní okno serveru... 6 4.2. Seznam zpráv...

Více

CSS Stylování stránek. Zpracoval: Petr Lasák

CSS Stylování stránek. Zpracoval: Petr Lasák CSS Stylování stránek Zpracoval: Petr Lasák Cascade Style Sheets Sada stylů každý element má styl svého zobrazení Říká, jak má být element zobrazen, ne co v něm je Do verze HTML 4.0 byl vzhled měněn pouze

Více

WEBOVÉ STRÁNKY www.krestanskevanoce.cz

WEBOVÉ STRÁNKY www.krestanskevanoce.cz WEBOVÉ STRÁNKY www.krestanskevanoce.cz Domovská stránka Křesťanských Vánoc je založena na databázi, která vedle běžných funkcí redakčního systému internetové prezentace umožňuje též uložit údaje o jednotlivých

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

HTML. ICT_01., 02. konzultace; 2. ročník 1/6

HTML. ICT_01., 02. konzultace; 2. ročník 1/6 ICT_01., 02. konzultace; 2. ročník 1/6 HTML Vystavení vlastních dat na Internetu Každý uživatel Internetu, který chce svoje webové stránky publikovat na Internetu potřebuje: - místo na webovém serveru,

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

Zá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 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í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

1 Webový server, instalace PHP a MySQL 13

1 Webový server, instalace PHP a MySQL 13 Úvod 11 1 Webový server, instalace PHP a MySQL 13 Princip funkce webové aplikace 13 PHP 14 Principy tvorby a správy webového serveru a vývojářského počítače 14 Co je nezbytné k instalaci místního vývojářského

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

Š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

WEBOVÉ STRÁNKY

WEBOVÉ STRÁNKY WEBOVÉ STRÁNKY www.krestanskevanoce.cz Domovská stránka Křesťanských Vánoc je založena na databázi, která vedle běžných funkcí redakčního systému internetové prezentace umožňuje též uložit údaje o jednotlivých

Více

Příručka pro editaci kontaktů na eagri

Příručka pro editaci kontaktů na eagri Obsah Úvod... 1 Uživatel a subjekt... 1 Kontakty... 1 Validace hodnoty kontaktu... 2 GPS souřadnice... 3 Datová schránka... 3 Adresy... 3 Speciální PSČ... 4 Adresy s P.O. Box... 4 Klíč pro WS... 4 Uživatelé...

Více

Protokol HTTP 4IZ228 tvorba webových stránek a aplikací

Protokol HTTP 4IZ228 tvorba webových stránek a aplikací 4IZ228 tvorba webových stránek a aplikací Jirka Kosek Poslední modifikace: $Date: 2006/11/23 15:11:51 $ Obsah Úvod... 3 Co je to HTTP... 4 Základní model protokolu... 5 Struktura požadavku v HTTP 1.0 a

Více

STŘEDNÍ ŠKOLA INFORMAČNÍCH TECHNOLOGIÍ A SOCIÁLNÍ PÉČE

STŘEDNÍ ŠKOLA INFORMAČNÍCH TECHNOLOGIÍ A SOCIÁLNÍ PÉČE STŘEDNÍ ŠKOLA INFORMAČNÍCH TECHNOLOGIÍ A SOCIÁLNÍ PÉČE WEBOWÉ STRÁNKY TŘÍD KAMIL POPELKA ZÁVĚREČNÁ MATURITNÍ PRÁCE BRNO 2011 Prohlášení Prohlašuji, že maturitní práce je mým původním autorským dílem, které

Více

Úvod do email systému

Úvod do email systému Úvod do email systému Základní informace Toto emailové prostředí je rozloženo do tří hlavních částí - rámců. Levý rámec zobrazuje aktuálně přihlášené složky. V pravé části strany se realizuje veškerá činnost

Více

Poznámka v (x)html Všechno, co je v (x)html souboru obaleno značkami <!-- a -->, je považováno za poznámku a nezobrazuje se.

Poznámka v (x)html Všechno, co je v (x)html souboru obaleno značkami <!-- a -->, je považováno za poznámku a nezobrazuje se. Úvod do tvorby www stránek Tvorba www 3 Poznámka v (x)html Všechno, co je v (x)html souboru obaleno značkami , je považováno za poznámku a nezobrazuje se. Odkaz (hyperlink)

Více

Úvodem 9. Zpětná vazba od čtenářů 10 Zdrojové kódy ke knize 10 Errata 10. Než začneme 11

Úvodem 9. Zpětná vazba od čtenářů 10 Zdrojové kódy ke knize 10 Errata 10. Než začneme 11 Obsah Úvodem 9 Zpětná vazba od čtenářů 10 Zdrojové kódy ke knize 10 Errata 10 Kapitola 1 Než začneme 11 Dynamické vs. statické stránky 11 Co je a k čemu slouží PHP 12 Instalace potřebného softwarového

Více

Formátování obsahu adminweb

Formátování obsahu adminweb Formátování obsahu adminweb verze 24032015 1 Obsah 1. Možnosti formátování textu...3 2. Formátování v editoru...4 3. Tabulka pro pozicování obsahu...5 4. Tabulka se stylem... 6 5. Šablony...7 6. Obrázky

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

Internetové technologie, cvičení č. 5

Internetové technologie, cvičení č. 5 Internetové technologie, cvičení č. 5 Náplň cvičení Obsahem 5. cvičení předmětu Internetové technologie je ukázka a procvičení XHTML značek a atributů používaných při vytváření hypertextových odkazů a

Více

Kaskádové styly základy grafiky

Kaskádové styly základy grafiky 1 Kaskádové styly základy grafiky Vymezení pojmů Historie Základy stylů 2 Co je to CSS? Vznik CSS a je možné zařadit přibližně do roku 1997. Pojem CSS by se dal shrnout definicí :"souhrn pravidel a metod

Více

Úvod 1 ČÁST 1 HTML 1 Základy HTML a kaskádových stylů 5

Úvod 1 ČÁST 1 HTML 1 Základy HTML a kaskádových stylů 5 Úvod 1 ČÁST 1 HTML 1 Základy HTML a kaskádových stylů 5 Struktura dokumentu HTML obsah a forma 5 Prvky dokumentu 7 Jméno prvku 7 Atributy prvku 8 Obsah prvku, hierarchie prvků 9 Zastupující jednotky (entity)

Více

Základy informatiky. HTML, tvorba WWW stránek. Daniela Szturcová Část převzata z přednášky P. Děrgela

Základy informatiky. HTML, tvorba WWW stránek. Daniela Szturcová Část převzata z přednášky P. Děrgela Základy informatiky HTML, tvorba WWW stránek Daniela Szturcová Část převzata z přednášky P. Děrgela Obsah přednášky Princip WWW dokumentu, ukázka Nástroje pro tvorbu Pravidla tvorby HTML, tagy Kostra HTML

Více

Obsah. Ú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 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í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

NSWI096 - INTERNET. CSS kaskádové styly. Mgr. Petr Lasák

NSWI096 - INTERNET. CSS kaskádové styly. Mgr. Petr Lasák NSWI096 - INTERNET CSS kaskádové styly Mgr. Petr Lasák MINULE

Více

Stručný manuál pro webový editor. Ukládáni základních informací, tvorba menu

Stručný manuál pro webový editor. Ukládáni základních informací, tvorba menu Stručný manuál pro webový editor Ukládáni základních informací, tvorba menu Po přihlášení ( zadejte zaslané přihlašovací jméno a heslo ) se Vám zobrazí stránka, kde jsou následující údaje: 1. blok, který

Více

02. HODINA. 2.1 Typy souborů a objektů. 2.2 Ovládací prvky Label a TextBox

02. HODINA. 2.1 Typy souborů a objektů. 2.2 Ovládací prvky Label a TextBox 02. HODINA Obsah: 1. Typy souborů a objektů 2. Ovládací prvky Label a TextBox 3. Základní příkazy a vlastnosti ovládacích prvků 4. Práce s objekty (ovládací prvky a jejich vlastnosti) 2.1 Typy souborů

Více

Testování webových aplikací Seznam.cz

Testování webových aplikací Seznam.cz Testování webových aplikací Seznam.cz Roman Kümmel Bezpečnostní hrozby Síťové prvky, servery VPN, Remote desktop Webové aplikace DoS, DDoS Sociotechnika Wi-Fi Útoky proti uživatelům Útoky proti aplikaci

Více

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

(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

Základy HTML. Obecná syntaxe HTML. Struktura HTML

Základy HTML. Obecná syntaxe HTML. Struktura HTML Základy HTML HyperText Markup Language, označovaný zkratkou HTML, je značkovací jazyk pro hypertext. Je jedním z jazyků pro vytváření stránek v systému World Wide Web, který umožňuje publikaci dokumentů

Více

FFUK Uživatelský manuál pro administraci webu Obsah

FFUK Uživatelský manuál pro administraci webu Obsah FFUK Uživatelský manuál pro administraci webu Obsah FFUK Uživatelský manuál pro administraci webu... 1 1 Úvod... 2 2 Po přihlášení... 2 3 Základní nastavení webu... 2 4 Menu... 2 5 Bloky... 5 6 Správa

Více

Relační vrstva SMB-Síťový komunikační protokol aplikační vrstvy, který slouží ke sdílenému přístupu k souborům, tiskárnám, sériovým portům.

Relační vrstva SMB-Síťový komunikační protokol aplikační vrstvy, který slouží ke sdílenému přístupu k souborům, tiskárnám, sériovým portům. Aplikační vrstva http-protokol, díky kterému je možné zobrazovat webové stránky. -Protokol dokáže přenášet jakékoliv soubory (stránky, obrázky, ) a používá se také k různým dalším službám na internetu

Více

IE1 jazyk HTML a kaskádové styly

IE1 jazyk HTML a kaskádové styly IE1 jazyk HTML a kaskádové styly Tvorbu webových stránek v jazyce HTML a jejich formátování pomocí kaskádových stylů (CSS) budeme zkoušet na souvislém příkladu. Můžete si zvolit vlastní téma webové prezentace.

Více

Vytvořil Institut biostatistiky a analýz, Masarykova univerzita J. Jarkovský, L. Dušek, M. Cvanová. 5. Statistica

Vytvořil Institut biostatistiky a analýz, Masarykova univerzita J. Jarkovský, L. Dušek, M. Cvanová. 5. Statistica Vytvořil Institut biostatistiky a analýz, Masarykova univerzita J. Jarkovský, L. Dušek, M. Cvanová 5. Statistica StatSoft, Inc., http://www.statsoft.com, http://www.statsoft.cz. Verze pro Mac i PC, dostupná

Více

Informační systém pro e-learning manuál

Informační systém pro e-learning manuál Informační systém pro e-learning manuál Verze 1.00 Úvod Tento dokument popisuje způsob práce s informačním systémem pro elektronické vzdělávání. Systém je určený pro vytvoření elektronického kurzu a jeho

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

Internet WEB stránky HTML, Hypertext MarkUp Language - nadtextový jazyk - Místo příkazů obsahuje tagy - značky

Internet WEB stránky HTML, Hypertext MarkUp Language - nadtextový jazyk - Místo příkazů obsahuje tagy - značky Internet WEB stránky HTML, Hypertext MarkUp Language - nadtextový jazyk - Místo příkazů obsahuje tagy - značky Fungování internetu je celosvětový systém navzájem propojených počítačových sítí ve kterých

Více

Tvorba stránek v HTML ve Wordu

Tvorba stránek v HTML ve Wordu Tvorba stránek v HTML ve Wordu HTML (hypertext markup language hypertextový značkovací jazyk). Internetová stránka jako soubor s příponou htm nebo html. Je to skoro obyčejný textový soubor obohacený o

Více

Informace o poštovním provozu na serveru mail.ktkadan.cz a stručný návod na použití OpenWebMailu

Informace o poštovním provozu na serveru mail.ktkadan.cz a stručný návod na použití OpenWebMailu Informace o poštovním provozu na serveru mail.ktkadan.cz a stručný návod na použití OpenWebMailu 1. Obecné informace Příchozí zprávy se ukládají do vaší schránky na serveru mail.ktkadan.cz. Tuto schránku

Více

Bloky. Tag Význam Párový. p odstavec nepovinně. br řádkový zlom ne. div oddíl ano. center vycentrování ano. h1 nadpis 1.

Bloky. Tag Význam Párový. p odstavec nepovinně. br řádkový zlom ne. div oddíl ano. center vycentrování ano. h1 nadpis 1. Bloky Tu se popisuji blokové tagy, což jsou všechny, za kterými se zalamuje řádka. Jde o různé oddíly textu a odstavce. Opakem blokových tagů jsou řádkové (in-line) tagy na značkování textu. Tag Význam

Více

Vstupní požadavky, doporučení a metodické pokyny

Vstupní požadavky, doporučení a metodické pokyny Název modulu: Základy PHP Označení: C9 Stručná charakteristika modulu Modul je orientován na tvorbu dynamických stánek aktualizovaných podle kontextu volání. Jazyk PHP umožňuje velmi jednoduchým způsobem

Více

Styly odstavců. Word 2010. Přiřazení stylu odstavce odstavci. Změna stylu odstavce

Styly odstavců. Word 2010. Přiřazení stylu odstavce odstavci. Změna stylu odstavce Styly odstavců V textu, který přesahuje několik stránek a je nějakým způsobem strukturovaný (což znamená, že se dá rozdělit na části (v knize jim říkáme kapitoly) a jejich podřízené části (podkapitoly),

Více

IE1 jazyk HTML a kaskádové styly

IE1 jazyk HTML a kaskádové styly IE1 jazyk HTML a kaskádové styly Tvorbu webových stránek v jazyce HTML a jejich formátování pomocí kaskádových stylů (CSS) budeme zkoušet na souvislém příkladu. Můžete si zvolit vlastní téma webové prezentace.

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

1. Úvod do Ajaxu 11. Jak Ajax funguje? 13

1. Úvod do Ajaxu 11. Jak Ajax funguje? 13 Obsah Úvodem 9 1. Úvod do Ajaxu 11 Jak Ajax funguje? 13 Popis 13 Ukázky 13 Jaké jsou možnosti tvorby interaktivních webových aplikací? 15 Co je třeba znát? 16 Jak fungují technologie Ajaxu 16 Jak funguje

Více

Importy a exporty KLIENTSKÝ DOPLNĚK PRO PODPORU IMPORTŮ VERZE 3.2.0

Importy a exporty KLIENTSKÝ DOPLNĚK PRO PODPORU IMPORTŮ VERZE 3.2.0 Importy a exporty KLIENTSKÝ DOPLNĚK PRO PODPORU IMPORTŮ VERZE 3.2.0 Obsah 1. ÚVOD... 3 2. IMPORTY Z EXCELU A TEXTU... 3 2.1 INSTALACE A KONFIGURACE IMPORT... 3 2.1.1 Předpoklad instalace pro import z XLS...

Více

PHP tutoriál (základy PHP snadno a rychle)

PHP tutoriál (základy PHP snadno a rychle) PHP tutoriál (základy PHP snadno a rychle) Druhá, vylepšená offline verze. Připravil Štěpán Mátl, http://khamos.wz.cz Chceš se naučit základy PHP? V tom případě si prostuduj tento rychlý průvodce. Nejdříve

Více

Čtvrtek 3. listopadu. Makra v Excelu. Obecná definice makra: Spouštění makra: Druhy maker, způsoby tvorby a jejich ukládání

Čtvrtek 3. listopadu. Makra v Excelu. Obecná definice makra: Spouštění makra: Druhy maker, způsoby tvorby a jejich ukládání Čtvrtek 3. listopadu Makra v Excelu Obecná definice makra: Podle definice je makro strukturovanou definicí jedné nebo několika akcí, které chceme, aby MS Excel vykonal jako odezvu na nějakou námi definovanou

Více

Manuál Redakční systém

Manuá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íce

JavaScript 101. "Trocha života do statických stránek"

JavaScript 101. Trocha života do statických stránek JavaScript 101 "Trocha života do statických stránek" Nacionále: JavaScript 101 Vznik: Netscape, 1995 Původně Mocha, později LiveScript, nakonec z marketingových důvodů přejmenován na JavaScript JavaScript

Více

Elektronické podání žádosti o udělení výjimky pro použití konvenčních osiv v ekologickém zemědělství prostřednictvím Portálu farmáře MZe

Elektronické podání žádosti o udělení výjimky pro použití konvenčních osiv v ekologickém zemědělství prostřednictvím Portálu farmáře MZe Uživatelská příručka Elektronické podání žádosti o udělení výjimky pro použití konvenčních osiv v ekologickém zemědělství prostřednictvím Portálu farmáře MZe Ministerstvo zemědělství České republiky únor

Více

Šifrování Autentizace Bezpečnostní slabiny. Bezpečnost. Lenka Kosková Třísková, NTI TUL. 22. března 2013

Šifrování Autentizace Bezpečnostní slabiny. Bezpečnost. Lenka Kosková Třísková, NTI TUL. 22. března 2013 Šifrování Autentizace ní slabiny 22. března 2013 Šifrování Autentizace ní slabiny Technologie Symetrické vs. asymetrické šifry (dnes kombinace) HTTPS Funguje nad HTTP Šifrování s pomocí SSL nebo TLS Šifrování

Více

Elektronické podání žádosti o udělení výjimky pro použití konvenčních osiv v ekologickém zemědělství prostřednictvím Portálu farmáře MZe

Elektronické podání žádosti o udělení výjimky pro použití konvenčních osiv v ekologickém zemědělství prostřednictvím Portálu farmáře MZe Uživatelská příručka Elektronické podání žádosti o udělení výjimky pro použití konvenčních osiv v ekologickém zemědělství prostřednictvím Portálu farmáře MZe verze pro mobilní zařízení a čtečky elektronických

Více

APLIKACE XML PRO INTERNET

APLIKACE XML PRO INTERNET APLIKACE XML PRO INTERNET Jaroslav Ráček Fakulta Informatiky, Masarykova Universita Brno Abstrakt Text je věnován možnostem využití XML technologie pro prezentaci dokumentů pomocí Internetu. V úvodu je

Více

Prezentace (Presentation) - ECDL / ICDL Sylabus 6.0

Prezentace (Presentation) - ECDL / ICDL Sylabus 6.0 Prezentace (Presentation) - ECDL / ICDL Sylabus 6.0 Upozornění: Oficiální verze ECDL / ICDL Sylabu verze 6.0 je publikovaná na webových stránkách ECDL Foundation - www.ecdl.org a lokalizovaná verze na

Více

Mgr. Vlastislav Kučera přednáška č. 1

Mgr. 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íce

HTTP protokol. Zpracoval : Petr Novotný

HTTP protokol. Zpracoval : Petr Novotný HTTP protokol Zpracoval : Petr Novotný novotny0@students.zcu.cz HTTP protokol - úvod zkratka z Hyper-Text Transfer Protocol možnost přenášet jakákoliv data (soubor, obrázek, výsledek dotazu) obvykle provozová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

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

Internetový prohlížeč-vyhledávání a ukládání dat z internetu do počítače

Internetový prohlížeč-vyhledávání a ukládání dat z internetu do počítače VY_32_INOVACE_In 6.,7.11 Internetový prohlížeč-vyhledávání a ukládání dat z internetu do počítače Anotace: V prezentaci se žák seznámí se základními typy prohlížečů. Zaměříme se na prohlížeč Internet Explorer.

Více

CSS Selektory tříd a ID, dědičnost, další vlastnosti. Formátování HTML dokumentu, které je více či méně oddělené od obsahu Způsoby implementace

CSS Selektory tříd a ID, dědičnost, další vlastnosti. Formátování HTML dokumentu, které je více či méně oddělené od obsahu Způsoby implementace CSS Selektory tříd a ID, dědičnost, další vlastnosti Internetové publikování 1 Cascading Style Sheets Formátování HTML dokumentu, které je více či méně oddělené od obsahu Způsoby implementace Specifikace

Více

WWW a HTML. Základní pojmy. Ivo Peterka

WWW a HTML. Základní pojmy. Ivo Peterka WWW a HTML Základní pojmy WWW World Wide Web systém navzájem propojených stránek Stránky se mohou skládat z částí nacházejících se v různých částech světa. HTML HyperText Markup Language Slouží k psaní

Více