Hrajte v súťaži Logo FreeSH!

Vaša reklama na tomto mieste za 2.4 € / mesiac

DirectoGlobal.com, reklamný systém kde neplatíte za kliknutia, ale za dobu zobrazenia

August 12, 2008

(0) Comments

Moja prvá webová stránka

V tomto prvom návode si povieme a vysvetlíme ako vytvoríme Vašu prvú webovú stránku v jazyku HTML. Nie je to nič obtiažné vytvoriť jednoduchú HTML stránku, mal by to vedieť každý priemerný človek pracujúci s internetom.

Aby sme vytvorili jednoduchú stránku v HTML jazyku, budeme potrebovať:
- samozrejme počítač, klasický desktop alebo laptop :)
- webový prehliadač (IE, Operu, Mozillu alebo iné)
- program na tvorbu webových stránok (čítaj nižšie)
- samozrejme prístup na internet aby sme mohli stránku uverejniť (ak aktuálne prístup nemáme, stránku môžeme uverejniť aj neskôr keď ju dokončíme.)
- a nápad o čom ideme náš prvý web robiť

Čo musíme vedieť?
- pracovať na PC, mať vedomosti mierne pokročilého
- pracovať s FTP protokolom (samozrejme bude aj návod)

Čoho sa nemusíme obávať?
- na začiatok a pre jednoduché účely nebudeme potrebovať profesionálne programy na tvorbu webu
- nebudú z toho vyplývať žiadne finančné výdavky

Ako sa vytvárajú HTML stránky?
- buď si napíšeme rovno celú stránku podobne ako vo Worde (program sa o ostatné postará)
- alebo si napíšeme zdroj v HTML jazyku (samozrejme že kód HTML musíme poznať)

My sa v tomto návode budeme zaujímať jedine tvorbou stránok pomocou tzv. wysiwyg editorov, to znamená, že v programe budeme rovno písať text a upravovať ho, respektíve pridávať obrázky a ostatné. Program si automaticky vytvára HTML kód podľa toho, čo chcete na Vašom webe publikovať. Neskôr si ukážeme ako taký HTML kód vyzerá.

Postup pre začiatočníkov:
1.) Budeme potrebovať nejaký ten program na tvorbu webu. Odporúčam program NVU. Je to program nenáročný, hlavne freeware, v CZ jazyku a je veľmi malý, má do 10 MB. Na stránke www.stahuj.cz si mo môžeme stiahnúť rovno v CZ jazyku. Keď ho máme naištalovaný, ukážme si ako vypadá jeho prostredie:

Ukážka spusteného programu NVU

Vidíme tam nástroje pre úpravu webu, ktoré sú podobné ako vo Worde, takže veľkosť písma, štýl, font atď. Dole vidíme možnosť vytvorenia webu. My si ukážeme ako sa robí web v “Normálnom” režime. Hore je samozrejme lišta s nástrojmi, ktorá je veľmi jednoduchá. Už po niekoľkých použitiach zistíte, že nejde o nič zložité. Teraz si ukážeme ako napíšeme a upravíme nejaký ten text + pozadie:

Krok 1

Krok 2

Keď už máme nastavené pozadie, farbu odkazu a ostatné veci, môžeme vyskúšať napísať nejaký text a upraviť ho:

Úprava textu pomocou nástrojov na text

Keď už relatívne s textom a pozadím pracovať vieme, skúsme si ukázať ako vložíme na stránku nejaký ten obrázok:

Postup pri vkladaní obrázku

Postup pri vkladaní obrázku 2

Obrázok máme vložený… Následne stránku uložíme a nahráme cez protokol FTP na webpriestor.

Ukladanie krok 1

Ukladanie krok 2

HOTOVO!