Vytvořte si WEBku...Jan Petkov
Vznik celosvětové sítě internet se datuje do posledních desetiletí, kdy
americké vědátorské hlavy vysoké kapacity přišly na to, že by nebylo špatné
zvýšit svou celkovou kapacitu zapojením do sítě. Nápadu se ovšem chytli rovněž
studenti a dlouho na sebe nenechala čekat ani komerční veřejnost, takže se
internet poměrně rychle rozrostl z původní akademické sítě na sít celosvětovou a
stal se ve své kategorii uznávaným standardem. Původní komunikace se po síti
internet uskutečňovala prostřednictvím psaného textu (maily) a jednorázového
přesunu dat (ftp). Nároky na přenášené informace se však zvyšovaly (a stále
zvyšují). Přenášené textové zprávy měly být lépe strukturované, přehlednější,
zkrátka rychleji a lépe použitelné. To vše ovšem v rámci nějakého standardu. Tak
se pomalu objevuje nadstavba nad holým internetem, která je pojmenována WWW
(World Wide Web) s jazykem pro strukturování textu HTML. Celá věc se velmi
rychle vyvíjí, počet uživatelů internetu neustále roste, spektrum dostupných
informací se rapidně rozrůstá a zkvalitňuje. I proto vznikl tento článek. Amiga
sice nedrží příliš těsný krok se světovou špičkou prohlížečů, ale na tvorbu WWW
stránek je velmi vhodná a příjemná.
Jak WWW pracuje? Celkem jednoduše. Na celé síti internet jsou navěšeny servery
(k nim se připojujete) a klienti (to jsou ti co se připojují). Celá komunikace
se odehrává na bázi klasických databázových serverů klient-server. Klient pošle
na server dotaz a server na tento dotaz odpoví. Na WWW je dotaz klienta vždy URL
adresa a odpověď serveru vždy HTML kód. Když si spustíte webovský prohlížeč,
první dotaz, který specifikujete, je URL adresa nějaké jiné WWW stránky např.
www.seznam.cz. Pokud se spojení uskuteční, odpoví Vám vzdálený server tím, že
Vám vrátí HTML stránku. A takto pořád dokola - nový dotaz, nový HTML kód. WWW
servery toho umí kapku víc, ale o tom až později.
Co budete k práci potřebovat? Amigu, PPaint, nějaký textový editor (doporučuji
GED) a jeden z dostupných WWW prohlížečů (používám demo verzi AWeb). Dále pak
doporučuji ještě ImageStudio na konverzi do různých grafických formátů, WhirlGIF
na GIF-animace a k zahození není ani tracer Imagine. Vše samozřejmě legálně
zakoupeno či zaregistrováno. Kde na to máte vzít a nekrást? Amigu si kupte levně
na inzerát nejlépe i s PPaintem (Amiga Magic) a levným VGA monitorem. GED si
zaregistrujte. Imagine3.0 si pořídíte za zhruba 1000 Kč na AMINET SETU 3
(dostanete i grafický program XiPaint3.2 a Octamed5). A vše ostatní seženete na
Aminetu (kde najdete i potřebné programy na připojení Amigy na internet -
AmiTCP).
Ještě si uvedeme tabulku nejpoužívanějších příkazů HTML verze 3. Vřele vám
doporučuji, abyste si ji z článku okopírovali, budete ji potřebovat. Do příště
se pokuste pomocí této tabulky vytvořit WWW stránku, na které si vyzkoušíte
všechny možné typy formátování textu... Malá pomůcka
<!DOCTYPE HTML PUBLIC „-//IETF//DTD HTML//EN“>
<HTML>
<HEAD>
<TITLE>Amiga Review -testovací stránka</TITLE>
</HEAD>
<BODY BGCOLOR=#0000FF>
<FONT COLOR=#FFFF00 FACE=„TIMES“>
Toto je písmo Times, žluté barvy na modrém pozadí...
</FONT>
</BODY>
</HTML> Značky a symboly HTML
Zpracováno podle knihy: Pavel Satrapa - WWW pro čtenáře, autory a misionáře.
Níže uvedená syntaxe se vztahuje na HTML verze 3.
Kostra stránky:
<!DOCTYPE HTML PUBLIC „-//IETF//DTD HTML//EN“>
<HTML>
<HEAD>
<TITLE>název stránky</TITLE>
</HEAD>
<BODY>
vlastní html text...
</BODY>
</HTML>
Záhlaví dokumentu:
<TITLE>...</TITLE> název stránky
<HASE HREF=„URL“> základní URL dokumentu
<ISINDEX> zadat klíčová slova
<META> metainformace
Obecně:
<!- text poznámky -> poznámka
<BODY>...</BODY> tělo stránky
BACKGROUND=„obrázek pozadí“
BGCOLOR=#RRGGHB barva pozadí
TEXT=#RRGGHH barva textu
LINK=#RRGGBB barva odkazů
VLINK=#RRGGBB barva navštívených odkazů
Písmo:
<ABHREV>...</ABBREV> zkratka
<ACRONYM>...</ACRONYM> přezdívka
<AU>...</AU> jméno autora
<B>...</B> tučné písmo
<BIG>...</BIG> velké
<BLINK>...</BLINK> blikající text
<CITE>...</CITE> citace
<CODE>...</CODE> ukázka kódu
<DEL>...</DEL> rušený text
<DFN>...</DFN> definice
<EM>...</EM> zvýraznění
<FONT>...</FONT> vlastnosti písma
FACE=„název písma“ definuje typ písma (ARIAL, TIMES,...)
COLOR=#RRGGBB barva v hexa tvaru
SIZE=číslo velikost 1-6 nebo +n,-n
<I>...</I> kurzíva
<INS>...</INS> vložený text
<KBD>...</KBD> vstup z klávesnice
<LANG>...</LANG> jiný znak
<PERSON>...</PERSON> jméno osoby
<Q>...</Q> krátká citace
<S>...</S> přeškrtnuté
<SAMP>...</SAMP> ukázkové znaky
<SMALL>...</SMALL> malé
<STRONG>...</STRONG> silné zvýraznění
<SUB>...</SUB> dolní index
<SUP>...</SUP> horní index
<TT>...</TT> psací stroj
<U>...</U> podtržené
<VAR>...</VAR> jméno proměnné
Formátování textu:
<P>...</P> nový odstavec
<BR> nový řádek
<HR> vodorovná čára
COLOR=#RRGGHH barva v hexa tvaru
SIZE=číslo tloušťka čáry
ALIGN=„LEFT/RIGHT/CENTER“ vodorovní zarovnání
<CENTER>...</CENTER> centrování
<NOBR>...</NOBR> nedělit řádky
Strukturování:
<ADDAESS>...</ADDRESS> adresa
<BANNER>...</BANNER> hlavička stránky
<BLOCKQUOTE>...</BLOCKQUOTE> delší citace
<BQ>...</BQ> delší citace
<DIV>...</DIV> vymezení části
<FN>...</FN> poznámka pod čarou
<Hn>...</Hn> nadpis o velikostí n (1-6)
<NOTE>...</NOTE> poznámka
<PRE>...</PRE> předformátovaný text
Seznamy:
<DD> text definic
<DL>...</DL> seznam definic
<DT> definovaný pojem
<LI> položka seznamu
<OL>...</OL> číslovaný seznam
<UL>...</UL> seznam s odrážkami
Odkazy:
<A HREF=„URL“>...</A> odkaz na URL
<A NAME=„cíl“>...</A> cíl pro odkaz (v odkaze musí být #cíl)
Obrázky:
<IMG SRC=„URL“> obrázek v textu ALIGN=„TOP/MIDDLE/BOTTOM/LEFT/RIGHT“ zarovnání
ALT=„Textová Varianta“
WIDTH=šířka obrázku
HEIGHT=výška obrázku
BORDER=šířka okraje (0-n)
ISMAP obrázek s klikou
USEMAP=„#klikací mapa“
<FIG>...</FIG> samostatný obrázek
<CREDIT>...</CREDIT> jméno autore pro <FIG>
Tabulky:
<TABLE>...</TABLE> definice tabulky
BORDER=šířka okraje tabulky (0-n)
BORDERCOLOR=#RRGGHH barva okraje
CELLPADDING=okraje buněk (0-n)
CELLSPACING=rozestup buněk (0-n)
<CAPTION>...</CAPTION> nadpis tabulky
<TR>...</TR> řádek tabulky
ALIGN=„LEFT/RIGHT/CENTER/JUSTIFY/CHAR“ vodorovné zarovnání
VALIGN=„TOP/MIDDLE/BOTTOM/BASELINE“ svislé zarovnání
<TH>...</TH> hlavička tabulky
ALIGN=„LEFT/RIGHT/CENTER/JUSTIFY/CHAR“ vodorovné zarovnání
VALIGN=„TOP/MIDDLE/HOTTOM/BASELINE“ svislé zarovnání
ROWSPAN=kolik řádků buňka zabírá
COLSPAN=kolik sloupců buňka zabírá
<TD>...</TD> buňka tabulky
ALIGN=„LEFT/RIGHT/CENTER/JUSTIFY/CHAR“ vodorovné zarovnání
VALIGN=„TOP/MIDDLE/BOTTOM/BASELINE“ svislé zarovnání
BGCOLOR=#RRGGBH barva pozadí buňky
ROWSPAN=kolik řádků buňka zabírá
COLSPAN=kolik Sloupců buňka zabírá příklad:
<TABLE BORDER=2>
<CAPTION>Název tabulky</CAPTION>
<TR><TH>Sloupec 1</TH> <TH>Sloupec 2< /TH></TR>
<TR><TD>položka 1</TD> <TD>položka 2< /TD></TR>
<TR><TD>položka 3</TD> <TD>položka 4</TD></TR>
</TABLE>
Rámy:
<FRAMESET>...</FRAMESET> skupina rámů
ROWS=počet řádek
COLS=počet sloupců
<FRAME> rám
SRC=„URL v rámu“
NAME=„jméno rámu“
SCROLLING=„YES/NO/AUTO“
<NOFRAMES>...</NOFRAMES> textová náhražka
Příklad:
<FRAMESET ROWS=„100,*“>
<FRAME SRC=„frame1.htm“ SCROLLING=NO>
<FRAME SRC=„frame2.htm“ NAME=„moto“> </FRAMESET>
<NOFRAMES>Máte smůlu, nemáte rámy</NOFRAMES> Zvláštní symboly:
< <
> >
& &
" „
mezera se zákazem dělení řádku
© ©
® ® Vytlačiť článok
Pozn.: články boli naskenované ako text a preto obsahujú aj zopár chýb. Taktiež neručíme za zdrojové kódy (Asm, C, Arexx, AmigaGuide, Html) a odkazy na web. Dúfame, že napriek tomu vám táto databáza dobre poslúži.
Žiadna časť nesmie byť reprodukovaná alebo inak šírená bez písomného povolenia vydavatela © ATLANTIDA Publishing
none
|