Как бесплатно установить и использовать html редактор Notepad++ | Заметки вебмастера






Notepad++ отличный html редактор бесплатно

Notepad++  html редакторПривет, посетителям и постоянным читателям моего блога!

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

Слышали о таком? Уверен, что ваш ответ будет положительным. Вот и я о нем слышал и постоянно им пользуюсь на протяжении более 2-ух лет. Но вот в чем мой недостаток,- я не рассказал вам о нём! Беда… Надо исправлять ситуацию!

Вот и решил написать новую статью на эту тему. Уверен, она будет полезна многим ребятам, которые только начинают познавать интересный и захватывающий мир блогинга. Итак, сегодня я предоставлю вам подробную информацию о том, где скачать, как установить и использовать незаменимую программу — бесплатный html редактор Notepad++.

Я уже давно познал основы кода html, php и css, потому как после создания своего блога достаточно часто приходилось вносить изменения в его бесплатный шаблон.

Если хотите посмотреть на мой первоначальный шаблон до исправлений и обновления дизайна, то зайдите на сайт NewWpThemes.com и посмотрите мой стандартный бесплатный шаблон под названием Incredy.

Это шаблон, над которым мне пришлось изрядно потрудиться, чтобы сделать уникальным. Получилось у меня или нет, судить вам. Хочу сказать, что на пути изменения шаблона блога я имел дело с различными редакторами кода. Однако в последнее время я стал замечать, что больше всех приближена к моим требованиям была эта программа — Notepad++.

Она включает в себя огромное количество достоинств в виде простоты использования, классного дизайна, удобного интерфейса и необходимого набора важных для работы инструментов. Бесплатный html и php редактор Notepad++ это незаменимый помощник вебмастера, с помощью которого можно легко редактировать html, php и css коды на своем сайте или блоге. Это я проверил это на своем личном опыте!

Что такое Notepad++

Notepad++ — бесплатный текстовый редактор, который имеет открытый исходный код. Это говорит о том, что данная программа представляет собой свободное программное обеспечение.

В связи с этим вы можете с ней делать все что захотите, но только придерживаясь условий лицензии GNU General Public License.

Программа Notepad++ создана с целью распространения данного программного обеспечения и призвана приносить пользу.

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

Я бы подчеркнул несколько важных преимуществ этой проги:

  • Программа на самом деле бесплатна (я говорил об этом ранее, но повторюсь);
  • высокая скорость открытия редактора. Ребята, она реально быстро загружается;
  • возможность установки дополнительных модулей и плагинов для Notepad++ для расширения функционала программы;
  • Мультиязычность дает возможность пользоваться программой на родном языке;
  • Постоянное обновление программы Notepad++ разработчиками и внесение различных улучшений, и расширение функциональности. В реальности достаточно много программ, которые достойны внимания, как и Notepad++ , но их главный минус заключается в том, что разработчики их забросили, и долгое время не обновляли;

Классные функции редактора Notepad++

  • Подсветка синтаксиса (кода);
  • Кнопка, отменяющая последнее действие пользователем и позволяющая также вернуться вновь в исходное положение кода;
  • Замена определенных фрагментов во всем коде и поиск нужного элемента кода;
  • Изменение масштаба кода (увеличение или уменьшение размера текста);
  • Функция автоматического закрывания тегов в Notepad++;
  • Мультиязычность (очень много языков в программе для удобства пользователей из разных стран);
  • Возможность работать с несколькими файлами в одно и то же время благодаря системе вкладок;

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

Как я уже говорил, данная программа абсолютно бесплатна. А это говорит о том, что ее можно без проблем скачать с официального сайта http://notepad-plus-plus.org/

Перейдите по ссылке, которую я вам дал, и попадете на страницу, где сможете скачать эту программу. Вы увидите кнопку «Download» («Скачать»).  Нажмите на нее и сможете скачать Notepad++ rus бесплатно:

скачать notepad бесплатно

Последняя версия редактора: Notepad++ v6.6.9 (дата выпуска 07.09.2014).

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

После того как вы скачали программу, нажимайте на скачанный установочный файл двойным щелчком мыши для запуска мастера установки Notepad++. Нажмите кнопку «Далее»:

начало установки notepad++

Затем выбираем язык интерфейса (в моем случае русский), а потом жмем «ОК». После этого нажмите кнопку Далее:

выбор языка уcтановки Notepad

Принимайте условия лицензионного соглашения (кнопка «Принимаю»). Далее выберите путь установки программы на своем компьютере и кликаем «Далее». После этого установим компоненты программы.

Отмечаем пункт «As default html viewer» для просмотра HTML по умолчанию:

Средство для просмотра HTML

В том случае если вы желаете работать  программе на нескольких языках, то откройте компонент «Localization» и установите галки возле нужных вам языков:

выбор языков установки

У вас будет возможность изменять язык, перейдя по вкладкам «Опции» редактора Notepad++ ? «Настройки» ? «Общие» ? «Язык интерфейса».

Теперь настроим компоненты программы:

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

Если захотите, то можете просто скачать эту папку из директории на любой цифровой носитель информации (например, флешку), и вы получите версию Notepad Portable. Однако хочу вас предупредить кое о чем. Не устанавливайте программу Notepad на съемный носитель в первый раз установки. Лучше на компьютер. В противном случае будет отсутствовать нужная запись в реестре. Из-за этого, не исключено, у вас появятся проблемы с кодировкой.

  •  Второй пункт не отмечайте. Он предоставляет возможность установки плагинов в автоматическом режиме в папку AppData. Но мало ли что туда могут закачать! Оно нам не надо!
  •  Третий пункт можете пометить, чтобы иконка программы Notepad++ появилась на рабочем столе вашего ПК.
  •  Четвертый пункт предлагает использовать старые иконки данной программы. Они нам ни к чему! Оставим лучше его пустым:

настройка компонентов программы

Итак, все пометили, что нам нужно для работы. Теперь нажимаем кнопку «Готово»:

завершение установки Notepad++

Теперь вы можете запустить этот удобный, практичный и бесплатный html редактор Notepad++!

Как пользоваться Notepad++.

Теперь настало время разобраться в том, как нужно работать с Notepad++. Может кто-то из вас знает, как это делается. Это отлично! Если я что-нибудь упущу из виду, то вам можно будет описать этот момент в комментариях к статье. Ну, а я продолжу. Посмотрите на окошко программы редактора Notepad++:

окно программы notepad++

В самом верху окошка находится основная панель программы — «Панель меню»:

панель меню Notepad++

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

панель инструментов программы

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

На скриншоте внизу я показал, что в этом редакторе можно работать с двумя файлами одновременно. Зачем это нужно? Ну, например вы хотите перенести один фрагмент кода из одного файла в другой. Очень удобная функция, скажу я вам. Мне лично очень помогает! Реально! Также я использую эту функцию для просмотра кода в стандартном файле и редактировании своего кода для того, чтобы эта функция работала также у меня.

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

просмотр двух документов в Notepad

Смотрите дальше. Вы можете выбрать пункт «Открыть в новом экземпляре» и тем самым откроете новое окошко, но оно будет располагаться за пределами области вашей программы. Это будет независимое окошко редактора Notepad++. И как раз в него переместится ваш файл.

открываем в новом экземпляре

Ребята, я не скажу, что мне часто приходилось серьезно редактировать свой бесплатный шаблон после создания своего блога, но этот редактор действительно мне реально помог! Разработчики этой программы просто молодцы!

На скриншоте в моей статье вы, наверно, заметили, что код, который отражается в редакторе, разукрашен разными цветами. Эта функция как раз и называется подсветка синтаксиса (кода). Можно легко поменять дизайн подсветки кода на свое усмотрение.

Например, если раньше вы пользовались другим html и php редактором и привыкли к определенной подсветке, то в Notepad++ можно реализовать такую же подсветку. Это осуществить не трудно. Достаточно войти в меню «Опции» ? «Определение стилей»:

определение стилей в Notepad++

Здесь выберите язык кода, например РНР, потом выберите элементы для изменения их подсветки, и начинайте разукрашивать код, как вам вздумается.

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

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

подсветка и сворачивание кода

Можно включить или выключить функцию подсветки одинаковых тегов. Зайдите в «Опции»—«Настройки» во вкладку «Разное»:

подсветка парных тегов в меню

Ребята, вы здесь? Я вам еще не надоел? Странно… Тогда ловите еще одну фишку. Поставьте курсор на любую строку кода и нажмите «Ctrl + D». Сделали? Видите, выше над данным кодом появилась копия этой строки? Классно, да? Таким же образом можно скопировать любой выделенный фрагмент кода.

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

установка флажков в коде

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

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

кодирование кода в UTF-8

Также в настройках редактора перейдите по вкладкам «Общие» ? «Панель вкладок» и отметьте пункт  «Кнопка закрытия на вкладке», если он не отмечен. Но у меня он был отмечен по умолчанию. Эта опция тоже покажется удобной, также как и мне. Вместо нескольких действий вы делаете одно. Кроме того, я также убрал галку с пункта «Уменьшенный размер». Эта опция делает вкладки немного больше, что значительно удобнее, чем в настройках по умолчанию:

настройки вкладок notepad

Во вкладке «Общие» ? «Панель инструментов» я применяю стандартные иконки. Во вкладке «Список Документов» я не ставил галку в пункте «Отображать»:

стандартные иконки в программе

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

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

Давайте покажу, как это делается. Открывайте вкладку «Поиск» и выбирайте из предложенного списка функцию «Замена».

В поле «Найти в файлах» я пропишу для примера тег «div», ну, а в поле «Заменить на» пропишу тег «span». Вот таким образом я с легкостью могу поменять один тег на другой во всех файлах из определенной папки.

Для примера я создал папку на своем ПК и назвал ее «Замена тега» и разместил в ней файл functions.php из шаблона своего блога. Теперь я прописываю путь до этой папки с моим подопытным файлов. Сейчас я их заменю теги div на теги span. Для этого жму на кнопку «Заменить в файлах»:

замена тега div на span

подтверждение замены тегов

Вт и все. 13-ть замен в файле! Теперь открою и покажу вам мой новый файл. Посмотрите:

итог замены тегов

Все без исключения теги DIV изменились на SPAN!

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

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

Просто зайдите во вкладку «Плагины» ? «Plugin Manager» ? «Show Plugin Manager» . Появится окошко, в котором загрузится очень много различных плагинов для редактора Notepad++. Чтобы установить какой-нибудь плагин, просто выбери е его из предложенного списка и нажмите кнопку «Install»:

установка плагинов в notepad++

В Plugin Manger очень удобно наблюдать за тем, какие плагины вы установили. Во вкладке «Installed», можно удалять и переустанавливать плагины, а во вкладке «Updates» просматривать свежие версии плагинов для обновления.

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

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

Надеюсь, вам было интересно узнать о бесплатном редакторе notepad ++ и вы с легкостью будите им пользоваться. Желаю плодотворной деятельности! Жду ваших комментариев! До новых встреч. Пока.

Успехов Вам и Удачи
С Уважением,


Книга о заработке в интернете:
Книга о заработке в интернете

Комментариев к статье: 17

  1. Игорь Черноморец:

    Привет Сергей! Вот это мануал!!! А я и пловину возможностей этого редактора не использую. Можеть быть после твоей инструкции начну :)
    Спасибо

    Ответить

    • Сергей Саранчин:

      Привет, Игорь.
      Старался более подробно описать все имеющиеся возможности Notepad++

      Ответить

    • Артём:

      Очень нужная вещь для любого блогера!Сейчас и себе скачаю и установлю)

      Ответить

      • Alexandr:

        У Вас до сих пор не было Notepad ++? Как можно без неё работать. Незаменимая вещь.

        Ответить

        • Игорь:

          Ну может программа не нужна до этого была.

          Ответить

  2. Андрей Косолапов:

    Описание просто супер! Я как и Игорь, не знал про половину функций данной программы. :)

    Ответить

    • Alexandr:

      Сергей не написал о многих свойствах программы. Все функции знать нельзя. Их так много. Я путаюсь в них. Чаще использую функцию Кодировки UTF-8 (без BOM).

      Ответить

      • Игорь:

        да потому что эта кодировка всем подходит

        Ответить

  3. Максим:

    Спасибо за обзор такой интересной программы, мне кажется она лучшая из всех бесплатных аналогов.

    Ответить

    • Сергей Саранчин:

      Всегда пожалуйста!

      Ответить

    • Alexandr:

      Бесплатный Notepad++ обгонит любой платный редактор. Когда есть ++, писать платный редактор решатся единицы. Notepad++ мощный конкурент.

      Ответить

      • Игорь:

        Полностью согласен.
        Непонимаю чем платный редактор может быть лучше Notepad++

        Ответить

  4. Alexandr:

    Я раз сменил язык редактирования. Не рад был. Забыл язык по умолчанию. Пришлось сносить программу и ставить её заново.

    Ответить

    • Игорь:

      Да уж ситуация.
      Ладно хоть не проблемно переустонавливать

      Ответить

  5. Alexandr:

    Функция «Замена» есть во всех редакторах, даже в Блокноте. Называется Заменить.

    Ответить

  6. Леонид:

    После установки программы Notepad++ c оф.сайта на компьютер не работает панель меню ,она просто пропадает. При различных ухищрениях не фиксируется в файле и не работает «панель меню» Как исправить? или закрепить её. С уважением Леонид.

    Ответить

    • Сергей Саранчин:

      Леонид, вполне возможно, что разработчики «намутили» после очередного обновления.
      Попробуйте скачать мою версию и установить к себе на ПК. Вот ссылка с Яндекс. Диска: yadi.sk/d/nYpD9Jwk3EEaDD. Не забудьте прописать впереди ссылки : https://

      Ответить


НАПИШИТЕ СВОЙ ПЕРВЫЙ КОММЕНТАРИЙ НА ЭТОМ БЛОГЕ И ПОЛУЧИТЕ ПОДАРКИ!

Нажимая кнопку "ОТПРАВИТЬ" комментарий, Вы принимаете пользовательское соглашение и подтверждаете, что ознакомлены и согласны с политикой конфиденциальности этого сайта.

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!: