HTML je velice jednoduchý, ale rozhodně ne slabý jazyk. Stačí se naučit pár pravidel a můžeme vytvářet webové stránky. Tyto pravidla se pokusím shrnout v tomto článku. Složitější věcí je volit sémanticky vhodné elementy pro správný popis dokumentu a dobré zvládnutí CSS pro formátování vzhledu.

Hodně lidí, kteří začínají tvořit webové stránky, tak začnou tím, že se naučí pár tagů HTML tak, aby se v prohlížeči zobrazilo to, co chtěli vytvořit. Většinou se nezajímají o nějakou specifikaci HTML a natož, aby jejich kód byl podle ní validní, nebo o správný způsob vytvoření nějakého prvku. Je to škoda, neboť není tak složité dodržet správný a moderní způsob zápisu a plyne z toho i řada výhod. Horší už je, že se občas setkáme s webem, vytvořeným "profesionály", a ani on nedodržuje správná pravidla. V textu se pokusím odpovědět na otázku: "Proč dodržovat tyto metody?" a shrnout základní pravidla správného návrhu webu. Řeč bude tedy o termínech jako: syntaxe, sémantika, optimalizace pro vyhledávače, CSS, přístupnost a použitelnost.

Prvky formuláře většinou chceme zarovnat do dvou či více sloupců, proto se dříve často používalo formátování pomocí tabulky (stejně jako pro layout). Není to správné řešení a já se pokusím vysvětlit, jak můžeme formátovat formulář čistě pomocí CSS (a také velmi jednoduše).

Myslím, že každý se snaží mít co nejlepší pozici svého webu na vyhledávači Google. Sice v Čechách široká veřejnost využívá spíše alternativní vyhledávače jako Seznam, Atlas, Centrum apod., ale odborníci používají převážně Google. Rad jak dosáhnout co nejlepší pozice na Google (ale obecně i jinde) je mnoho, základem je web správně napsaný (validní, sémanticky bohatý...) a "oblíbený" (s množstvím zpětných odkazů). Google vychází webmasterům vstříc a nabízí i různé nástroje, jedním z nich je Google Sitemaps. Jedná se sice stále o Beta verzi, ale dle mého názoru funkční a užitečnou (26.4. 2006 došlo k dalšímu rozšíření a vylepšení).

Vysvětlení základního nastavení webového serveru Apache a interpretačního jazyka PHP. Uvádím, podle mne, nejdůležitější položky nastavení jak pro vývojové prostředí, tak pro ostré nasazení serveru. Server Apache, stejně jako PHP, mají velké množství nastavení a použitím správných hodnot můžeme dosáhnout velké funkčnosti. Zde se však jedná o základní nastavení pro první zprovoznění serveru.

Vyrobili jste krásný layout pomocí CSS pozicování a když jej vyzkoušíte v IE, tak se vám některá část nezobrazí? Nebo jste umístili obrázek obtékaný textem a ten obrázek není v IE vidět? Pokud jste narazili na takovýto nebo podobný problém, kdy objekt, který má nastavenu vlastnost float, není vidět v IE, tak v tomto článku naleznete rady, jak to opravit. Problém je v tom, že IE za určitých specifických situací umístí plovoucí objekt na stránce do pozadí.

I přesto, že je o tomto tématu napsáno mnoho, bych chtěl začít moje články o webdesignu popisem mého prostředí. Vyvíjím na platformě Microsoft a používám "svatou trojici" web server Apache, databázový server MySQL a interpreter (server-side jazyk) PHP. V této první části popíši balík, který se jmenuje EasyPHP.