Dobrý deň, milí odberatelia a hostia môjho blogu. V niekoľkých predchádzajúcich článkoch som vás previedol základmi jazykov CSS a CSS, no pomocné programy som spomenul len nepriamo. Preto dnes považujem za potrebné hovoriť o najlepšom vizuálnom html editore. Poviem vám o niektorých populárnych nástrojoch na vytváranie webových stránok a neskôr si môžete stiahnuť a vyskúšať ten, ktorý sa vám páči.

Dostať sa do prvej desiatky

V súčasnosti spoločnosti vydali mnoho špecializovaných softvérových produktov, ktorých hlavným cieľom je optimalizácia pracovného toku vývojárov. Existujú platené aj bezplatné editory.

Keďže môj blog je zameraný na výučbu začiatočníkov v tejto veci, rozhodol som sa popísať najlepšie bezplatné nástroje na vytváranie webových stránok. S najväčšou pravdepodobnosťou ste už uhádli, že budeme hovoriť o desiatich najpohodlnejších vizuálnych programoch. Začnime tými najjednoduchšími.

(https://notepad-plus-plus.org/)

Je to skvelý nástroj na školenie budúcich vývojárov. Program má jednoduché, užívateľsky prívetivé rozhranie bez zbytočných zvončekov a píšťaliek a podporuje viacjazyčnosť, t.j. ponuku editora môžete preložiť do ruštiny. Medzi ďalšie výhody patrí zvýraznenie syntaxe kódu a implementácia overovania a validácie.

PSPad(http://www.pspad.com/)

Rovnako ako predchádzajúci program, aj PSPad je univerzálny nástroj, ktorý zvýrazňuje css a html text, automaticky ukladá zmeny po dokončení programu, kontroluje správnosť napísaného kódu a umožňuje povoliť režim náhľadu rozvinutých stránok v . Tento vizuálny editor obsahuje viac užitočných funkcií ako Notepad++, ale stále je to jednoduchý vývojový nástroj.

KompoZer(http://www.kompozer.net/)

Softvérovým produktom je WYSIWYG editor, čo znamená „čo vidíte, to dostanete“. KompoZer je zaradený do zoznamu lídrov medzi vizuálnymi editormi a to z dobrého dôvodu. Umožňuje vývojárom a dizajnérom spolupracovať, keďže má 3 prevádzkové režimy. Začnime mojím obľúbeným – kódovacím režimom.

Napriek absencii automatického dopĺňania spárovaných prvkov značkovacích jazykov vám režim umožňuje upravovať kód ako v textových editoroch. V režime WYSIWYG je pre dizajnérov výhodné navrhnúť vzhľad webových zdrojov. Spoločný režim poskytuje možnosť detailne sa zoznámiť s označením konkrétnych objektov.

Komodo Edit(http://www.activestate.com/komodo_edit/)

Výkonný nástroj s dostupným zdrojovým kódom. Je založený na komerčnom vývojovom prostredí Komodo IDE, takže produkt je vybavený mnohými ďalšími vychytávkami: kontextové automatické dopĺňanie a zatváranie tagov, generovanie náhodného textu na vyplnenie polí, náhľad značkovania štýlu, vstavané regulárne výrazy a mnoho ďalšieho .

K tomu všetkému by som rád dodal, že možnosti programu možno výrazne rozšíriť pomocou špeciálnych nástrojov!

jEdit(http://www.jedit.org/)

jEdit je multiplatformový softvérový produkt. Poskytuje zvýraznenie syntaxe pre písaný text, dodatočnú inštaláciu zásuvných modulov na rozšírenie možností, po ktorých sa sprístupní automatické zatváranie značiek, overenie kódu a mnoho ďalších funkcií.

Pre mňa osobne však bolo kameňom úrazu na ceste k tomuto editoru jeho odfláknuté a nepohodlné rozhranie.

Štúdio Aptana(http://www.aptana.com/)

Ak sa chcete naučiť programovať v plnohodnotnom vývojovom prostredí, potom pracujte v tomto produkte. Prostredie podporuje mnoho programovacích jazykov a je vhodné nielen pre webové stránky, ale aj pre písanie iných typov aplikácií. Buďte však pripravení vyčleniť si nejaký čas na zvládnutie jeho technických vlastností.

Fraise(https://www.assembla.com/home)

Ide o textový editor, ktorý je vhodný na vytváranie webových zdrojov, žiaľ, len pre platformu Mac OS X 10.6. Program podporuje farebné zvýraznenie textu v rôznych jazykoch, poskytuje náhľady vytvorených stránok, je vybavený špeciálnymi príkazmi na urýchlenie písania kódu a kontroly syntaxe, umožňuje používať regulárne výrazy a automaticky pridáva zadané vlastnosti.

Gedit(http://projects.gnome.org/gedit/)

Jednoduchý textový editor, ktorý sa po nainštalovaní doplnkov zázračne zmení na webový editor. Pomocou pomocných programov sa pridávajú nasledujúce vlastnosti:

• Automatické dopĺňanie spárovaných prvkov;
• Generovanie dočasného textu;
• Kontrola syntaxe kódu;
• Ukážka v ľubovoľnom prehliadači.

Vim(http://www.vim.org/)

Ťažko sa naučiť konzolový editor, ktorý má pre programátorov mnoho výhod. Vybavený 3 prevádzkovými režimami.

ICEcoder(https://icecoder.net/downloads)

Ide o textový editor, ktorého textový editor poskytuje možnosť písať a upravovať kód priamo v prehliadači. Vynikajúci moderný nástroj na prácu lokálne aj online, vybavený charakteristikami štandardných editorov, ale podporuje prácu s databázami a funkcie na všetkých platformách.

Pre mňa často mením WYSIWYG programy, skúšam nové verzie a produkty od rôznych spoločností.

To je všetko, veľa šťastia pri hľadaní toho správneho editora pre vás! Zdieľajte odkaz so svojimi priateľmi a pred odchodom sa nezabudnite prihlásiť na odber môjho blogu. V projekte je oveľa viac užitočných článkov. čau čau!

S pozdravom Roman Chueshov

Čítať: 905-krát