Jak se (ne)dělá Web [1{1}]

Vítám Vás zase po nějaké době u čtení článku na mé stránce.

Rozhodl jsem se vést takový mini seriál o HTML
Chtěl bych Vás pro začátek seznámit s tím, jak jsem já začínal tvořit webové stránky a nasměrovat Vás nějakými základy které by se mohly hodit k základům alespoň trochu dobrého webu.

Ještě bych k tomu přidal jeden odkaz, který mi s mým „učením“ hodně pomohl, a sice webová stránka, která dnes už téměř určuje standardy Českého profesionálního i laického webu. Tento web je samozřejmě stránka Jak Psát Web a její diskuse, a jsem jejich autorovi (-rům?) velmi vděčný, za tu práci co s tím musel mít.

 

Teď k tomu jak jsem se to učil já:

Začínal jsem v 7-mi letech (mám štěstí, nebo možná smůlu že jsem se narodil ve vyspělé době)
snahou o vytvoření „zajímavých“ webových stránek pomocí MS Office frontpage z přednastavené šablony,o velmi primitivním obsahu. Vypadalo to celkem dobře, ale mělo to omezenou funkčnost a správa nebyla přímo jednoduchá – bez programu to prostě „nešlo“.

Potom jsem na popud jednoho staršího kamaráda opustil možnost Frontpage,a přesunul se do programu PSPad, psát přímo své stránky bez šíleností které tam ten prográmek sám přidával, čímž brzdil přístupnost nesmyslným pozicováním každého kousku obsahu, a v některých prohlížečích s tím dělal neplechu.

Ve svých 10 letech jsem začal navštěvovat kroužek pořádaný domem dětí a mládeže,
týkající se vytváření stránek přímo přes HTML kódy. Sice mi to trochu rozšířilo obzor,
ale kamarádi kteří tam chodili se mnou, pořád hráli hry, a já jsem se k nim bohužel,
přidal a vykašlal se na veškerou práci, a ukončil docházení do tohoto kroužku.

Potom jsem na nějakou dobu úplně zapoměl že jsem vůbec někdy něco takového uměl,
a vrátil jsem se k tomu až když jsem měl operaci a skoro dvouroční, velmi tvrdou léčbu
zhoubného nádoru, zrovna když jsem se často vyskytoval na nemocničním lůžku.

Vzdálení příbuzní mi darovali notebook, abych se trochu zabavil přes mé problémy,
a já jsem si trochu vzpoměl, že jsem to kdysi uměl, a že když už se tu nudím, mohl bych se pokusit udělat
vlastní webovou stránku.

A tak jsem to udělal. Stáhnul jsem si PSPad, začal jsem hledat na internetu různé návody, a pomalu se rozpomínal na to co jsem tak často přeslýchal dříve.

První stránky jsem dělal jen v HTML, a říkal jsem si, že lepší už to nebude.
Než jsem přišel na to že můžu využívat CSS styly, nebo PHP, popřípadě JS skripty
uplynulo hodně času, a proto se o tom zatím nebudu zmiňovat, nehledě k tomu že to s tím
ještě pořád není příliš slavné 🙂

Zbytek Vám dopovím průběžně 😉

 

Co je to HTML?

HTML (HyperText Markup Language – hypertextový značkovací jazyk) se používá při vytváření webových stránek a sestává z různých tagů.

Tagy jsou slova (př. <strong>  v Angličtině silný) nebo zkratky už celkem známých, různými kancelářskými balíčky používaných slov souvisejících s formátováním textu (<b> – Bold, <i> – Italic), uzavřená v <špičatých závorkách>.

Tagy existují ve dvou variantách. První a skoro jednoznačně nejrozšířenější varianta je tag párový. Druhou možnost tvoří tagy nepárové. Níže se podívejte na rozdíl:

<a href="...">Kliknutelný text</a> <!-- Párový potřebuje pro správnou funkci otevírací a uzavírací tag a jeho obsah je mezi nimi --> ------------------------------------
 <img src="..."> <!-- Má jen jeden tag, který využívá atributy k určení obsahu a funkce. Nemá konečné lomítko, pouze --> v XHTML je třeba nakonec lomítko dát. -->

Párové tagy se používají nejvíce při rozdělování stránek do bloků, nebo při formátování (úpravě) textu

<strong>Text je tučný</strong>
<div>Tento text je uložen v DIVu<div>

 

Nepárové tagy jsou většinou takové tagy, které připojují soubor, mění nějaké nastavení, nebo zobrazují obrázek:

<img src="cesta k obrázku"> nebo v XHTML <img src="cesta"/>

To by bylo pro dnešek asi všechno. Příště se budu věnovat systému souborů v HTML a zacházení s ním, a také si ukážeme bližší použití tagů které s ním pracují.

 

Napsat komentář

Time limit is exhausted. Please reload CAPTCHA.