HTML editory HTML editory se dělí na dva základní typy:

Prezentace na téma: "HTML editory HTML editory se dělí na dva základní typy:"— Transkript prezentace:

1 HTML editory HTML editory se dělí na dva základní typy:
Wysiwyg Strukturní Wysiwyg editory („What you see is what you get“) mají zobrazovat vytvářenou stránku tak, jak bude vypadat v prohlížeči. Pracuje se s nimi podobně jako s textovým editorem.

2 Výhody a nevýhody wysiwyg editorů
+ Jednoduché na ovládání + HTML kód se generuje automaticky + Stránka se vytváří tak, jak bude vypadat v prohlížeči + Možnost přímé úpravy kódu - Při kontrole se může kód změnit - Vygenerovaný kód není úplně pod kontrolou - Mnohdy zbytečně velké množství vygenerovaného kódu

3 Typy wysiwyg editorů Microsoft Expression Web – placený (velmi dobrý)
FrontPage placený Macromedia Dreamweaver – placený (výborný) KompoZer – zdarma (dobrý) NVU – zdarma OpenOffice Writer - zdarma

4 HTML editory strukturní
Strukturní editory pracují přímo s vytvářeným kódem. Fungují na principu jednoduchého textového editoru. Ty kvalitnější umožňují zvýraznění syntaxe a dokážou doplňovat části vytvářeného kódu.

5 Výhody a nevýhody strukturních editorů
+ Jednoduché na ovládání + HTML kód je naprosto pod kontrolou + Přímá úprava kódu - Pro zobrazení stránky se musí vytvářený dokument nejprve uložit - Je potřeba znát jazyk HTML (XHTML)

6 Typy strukturních editorů
PSPad - zdarma (vynikající) HomeSite - zdarma Notepad ++ - zdarma (dobrý) NetBeans - zdarma Notepad2 - zdarma HTML editor zdarma

7 Vytváření HTML kódu v PSPadu
HTML kód se dá vytvořit v libovolném textovém editoru s uložením jako prostý text. Nejlépe je využít profesionální český program PSPad, který je určen k volnému použití. V rámci tohoto programu lze vytvořenou stránku rovnou uložit na server a hned vyzkoušet její funkčnost.

8 PSPad Zvýraznění syntaxe
Automatické rozpoznání syntaxe podle typu souboru s možností manuální změny Volitelné zobrazení čísel řádků, podbarvení aktuálního řádku, pravítko Velmi jednoduchá a intuitivní práce Neomezená délka editovaného textu Možnost otevření více dokumentů současně Záznam maker s možností uložení na disk a ruční editace Práce s projekty Hledání a nahrazování v souborech Nalezení rozdílů v textových souborech (porovnání verzí)

9 Nastavení programu pro práci s HTML
Obr. 1

10 Vytvoření souboru v PSPadu
Na záložce FTP zvolte FTP server (popřípadě nadefinujte nový) Vytvořte nový soubor typu PHP (např. prvni.htm) a otevřete jej Nezapomeňte si zapnou Zvýrazňování syntaxe a Číslování řádků Obr. 3 Obr. 2

11 Otázky k opakování Jak se rozdělují HTML editory?
Co je to wysiwyg editor? Jaké znáte typy wysiwyg editorů? Jaké jsou výhody a nevýhody wysiwyg editorů? Jaké znáte typy strukturních editorů? Jaké jsou výhody a nevýhody strukturních editorů?

12 Použité zdroje BLÁBOLIL, R. Informační a komunikační technologie. 3. rozšířené vydání. České Budějovice: KOPP, 2011. BLÁBOLIL, Roman. Podpora výuky: „Tvorba www stránek“ [online]. 20. ledna :30. Dostupný z WWW: Použité obrázky: Vlastní