Úvod
Tato prezentace má sloužit toliko jako základní
materiál při výkladu v hudebních třídách
GMHŠ, případně pro opakování
základního učiva, ale také pro samostudium. Z toho plyne i její způsob
poznámkového
zpracování. Pro nutnost rychlého zpracování poměrně velkého objemu
informací byl zvolen ne zrovna ideální, ale časově mnohem méně náročný
způsob psaní v editorech WYSIWYG (původně FrontPage a nověji NVU). Z
časových důvodů mnohdy velmi podivný
a nepřehledný zdrojový kód generovaný hlavně editorem FrontPage nebyl
zatím zcela revidován, což
by bylo záhodné. Je tedy možné, že v některých prohlížečích bude se
zobrazením prezentace problém. Prezentace seznamuje jen s absolutními
základy
HTML a CSS vzhledem k velmi malé hodinové dotaci pro výuku.
Prezentace
je rozdělena do jednotlivých kapitol, které jsou dále děleny do
jednotlivých
částí a při výuce bude postupováno postupně od začátku bez přeskakování
z jedné kapitoly do druhé. Výjimku tvoří CSS styly, které jsou pro
přehlednost zapsány v samostatné kapitole na konci prezentace. Na konci
většiny částí je (jsou) příklad(y) pro samostatné procvičení
- tj. při práci doporučuji tento (tyto) příklad(y) samostaně napsat v textovém
editoru - např. PSPad. Při práci si můžete zobrazit výsledek, který
najdete pod příkladem - odkaz "Zobrazení" - který se zároveň
otevře v novém okně. Je dobré zkusit si i zkusmo variaci
příkladu.
- původně měl Internet sloužit pouze armádě, popřípadě NASA +
několika málo vyvoleným
- prvním krokem pro veřejnost byla služba World
Wide Web = WWW
- informační systém
- vznikl na přelomu 80. a 90. let 20. století
- vytvořili ho vědci zabývající se fyzikou vysokých
energií, kvůli sdílení svých výsledků s ostatními kolegy
- k formátování se využívá jazyka HTML (HyperText
Markup Language) = hypertextový značkovací jazyk
- česky: HaTlaMatiLka
- jedná se o speciální značky (často
nevhodně počeštěno - tagy) umožňující formátování
textu, tabulek, grafiky atd.
- využívá se hlavně z důvodu co možná nejmenšího
objemu dat
- jedná se v podstatě o nejjednodušší textový soubor
opatřený značkami
- k prohlížení se využívá speciálních programů - prohlížečů
(mnoho typů)
- jednoduché a základní stránky zobrazují všechny stejně
- složitěji formátované stránky se mohou zobrazovat různě
- vhodné proto při tvorbě stránky kontrolovat její
zobrazení alespoň v nejpoužívanějších
- u složitých stránek nelze nikdy 100% zajistit, aby
byl výsledek zobrazen přesně podle přání autora na všech prohlížečích
- k tvorbě lze použít různých programů:
- nejjednodušší (svým způsobem nejpracnější - vše musíme
psát) - poznámkový blok
- speciálních editorů html základních
značek, kdy my pak upravujeme jen parametry
- WYSIWYG editorů
- editorů, u kterých není vůbec nutné znát HTML značky
- stránka se tvoří, jak má vypadat - výsledek občas
však neodpovídá vytvořenému
- editory automaticky vytváří HTML kód - je však
výhodné ho znát - většinou je vygenerovaný kód korektní, ale mnohdy
zbytečně složitý
- existuje několik typů HTML kódu: