Oblíbené editory jazyka HTML

7. 3. 2020

Vizuální editory HTML pracují na principu WYSIWYG. Toto je zkratka pro to, co vidíte, je to, co dostanete, což znamená: "To, co vidíte, je to, co dostanete."

Zkušení redaktoři okamžitě opravují výsledek při provádění změn. Všechny úpravy písem, přidávání tabulek a vkládání nových prvků se provádějí stisknutím příslušných tlačítek. Tyto vývojové nástroje vám pomohou rychle vytvořit webové stránky. Vizuální editory WYSIWYG HTML existují jak v desktopových aplikacích, tak v on-line verzích.

WYSIWYG Web Builder

WYSIWYG vizuální editor

Jedná se o jednoduchý šikovný editor, s nímž může pracovat osoba bez zkušeností s webovým designem. Ve výchozím nastavení má program 10 šablon, na jejichž základě jsou vytvořeny stránky. Existuje možnost získat další šablony, které lze nalézt na oficiálních stránkách programu. Nástroje pro úpravy jsou rozděleny do kategorií. Zde jsou:

  • navigace;
  • kresba;
  • média;
  • formy;
  • extra

Funkce zahrnuje přidání kódu JavaScript pro vytváření vizuálních efektů. Chcete-li zobrazit výsledek, musí uživatel stisknout tlačítko F5 - stránka se objeví v prohlížeči, který je používán ve výchozím nastavení.

Pokud pracujete se stromem stránek, můžete jej procházet ve zvláštním správci. Program kontroluje výkon poskytovaných odkazů, vyhodnocuje velikost stránek a vytváří mapu webu. Editor HTML s vizuálním prohlížením WYSIWYG Web Builder podporuje implementaci rozšíření, která umožňuje zvýšit schopnost softwaru. Chcete-li používat doplňky, musí být program zaregistrován.

Výrobce webových stránek

Editor webových stránek pro tvorbu webových stránek

HTML a CSS Web Maker Maker je vizuální editor pro vytváření plnohodnotných vícestranových stránek. Integruje grafické soubory, videa, tabulky, formuláře pro přenos souborů, text atd. Stejně jako v předchozím programu existují základní šablony pro rychlý start. Program umožňuje možnost umístit jeden prvek na několik stránek.

Okno programu je rozděleno na dvě části. Vlevo je panel Obsah webu, který je určen k procházení stránkami webu. Na pravé straně je pracovní plocha, v níž se práce děje.

Další výhodnou volbou je vytvoření webu založeného na existující stránce. Musíte zadat adresu webové stránky, kterou chcete zkopírovat. Knihovna obsahuje ukázky javascriptového kódu. Používají se k umístění hodin v rohu obrazovky, zobrazení času, přidání prezentace. Editor jazyka Visual Basic pro web může pracovat s FTP. Po vytvoření stránky je možné jej načíst na server.

Designer vizuální stránky CoffeeCup

Editor programu CoffeeCup

Jedná se o placený vizuální editor HTML. Dodává se s deseti bezplatnými šablonami, ale můžete si koupit další - za 9 dolarů za šablonu. Pracoviště zabírá celé programové okno, což je velmi výhodné. Existují různé způsoby, jak přidat průhlednost, stíny, hlasitost, změnu tvaru bloku, když jej umístíte kurzor myši.

Program má zabudovaný FTP klient. Po stažení webu na server můžete jej upravit přímo z editoru, pokud jste aktivovali synchronizaci dat. Stránky se automaticky aktualizují.

WebSite X5 Evolution 8

Webový vizuální textový editor X5

Webový prohlížeč X5 Evolution HTML vizuální editor používá mírně odlišné metody vytváření stránek. Programová knihovna obsahuje více než sto možností návrhu. Vytvoření stránky se provádí postupně.

  1. Nejprve jsou nakonfigurovány hlavní části webu. Zde můžete zadat jméno, jméno autora, jazyk, klíčová slova a ikony. Výběr způsobu zobrazení nabídky.
  2. Musíte přemýšlet nad strukturou a vytvořit mapu stránek, označit skryté zdroje a specifikovat obnovovací frekvenci stránky.
  3. Chcete-li upravit stránku, klikněte na ni. Po zobrazení pracovního okna se zobrazí počet bloků na stránce, vloží se mediální soubory, text, tabulky a prezentace.
  4. Další nastavení, jako je blesk, reklama a informační kanál, jsou konfigurovány v poslední fázi.

Po ukončení práce se web nahraje na server pomocí zabudovaného FTP klienta.

Kompozer

Skladatel - vizuální editor

HTML editor s vizuální náhled KompoZer je zcela zdarma open source program. Pracuje na všech populárních operačních systémech (Windows, Mac, Linux), dokonale chápe jazyk Java, podporuje všechny moderní standardy. Chcete-li rozšířit základní funkce z oficiálních stránek, můžete si stáhnout moduly třetích stran.

Chcete-li nainstalovat balíček pro Russification programu. Editor je schopen pracovat současně s několika stránkami, načítat stránky na server, upravovat kódy doslova za běhu. Program má vestavěnou kontrolu pravopisu. KompoZer je určen pro profesionální webmastery.

HTML Online

Jedná se o jeden z nejpopulárnějších online editorů. Chcete-li začít, přejděte na stránku webové aplikace. Program podporuje formátování textových dokumentů ve značkách HTML, pracuje skvěle s doky Google, PDF, Excel. CSS, JavaScript je editován na samostatných kartách. Rozvržení se v okně prohlížeče aktualizuje, jakmile provedete změny. Jednou z výhod je, že on-line HTML nemusí být instalován na počítači.

Konzoly

Rozvojové prostředí Bracketts

Není to jen editor pro rozvržení webových stránek, je to kompletní vývojové prostředí IDE. Vhodné pro psaní kódu v libovolném programovacím jazyce. Navíc existuje mnoho užitečných nástrojů pro urychlení procesu editace.

Seznam oblíbených rozšíření pro webové designéry:

  • Emmet - urychluje psaní CSS, HTML kódu zkrácením základních příkazů.
  • Zkrášlit formáty HTML, CSS, Javascript soubory.
  • Kontrola W3C kontroluje kód pro splnění stanovených standardů.

Toto je stručný popis populárních vizuálních editorů HTML. Vyberte ten, který se vám opravdu líbil. Každá z nich má své výhody a nevýhody. Uvědomte si tyto programy pouze po testování funkčnosti sami.