Podmínky udělení zápočtu 1 (ZÁKLADY HTML) RNDr. Tomáš ŘEZNÍK, Ph.D. Mgr. Jana STEHLÍKOVÁ Webová kartografie- úvod podzim 2013 Laboratoř geoinformatiky a kartografie.Masarykova univerzita Docházka - max2 absence Odevzdaná a uznaná všechna cvičení Zisk 2/3 bodů ze cvičení - Vypracování cvičení je do data uvedeného v dokumentu „term'ny_odevzdavari_cviceri", zpravidla 1 týden od zadání, odevzdání vždy do pondělní půlnoci - Pozdní odevzdání => 0 bodů, ALE pro uznání cvičení je nutné jej odevzdat max do jednoho dalšího týdne (jinak neudäení zápočtu) - Body získané ve cvičeníchtvoří 1/3 výsledné znárrky Základní odkazy Zadání cvičení 6. 1 Ve studijních materiálech ISu Tvorba Webu (XHTML) http://www.tvorba-webu.cz/xhtml/ Jak psát Web http://www.jakpsatweb.cz atoř geoinformatiky a kartografie.Masarykova univerzita Hyper Text Markup Language Značkovací jazyk Soubory s koncovkou *.Wmnebo *.html Vychází z obecného standardu XML Popisuje význam obsahu ■informatiky a kartografie. Mas ar HTM L - základní principy Utváří dokument pomocí značek nomální text

odstavec

Tento zápis se nazývá zdrojový kód Vytváří se v textovém editoru nebo editoru w ebových stránek (např. Notepad++, PSpad) Následně se ukládá s koncovkou *.htm, *htmJ Může se pak otevřít ve webovém prohlížeči (IE, Mozilla, Rrefox, Opera, Safari, aj.) linformafiky a kartografie.Masaryk: PRINCIP Logické vs. vizuální značkování Vizuální značkování - určení, jak má výslednýdokunrent vypadat Logické značkování - snaha postihnout jeho obsah )f geoinformatiky a kartografie. Mas ar 1 PŘÍKLADY V (X)HTM L NEJČASTĚJŠÍ CHYBY XM L SYNTAXE • Logické značky < head >.. .. < title>...
...
... ...

...

• Neukončenítagu toto je obsah elementu para
A toto taky toto je obsah elementu para
A toto taky • Křížení elementů ukázka křiženi elementů • Odlišnýzápisurčitých znak < Slt; > sgt; & & ; '' Squot; Sapos; Tom&Jerryse proto musí zapsat jako

Tom&jerry

Laboratoř geoinformatiky a kartografie. Masarykova univerzita Prázdný HTM L 5 / XHTM L soubor Prázdný XHTML soubor . )ř geoinformatiky a kartografie.Masaryk: Prázdný HTM L 5 soubor /css/green.css" Prázdný XHTML soubor Nazev )ř geoinformatiky a kartografie.Masaryk: "/> strá nky ig Zde píšete veškeré informace ohledně obsahu stránky Obsahuje velké množství jiných tagů Ty jsou uspořádánydo různých úrovní, dědičnostía hierarchií )ř geoinformatiky a kartografie. Mas ar Kontejnery • nadpisy - Měl by shrnovat obsah části stránky - Mohou být rozdělenydo několika úrovní (h1 ažh6; přičemž h1 je nejvyšší úroveň - ve všech prohlížečích je navíczobrazen tučně) •

odstavce

- Každý odstavec musí být uveden separátně - Zobrazeno jako bloky textu •
zalomení řádku - Nelze použít stisk klávesy Enter - Není párovým tágem Laboratoř geoinformatiky a kartografie.Masarykova univerzita Kontejnerynemajížádnýstruktumí význam, umožňují pouze uzavřít část dokumentu a na něj následně aplikovat styly
- Může mítjakýkoli obsah - Může obsahovat pouze text a řádkové elementy Laboratoř geoinformatiky a kartografie. Masarykova univerzita Vytvoření od kazu a záložky Odkazy URL - Universal Resource Locator • = adresa souboru složená z několika částí • Např. http://www.inmapy.cz/mapa_evropy/mapa_evropy.htm • http je protokol, pomocí něhož se soubor přenáší (ftp,...) ' wwwmůže a nemusí být zadáváno - nastavení serveru • inmapy = název domény (seznam, mini, google,...) ' geogr.muni.cz = doména nižšího řádu • /mapa_evropy/= adresářová struktura • mapa_evropy.htm = konkrétní soubor • může být i automaticky (index.htm, default.htm) )oratoř geoinformatiky a kartografie.Masarykova univerzita Masaryčka - Element a z angl. anchor= kotva - Má jeden atribut href, tj. URL odkazovaného souboru zde - po užití atributu title - popisuje, kam odkaz odkazuje Na záložku - otevře se stránka, kde první řádek bude ten, který jste označili záložkou id=„zalozka" Obrázky Mohou web velmi příjemně oživit „Kamenem úrazu" je jejich velikost, která mnohdy převyšuje velikost samotného textu Na \Afebu se používají 3 záWadnítypy obrázků: - Formát JPEG, JPG (*.jpeg,*.jpg) • Ztrátová komprese, vhodné pro fotografie, ztráta kvality ukládáním - Formát GIF(*.gif) • Loga, tlačítka a málo barevné a malé věci (256 barev), animace - Formát PNG(*.png) • Mapy-kvalitní výsledky při malé velikosti: PNG8-PNG24 rinforrnafiky a kartografie.Masaryk: Vložení obrázku - Element irrg - Má atribut src, tj. URL odkazovaného souboru - Nejčastěji zadáván v relativní formě - použití atributu heigtt = výška (pňpadně i wiďh = šířka) - výškaobrázku „mujobrázek"/ - povinný atribut alt= alternativní text - kdy ž se obrázek nenačte, zobrazí setento text - zobrazí se při přechodu myši Seznamy 1 Automaticky odsazují každý řádek nebo přidávají číslo, písmeno či odrážku Pomocí CSS lze nastavit, aby odrážkou byl obrázek (vlastní prakticky nelimitovaná tvorba vzhledu odrážek) ^informatiky a kartografie.Masaryk: Seznamy - čtverečkya kolečka (plné, prázdné) použitéjako odražky
    číslovaný, písmenkovanýseznam
  1. Blansko
  2. Boskovice
  3. Letovice
  4. Kunštát
  5. 01ešiiice
Seznamy • Velmi častá kombinace seznamu, který je zároveň hypertextovým odkazem )ř geoinformatiky a kartografie.Masaryk: Komentáře Komentáře jsou od toho, aby si programátormohl do zdrojového kódu psát poznámky, které mu usnadní orientaci a v prohlížeči nebudou vidět Když chcete, mohou být komentáře viditelné (a to třeba jenom ve vámi vybraných prohlížečích)