AMIGA REVIEW online
  Uvodná stránka     Software     Hry     Obaly     Download     Kniha návštev     Amiga na PC     Amiga Forever  

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:
&lt; <
&gt; >
&amp; &
&quot; „
&nbsp; mezera se zákazem dělení řádku
&copy; ©
&reg; ®

Vytlačiť článok


© ATLANTIDA Publishing Všechna práva vyhrazena.
Žádna část nesmí být reprodukována nebo jinak šířena bez písemného svolení vydavatele.



Amiga na Vašem PC rychle, snadno a zdarma!


none

AMIGA REVIEW

57 ( 11-12 / 2000 )
56 ( 9-10 / 2000 )
55 ( 7-8 / 2000 )
54 ( 5-6 / 2000 )
53 ( 3-4 / 2000 )
52 ( 1-2 / 2000 )
 
51 ( 12 / 1999 )
50 ( 11 / 1999 )
49 ( 10 / 1999 )
48 ( 9 / 1999 )
46-47 ( 7-8 / 1999 )
45 ( 6 / 1999 )
44 ( 5 / 1999 )
43 ( 4 / 1999 )
42 ( 3 / 1999 )
41 ( 2 / 1999 )
40 ( 1 / 1999 )
 
39 ( 12 / 1998 )
38 ( 11 / 1998 )
37 ( 10 / 1998 )
36 ( 9 / 1998 )
35 ( x / 1998 )
34 ( x / 1998 )
33 ( 1-2 / 1998 )
 
32 ( 11-12 / 1997 )
31 ( 9-10 / 1997 )
30 ( 7-8 / 1997 )
29 ( 6 / 1997 )
28 ( 5 / 1997 )
27 ( 4 / 1997 )
26 ( 3 / 1997 )
25 ( 2 / 1997 )
24 ( 1 / 1997 )
 
23 ( 12 / 1996 )
22 ( 11 / 1996 )
21 ( 10 / 1996 )
20 ( 9 / 1996 )
18-19 ( 7-8 / 1996 )
17 ( 6 / 1996 )
16 ( 5 / 1996 )
15 ( 4 / 1996 )
14 ( 3 / 1996 )
13 ( 2 / 1996 )
12 ( 1 / 1996 )
 
11 ( 12 / 1995 )
10 ( 11 / 1995 )
9 ( 10 / 1995 )
8 ( 9 / 1995 )
7 ( 7 / 1995 )
6 ( 5 / 1995 )

ATLANTIDA NEWS

5 ( 3 / 1995 )
4 ( 1 / 1995 )
 
3 ( 11 / 1994 )
2 ( 9 / 1994 )
1 ( 7 / 1994 )
0 ( 5 / 1994 )