Webové technologie pro ekonomy

Týden 2

Učitel doporučuje studovat od 16. 2. 2026 do 22. 2. 2026.

HTML

HTML - definice (dle cs.wikipedia.org)

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ů na Internetu.

Jazyk je aplikací dříve vyvinutého rozsáhlého univerzálního značkovacího jazyka SGML (Standard Generalized Markup Language). Vývoj HTML byl ovlivněn vývojem webových prohlížečů, které zpětně ovlivňovaly definici jazyka.

HTML – alternativní definice

HTML (Hypertext Markup Language), slouží k označení a popisu všeho, co má být na www stránce umístěno. WWW stránky jsou pak jednoduše vzato souborem jednoho nebo více hypertextových dokumentů ve formátu HTML, které jsou uspořádány a propojeny tak, že tvoří funkční celek.

Více o HTML se dozvíte na internetové adrese:

http://cs.wikipedia.org/wiki/Html

XHTML – definice

XHTML – je nadstavba jazyka HTML podporující tzv. standardy (validní zobrazení na různých typech prohlížečů, přístrojů – notebooky, ultrabooky, mobilní telefony, tablety).

XHTML 1.0 Strict se používá, pokud chcete strukturovaný dokument osvobozený od formátovacích značek souvisejících s rozvržením stránky. Předpokládá se jeho užití společně s <b> nebo <i> a naopak zavrhuje některé sémantické elementy, například <menu>.
XHTML 1.0 Transitional je přechodným DTD pro webové stránky, který vám umožní používat překonané nebo chcete-li používat ve svých dokumentech některé zavržené, ale sémantické elementy, například již zmíněné <menu>.
XHTML 1.0 Frameset vám umožňuje používat zastaralé značky jako XHTML 1.0 Transitional a přidává podporu pro rámce. V dnešní době by se mělo rámům vyhýbat použitím AJAXu nebo serverových skriptů jako například PHP.

Doplňující informace:

http://cs.wikipedia.org/wiki/XHTML

Ověření validity WEBU:

http://validator.w3.org

(nástroj pro ověření validity webových stránek – XHTML, CSS)

ÚKOL Č. 1: Ověřte validitu následujících webových stránek:

www.google.com

www.seznam.cz

http://flashlight.slad.cz

http://ivos.upol.cz

CSS

Kaskádové styly (v anglickém originále Cascading Style Sheets se zkratkou CSS) je jazyk pro popis způsobu zobrazení stránek napsaných v jazycích nebo pravidel. Každé pravidlo obsahuje selektor a blok deklarací. Každý blok deklarací pak obsahuje seznam deklarací oddělených středníky ; a každá deklarace sestává z identifikátoru vlastnosti, následuje dvojtečka : a hodnota vlastnosti. Nepovinně ještě může následovat označení !important, které zvýší sílu deklarace. Příklad pravidla:

body { background-color: white; color: black; padding: 10px !important; }

body {

background-color: white;

color: black;

padding: 10px !important;

}

Doplňující informace:

http://cs.wikipedia.org/wiki/Css

Samostatné úkoly:

1. Setkali jste se někdy s internetovou stránkou, která byla v různých internetových prohlížečích zobrazena rozdílně?

2. Vyhledejte v rámci sítě internet další internetové stránky podporující standardy XHTML 1.0 a CSS 2.1?

3. Prostudujte, co se dá zjistit o pojmu HTML, XHTML a CSS v rámci sítě internet.

Použitá literatura:

Wikipedia, the free encyclopedia (online). 2001÷2011 [cit. 2011-10-07]. URL : < http://cs.wikipedia.org/>.

COHENOVÁ, J. Neobyčejně užitečná kniha o webu. Praha: SoftPress, 2004. 371 s. ISBN 80-86497-63-1.

DOSTÁL, J. Tvorba webu pro učitele. Studijní opora pro kurz Tvorba webu pro učitele. Olomouc : Univerzita Palackého, 2010.

PÍSEK, S. HTML – tvorba jednoduchých internetových stránek. Praha : Grada, 2001. ISBN 80-247-0094-8.

HLAVENKA, J. Tvorba webových stránek. Brno : Computer Press, 2006. ISBN 80-251-0920-8.

WEMPEM, F. HTML a CSS : krok za krokem. Brno : Computer Press, 2007. ISBN 978-80-251-1505-3.

HAUSER, M. HTML a CSS : velká kniha řešení. Brno : Computer Press, 2006. ISBN 80-251-1117-2.

SCHAFER, S. HTML, XHTML a CSS. Praha : Grada, 2009. ISBN 978-80-247-2850-6.

DRUSKA, P. CSS a XHTML. Praha : Grada, 2006. ISBN 80-247-1382-9.

Poznámky:

PHP

PHP - definice (dle cs.wikipedia.org)

PHP ( PHP: Hypertext Preprocessor, „PHP: Hypertextový preprocesor“, původně Personal Home Page) je skriptovací programovací jazyk. Je určený především pro programování dynamických internetových stránek a webových aplikací například ve formě HTML, XHTML či WML. PHP lze použít i k tvorbě konzolových a desktopových aplikací. Pro desktopové použití existuje kompilovaná forma jazyka.

Aktuální verze: 5. 3. 8

www.php.net

Ukázka nejjednoduššího programu „Ahoj světe“ v jazyce PHP.

<?php echo "Ahoj, světe!"; ?>

<?php

        echo "Ahoj, světe!";

?>

Ukázka nejjednoduššího programu „Ahoj světe“ v jazyce Visual Basic .NET.

MsgBox („Ahoj světe“)

MsgBox („Ahoj světe“)

Ukázky praktického použití jazyka PHP:

Diskusní fóra: www.PHPbb.org

Více informací o jazyce PHP:

http://cs.wikipedia.org/wiki/PHP

HTML TAGY – úvod

Druhy značek

Značky lze z hlediska významu rozdělit na tři základní skupiny:

Strukturální značky

rozvrhují strukturu dokumentu, příkladem jsou odstavce (<p>), nadpisy (<h1>, <h2>). Dodávají dokumentu formu.

Popisné (sémantické) značky

popisují povahu obsahu elementu, příkladem je nadpis (<title>) nebo adresa (<address>). Současný trend je orientován právě na sémantické značky, které usnadňují automatizované zpracovávání dokumentů a vyhledávání informací v záplavě dokumentů na webu. Vyvrcholením této snahy je v současné době jazyk XML.

Stylistické značky

určují vzhled elementu při zobrazení, typickým příkladem je značka pro tučné písmo (<b>). Od tohoto druhu značek se postupně upouští, trendem je používání kaskádových stylů, které vzhled popisují odděleně od obsahu dokumentu. Mezi důvody pro neužívání těchto značek patří především to, že tyto značky jsou orientovány na prohlížení na obrazovce počítače, příliš se však nepočítá s používáním dokumentu jiným způsobem – alternativní prohlížeče pro postižené (čtečky pro slepce), v mobilních zařízeních a podobně. Kaskádové styly umožňují definovat rozdílné zobrazení pro různá zařízení.

Editory HTML

Editory HTML jsou programy pro snadnou tvorbu webových stránek.

Textové editory

Editorem HTML může být ve své podstatě jakýkoliv program pracující s textem. V praxi se však používají mnohem sofistikovanější programy. Běžný editor HTML zvládá barevnou syntaxi (barevně rozlišuje jednotlivé části kódu jako například HTML značky či atributy a prostý text), dokáže napovídat značky, zná chytré tabulátory nebo zvládá validovat dokument podle předepsané DTD. Takovými editory jsou například Gedit, Notepad++ nebo PSPad.

WYSIWYG editory

WYSIWYG je zkratka od anglického „What you see is what you get“, v překladu „Co vidíš, to dostaneš“. Tyto WYSIWYG editory pracují na opačném principu než textové editory – ve WYSIWYG editoru pracujete z již hotovou stránkou a obecně neplatí, že by uživatel tohoto editoru musel znát jazyk HTML. Ve WYSIWYG editoru si může uživatel poskládat stránku, jak se mu zlíbí, a program následně vygeneruje požadovaný kód HTML. Mezi nejznámější takovéto editory patří Adobe Dreamweaver nebo Microsoft Expression Web (novější verze Microsoft FrontPage).

Samostatné úkoly:

1. Setkali jste se někdy s nějakým editorem pro tvorbu internetových stránek?

2. Vyhledejte v rámci sítě internetové stránky s programem PSPad a stáhněte si jej do své složky na disku X?

3. Prostudujte, co se dá zjistit o aplikaci Micorosft Expression Web.