HTML Učebnice

Úvod

Co to je HTML?

HTML (HyperText Markup Language) je vyznačovací jazyk, který je základem pro vytváření webových stránek. Pokud ho člověk ovládne, dokáže spolu s grafickým layoutem vytvořit skvěle líbivé weby ;-)

index

Co budeme potřebovat ke tvorbě WWW stránek?

Ke tvorbě stránek nám dokáže posloužit jakýkoliv textový editor. Stránky můžeme vytvářet např. v Poznámkovým bloku ve Windows. Já osobně ke své práci používám program 1st Page 2000, který se vyrovná velice známému programu Homesite. Tento freewarový program si můžete stáhnout z adresy http://www.evrsoft.com/1stpage, kde se také dočtete, co všechno dokáže. Podle mne nejlepší volba. Jestli Vám připadá moc složitý, sáhněte po programu Microsoft FrontPage což je WYSIWYG editor, kde stránky vytváříte vizuálně. Program si můžete stáhnout na stránkách firmy Microsoft a je součástí instalace Windows. Další zajímavé HTML editory najdete na těchto adresách :

Dále k práci budeme potřebovat internetové prohlížeče. Těmi nejpoužívanějšími jsou Internet Explorer a Netscape Navigator. Doporučuji mít nainstalované oba prohlížeče pro správné zobrazování stránek. Často někteří vytvářejí stránky a testují je jen v jednom prohlížeči a v druhém se nezobrazí správně.

index

Co budeme potřebovat ke tvorbě grafiky?

Je samozřejmé, že budeme chtít stránky oživit grafickými prvky. Grafika je neoddělitelnou součástí internetových stránek. Grafický design vytváříme spolu s html stránkou. Také není od věci vytvořit si nejdříve grafiku a pak jí teprve "zakořenit" do stránky. Na grafiku existuje spousty nástrojů. Nejprofesionálnějším je grafický editor Photoshop od firmy Adobe. To, že je prostě nejlepší, potvrzuje cena a ta je opravdu vysoká. Hodně složitý program, který dokáže věci jako Photoshop, je Gimp. Zdarma si ho můžete stáhnout z http://www.slunecnice.cz. Další grafické editory naleznete na těchto adresách :

index

Pravidla pro navrhování stránek

  • Snažte se, aby stránky měly co nejmenší velikost a co nejkratší dobu načítání i na modemu 56Kbps.

  • Mějte vždy stránky zálohované pro případ selhání serveru a následné ztráty dat.

  • Zásadně používejte standardní fonty (Arial, Verdana, Courier, Courier New, Helvetica, Times a Times New Roman).

  • Používejte malá písmena v názvech souborů, obrázků a odkazech. Některé servery rozeznávají malá i velká písmena.

  • Rozvrhněte si adresářovou strukturu webu pro přehlednost. Třiďte grafiku a informace do odlišných adresářů.

  • Nestahujte grafiku z cizích stránek a nepoužívejte je na svých. Snažte si vytvářet vlastní grafiku.

  • Nepoužívejte na svých stránkách animované gify, které jsou k dispozici na některých serverech. Vypadá to příšerně!

  • Co přinesou stránky návštěvníkovi? Zvažte, pro koho jsou stránky určeny a co udělat, aby se návštěvník vrátil. Stránky aktualizujte!

  • Stránky vytvářejte i pro rozlišení 640x480. I v dnešní době je mnoho uživatelů, kteří si větší monitor dovolit nemohou. Zkoušejte si doma stránky prohlédnout v rozlišení 640x480 a 800x600.

  • Po každé změně si stránky prohlížejte v Internet Exploreru a Netscape Navigatoru.

  • Obrázku VŽDY připisujte parametry velikosti! Předejdete tak rozházení stránky před načtením obrázků.

  • Používejte svojí fantazii :)

index

Kde si mám na internetu stránky uložit?

Pokud už máme stránky vytvořeny, zbývá je jen umístit na nějaký placený či neplacený server. Většina asi bude stránky umísťovat na neplacené servery (freeweb hosting). Většinou se zaregistrujete a po registraci dostanete přístup na server pomocí FTP (je nutné mít nainstalovaného FTP klienta).

index

Jak si mám stránky na internetu uložit?

Jak jsem se již zmínil, pro přesun souborů na server (upload) potřebujeme nějakého FTP klienta. Princip všech FTP klientů je stejný. Vytvoříte si nové konto a zadáte potřebné parametry. Existuje řada freewarových FTP klientů a pro jejich vyhledání a následné stáhnutí doporučuji http://www.slunecnice.cz

index

Pár tipů pro jednodušší práci

  • Pro psaní znaků < > používejte kombinaci kláves pravý ALT+<>
  • Vytiskněte si tabulky základů HTML pro usnadnění práce (v sekci Download)

index


Copyright © Ladislav Kovář 2001, Česká Lípa