Úvod, zÁsady
Pro tvorbu HTML stránek lze využít
a) poznámkový blok - nutnost dobré znalosti všech tagů
b) textový editor - např. i Word - většinou zbytečně velký zdrojový kód
c) wysiwyg editory - snadná editace, komfort
Notepad++ freeware,cs - e jednoduchý skinovatelný editor zdrojových kódů, který podporuje několik programovacích jazyků: C, C++, Java, C#, XML, HTML, PHP, Javascript, ASP, CSS, SQL a mnoho dalších.
NVU freeware,cs - velmi dobrý WYSIWYG editor určený jak pro platformu Windows, tak pro Linux
CSS Menu Creator freewere,cs - tvorba menu pomocí CSS
PHP tutoriál 2.0 Rychlá a efektivní výuka základů jazyka PHP
Zásady
1. Návrh struktury
Jedním z nejdůležitějších faktorů správně vytvořených stránek je jejich struktura.
Musí mít logické uspořádání, tak aby odkaz šel přímo k informacím.
Strukturu prezentace navrhujeme ještě před samotnou tvorbou stránek. Návrh struktury samozřejmě zahrnuje i výběr informací, které se budou objevovat na internetových stránkách.
2. Vzhled prezentace
Dalším z důležitých faktorů je vzhled prezentace - barevné ladění, vzhled ovládacích prvků (tlačítka, ikonky). Je dobré udržet grafiku dokumentů v konzervativním duchu. Tím je myšleno, že méně znamená více.
Při použít obrázků je dobré do tagu IMG vkládat popisek ALT. Obecně raději s grafikou šetřit - optimalizace.
Důležitá je i navigace po dokumentu. Jedná se o provázání dokumentů daného webu vzájemnými odkazy, mnohým jistě dobře známý A HREF tag. Tyto odkazy, především na domovskou stránku (často zvanou HOME), by neměly chybět na všech dokumentech. U rozsáhlejších projektů se doporučuje i mapa webu - heslovitý seznam hlavních stránek s krátkým komentářem.
Prvky, kterými ovládáme stránku by měly být přístupné dvojím způsobem. Tedy ne pouze myší ale také pomocí klávesnice (Tag LABEL).
<label accesskey="J" for="Jmeno">
<input type="text" name="Jmeno" id="Jmeno" /></label>
Vstupní pole "Jmeno" formuláře bude přístupno pomocí klávesové kombinace Alt+J.
3. Formátování textu
S technologií kaskádových stylů CSS1 a CSS2 přichází i zjednodušení formátování textů. Zde platí jedna zásada: i bez formátování pomocí CSS by základní rozložení HTML dokumentu mělo být zachováno.
4. Definice velikostí
U definování velikostí tabulek je dobré používat relativní velikosti v parametru SIZE (SIZE=20%). Uživatel má možnost nastavovat například velikost písma v tabulce podle svých potřeb. Dalším důvodem užití relativních velikostí jsou především různá rozlišení monitorů.