Do stworzenia strony WWW wystarczy zwykły notatnik, reszta zależy od naszej kreatywności i posiadanych umiejętności. Jednak dlaczego nie ułatwić sobie pracy? Obecnie na rynku dostępna jest ogromna liczba edytorów kodu źródłowego, które oferują nie tylko kolorowanie składni, ale również podpowiedzi, automatyczne domykanie nawiasów lub tagów oraz tworzenie makr. Dodatkowo mamy spory wybór edytorów WYSIWYG(What You See Is What You Get), w których można tworzyć strony bez znajomości kodu.

Najważniejsze jednak jest to, że nie ogranicza nas posiadany system operacyjny, ponieważ wybór edytorów jest naprawdę duży, bez względu na to czy pracujemy na platformie Windows, Mac OS czy Linuks.

Specjalnie dla Was przygotowaliśmy listę 10 najpopularniejszych edytorów. Znajdziecie na niej zarówno edytory kodu źródłowego jak i WYSIWYG.

1. Sublime Text

sublime2
Sublime Text to bardzo ciekawy edytor, który zadziwia swoimi możliwościami. Jego obsługa opiera się głównie na klawiaturze, ale gdy poznacie już większość skrótów klawiaturowych (np.Ctrl+D pozwala zaznaczyć kolejne wystąpienia danej zmiennej) nie będziecie się mogli rozstać z tym edytorem! Jest to płatny edytor, ale na stronie producenta można pobrać za darmo pełną wersję na 30 dni.

Dowiedz się więcej: Efektywna praca w Sublime Text Zobacz kurs
Obsługiwane języki
ActionScript, AppleScript, ASP, batch files, C, C++, C#, Clojure, CSS, D, Diff, Erlang, Go, Graphviz (DOT), Groovy, Haskell, HTML, Java, JSP, JavaScript, JSON, LaTeX, Lisp, Lua, Makefiles, Markdown, MATLAB, Objective-C, OCaml, Perl, PHP, Python, R, Rails, Regular Expressions, reStructuredText, Ruby, Scala, shell scripts (Bash), SQL, Tcl, Textile, XML, XSL, YAML.

2. Adobe Dreamweaver

dreamweaver

Dreamweaver to bez wątpienia jeden z najpopularniejszych edytorów. Intuicyjny interfejs pozwala w łatwy sposób stworzyć stronę, nawet przy małej znajomości kodu HTML. Obszerna lista funkcjonalności i narzędzi została omówiona w naszym najnowszym kursie.

Obsługiwane języki
CSS, HTML, JavaScript, PHP, VBScript, XHTML, XML, XSL.

3. Notepad++

notepadplusplus
Notepad++ to prosty, ale bardzo wygodny edytor. Przejrzysty interfejs, szybkie uruchamianie i stabilna praca ułatwią Wam tworzenie kodu źródłowego. Edytor oferuje podświetlanie składni wielu języków programowania, np. C++, PHP, HTML, JavaScript i wiele więcej. W programie można wyszukiwać i zmieniać ciągi znaków za pomocą wyrażeń regularnych, tworzyć makra i własne wtyczki. Jest to darmowy edytor oparty na licencji GNU GPL.

Obsługiwane języki
Ada, asp, Assembly, autoIt, Batch, C, C++, C#, Caml, Cmake, COBOL, CoffeeScript, CSS, D, Diff, Flash ActionScript, Fortran, Gui4CLI, Go, Haskell, HTML, InnoSetup, Java, Javascript, JSP, KiXtart, LISP, Lua, Makefile, Matlab, MS-DOS, INI file, NSIS, Normal Text File, Objective-C, Pascal, Perl, PHP, PostScript, PowerShell, Properties file, Python, R, Resource file, Ruby, Shell, Scheme, Smalltalk, SQL, TCL, TeX, Visual Basic, VHDL, Verilog, XML, YAML.

4. PSPad

pspad
PSPad jest bardzo rozbudowanym edytorem. Ogromne możliwości konfiguracji wyróżniają go wśród innych darmowych edytorów źródłowych. Oprócz przejrzystego interfejsu, czytelnego kolorowania składni w programie mamy do dyspozycji również wbudowanego klienta FTP, co pozwala na pracę z plikami umieszczonymi w sieci.

Obsługiwane języki
C++, Cobol, MS-Dos batch, CSS, Forth, Fortran, FoxPro, HTML, XHTML, INI, Inno Setup, Java, JavaScript, KixStart, Object Pascal, Perl, PHP, Python, RSS, SQL, TCL/TK, Unix ShellScript, VBScript, Visual Basic, X86 assembler i jeszcze ponad 120 innych języków.

5. BlueFish

bluefish
BlueFish to bardzo rozbudowany, ale też charakteryzujący się dużą szybkością darmowy edytor kodu źródłowego. Ciekawą funkcjonalnością są kreatory tabel i ramek w HTML, co na pewno przypadnie do gustu Web Designerom!

Obsługiwane języki
Ada, ASP .NET and VBS, C/C++, CSS, CFML, Clojure, D, gettext PO, Google Go, HTML, XHTML and HTML5, Java and JSP, JavaScript and jQuery, Lua, Octave/MATLAB, MediaWiki, NSIS, Pascal, Perl, PHP, Python, R, Ruby, Shell, Scheme, SQL, SVG, Vala, WordPress, XML.

6. Aptana Studio

aptana

Aptana Studio to rozbudowane środowisko programistyczne (IDE). Jest doskonałym narzędziem do projektowania stron internetowych. Bardzo przejrzysty interfejs, podpowiadanie nazw plików czy dołączone biblioteki JavaScript i AJAX bez wątpienia wskazują, że to profesjonalny edytor, a co ważne – zupełnie darmowy!

Obsługiwane języki
HTML, CSS, JavaScript, PHP, Ruby.

7. WYSIWYG Web Builder

webbuilder

WYSIWYG Web Builder to łatwa w użyciu aplikacja do tworzenia stron internetowych. Prostota i wygoda w tworzeniu i edycji stron przypadnie do gustu wielu osobom. Warto wspomnieć o ciekawej funkcjonalności „Drag&Drop”, która znacznie uprości dodawanie np. grafiki do strony.

Obsługiwane języki
CSS, HTML, JavaScript, PHP, XML.

8. Kompozer

kompozer

Kompozer to darmowe narzędzie do edycji stron. Jest przejrzysty i łatwy w obsłudze, pozwala łatwo zarządzać plikami przez FTP. Powstał przez rozwinięcie innego znanego edytora NVU.

Obsługiwane języki
CSS, HTML, JavaScript, PHP, XML.

9. skEdit

skedit

skEdit nie jest tak znany jak inne opisane przez nas edytory, ale na pewno jest równie ciekawy! Edytor ten spodoba się wszystkim pracującym na systemie MacOS, którzy cenią sobie funkcjonalność w jak najprostszej postaci.

Obsługiwane języki
Action Script, ASP, Cold Fusion, CSS, HTML, Javascript, MovableType, Perl, PHP, Python, Ruby, Ruby on Rails, SQL.

10. CoffeeCup HTML Editor

coffecup_html

CoffeeCup HTML Editor ma już prawie 20 lat, ale jest ciągle rozwijany i na pewno spełni oczekiwania współczesnych projektantów stron WWW, ponieważ posiada mnóstwo interesujących funkcji. Producenci zadbali również o posiadaczy systemów OS X, dla tych powstała specjalna wersja tego edytora.

Obsługiwane języki
HTML, CSS

11. Brackets

brackets

Brackets to opensourcowy projekt – edytor, który powstał przy użyciu wyłącznie HTML, CSS i JS. Ciekawa funkcja to na pewno Podgląd Błyskawiczny – możemy sprawdzić jak wygląda nasz projekt w przeglądarce(działa tylko na Google Chrome), a ponadto pliki CSS są aktualizowane w czasie rzeczywistym.

Obsługiwane języki
m.in.: Groovy, CSS, HTML, JavaScript, VBScript, JSON, XML, PHP, C, C++, C#, Java, Scala, Perl, Ruby, SQL; więcej informacji [na tej stronie](https://github.com/adobe/brackets/wiki/Language%20Support)
Zobacz jak łatwo opanować sztukę programowania: Fundamenty programowania Zobacz kurs

Podsumowanie:

EdytorSystemCenaObsługiwane języki
Sublime TexticonWiniconLiniconMac$70HTML, CSS, C++, Ruby, Java…
więcej
ActionScript, AppleScript, ASP, batch files, C, C#, Clojure, D, Diff, Erlang, Go, Graphviz (DOT), Groovy, Haskell, HTML, Java, JSP, JavaScript, JSON, LaTeX, Lisp, Lua, Makefiles, Markdown, MATLAB, Objective-C, OCaml, Perl, PHP, Python, R, Rails, Regular Expressions, reStructuredText, Ruby, Scala, shell scripts (Bash), SQL, Tcl, Textile, XML, XSL, YAML.
Adobe DreamweavericonWiniconMac€24.59 za miesiącHTML, CSS, PHP…
więcej
JavaScript, VBScript, XHTML, XML, XSL.
Notepad++iconWindarmowyC++, C#, HTML, XML…
więcej
Ada, asp, Assembly, autoIt, Batch, C, Caml, Cmake, COBOL, CoffeeScript, CSS, D, Diff, Flash ActionScript, Fortran, Gui4CLI, Go, Haskell, InnoSetup, Java, Javascript, JSP, KiXtart, LISP, Lua, Makefile, Matlab, MS-DOS, INI file, NSIS, Normal Text File, Objective-C, Pascal, Perl, PHP, PostScript, PowerShell, Properties file, Python, R, Resource file, Ruby, Shell, Scheme, Smalltalk, SQL, TCL, TeX, Visual Basic, VHDL, Verilog, YAML.
PSPadiconWindarmowyPHP, Python, Java, JavaScript…
więcej
C++, Cobol, MS-Dos batch, CSS, Forth, Fortran, FoxPro, HTML, XHTML, INI, Inno Setup, KixStart, Object Pascal, Perl, RSS, SQL, TCL/TK, Unix ShellScript, VBScript, Visual Basic, X86 assembler i jeszcze ponad 120 innych języków.
BlueFishiconWiniconLiniconMacdarmowyC/C++, HTML, CSS, PHP…
więcej
Ada, ASP .NET and VBS, CSS, CFML, Clojure, D, gettext PO, Google Go, HTML, XHTML and HTML5, Java and JSP, JavaScript and jQuery, Lua, Octave/MATLAB, MediaWiki, NSIS, Pascal, Perl, PHP, Python, R, Ruby, Shell, Scheme, SQL, SVG, Vala, WordPress, XML.
Aptana StudioiconWiniconLiniconMacdarmowyHTML, CSS, Ruby, JS, PHP.
WYSIWYG Web BuildericonWin$44.95CSS, HTML, JS, PHP, XML.
KompozericonWiniconLiniconMacdarmowyCSS, HTML, JS, PHP, XML.
skEditiconMac$29.99ASP, Ruby on Rails, PHP…
więcej
Action Script, Cold Fusion, CSS, HTML, Javascript, MovableType, Perl, Python, Ruby, SQL.
CoffeeCup HTML EditoriconWiniconMac$69HTML, CSS
BracketsiconWiniconLiniconMacdarmowyHTML, XML, PHP, JavaScript…
więcej
Groovy, CSS, VBScript, JSON, C, C++, C#, Java, Scala, Perl, Ruby, SQL.
A Wy jakich edytorów używacie najczęściej? Jeśli brakuje ich na naszej liście, podzielcie się nimi w komentarzu.