Svět patří nám aneb jak se dělá
O tom, že WWW (World Wide Web) je nejlepší kus internetu se nebudu rozepisovat a navíc je to i věc názoru. Pro všechny, které však WWW zajímá, je tu první část našeho seriálu o tom, jak si právě takové WWW stránky vytvářet.
"Programovacím jazykem" pro vytváření www prezentací je HTML. Jedná se o zkratku z anglického HyperText Markup Language. Soubory ve formátu HTML se používají nejčastěji na internetu ve službách WWW. HTML je forma hypertextu s funkcemi specifickými pro internet, která ale samozřejmě funguje i bez něj a s HTML soubory se tak můžeme setkat např. i ve formě manuálu či nápovědy k různým programům na všech platformách.
V našem seriálu se postupně seznámíme se strukturou souborů HTML, se způsobem jak s nimi nakládat, jak je prohlížet a hlavně jak je vytvářet. Nepůjde však o žádný podrobný manuál jazyka HTML, ale spíše o prakticky založené informace, na základě kterých si budete moci vytvářet vlastní html dokumenty. Zájemci o kompletní seznam html příkazů si mohou prosurfovat internetové stránky na adrese
http://www.mikodocs.com/
Pro lepší pochopení jsou na této disketě v adresáři HTML některé ukázky jednodušších htm souborů, které můžete použít pro zkoumání, co který příkaz a jak dělá.
HTML
Soubor HTML je v podstatě ASCII text, ve kterém pomocí příkazů ve špičatých závorkách < > upravujeme text, takže se z něj pomocí různých aktivních částí stane hypertext.
To že se jedná o ASCII text nám dává možnost lehce dokument editovat v nějakém ASCII textovém editoru (Qed, EvereST, JAnE, nebo více html specializované programy Joe, HPP či Expresso).
Od doby svého vzniku prošel HTML rychlým vývojem a dnes je aktuální verze 4. Náš manuál se však bude zabývat příkazy dle asi nejpodporovanější verze 3.2.
Pro HTML soubory existují i různé prohlížeče, vesměs se vždy jedná o Web browsery. Na Atari se dnes setkáte hlavně s těmito:
Crystal Atari Browser (CAB v. 2.8) - dnes jasně nejlepší Web-browser pro TOS kompatibilní stroje, podporuje všechno možné, od animovaných GIFů, přes frejmy, hotlist, cookies až po inteligentní zadávání adres či filtry pro reklamu. Má plně implementován HTML verze 3.2. Bohužel je verze 2.8 zřejmě poslední.
WenSuite (3.30) - WWW browser z Francie, pomalu se stává konkurentem pro CABa, je daleko rychlejší, nevyžaduje multitasking, ale pořád ještě nezná všechny vymoženosti jako CAB, stále se ale vyvíjí.
Light of Adamas - nový browser pro TOS kompatibilní počítače, nevím ale nic bližšího, názory se velice různí. Prý zvládá Java script, ale do jaké míry, to nemohu posoudit. Navíc je hrozně pomalý.
HTML (0.95) - nejjednodušší WWW browser a HTML prohlížeč.
Na PC se pak nejčastěji setkáte s aplikacemi Microsoft Internet Exploder nebo NechťZkape Navigator.
STRUKTURA HTML
V HTML existují dva typy příkazů. Pojmenujme si je např. uzavřené a jednorázové. Uzavřené (těch je většina) mají svoji otevírací a uzavírací část příkazu. Forma zápisu uzavřeného příkazu je takováto:
<příkaz parametry> text </příkaz>
Z toho je vidět, že lomítko před názvem příkazu vždy daný příkaz ruší. Jednorázových příkazů je méně a mají formu pouze:
<příkaz>
Předem ještě tolik, že se nerozlišují velká a malá písmena a nebere se v potaz více než jedna mezera ani enter, takže úprava je pouze na vás. Další upozornění se týká pouze tohoto textu. V něm vždy znak "&" bude znamenat znak nacházející se vedle Backspace na normální klávesnici (= dvojitý křížek, number, ASCII 35). Tento totiž nelze v textu použít, neboť se jedná o formátovací značku pro editor Narsilu, proto jsem místo něj použil znak "and".
Na začátku každého HTML dokumentu musí být příkaz oznamující začátek HTML textu. Jedná se o uzavřený příkaz <html>. Jelikož je to uzavřený příkaz, musí být na konci celého textu uzavírací část příkazu </html>
Základní struktura HTML souboru by měla obsahovat hlavičku (HEAD) a tělo (BODY). Jedná se opět o uzavřené příkazy, tedy:
<head> </head> a <body> </body>
Hlavička je v HTML sice nepovinná, ale většinou se nevynechává. Udává se v ní název okna, typ kódovaní, titulek atp. Titulek
<title>Název strany</title>
určuje text (název stránky), který bude vypsán v liště Web-browseru a jako jediný příkaz hlavičky je vyžadován.
Za ukončenou hlavičkou následuje vlastní tělo dokumentu <body> a končí </body>, uvnitř kterého je celý zbytek HTML textu. Dovnitř těla se pak píší jednotlivé příkazy pro úpravu dokumentu. My začneme úpravou a vzhledem stránky.
Všechny následující příkazy jsou jednorázové:
bgcolor - barva pozadí (okna). Udává se buď ve formátu "&rrggbb", kde r je červená, g zelená a b modrá složka barvy zapsané v šestnáctkové soustavě. Příkaz pak může vypadat např. takto:
bgcolor="&ee427a"
Lze též zadat barvu přímo slovy (anglicky), tedy např.
bgcolor="red"
Pokud nezadáte nic, zobrazí se barva určená prohlížečem jako 'default' (základní).
background - obrázek pozadí. Pokud si chcete na pozadí umístit obrázek, použijete tento příkaz ve formě:
background="pozadi.gif"
Pokud není obrázek ve stejné složce, je třeba zadat i cestu. Podporovány jsou obrázky GIF (i animované) a JPEG. Tento podklad pak bude umístěn jako neustále se opakující v celém okně.
text - nastavuje barvu textu. Příkaz vypadá takto:
text="&ee55ff"
link - nastavuje barvu odkazu, viz text.
vlink - nastavuje barvu již jednou navštíveného textu (odkazu).
alink - nastavuje barvu právě stisknutého textu (odkazu).
Vše barvy se zadávají ve stejném formátu, tedy
="&rrggbb" nebo ="color".
bgproperties - pokud nechcete, aby pozadí scrollovalo, použijte příkaz:
bgproperties=fixed
topmargin - udává velikost horních a dolních okrajů (0 - 255), zápis je
topmargin=0
marginheight - jako výše.
leftmargin - udává velikost levého a pravého okraje.
marginwidth - jako výše.
To by byly nejdůležitější příkazy pro nastaveni parametrů stránky. Nyní se podíváme na příkazy pro úpravu textu.
Typy písma - jedná se vždy o uzavřené příkazy a jsou možné následující atributy:
<b> a </b> - bold, tučné
<i> a </i> - italic, kurzíva
<u> a </u> - underline, podtržené
<s> a </s> - text s horizontálním "přeškrtnutím".
<sup> a </sup> - horní index
<sub> a </sub> - dolní index
<tt> a </tt> - text bude zobrazen s pevnou roztečí znaků (tt=teletype).
<big> a </big> - zobrazení použitím velkého fontu (v porovnání s aktuálním fontem).
<small> a <small> - jako předchozí, ale použit bude malý font.
Tyto atributy lze samozřejmě i kombinovat, vždy ale musí mít každý svůj začátek i konec, např.:
<b><i>tučná kurzíva</i></b>
Další možné atributy:
<em> a </em> - typografické zdůraznění, typicky kurzíva. Často stejný efekt jako <i>, <em> však používejte pouze tam, kde je nutné upozornit na formátování.
<cite> a </cite> - určuje citace. Typicky jde o kurzívu.
<code> a </code> - indikuje příklad kódu, zobrazen bude jako mono-spaced font.
<strong> a </strong> - silné zdůraznění, jedná se o tučné písmo.
Dále lze v html textu určit až 6 typů nadpisu, a to uzavřenými příkazy
<h1> až <h6>
<h1> vytváří největší (nebo nedůležitější) nadpis a <h6> nejmenší. Vždy je nutné příkaz uzavřít </h1>.
Na závěr tohoto dílu si ještě ukážeme některé příkazy pro formátování a úpravu textu.
<center> a </center> - centruje text mezi závorkami
<ul> a </ul> - odskok textu o tabulátor doprava, lze použít i několikrát za sebou
<br> - nucený přechod na další řádku (jako běžně působí enter); jednorázový příkaz
<p> - vytváří odstavec. Zde jednorázový příkaz, ovšem podle nových regulí se jedná o příkaz uzavřený, podle něhož lze odstavce zarovnávat doleva (left), doprava (right), nebo na střed (center):
<p align=center>obsah odstavce</p>
<hr> - horizontální čára přes celou stránku.
<li> - "bula" neboli větší puntík uprostřed řádky.
Tolik tedy první část našeho seriálu o HTML. Příště se podíváme na obrázky, odkazy (reference), rámy a podobně.
Neznámý vojín