Тем, которые решились дерзнуть и создать свой блог или сайт лично, будет нелишне изучить программку — текстовый редактор Notepad++ ! её возможности нынче и рассмотрим:

подстроим первичные, но необходимые рычаги управления редактором, а также, что очень важно, научимся работать с Нотепад как с FTP клиентом (неплохая примочка). Словом, поближе ознакомимся с её редакторскими способностями и выгодными отличиями от IT собратьев.

Текстовый редактор Notepad++ может очень многое из того, что будет необходимо на дальнейшем пути веб разработок. Текстовый редактор Notepad++ — распространяется бесплатно!!

Вот основные его достоинства.


Непременно доложу, — большинство веб мастеров, перепробовав многое разнообразие html редакторов, возвращается снова к Нотепад. И это неудивительно (зачем сложное, когда нужно использовать только нужное).

Первое — как и говорилось: текстовый редактор Notepad++ распространяется совершенно бесплатно. Регулярно обновляется…

Второе — Реальная и завидная скорость работы. Не нагружает систему и всегда под рукой.

Третье — Можно работать с несколькими файлами (Это очень-и-очень удобно, когда мы станем сравнивать наши наработки с оригинальными документами, например).

И — четвёртое — Подсветка синтаксиса при работе с документами …поддерживаются все возможные расширения и языки программирования. Причём, для каждого расширения можно настраивать свою цветовую схему.

…и многое-многое другое. Но обо всём по порядку — в продолжении статьи. Перво-наперво скачиваем программу и переходим к первичной настройке.

текстовый редактор — установка программы Notepad

Идём на официальную страничку программы Notepad и скачиваем последнюю версию (в том формате, в котором она Вам удобнее, либо архив, либо – выберите сами…)

Запускаем установщик, выбираем язык, соглашаемся с лицензией, выбираем путь и тип установки (необходимое уже отмечено галочками) однако, не забываем чиркнуть галочку для создания иконки на рабочем столе.

настройка текстового редактора Notepad

Все основные настройки находятся во вкладке «Опции» – Настройки: здесь научимся подстраивать редактор именно под свои задачи и требования.

Разберём самое необходимое для начала работы с файлами.

Вкладка «Общие»: возможен выбор языка интерфейса (тем которые этого не сделали на этапе установки).

Если что-то упустим из настроек, всегда можно вернуться и подстроить!

Теперь переходим в подраздел или опцию «Новый документ» — выбираем кодировку в которой (по новому пользовательскому умолчанию)) будут создаваться все новые же документы.

Будет логично, коли выберем UTF-8 без метки BOM.

Ниже есть интересный чекбокс типа «Применить при открытии… ANSI файла…» тут галочку мы ставить не будем, иначе все вновь открываемые документы будут перекодироваться в UTF-8, даже если вы не собираетесь вносить в них изменения, а только хотите взглянуть в недра документации — это нецелесообразно, ведь кодировки требуются разные.

Продолжим настройку текстового редактора Notepad ++

Ниже идет подраздел типа «выбор вариаций синтаксиса».

Здесь нужно из выпадающего меню выбрать тот, с которым вы будете чаще работать – HTML или CSS , словом, тот, который вам необходим.

Раздел «Автозавершение», — полезная функция, которая позволит избежать ошибок с незакрытыми кавычками, скобками… Отмечаем все чекбоксы, кроме HTML/XML.

А в общем, после первичного тестирования заданных настроек Нотепад ++ поправите под себя, если что…

С окошком «Настройки» редактора закончили. Дальше переходим во вкладку «Вид» и помечаем опцию «Перенос строк».

Полезная штучка: предположим, если редактируемый файл (что очень частенько бывает) написан в одну длинную строку… помеченная опция заставит документ отображаться (только в редакторе) и прокручиваться не горизонтально (что весьма неудобно), но — вертикально!

Эта ГОРИЗОНТАЛЬНАЯ прокрутка выведет из себя, если вовремя не разобраться с настройками текстового редактора Notepad++ и вообще… с вариантами и выгодами того или иного способа программного письма документов.

Вот как бы вроде как что ли и всё))

В принципе, этих выполненных настроек, для нормальной начальной работы, пока достаточно.

Однако давайте научимся тому

как активировать в Notepad++ функцию ftp клиента

Наверное — удивлю, если скажу, — заставить нотепад работать в роли ftp клиента — элементарно! И необязательно быть Уvотсаном)

Для этого вновь обратим взор на панельку инструментов (фото)

Справа (в основном окне редактора) раскроется небольшое окошко настроек ftp клиента Notepad++

Готово дело! вот мы и активировали функцию ftp клиента в программе нотепад. Однако этого мало…

Весьма логично перво-наперво создать имя ftp доступа: кликаем «Add nev». В выпавшем окошке, задайте какое-то имя понятное вам — англицкими литерами (в этом случае возможно записать имя и русскими буквами, но для привычки /на будущее/, будет правильнее использовать английское наречие).

что эти данные значат:

это те данные, которые вам обязан сообщить хостер. На любом хостинге есть раздел настроек, содержащий все нужные административные данные.

Стоит посетит панель управления аккаунтом хостинга и разобраться. Либо обратитесь в поддержку…

После того прописываем необходимую информацию в соответствующих полях.

1 — Hostname — имя хоста.

2 — значение порта подключения (по умолчанию 21) уточните «своё» значение!

3 — логин входа

4 — пароль!

По завершении ввода данных:

Подключаемся к серверу возможностями нотепад…

…на панели инструментария жмём значок

…и выбираем соответственно — имя клиент-соединения, которое задавали на начальном этапе. У меня, как видите, MIHA

Процесс соединения с сервером по ftp средством Notepad запущен. Через секунды в окошке клиента появятся папки вашего сайта, расположенные далеконько сервере (но теперь под рукой).

Управление обычное, думаю, сорить скринами далее нет смысла…

Двойным кликом, открывается папка (директория/подпапки) и соответственно парой кликов открывается для редакции файл-докумет: его кодированная повесть появится в правом окне для редакций…

Так и предстоит работать.

Всё остальное по редактуре как и с файлами на локалке или из папки компа: кнопь «Сохранить» и… всё наредактированное замечательно сохраняется (каламбур)


На этом моё повествование решительно окончено!..


…иначе закаламбурюсь)) да и вы обидитесь: скажете — куда уж жевать-то — мы не такие и глупые))

Плодотворного творчества!!


Если что-то не ясно и остались вопросы, делитесь ими в комментариях...

Текстовый редактор Notepad++ является программой из разряда мастхэв. Практически каждый вебмастер, помыкавшись некоторое время по разнообразным визуальным и не очень редакторам возвращается к этой программе. И не удивительно, текстовый редактор Notepad++ может, практически всё. Наверное, проще перечислить то, что он не может, чем то, что в него вложили создатели. Попробуем перечислить основные особенности, из-за которых его так полюбили все разработчики.

Особенности текстового редактора Notepad++

  • За текстовый редактор Notepad++ ничего не надо платить. Распространение и регулярное обновление программы делают нормальные ребята, у которых в глазах не значок доллара, а желание создать качественный продукт. Как в старые, добрые времена начала развития Интернета. Приятно пользоваться разработками настоящих мастеров.
  • Скорость работы. Тут программа вне конкуренции. Мгновенно загружается, легкая, систему не нагружает и всегда под рукой. Тут добавить нечего, конкуренты отдыхают.
  • Возможность многократной отмены сделанных изменений. Можно, хоть целый день править файл, и, если изменения не понравились, всегда можно откатиться на нужное количество шагов, а затем и обратно вернуться. Главное – программу не закрывать.
  • Можно работать с несколькими файлами. Скорость, при этом не страдает, как летала программа, так и летает. Обычное деле – открытые в Notepad++ десять, двадцать файлов.
  • Удобная подсветка синтаксиса при работе с любыми документами. Тут всё понятно, поддерживаются все возможные расширения и языки программирования. Причём, для каждого расширения можно настраивать свою цветовую схему.
  • Дополнительное расширение функционала за счёт подключения плагинов. Список доступных плагинов достаточно обширный, практически под любую задачу можно отыскать что-то полезное.
  • Встроенный FTP клиент для удалённой работы с файлами вашего хостинга.
  • Удобный поиск, функция замены, сравнения двух документов – эти функции позволят значительно сократить время работы с документами.

Вот те основные преимущества, которые выгодно выделяют текстовый редактор Notepad++ среди подобного программного обеспечения.

Установка программы Notepad++

Тут всё просто, быстро и понятно. Идём на сайт разработчиков и скачиваем последнюю версию в удобном формате. Повторяю, ничего никому платить не надо, надо только выбрать – либо инсталлятор, либо архивированный файл.

Запускаем установщик, выбираем язык, соглашаемся с лицензией, выбираем путь и тип установки (все, что пригодится, уже отмечено галочками), ставим галочки для создания иконок и всё. Процедура займет пару минут, читать дольше будете, чем программа установится.

Вот тут уже надо подстраивать редактор именно под свои задачи и предпочтения. Все настройки находятся на вкладочке Опции – Настройки . Рассмотрим самое необходимое для начала работы.

Первая вкладка Общие . Тут вы можете выбрать язык интерфейса, с которым хотите работать. И проставить галочку напротив Кнопка закрытия на вкладке . Так удобнее и нагляднее закрывать вкладки документов.

Дальше переходим в раздел Новый документ и выбираем кодировку с которой будут создаваться документы. Естественно, для русского языка лучше выбрать UTF-8 без метки BOM , так все тексты на русском языке будут отображаться корректно. Ниже есть чекбокс применить при откр. ANSI файла , вот тут галочку лучше не ставить, иначе все открываемые документы будут перекодироваться в UTF-8, даже если вы не собираетесь вносить в них изменения. А это увеличение размера файла. Оно вам надо? Ниже идет выбор синтаксиса для нового документа. Тут надо, из выпадающего меню выбрать тот, с которым вы будете чаще работать – HTML, CSS или тот, который вам необходим.

Раздел Автозавершение , полезная функция которая не допустит ошибок с незакрытыми кавычками и скобками. Отмечаем все чекбоксы, кроме HTML/XML закр. тег .

В принципе, для нормальной работы этого достаточно. Можно ещё во вкладке Опции – Определение стилей выбрать цветовую гамму которую вам удобнее воспринимать. Но, это уже на свой вкус.

Более подробные описания процесса установки, настройки и значения всех кнопочек программы Notepad++ вы можете увидеть в уроке, подготовленным Юрием Козьминым, за что ему отдельное спасибо.

Настройка текстового редактора Notepad++

Плагины для Notepad++

Для удобства работы в редакторе, можно расширить функционал программы с помощью дополнительных плагинов.

Установить плагины для Notepad++ можно во вкладочке Плагины – Plugin Manager – Show Plugin Manager . Открывается окошко со всеми доступными плагинами к программе, вам надо только найти нужный, проставить напротив него галочку и нажать кнопочку Install .

Рассмотрим некоторые из плагинов, которые могут пригодиться.

Плагин Emmet.

Удобный плагин для верстальщиков. Позволяет быстро и удобно писать HTML код страницы, делать разметку, вложенные тэги и прочее. Подробное видео по настройки и работе с этим плагинов вы можете увидеть в материале, который снял Виктор Шкода. Все подробно и доходчиво, там и решите, нужно вам это дело или нет.

Настройка плагина Emmet

Плагин Compare

Удобный плагин, который позволяет сравнивать документы. Очень удобно и наглядно. Два файла открываются в соседних окошках и разница подсвечивается. Как применять – придумаете сами.

Плагин Customize Toolbar

Панель инструментов в программе Notepad++ достаточно объёмная. Естественно, далеко не все кнопочки вам могут пригодиться для работы. С помощью этого плагина вы и сможете настроить те кнопочки, которые вы хотите видеть на своей панели. Вызывается просто Плагины — Customize Toolbar – Customize . В открывшемся окошечке выбирайте, удаляйте и добавляйте нужные кнопочки.

Плагин Spell-Checker

С помощью этого инструмента вы можете организовать проверку орфографии в программе. Для корректной работы надо установить дополнительно Aspell-0.50.3 там же будет и словарь русского языка. После установки плагинов редактор надо будет перезагрузить. Слова, естественно, можно добавлять, редактировать, или игнорировать.

Плагин WebEdit

Удобный плагин, который добавляет на панель кнопки для вставки тэгов. Чтобы не вводить дивы, параграфы, списки и прочее, нужно просто выделить нужный текст и нажать мышкой на нужную кнопочку. Значительно упрощает правку кода. При этом кнопочки можно настроить по своему вкусу и предпочтениям в настройках плагина.

Вот, в принципе и все, что хотелось рассказать о текстовом редакторе Notepad++. Программа, действительно, очень удобная и надёжная. Сколько бы там разнообразных специальных программ не делали, Notepad++ всегда остаётся основным инструментом для веб мастеров. Надеюсь и вы присоединитесь к поклонникам этой замечательной программы.

Notepad++ представляет собой open-source текстовый редактор для Windows. Мне приходится работать с различными технологиями, и нет возможности установить сразу все редакторы

(вроде Dreamweaver, Visual studio и так далее). Поэтому я использую Notepad++ в качестве своего стандартного текстового редактора . Он простой и быстрый.

Давайте я поделюсь с вами некоторыми рекомендациями, которые помогут веб-разработчикам и дизайнерам работать более продуктивно:

1. Выделение блоков:

Как и в VS 2010, Box Selection (или выделение колонок, блоков или прямоугольников) есть и в Notepad++. Вам нужно зажать клавишу Alt, выполняя выделение. Также есть возможность выделить блок горизонтально.

2. Режим расширенного поиска:

В основном, он нужен для преобразования символа новой строки/вкладки. Предположим, вам нужно убрать символ новой строки:
Нажмите Ctrl+H, выберите ‘Extended Search Mode’. Используйте \n, чтобы найти то, что нужно заменить блоком текста. Нажмите Replace All (заменить все), чтобы убрать символ новой строки.

3. Вертикальный просмотр вкладок:

Предположим, вам нужно просмотреть два файла, и вручную сравнить их друг с другом. Вы можете открыть вкладки в режиме вертикального просмотра. Для этого кликните по tab > “Move to Other View (переключиться на другой режим)”. Для переключения режимов просмотра можно использовать клавишу F8.

4. Minify JS:

Вы можете исключить не обязательное пространство из вашего js-файла, и немного уменьшить файл перед использованием.

  • Edit > Blank Operations > Trim Header and Trailing Space
  • Edit > Blank Operations > Remove Unnecessary Blank and EOL

5. Удаление номеров строк или первого слова:

В основном, когда мы копируем код с сайта, и вставляем его, у нас отображаются номера строк или специальные символы, которые нам нужно исключить. В notepad++ это можно сделать без труда.

  • TextFX > TextFX Tools > Delete Line Numbers or First word

6. Добавьте номера строк:

Вы можете добавить номера строк через меню Edit > Column Editor > Number to Insert > Set Initial Number and Increase By >OK.
Вы также можете добавить любой текст.

7. Автоматическое закрытие HTML/XML-тэгов:

Если вы работаете с HTML или XML-файлами, редактор автоматически закрывает за вами каждый HTML-тег.

  • TextFX > TextFX Settings>Autoclose XML/HTML tags

8. HTML-кодировка:

Будучи блогером, мне часто приходится публиковать исходники HTML-кода. Мне нужно кодировать html перед публикацией, и Notepad++ позволяет сделать это без труда.

  • TextFX > TextFX Convert > Encode HTML

9. Быстрое генерирование динамических контроллеров:

Предположим, вам нужно, чтобы html-контроллеры создавались динамическим образом. Для этого, сначала создайте статичный HTML-шаблон. Выберите нужный язык и TextFX > TextFX Convert > Convert Text to Code Command. Эта функция позаботится о цитатах и переносах строки.

10. Настройка HTML Tidy:

Предположим, что у вас есть только контента тела HTML, и вам нужно создать правильный HTML-файл. В этом случае вам на помощь приходит HTML Tidy.

  • TextFX > TextFX HTML Tidy > Tidy (наиболее часто встречается HTMLTIDY.CFG)

11. Запуск в браузере:

Вы можете тестировать ваш HTML-файл прямо в браузере, нажав RUN и выбрав пункт Launch in Browser.

12. Выравнивание линий

Это, пожалуй, моя любимая функция. Вы можете выровнять несколько строк функцией,(comma), = (equal sign). Это очень удобно и полезно при выделении блоков.

TextFX > TextFX Edit > line up multiple lines by …

13. Остальное:

Удаление пустых строк:

TextFX > TextFX Edit > Delete Blank Lines
TextFX > TextFX Edit > Delete Surplus Blank Lines
Изменение регистра:
TextFX > TextFX Characters > выбираете нужный регистр.

Большинство встроенных функций можно выполнить при помощи режима расширенного поиска. Если у вас есть еще какие-либо советы, то не стесняйтесь, пишите в комментариях.

Наслаждайтесь Notepad++ 😉

Привет всем кто зашел на блог – www.сайт в поисках полезной информации. Вы не ошиблись в своем выборе, и я постараюсь полностью оправдать ваши намерения.

В этом материале я приготовил для вас лучшую информацию о такой незаменимой программе как бесплатный html редактор Notepad++…

Я давно изучил код html и с того времени мне приходилось иметь дело с разными редакторами кода. Но всегда более приближенной к моим требованиям была именно эта замечательная программа Notepad++. Она объединяет в себе золотой набор качеств, простоты, красоты, удобства и предлагаемый выбор нужных нам инструментов.

Если вы спросите меня, какой программой пользуются те вебмастера, которые самостоятельно занимаются своими сайтами, я без раздумий отвечу что это бесплатный html и php редактор Notepad++.

Что такое Notepad++

Notepad++ — это бесплатный текстовый редактор notepad с открытым исходным кодом, а это означает что программа является свободным программным обеспечением и вы можете его распространять и/или модифицировать в соответствии с условиями лицензии GNU General Public License.

Программа Notepad++ распространяется в надежде, что она будет полезной, но БЕЗ КАКИХ-ЛИБО ГАРАНТИЙ; даже без подразумеваемых гарантий КОММЕРЧЕСКОЙ ЦЕННОСТИ или ПРИГОДНОСТИ ДЛЯ КОНКРЕТНОЙ ЦЕЛИ.

Преимущества программы Notepad++

Из основных преимуществ я бы выделил следующие:

  • Как я уже объяснил выше программа абсолютно бесплатная;
  • С помощью установки различных плагинов для Notepad++ и сторонних модулей можно значительно расширять возможности программы в соответствии с вашими требованиями, необходимостью;
  • Русская, Белорусская, Украинская, Казахская, Узбекская локализации, для граждан пост советского пространства это дает возможность работать c использованием родных языков интерфейса (мультиязычность / multilanguage);
  • Самый важный момент это то, что программа постоянно дополняется и обновляется, я знаю php html редактор не менее талантливее, но жаль наблюдать над тем, что он не обновляется уже несколько лет (а я им все равно пользуюсь). Не говоря уж о том, сколько редакторов загнулось на моем пути и не дожило до сегодняшних дней;

Удобства и функции редактора Notepad++

  • Подсветка синтаксиса (кода);
  • Кнопка «назад / вперед» (отменяет последние выполненные действия и таким же способом позволяет возвратиться к ним снова);
  • Замена / Поиск;
  • Масштабирование текста (легко увеличить или уменьшить размер шрифта);
  • Notepad++ автоматически закрывает теги;

Где скачать Notepad++

Программа совершенно бесплатная и именно поэтому я вам не предлагаю скачать notepad торрент.

Скачать Notepad++ можно с официального сайта разработчиков — notepad plus plus .

После перехода вы сразу попадаете на страницу скачивания «Download». И именно здесь вы можете скачать notepad rus бесплатно !

Последней версией редактора является Notepad++ v6.2 (дата выхода: 10.10.2012).

Установка редактора Notepad++

Итак, программа загрузилась и двойным щелчком запускаем мастера установки Notepad++.

Шаг 1. Выбираем язык и нажимаем «ОК».

Шаг 3. Принимаем лицензионное соглашение – кнопка «Принимаю»

Шаг 4. Выбираем путь куда будет установлена программа, нажимаем «Далее»

Шаг 5. Установка компонентов программы.

Сразу ставим галочку перед пунктом «As default html viewer» — Средство просмотра HTML по умолчанию!

Ели вы хотите иметь еще несколько языков под рукой как дополнительные, тогда откройте ветвь компонента «Localization» и поставьте галочки напротив необходимых языков.

В дальнейшем вы сможете их менять в «Опциях» редактора Notepad++ → «Настройки» → вкладка «Общие» → «Язык интерфейса»


Шаг 6.

  • В первом пункте нам предлагают не использовать папку «AppData» и записать файлы конфигурации редактора Notepad++ в установочной директории (которую мы выбрали на шаге№4).

При желании можно скачать папку с программой из установочной директории на съемный носитель (флешку) и у вас получится notepad Portable версия. Но лучше не устанавливать программу на USB носитель сразу, иначе не будет необходимой записи в ветке реестра и могут возникнуть проблемы с кодировкой.

Отметьте первый пункт!

  • Во втором пункте нам предлагают разрешить устанавливать плагины автоматически в директорию AppData//Notepad++//Plugins/. Откуда нам знать, что они нам туда подсунут!

Этот пункт не стоит отмечать!

  • Третий пункт — это создание иконки программы Notepad++ на рабочем столе.

Отметьте его!

  • Четвертый пункт – это использование старых иконок программы, он нам не нужен!

Нажимаем «Готово»! И на вашем компьютере сразу запустится самый лучший бесплатный html редактор Notepad++ !

Итак, давайте разберемся, как работать с Notepad. Ниже вы можете увидеть окно программы текстового редактора.

Вверху окна расположена главная панель программы «Панель меню».

Ниже находится панель Инструментов. Это ваша рабочая панель. Здесь вы будете часто использовать такие команды как «Сохранить», «Сохранить как», «Закрыть вкладку», «Вставить». Кнопки «Отмена | Повтор», «Найти» и т. д.

Под ней расположена «Панель вкладок», вкладок может быть любое количество, еще их можно легко менять местами. Это позволяет одновременно работать с несколькими файлами. Ну и соответственно еще ниже находиться «Рабочая область» редактора Notepad++ .

Как показано на изображении область разделена на 2 части, я сделал так специально для того что бы продемонстрировать вам что можно работать одновременно с несколькими активными документами. Это может понадобиться в том случае если вы переносите какую-нибудь часть кода из одного файла в другой. Или например смотрите в одном файле как реализован тот или иной элемент для того что бы понять как вам сделать это у себя. Но это лишь примеры, на практике вы сами все увидите.

Для просмотра двух документов одновременно необходимо всего лишь нажать правой кнопкой на вкладке того документа, который вы хотите поместить во второе окно и из контекстного меню (из выпадающего списка) выбрать пункт «Дублировать в Другом окне». Создастся новое окно в пределах рабочей области. При этом все остальные вкладки останутся в первом окне и вы можете свободно между ними перемещаться. Если выбрать пункт «Переместить в новый экземпляр» или «Открыть в новом экземпляре» → откроется новое отдельное окно, не в пределах рабочей области программы, а новое независимое окно Редактора Notepad++ и в него будет помещен ваш файл.

На самом деле, благодаря тому что для создания собственного сайта сейчас мы используем различные CMS (движки), часто ковыряться в коде вам не придется, ну разве что на первоначальном этапе, может понадобиться что-нибудь подогнать под себя, удалить внешние ссылки с шаблонов. Сменит логотип, цвет шрифта, фон, тип шрифта и т.д. В общем по мелочи!

Существует еще такой неприятный момент как вкрапления (зашифрованные ссылки), которые суют туда владельцы сайтов предлагающих скачать бесплатные шаблоны. Данные вкрапления необходимо обязательно удалять! Но подходить к их удалению нужно аккуратно потому что удалив такую зашифрованную ссылку может обрушиться весь внешний вид вашего сайта. Поэтому тут лучше обратиться к человеку знающему как удалить эти вкрапления без печальных последствий. Определить их можно с помощью специальных плагинов.

На изображении вы должны были заметить что весь код разноцветный, это и есть так называемая подсветка синтаксиса (кода) . Вы можете легко изменить ее в соответствии с собственными предпочтениями. Ну или например, если вы до html и php редактора Notepad++ пользовались другим редактором с функцией подсветки синтаксиса и очень к ней привыкли, настройте ее в Notepad ++ таким же образом. Сделать это можно следующим способом. Необходимо перейти в меню «Опции» → пункт «Определение стилей» и тогда откроется следующий интерфейс программы:

Выбираете язык, например HTML, затем подсветку каких элементов этого языка вы хотите изменить и приступаете к уродованию итак вполне приличной подсветки этого языка

В правом нижнем углу окна расположена функция «Прозрачность», видимо для того что бы при внесении изменений в настройки синатксиса пользователь мог сразу наблюдать над тем как это выглядит, я проверил, очень неудобно!

Обратите внимание что открывающий и закрывающий теги DIV , как показано на изображении — подсвечиваются! Это позволяет вебмастеру легко проследить всю его ветку и что конкретно в этом теге заключено! Также для укорачивания документа, вы можете сворачивать целые фрагменты кода, смотрим ниже:

Включается и выключается функция подсветки совпадающих (парных) тегов в настройках программы → на вкладке «Разное»

Еще одна особенность. Если поставить курсор на любую строчку кода и нажать «Ctrl + D», то выше сразу появится копия этой строки. Тоже самое произойдет и с выделенным фрагментом кода.

Для того что бы легче ориентироваться в больших документах и не забыть фрагмент кода над которым вы работали, можно поставить флажок (маркер) в виде небольшого синего шарика:

Как изменить кодировку в html редакторе Notepad++

Кодировку в Notepad++ вы можете изменить в меню «Кодировки», в том случае если у вас вдруг на сайте вместо кириллицы будут отображаться знаки вопроса, вы должны знать что вы сохранили тот файл где находится текст в кодировке ANSI, откройте этот файл и измените его кодировку на UTF-8 (без BOM) и все у вас будет в порядке!

В настройках программы → на вкладке «Общие» → «Панель вкладок» я поставил галочку напротив — «Кнопка закрытия на вкладке», мне так значительно удобнее, нежели жать по ней правой кнопкой и выбирать пункт «Закрыть» или делать активной и ползти к крестику в правом верхнем углу, также я снял галочку с пункта «Уменьшить» для того что бы вкладки стали слегка по больше!

Вкладка «Общие» → «Панель инструментов» — Я использую стандартны значки, но к сожалению они мне кажутся слегка неудобными, большие значки мне тоже не пришлись по вкусу! «Список Документов» — я поставил галочку напротив «Отображать»

Полезная функция «Замена» в html редакторе Notepad++

А теперь я покажу вам как с помощью функции «Замена» можно легко и просто произвести замену одного слова на другое во всех файлах какой-либо папки.

Итак открываем меню «Поиск» и выбираем из списка функцию «Замена».

В поле «найти» я ввожу слово «div», а в поле «Заменить на» я вписал слово «www.сайт». Замена будет выполнена во всех файлах из указанной мною директории. Я создал папку на рабочем столе по названием «NOTEPAD» и поместил (скопировал) в нее файл index.php из папки своего шаблона. Ввожу путь к папке в которой лежит мой экспериментальный образец — index.php. Как вы понимаете в этом файле есть много тегов DIV , сейчас я поменяю их на «www.сайт». Нажимаю кнопку «Заменить в файлах»

Готово! 46 изменений в файле. Открываю файл, а там:

Все теги DIV превратились в «www.сайт». Однажды, при создании партнерского интернет магазина, мне очень понадобилась эта функция! Таким образом можно уникализировать код шаблона.

Как установить Notepad++ плагины

Плагины в Notepad установить очень просто! Ничего качать и импортировать не нужно.

Заходим в меню «Плагины» → «Plugin Manager» → «Show Plugin Manager» → откроется окно в котором произойдет загрузка большого количества плагинов для программы Notepad++. И не нужно думать о том где скачать плагины notepad редактора .

Из списка выбираем например плагин «Compare» — он может использоваться для сравнения двух файлов. И нажимаем кнопку «Install» → Произойдет установка → нам предложат перезапустить программу Notepad++ и внести изменения на ваш компьютер. После этого в меню «Плагины» появиться плагин «Compare»

Давайте установим еще один плагин, называется он TextFX. Который в прежних версиях программы стоял по умолчанию и имел свое собственное меню на «Панели меню», теперь его нет но можно легко и быстро установить с помощью Плагин менеджера. Итак, выбираем его из списка:

Жмем кнопку «Install».

Соглашаемся перезапустить редактор Notepad++ и внести изменения. Запускается Notepad++ и на панели меню мы видим меню «TextFX». Открываем меню и наводим курсор на самый нижний пункт пункт «TextFX Settings» → выбираем функции «+Autoclose XHTML/XML Tag» и «+Autoclose {(}