HTML-уроки. Выбор редактора

Для того чтобы учится делать интернет-сайты нам достаточно использовать блокнот Windows, но это не очень удобно. В настоящее время существует много очень хороших редакторов HTML от самых простых до WYSIWYG-редакторов (What You See Is What You Get, «что видишь, то и получишь»). Для обучения я бы не советовал использовать WYSIWYG-редактор, т.к. наша главная цель научится делать сайт самому, понять принципы. Что нам дают HTML-редакторы, в отличии от того же блокнота? Хороший редактор облегчит процесс написания тегов HTML, поможет нам написать правильный код, подскажет где мы совершили ошибку и позволяет вставлять в документ готовые конструкции языка HTML, что очень удобно и многое другое.
Итак, какие редакторы можно посоветовать начинающему?

1. Notepad++

Notepad++ редактор кода общего назначения, программа предназначена в первую очередь для программистов. Как редактор веб-страниц Notepad++ малопригоден для больших проектов из-за небольшой функциональности, т.к. предполагает ручное создание кода, но для обучения, на мой взгляд, это один из лучших ректоров. Он может быть полезен как для открытия файлов с самыми разными (около 20) расширениями, так и для сохранения документов с различными расширениями, а также для смены кодировки документов.

Основные функции Notepad++

  • Подсветка текста и возможность сворачивания блоков, согласно синтаксису языка программирования
  • Поддержка большого количества языков
  • WYSIWYG (печатаешь и получаешь то, что видишь на экране)
  • Настраиваемый пользователем режим подсветки синтаксиса
  • Авто-завершение набираемого слова
  • Одновременная работа с множеством документов
  • Одновременный просмотр нескольких документов
  • Поддержка регулярных выражений Поиска/Замены
  • Полная поддержка перетягивания фрагментов текста
  • Динамическое изменение окон просмотра
  • Автоматическое определение состояния файла
  • Увеличение и уменьшение
  • Заметки
  • Выделение скобок при редактировании текста
  • Запись макроса и его выполнение
  • И другое

Пример редактора

2. Sublime Text

Sublime Text — быстрый кроссплатформенный редактор исходных текстов программ. Поддерживает плагины на языке программирования Python. Имеет приятный интерфейс, удобство управления, и гибкую настройку. Поддержка подсветки синтаксиса для: C, C++, C#, CSS, D, Erlang, HTML, Groovy, Haskell, HTML, Java, JavaScript, LaTeX, Lisp, Lua, arkdown, Matlab, OCaml, Perl, PHP, Python, R, Ruby, SQL, TCL, Textile и XML и других языков. Хорошо себя показывает как на больших проектах, так и на маленьких. Хороший выбор для обучения Web-программированию, но как по мне — требует небольшой настройки под себя.

Основные функции Sublime Text

  • Встроенные сниппеты для 27 языков
  • Миникарта: предпросмотр всего кода
  • Мультиселект: возможность выделять и редактировать текст сразу в нескольких местах
  • Поддержка табов
  • Закладки для файлов
  • Встроенная поддержка 27 языков программирования, с возможностью подключения других языков
  • Автосохранение
  • Поиск по файлу, основанный на регулярных выражениях
  • Полностью настраиваемая подсветка синтаксиса
  • Подсветка скобок, автоматическое завершение (auto-complete)
  • Поддержка макросов и плагинов на python
  • Настраиваемые горячие клавиши
  • Поддержка тем оформления (22 темы в комплекте)

sublime-text

Оставить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *