Rozhodli jste se, že si pořídíte inernetové stránky zdarma. A to tak, že od základu. Dobře. Tento web a tím i společnost LUMAL Vám k tomu může pomoct. Dovolte, abychom pro začátek předpokládali, že s psaním webů nemáte žádne zkušenosti.

Proto je třeba zvolit vhodný nástroj pro tvorbu www stránek Osobně doporučuji PSPad. Není rozhodně tak "úžasný" jako Microsoft FrontPage, ale rozhodně Vám nebude vnucovat "svou verzi" stránek. Kromě toho se v něm dají i vcelku stravitelně editovat i kaskádové styly (CSS).

Předpokládejme tedy, že jste si nainstalovali PSPad a můžeme přikročit k prvním pokusům. Vytvoříme si kaskádový styl a jednu stránku. Kliknutím na šipku vedle ikonky "Nový dokument" se nám rozvine nabídka typů dokumentů. My zvolíme "HTML Multihighlighter" (obrázek). Nově vytvořený dokument ihned uložíme do nového adresáře. Podobně vytvoříme i soubor CSS (jen zvolíme "Cascading Style Sheet"). I tento soubor uložíme do stejného adresáře jako nově vytvořený HTML dokument. Jen při ukládání změníme jeho jméno na např. "style.css".

Teď ještě zbývá upravit hlavičku dokumentu html, který jsme vytvořili. Před značku </head> vložíme následující zápis: <link href="style.css" rel="stylesheet" type="text/css" media="screen" />. Uložíme soubor html stiskem CTRL+S. Tím máme provedeno propojení mezi oběma soubory a můžeme začít programovat stránky.

Nově upravená stránka by ve Vašem editoru měla vypadat nějak takhle (obrázek). Nyní ale musíme přidat některé důležité metatagy. To jsou řádky, které začínají: "<meta ...". Nastavíme kurzor na začátek řádku, který jsme právě vložili. Potom stiskneme současně levou klávesu Control a mezerník (CTRL+SPACE). Objeví se nám malé okno s dostupnými příkazy (obrázek). A rovnou píšeme znaky "meta". Kurzor v okénku se začne pohybovat, až najde první příkaz "META", který zná (obrázek). Je to všeobecný příkaz "META".

Nás ale zajímá příkaz "METAa", který je o řádek níž. Nastavíme kurzor pomocí kurzorových kláves na dotyčný řádek a stiskneme enter. Objeví se další malé okno (obrázek), na kterém stiskneme tlačítko "OK". Tím se před řádkem s kaskádovým stylem (CSS) objeví řádek s údaji o autorovi stránek (obrázek). Nový metatag vyplníme a všechny metatagy uzavřeme pomocí lomítka (obrázek). Metatag "author" je vyhledávači vyžadován, proto jeho přítomnost vyplnění kontrolujeme.

Pokračování příště

Související články

1. Šablony www stránek
2. Free templates