IT-блог о веб-технологиях, серверах, протоколах, базах данных, СУБД, SQL, компьютерных сетях, языках программирования и создание сайтов.

Здравствуйте, уважаемые посетители моего скромного блога ZametkiNaPolyah.ru. Сегодня я бы хотел поговорить о том как сделать процесс написания наших PHP-скриптов, HTML-страниц и другого кода намного более комфортным и простым и при том не потратив на это ни цента, ни копейки, ведь на начальной стадии, будь-то блогер или программист не имеет возможности тратить приличные суммы на покупки дорогих и многофункциональных редакторов, так как сайт блогера не приносит ему дохода, а к молодому программисту еще нет доверия, даже на различных биржах фрилансеров нужно заработать себе рейтинг и иметь хоть не большое, но портфолио. Сейчас в интернете Вы сможете скачать множество бесплатных PHP и HTML редакторов, но их функционал меня мягко говоря не всегда впечатляет, возможности блокнота в Windows вовсе ущербны.

И вот тут нам на помощь приходит чудесный редактор PHP, HTML, JavaScript, который можно скачать бесплатно — Notepad++. В Notepad++ можно работать и с другими языками программирования, но мы-то его собрались использовать в сфере web-программирования, кстати Notepad++ будет подсвечивать и ваши SQL запросы. Представляете, какая получается красота. Скачали и поставили вы Denwer, установили себе Mozilla FireFox прикрутили к нему два полезных для веб-разработчика плагина: первый — Web Developer и второй - FireBug. Осталось найти удобный, функциональный, с подсветкой синтаксиса и желательно бесплатный редактор, всеми этими качествами обладает редактор Notepad++, которому и посвящена эта публикация.

Возможности редактора Notepad++. Где бесплатно скачать Notepad++.

У обладателей операционных систем Windows уже есть один бесплатный редактор — Блокнот(Notepad), но мягко говоря возможности Notepad сведены к минимуму. А вот о возможностях Notepad++ можно говорить долго и упорно. Сравнивать Блокнот с Notepad++ как минимум некорректно.

А вот сравнить Notepad++ с платными аналогами вполне реально, но плюс Notepad++ сразу очевиден — он бесплатный.  Вторым плюсом данного редактора является тот факт, что разобраться с его возможностями куда проще чем скажем с редактором Dreamweaver, так же он более легок в том плане, что занимает гораздо меньше места на Вашем компьютере, не говоря уже о том, что в Notepad++ HTML-документы, скрипты PHP и JavaScript открываются гораздо быстрее, чем в том же Dreamweaver. То есть гораздо быстрее открыть файл с расширением PHP в редакторе Notepad++, нежели в том же Dreamweaver и что-то быстро в нем подправить.

Кроме того, Вы сможете использовать Notepad++ не устанавливая его на свой компьютер(так называемая портативная версия Notepad ++ rus) и запускать его с флэшки на любом компьютере, тем самым всегда имея под рукой удобный, функциональный, с подсветкой синтаксиса, бесплатный и легко доступный для Вас редактор для  HTML , PHP и JavaScript кода(заметьте, синтаксис, который «знает» Notepad++ не ограничивается языком разметки гипертекста(HTML), каскадных таблиц стилей CSS, PHP и JavaScript).

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

Протативную версию HTML и PHP редактора Notepad++ — Notepad++ Portable, Вы сможете перейдя по этой ссылке — скачать Notepad++ Portable. Или же прямо с сайта разработчика редактора Notepad++. Заходите в раздел Download, и выбираете Notepad++ zip package ,  скачанный архив Вы можете распаковать на внешний носитель, после чего у Вас будет всегда под рукой бесплатный редактор Notepad++.

Ну что же, надеюсь, что я Вас убедил в необходимости скачать и установить Notepad++, если нет — то давайте перейдем к рассмотрению возможностей Notepad++.

Возможности бесплатного редактора с подсветкой синтаксиса Notepad++

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

Редактор с подсветкой синтаксиса Notepad++.

Ну очевидно, что если Notepad++ редактор с подсветкой синтаксиса, то и первая его возможность — это подсветка синтаксиса, а список языков, синтаксис которых распознает редактор Notepad++ очень огромен, как я уже говорил, Notepad++ «знает»: HTML — язык разметки гипертекста, PHP, CSS, JavaScript, MySQL (точнее SQL), C, C++, Java, C Object (если правильно помню), Python, Perl, XML и так далее список можно продолжать долго, а все языки синтаксис которых распознает Notepad++ Вы сможете увидеть если попытаетесь сохранить файл в редакторе Notepad++.

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

Выбрать же язык, синтаксис которого будет подсвечиваться в открытом документе редактора Notepad++, Вы сможете из верхнего меню Notepad++, выбрав пункт «Синтаксис».

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

Например у нас возникло желание подсветить синтаксис PHP, из большого списка выбираем букву P, а из появившегося контекстного меню уже выбираем PHP, по аналогии мы можем поступить и с CSS, HTML или JavaScript.

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

Со временем Вы уже чисто визуально сможете определить где допустили ошибку, так цветовое оформление в случае ошибки изменяется. Текст же, который Вы пишите в своих HTML документах свой цвет изменять не будет, он просто остается черным.

Так же в редакторе Notepad++ есть возможность подсвечивания отдельных блоков кода с помощью подсветки скобок вида { } [ ] ( ). Что бы подсветить отдельный блок, достаточно поставить курсор мыши между какими-либо скобками, и эти скобки подсветятся, как бы выделяя начало и конец блока HTML или PHP кода. Удобно, не правда ли, особенно тогда, когда у вас возникнет потребность вставки в HTML-страницы блоков PHP кода или же наоборот.

Настройка подсветки синтаксиса в Notepad++

Да Вы не ослышались, в Notepad++ можно настроить подсветку синтаксиса причем для каждого языка в отдельности, будь-то PHP, SQL, Язык Разметки Гипертекстов(HTML), каскадных таблиц стилей(CSS), JavaScript (все языки долго перечислять) и настроить подсветку в Notepad++ можно так как Вам будет нравится, сразу скажу, что каких-то определенных настроек в Notepad++ касаемых подсветки синтаксиса я не делал, но если Вас не устроит настройка подсветки по умолчанию, Вы ее сможете изменить. Достаточно в верхнем меню редактора Notepad++ выбрать пункт «Опции», а из появившегося меню выбираем пункт «Определение стилей».

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

Если у Вас возникнет необходимость вывести на печать HTML-документ или PHP код, сделать Вы это сможете из окна редактора Notepad++, на печать пойдет код примерно в том же виде, который Вы видите, грубо говоря если в Notepad++ включена подсветка синтаксиса — то текст, который будет напечатан сохранит все цветовое оформление исходного файла, включая и его стили. Но это так по умолчанию, в общих настройках Notepad++ мы посмотрим как это изменить.

Пробельные символы в Notepad++

В статье HTML теги, часть 1. Тэг PRE авторское форматирование, тэг BR перенос строк. Пробельные символы, я уже рассматривал вопрос о том как можно увидеть пробельные символы в Notepad++, а так же мы с Вами посмотрели, как можно изменить размеры табуляции в Notepad++.

Как говориться, повторение мать учения.  Как Вы наверное знаете, к пробельным символам относятся перенос строк, пробелы и табуляция. В Notepad++ можно увидеть все эти пробельные символы. Для того, что-бы настроить отображение пробельных символов в Notepad++, из верхнего меню программы выбираем пункт «Вид», а из появившегося меню выберем «Отображение символов»:

И теперь мы сможем выбрать, что нам будет графически показывать Notepad++. Если мы нажмем на «Пустые пробелы и табуляции» — то Notepad++ графически отобразит их в окне для редактирования «Символ конца строки» — будет графически показывать пробельный символ перенос строк.

Настройка размера табуляции в Notepad++

Размер табуляции в Notepad++ так же мы сможем настроить. В верхнем меню программы выбираем пункт «Опции» из появившегося меню выберем пункт «Настройки...»  появится окно, в меню которого нам нужен пункт «Синтаксис/табуляция»:

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

Кодировка в Notepad++

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

Что бы посмотреть, какая кодировка у открытого документа, а так же изменить кодировку документа в окне редактора Notepad++ выбираем пункт кодировка:

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

В Notepad++ Вы сможете автоматически задать кодировку, которая будет у только что созданного документа. Из верхнего меню Notepad++ выбираем пункт «Опции» затем «Настройки...» и в появившемся окне открываем вкладку "Новый

".

Тут Вы сможете определить формат вновь созданного документа(WIN, MAC, UNIX), а так же кодировку для открываемого или создаваемого документа, так же в этом окне Вы сможете задать расширение в котором будет создаваться новый документ, а так же автоматически назначить директорию, в которой будете работать(сохранять и открывать файлы).

Небольшое дополнение при работе с кодировками. На втором скрине этого раздела статьи, Вы можете видеть такие надписи, «Преобразовать в UTF 8 без BOM», «Кодировать в UTF8 без BOM». Вот о этом самом BOM я и хотел бы поговорить. Всё дело в том, что когда вы работаете с файлами сайта в обычном редакторе Windows (Блокнот и т.д.), то при сохранении его в кодировке UTF-8 происходит добавление невидимых символов (BOM), которые могут существенно подпортить Ваши нервные клетки  так эти невидимые символы могут существенно повлиять на работу Ваших скриптов (Например интерпретатор PHP может кричать, что произошла ошибка в файле, в котором ошибки и близко нет).

Поэтому если Вы хотите сохранить свои нервы и время, не работайте с кодировкой UTF-8 в стандартном блокноте Windows, а использовать для этого редактор Notepad++.

Основные настройки  PHP, HTML, JavaScript редактора Notepad++

Давайте теперь посмотри, что, где и как мы сможем настроить в редакторе Notepad++. И так все основные настройки редактора Notepad++ находятся в верхнем меню программы, пункт «Опции», а из появившегося меню выбираем пункт «Настройки...». У нас открывается окно с несколькими вкладками. Где мы можем настроить редактор так, как нам будет удобно.

Общие настройки Notepad++

И так первым пунктом нашей программы идут общие настройки редактора Notepad++:

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

Вот так выглядят мелкие значки панели инструментов Notepad++ :

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

А вот так выглядят стандартные мелкие значки панели инструментов Notepad++ :

Функционал панели инструментов Notepad++ при изменение стилей панели инструментов никак не изменяется, какой стиль значков Вам нравится, такой и выбирайте.

В общих настройках Вы сможете так же скрыть верхнее меню если Вам необходимо больше рабочего пространства, затем Вы сможете вызывать это меню путем нажатия клавиш Alt либо F10. Обратите внимание, что снизу, под рабочей областью Notepad++ идет строка состояния документа, в которой написаны: тип документа, количество символов в документе, координаты курсора, формат и кодировка документа.

В моем случае: тип документа PHP, длина документа 1879 символов, 65 строк, координаты курсора: 61 строка, 30 столбец, формат документа UNIX, кодировка ANSI. Строку состояний Вы так же сможете скрыть в Notepad++, просто поставив галочку. Последняя настройка в этом окне это -панель вкладок Notepad++. Тут думаю все просто.

Правка в Notepad++

Теперь по подробнее рассмотрим настройки правки в Notepad++:

Эти настройки отвечают за мелкие удобства при редактирование текста. В блоке настроек «Знак вставки» вы можете настроить толщину и частоту мерцания курсора в редакторе Notepad++, мелочь а приятно все-таки. В блоке настроек

«Оформление границ блока» вы сможете настроить левую границу Вашего редактора.

А именно-то, как будут отбражаться вложенные участки кода(к примеру структура HTML документа, когда главный элемент HTML, а внутри него лежат HEAD и BODY). При помощи данных настроек Вы сможете либо скрыть, либо изменить оформление границ блока, если Вас не устраивают квадратики стоящие по умолчанию(как на скрине).

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

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

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

Настройка создания нового документа в Notepad++

В Notepad++ Вы сможете задать свойства вновь созданного документа:

В блоке настроек «Формат» можно задать формат документа под различные платформы, макинтош, окна или униксы, различия будут и различия существенные, используйте Unix, даже если работаете в Windows. В блоке настроек «Кодировка» Вы сможете задать кодировку для новых документов, а можете настроить авто преобразование кодировок для открываемых документов, в случае ANSI. Так же Вы можете задать синтаксис и его подсветку для только что созданного файла(расширение при сохранение файла в этом случае будет назначено автоматически и будет совпадать с выбранным языком, но при сохранение у Вас останется возможность выбрать другой язык), справа в этом окне Вы без проблем сможете указать рабочую папку или же дать указание для Notepad++ куда сохранять файлы, что бы каждый раз не выбирать нужную директорию.

Ассоциации файлов Notepad++

В Notepad++ можно задать ассоциации расширений файлов с языками программирования, на которых эти файлы написаны:

Из левого списка выбираете группу языков программирования(языки в этом меню изначально разделены по сфере использования, а не по синтаксической схожести и подобности) а справа выбирайте расширение, которое хотите добавить в Notepad++. Таким же образом Вы сможете перетаскивать языки из группы в группу(заходим в языковую группу, выбираем нужный язык, нажимаем на ->, после чего заходим в языковую группу в которую хотим перенести формат из правого столбца выбираем взятый формат и нажимаем на <-) Настройка Синтаксиса/табуляции в Notepad++ мы с Вами рассмотрели чуть выше в этой статье, добавлю только то что в этом меню Вы сможете отключить подсветку синтаксиса ненужных Вам языков.

Настройка печати в Notepad++

Теперь давайте посмотрим, как можно настроить печать в бесплатном редакторе с синтаксической подсветкой Notepad++:

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

В Notepad++ можно задать поля или отступы для печати, причем со всех четырех сторон(сверху, снизу, слева, справа) обратите внимание, что отступы в этом случае указываются в миллиметрах. При печати документа из Notepad++ можно добавить колонтитулы, причем как сверху, так и снизу.

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

Так же в этих настройках Вы сможете указать вверху в выпадающем списке, что будет являться колонтитулом(Дата и время, название документа, название директории и т.д.)

Настройка резерва и автозавершения в Notepad++

В Notepad++ можно быстро и легко настроить резервное копирование, а именно указать папку для резервного копирования, а так же какую копию делать. Так же в Notepad++ есть автозавершение:

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

Разные настройки Notepad++

Ну что же осталось рассмотреть еще несколько дополнительных настроек, которые помогут сделать работу с Notepad++ более комфортной:

И последний пункт настроек Notepad++ — разные. Во-первых здесь можно задать, сколько Notepad++ будет запоминать файлов, которые Вы открывали и редактировали, по умолчанию он запоминает 15 файлов(как это изменить Вы знаете, жмемте по числу, затем в появившееся окно вводите своё число и подтверждаете путем нажатия Enter) .

Ну все наверное знают, что в ОС Windows между окнами можно переключаться нажимая alt+tab, а вот в Notepad++ между окнами можно переключаться нажимая ctrl+tab, причем такой способ переключения можно отключить либо сделать его односторонним.

В разных настройках Notepad++ настраивается-то, что не связано непосредственно с процессом написания Ваших PHP или JavaScript скриптов, HTML-документов и так далее, за исключением подсветки синтаксиса, здесь Вы ее сможете отключить, либо частично либо полностью.

И так в этой статье мы поговорили о бесплатном редакторе с синтаксической подсветкой Notepad++. Рассмотрели, где скачать Notepad++, процесс установки Notepad++ я не стал рассматривать, ибо он очень простой, посмотрели основные настройки Notepad++, настроили подсветку синтаксиса в Notepad++, поработали с кодировкой и форматами файлов в редакторе Notepad++. Осталось научиться только правильно и быстро работать с редактором Notepad++, в этом нам должны помочь горячие клавиши редактора Notepad++ и дополнительные функции, о которых в этой статье я не успел поговорить.