1 / 12

HTML editory

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. Výhody a nevýhody wysiwyg editorů.

chaeli
Download Presentation

HTML editory

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. HTML editory • HTML editory se dělí na dva základní typy: • Wysiwyg • Strukturní • Wysiwyg editory („Whatyouseeiswhatyouget“) 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 2003 - placený • MacromediaDreamweaver – 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 3.0 - 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. Www.blabik.cz: Podpora výuky: „Tvorba www stránek“ [online]. 20. ledna 2013 11:30. Dostupný z WWW: http://www.blabik.cz/vyuka/ict/35_Tvorba_WWW_stranek.pdf Použité obrázky: Vlastní

More Related