Привет всем кто зашел на блог – www.сайт в поисках полезной информации. Вы не ошиблись в своем выборе, и я постараюсь полностью оправдать ваши намерения.
В этом материале я приготовил для вас лучшую информацию о такой незаменимой программе как бесплатный html редактор Notepad++…
Я давно изучил код html и с того времени мне приходилось иметь дело с разными редакторами кода. Но всегда более приближенной к моим требованиям была именно эта замечательная программа Notepad++. Она объединяет в себе золотой набор качеств, простоты, красоты, удобства и предлагаемый выбор нужных нам инструментов.
Если вы спросите меня, какой программой пользуются те вебмастера, которые самостоятельно занимаются своими сайтами, я без раздумий отвечу что это бесплатный html и php редактор Notepad++.
Notepad++ — это бесплатный текстовый редактор notepad с открытым исходным кодом, а это означает что программа является свободным программным обеспечением и вы можете его распространять и/или модифицировать в соответствии с условиями лицензии GNU General Public License.
Программа Notepad++ распространяется в надежде, что она будет полезной, но БЕЗ КАКИХ-ЛИБО ГАРАНТИЙ; даже без подразумеваемых гарантий КОММЕРЧЕСКОЙ ЦЕННОСТИ или ПРИГОДНОСТИ ДЛЯ КОНКРЕТНОЙ ЦЕЛИ.
Из основных преимуществ я бы выделил следующие:
Программа совершенно бесплатная и именно поэтому я вам не предлагаю скачать notepad торрент.
Скачать Notepad++ можно с официального сайта разработчиков — notepad plus plus .
После перехода вы сразу попадаете на страницу скачивания «Download». И именно здесь вы можете скачать notepad rus бесплатно !
Последней версией редактора является Notepad++ v6.2 (дата выхода: 10.10.2012).
Итак, программа загрузилась и двойным щелчком запускаем мастера установки Notepad++.
Шаг 1. Выбираем язык и нажимаем «ОК».
Шаг 3. Принимаем лицензионное соглашение – кнопка «Принимаю»
Шаг 4. Выбираем путь куда будет установлена программа, нажимаем «Далее»
Шаг 5. Установка компонентов программы.
Сразу ставим галочку перед пунктом «As default html viewer» — Средство просмотра HTML по умолчанию!
Ели вы хотите иметь еще несколько языков под рукой как дополнительные, тогда откройте ветвь компонента «Localization» и поставьте галочки напротив необходимых языков.
В дальнейшем вы сможете их менять в «Опциях» редактора Notepad++ → «Настройки» → вкладка «Общие» → «Язык интерфейса»
Шаг 6.
При желании можно скачать папку с программой из установочной директории на съемный носитель (флешку) и у вас получится notepad Portable версия. Но лучше не устанавливать программу на USB носитель сразу, иначе не будет необходимой записи в ветке реестра и могут возникнуть проблемы с кодировкой.
Отметьте первый пункт!
Этот пункт не стоит отмечать!
Отметьте его!
Нажимаем «Готово»! И на вашем компьютере сразу запустится самый лучший бесплатный 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 {(}
