Domáca stránka programu je http://www.chiark.greenend.org.uk/~sgtatham/putty/download.html.

Alebo do vyhľadávača http://www.google.sk/ napíšte slová putty download.

Pomocou tohto programu - klienta sa pripájame na vzdialený počítač - server, na ktorom beží démon sshd defaultne na porte 22. Z bezpečnostných dôvodov administrátor servera môže nastaviť aj iný port napríklad 2222. Stiahnite si program putty.exe a uložte ho na plochu počítača.

1. Prvé spustenie

PUTTY Configuration - Konfigurácia putty

Nastavte meno servera alebo IP adresu, port, Connection type na SSH a kódovanie na UTF-8. Do okienka Saved Sessions napíšte názov servera a uložte konfiguráciu Save. Potom kliknite na open a server po pripojení vás vyzve na zadanie mena a hesla.

• login as: meno užívateľa, viditeľné znaky
• password: napíšte vaše heslo, neviditeľné znaky, možno sa zdá, že nepíšete, ale je to OK, len sa v hesle nepomýliť.

2. Prihlásenie

Príkaz locale

Po prihlásený sa na server napíšte príkaz locale a stačte Enter. Týmto príkazom zistíte v akom kódovaní je nastavený server. Napríklad takýto výpis:

Tento server je nastavený v UTF-8. Toto kódovanie sa zhoduje s nastavením klienta putty.exe, ktoré sme už nastavili.

Ak by bol server nastavený v kódovaní ISO-8859-2 alebo inom, je potrebné takéto kódovanie nastaviť aj na klientovi putty.exe v časti Translation.

Ak sa kódovanie nezhoduje, znaky sa nebudú po prihlásení zobrazovať správne.

3. Práca

Vždy po prihlásení sa na server ste vo svojom priečinku, ktorý nastavil administrátor. Cestu zistite príkazom pwd.  Niekoľko príkazov:

ls (listing) - zobrazí údaje a adresáre

ll (listing) - zobrazí údaje a adresáre

dir (listing) - zobrazí údaje a adresáre

cd (change directorie) - zmeň adresár, choď do adresára

cd public_html skok do adresára public_html

cd .. skok o úroveň vyššie

cd / skok do koreňa

cd ~/ skok do home adresára

Ak sa vo vašom priečinku nachádza adresár public_html, znamená to, že údaje ktoré sa nachádzajú v tomto priečinku sú prístupné pre prehliadače www stránok.

whoami zistí používateľa, je to vaše prihlasovacie meno.

do vášho prehliadávača www stránok napíšte adresu http://server/user alebo http://server/~user/, kde server je meno servera na ktorom ste prihlásený, user vaše prihlasovacie meno.

napr. http://ssjh.sk/~aix/ alebo http://omega.tuke.sk/VašeMeno/

Pomocou prehliadača sa pripojíte na server do priečinka public_html. Ak v tomto priečinku sa údaje nenachádzajú, browser môže vypísať prístup nepovolený.

vytvorte v tomto adresári súbor index.html

cd ~/public_html Enter

touch index.html Enter

Refrešnite, reloadnite, znova načítajte stánku a zobrazí sa prázdny list. (vaša prvá stránka)

Apache je démon server, ktorý zobrazuje vašu stránku. Ten, v závislosti na konfigurácii povoluje spustiť súbor s názvom index.htm, index.html, index.php, prípadne page.html …. Preto sa musí volať prvý súbor index.html a ten sa odštartuje v prehliadači ako prvý.

napr. v adresári public_html máme:

index.html, index2.html, bora.html, test.html, mi.html, stranka.html

napíšte do browsera

http://omega.tuke.sk/VašeMeno/ zobrazí sa obsah index.html

http://omega.tuke.sk/VašeMeno/index.html zobrazí sa obsah index.html

http://omega.tuke.sk/VašeMeno/index2.html zobrazí sa obsah index2.html

http://omega.tuke.sk/VašeMeno/bora.html zobrazí sa obsah bora.html

http://omega.tuke.sk/VašeMeno/test.html zobrazí sa obsah test.html

cp - kopíruje súbor

cp index.html index2.html

touch názov - vytvorí súbor

touch index2.html

touch inde2.html ide2.html

Nepoužívajte diakritiku pri pomenovaní súborov. Nepoužívajte mäkčene, dĺžne, medzery.

4. Prvá stránka

Odporúčam grafický program GIMP  (stiahnúť)

http://www.w3.org/ - world wide web -  ako sa tvorí web

http://validator.w3.org/ - kontrola správnosti zapísaných tágov vaších stránok.

Čo je HTML? Hyper Text Markup Language je jazyk, ktorému rozumie priehliadač stránok.

Čo je PHP? PHP je voľne šíriteľný populárny open-source skriptovací programovací jazyk, ktorý umožňuje procedurálne, alebo objektovo orientované programovanie.

HTML vs. PHP?

začnite tvoriť PHP stránky!

5. Kódovanie textu, charset. (α - Ω)

Ak ste prihlásený (lognutý) na serveri, píšete text v kódovaní na aké je server nastavený. Znamená to jednoducho to, že www stránky sa zobrazujú správne aj s interpunkčnými znamienkami, za predpokladu, že aj administrátor nastavil v konfigurácii Apache takéto kódovanie ako defaultné.

Prenášame prvý text

Nakopírujte červený text uvedený nižšie echo…. a vložte ho do čierneho okna tak, že držíte Shift a stlačíte Ins potom stlačte Enter

príkaz echo čščťžýýááščšč ĽŤŽÁ > testA

Nakopírujte červený text uvedený nižšie cat…. a vložte ho do čierneho okna tak, že držíte Shift a stlačíte Ins potom stlačte Enter

príkaz cat testA

Zapamätať CTRL+V a potom SHIFT+INSERT

výsledok 1

Napíšte do konzoly cp testA testA.php a stlačte Enter.

Prvá stránka

príkaz mc a Enter

Všimnite si spodný riadok programu mc. V okne sa dostaňte TABulátorom, šípkami hore, dole na súbor testA.php a stlačte F4 pre editáciu. Pomocou skratky CTRL+C a SHIFT+INS nakopírujte tento text:

<!DOCTYPE HTML>

<html>
<head>
<title>Môj Blog</title>
</head>
<body>
<div style=”text-align:center;”>

<p>Moja stránka na ktorej sa zobrazujú tieto znaky: ŠŤĽŽČŇščťžýáíľ.</p>
</div>
</body>
</html>

Prácu uložte klávesou F2 a potom stlačte 2x ESC. Program mc ukončite F10.

Výsledok

Zapamätať si: pracujeme v priečinku public_html

V tomto priečinku sa nachádzajú súbory testA, testA.php. Súbor testA.php máme otvorený v prehliadači www stránok a pri úprave súboru testA.php prehliadač reloadujeme.

Programujeme stránku: kaskádové štýly - CSS

Dopíšte pod <body> (telo stránky) riadok <h1>Môj Blog</h1> podľa obrázka, uložte F2 a reloadnite browser.

Výsledok

Zapamätať: body - telo stránky, je to párový tág, končí /

Dopíšte pod <title>Môj Blog</title> (párový tág) text nižšie, je to prvý kaskádový štýl, uložte F2 a reloadnite browser.

<STYLE type=”text/css”>
h1 { color: red }
</STYLE>

Prvý error? Všimnite si, že h1 v kaskádovom štýle je s malým písmenom a na obrázku je veľké písmeno. Ak by bol takto uložený dokument testA.php, kaskádový štýl by nefungoval.

ODPORÚČANIE: všetky značky - tágy medzi ostrými zátvorkami píšte s malými písmenami.

Výsledok

Upravte riadok h1 { color: red } na h1 { color: red; font-size:500%}

Výsledok

neukončené

Start Slide Show with PicLens Lite