Obsah dokumentu

Osobní WWW stránka
Založení stránky

Založit stránku ručně
URL osobní stránky
Co dál s vlastní stránkou?

Další značky použité v příkladu
Přidat další podstránky
Způsoby vytváření www stránek
Další informace

Osobní WWW stránka

Udělat si svou osobní www stránku není těžké máte-li konto na některém unixovém serveru. Postup zde popsaný platí pro servery dec59.ruk.cuni.cz a dec52.lf1.cuni.cz. Na ostatních unixových serverech to může být podobné, jen nemusí fungovat některé pomůcky (skripty). Zeptejte se správce svého serveru.

Založení stránky

Založit stránku automaticky

Chcete-li si založit svou www stránku, přihlašte se telnetem na server a spusťte skript wwwsetup:

dec59.ruk.cuni.cz> wwwsetup
---------------------------------------------------------

Zakladam osobni www stranku pro uzivatele Jan Jirka

Vytvarim adresar public_html...
Vytvarim adresar cgi-bin...
Vytvarim demonstracni www stranku index.html...

---------------------------------------------------------
HOTOVO

Na svou www stranku se muzete podivat
na URL http://www.cuni.cz/~jirkaj

Stranku muzete upravit editaci souboru public_html/index.html
Vice najdete na strance pro autory www stranek

http://www.cuni.cz/cucc/web
---------------------------------------------------------

dec59.ruk.cuni.cz>

Jestliže už www stránku máte nebo jste se ji pokusili vytvořit, skript raději z obavy, aby vám něco nezničil, skončí:

dec59.ruk.cuni.cz> wwwsetup
---------------------------------------------------------

Zakladam osobni www stranku pro uzivatele Jan Jirka


Vase osobni www stranka uz zda se existuje
nebo jste se jiz nekdy pokousel(a) ji vytvorit
coz tento program nemuze poznat
a jelikoz nechce nic pokazit, tak konci.

Vice informaci najdete na strance
http://www.cuni.cz/cucc/web/osobni.html
nebo se obratte o konzultacnich
hodinach (Po 8:30 - 11:30, St 14:00 - 16:00)
na spravce serveru v UVT UK
---------------------------------------------------------
dec59.ruk.cuni.cz>

Pokud jste se už pokoušeli si osobní stránku založit, neuspěli jste, nemáte na ní žádná data a nejradši byste to všechno zahodili a začali znova, můžete všechno smazat a použít skript wwwsetup. Udělejte to ale jen jste-li si ABSOLUTNĚ JISTÍ, že to chcete. Osobní www stránka se smaže příkazy:

dec59.ruk.cuni.cz> cd
dec59.ruk.cuni.cz> rm -r public_html

Založit stránku ručně

Tento postup můžete použít pokud jste se stránku pokusili založit ručně už před časem a přesto nefunguje. "Projetím" uvedených příkazů si můžete ověřit, zda máte všechno dobře nastavené. Jednotlivé body odpovídají číslovaným řádkům v příkladu:

Přejděte do svého domácího adresáře (příkaz "cd" - skok do domácího adresáře)
Vytvořte si ve svém domácím adresáři zvláštní podadresář
Zpřístupněte ho (pouze pro čtení) všem (příkaz "chmod 711 adresář" nastaví práva "já můžu všechno, ostatní jen číst")

Totéž nastavte pro svůj domácí adresář.
Přejděte do adresáře public_html
Vytvořte v něm soubor index.html (např. editorem joe. Z editoru se vyskočí stisknutím F2 nebo Ctrl-KX

Soubor index.html se zobrazí pokud v URL nezadáte žádný konkrétní soubor, ale jen adresář.)
Zpřístupněte soubor index.html pro čtení všem (příkaz "chmod 644 soubor")

1. dec59.ruk.cuni.cz> cd
2. dec59.ruk.cuni.cz> mkdir public_html
3. dec59.ruk.cuni.cz> chmod 711 public_html
   dec59.ruk.cuni.cz> chmod 711 .
4. dec59.ruk.cuni.cz> cd public_html
5. dec59.ruk.cuni.cz> joe index.html
6. dec59.ruk.cuni.cz> chmod 644 index.html

Do souboru index.html napište pro začátek např. toto:

<html>
<head>
<title>Jan Jirka - osobni stranka</title>
</head>
<body>
<h1>Jan Jirka - osobní www stránka</h1>
Toto je text mé osobní WWW stránky. Část textu může být <B>tučně</B>,
jiná část <I>kurzívou</I>, teď má být konec odstavce.<P>
A vodorovná čára:
<hr>
</body>
</html>

Poznámka - všem souborům v adresáři public_html (hlavní stránka index.html, další soubory .html, vložené obrázky neboli soubory .gif a

.jpg) musíte nastavit přístupová práva aby si je mohl kdokoliv přečíst, jinak se nezobrazí. Nejjednodušší je po přidání nového souboru napsat v adresáři public_html příkaz

"chmod 644 *"

URL osobní stránky

Vaše osobní stránka má URL http://jméno-serveru/~login, neboli "hátétété dvojtečka dvě lomítka jméno serveru na kterém máte konto lomeno tilda (neboli vlnítko, na anglické klávesnici Shift tlačítko vlevo vedle jedničky) vaše login", např. http://dec59.ruk.cuni.cz/~jirkaj.

Některé servery mají mimo svého jména ještě alias, který můžete použít. Např. dec59.ruk.cuni.cz = www.cuni.cz, dec52.lf1.cuni.cz = Externí odkaz www.lf1.cuni.cz.

Co dál s vlastní stránkou?

Stránku máte založenou a můžete ji dále rozvíjet a upravovat. Jak víte nebo jste právě zjistili, je www stránka vlastně textový soubor s příponou .html (nebo .htm), který se dá upravovat běžným textovým editorem. V textu jsou umístěné značky, podle kterých prohlížeč pozná, jak má text zobrazit.

Například chceme-li, aby jedno slovo klient zobrazil tučně, napíšeme před něj značku pro začátek tučného písma <B> a na konec slova značku pro konec tučného písma </B>.

Takže pokud bude v textu napsáno

... přejděte <B>Václavské náměstí</B>  a pokračujte rovně ...

prohlížeč to zobrazi takto:

... prejdete Václavské náměstí a pokračujte rovně ...

Tomuto způsobu zápisu se říká HTML (Hyper Text Macro Language).

Popis HTML jazyka najdete například na Externí odkaz http://www.htmlhelp.com/ nebo na jiných místech v Internetu, kromě toho je k dostání už mnoho knížek v češtině, seriál o tvorbě www stránek a HTML vychází např. v časopise ABC mladých techniků a přírodovědců (ročník 1999). V tomto textu najdete jen popis několika značek použitých v příkladu.

Další značky použité v příkladu

<html> ... </html> - začátek a konec HTML dokumentu. Prohlížeč si poradí i bez toho, ale mělo by to v .html souboru být.
<head> ... </head> - záhlaví, obsahuje především TITLE
<title> ... </title> - titul neboli stručná charakteristika stránky, prohlížeč ho zobrazí v názvu okna, ne v textu.
<body> ... </body> - tělo dokumentu. Text zde uvedený bude prohlížeč zobrazovat
<h1>....</h1> - vše, co je napsané mezi těmito značkami, zobrazí klient jako titulek první velikosti.
<i>....</i> - takto se označí část textu, která má být kurzívou.
<p> - takto se značí začátek nového odstavce
<hr> - na místě s touto značkou rozdělí klient text vodorovnou čarou přes celou obrazovku.

Přidat další podstránky

Vytvořit další stránky a udělat na ně odkaz z hlavní stránky je jednoduché. Editorem joe vytvoříte nový .html soubor s příslušným obsahem, nastavíte přístupová práva a na hlavní stránku přidáte odkaz. Příklad - přidání stránky "Moje záliby"

V adresáři public_html založit soubor zaliby.html příkazem "joe zaliby.html"
Napsat text v HTML formátu
Text uložit (F2 nebo Ctrl-K X)
Do hlavní stránky (souboru index.html) přidat odkaz, např. "Zde najdete <a href="zaliby.html">něco o mých zálibách a koníčcích</a>

Způsoby vytváření www stránek

Výše popsaným způsobem - editací textovým editorem na unixu (editor joe)
Vytvořit si stránky na PC a pak je nakopírovat na server
- Vytvořit na PC buď jednoduchým textovým editorem (Notepad, PFE...) nebo WWW WYSIWYG editorem ( NVU, Microsoft FrontPage Expres apod.)
- Nakopírovat na server pomocí programu FTP nebo WinSCP (má-li editor funkci "publikovat" a bude chtít zadat URL, zkuste něco jako ftp://jméno-serveru/usr/users/vaše-login/public_html
Připojit si domácí adresář na unixovém serveru jako síťový disk k svému PC a editovat z PC přímo soubory na serveru - doporučuji konzultovat tuto možnost se správcem serveru