Html редактор notepad


HTML редактор Notepad. Установка и настройка / webentrance.ru

Для работы с документами HTML и CSS достаточно удобно применить HTML редактор Notepad++. Можно вообще-то применить любой редактор, который поддерживает кодировку UTF-8 и таких редакторов в настоящее время довольно много, но Notepad++ обладает рядом преимуществ.

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

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

Устанавливаем HTML редактор Notepad++

Адрес официального сайта – notepad-plus-plus.org. Здесь слева имеется вкладка download, при нажатии на нее откроется страница закачки, на которой также присутствует одноименная кнопка.

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

Единственное, в окне Компоненты устанавливаемой программы нужно указать локализацию – Тип установки – Russian.

В следующем окне кликаем Далее и затем Установить.

Установка проходит достаточно быстро, оставляем флажок Запустить и нажимаем Готово.

Настройки  Notepad++

Язык можно выбрать еще при установке редактора, а если не случилось, то можно открыть вкладку Опции, перейти в Настройки и во вкладке Общие выбрать нужный язык.

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

Потому что если существующие файлы на компьютере открывать с помощью редактора Notepad++, то он соответственно будет преобразовывать их в UTF-8, что, конечно же, не нужно. Если нужно будет, то всегда можно сделать это вручную.

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

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

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

Далее можно изменить размер шрифта, Ctrl+NumLock+ увеличивают размер, соответственно, Ctrl+NumLock — – уменьшают. Рекомендуется сделать такой, чтобы глаза не уставали.

Затем переходим во вкладку Вид и устанавливаем Перенос строк. Строки при написании кода могут быть очень длинными.

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

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

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

Проверяем, как работают выбранные настройки, в частности закрытие скобок и кавычек. В остальном, настройки можно оставить по умолчанию.

В поле программы кодировка указывается в правом нижнем углу – ANSI as UTF-8. Это другое название кодировки UTF-8, без специальной метки BOM.

Соответственно, когда вы создаете новый документ, то почти всегда нужно использовать именно эту кодировку.

Во вкладке Кодировки также можно увидеть после настроек, что черный кружок стоит напротив Кодировать в UTF-8 (без BOM). Это показывает текущую кодировку документа.

Чтобы документ преобразовать в другую кодировку, нужно ее выбрать из нижней части выпадающего меню и тогда произойдет преобразование документа.

В редакторе Notepad++ есть функция, которая отсутствует во многих других редакторах, это возможность свернуть код. Это позволяет более визуально наблюдать структуру какого-то кода.

Если имеется две вкладки, то можно их окна расположить рядом. Для этого достаточно перетянуть одну вкладку в центр, появляется контекстное меню, в котором можно выбрать пункт Переместить в другую область.

Получились два открытых документа, которые можно одновременно просматривать и редактировать. Для возврата перетаскиваем вторую вкладку на первое поле или первую вкладку на второе поле.

Макросы

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

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

Сначала макрос надо включить – Макрос – Начало записи, либо при помощи кнопки на панели инструментов, затем вводим нужную запись, останавливаем ее. Сейчас запись можно удалить.

Чтобы вставить, можно нажать горячие клавиши – Shift+Ctrl+P либо Макрос – Прокрутить запись. Все, наша запись вставится в нужное место.

Сейчас макрос можно сохранить – Макрос – Сохранить запись в макросе, появляется окно, в котором можно задать ему имя, назначить сочетание клавиш.

В пункте меню Макросы появится новый пункт с именем нашего макроса, нажав на который можно запустить его выполнение.

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

Другие записи по теме:

webentrance.ru

Notepad++ — бесплатный Html Php редактор с подсветкой синтаксиса, скачать бесплатно notepad++, работа и настройка текстового редактора

Здравствуйте, уважаемые читатели Интернет помощник в сети. Сегодня я хочу поговорить о замечательном бесплатном текстовом редакторе Html и PHP Notepad++. Этот редактор является самым популярным текстовым редактором, так как обладает множеством функций и является очень понятным.

 

Как раз для полного удобства при работе с сайтом я использую браузер Mozilla Firefox, Ftp менеджер FileZilla для загрузки файлов и текстовой редактор Notepad++. И это не удивительно, что Notepad++ остается самым популярным текстовым редактором Html и Php. Можно подчеркнуть его несколько основных преимуществ:

Скачать бесплатно русифицированный Notepad++ Html и PHP редактор бесплатно. Отличия Notepad++ от других редакторов

На каждом Windows в комплекте стоит самый простейший (амебный) текстовой редактор, который с сравнением с Notepad++ также, как небо и земля. В первом нету ничего, кроме как возможность писать простейший код. Начав же работу с Notepad++, вы сразу же найдете миллион отличий.

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

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

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

Также вы можете использовать портативную версию блокнота, которую можно хранить и запускать на флешке, не устанавливая на компьютер — скачать Notepad ++ Portable. В этом случае вам достаточно распаковать архив в любое свободное место и запустить notepad++.exe.

Возможности Html и PHP редактора Notepad++

Во-первых, как я уже подметил, это подсветка синтаксиса каждого языка своим цветом, так как он поддерживает огромное число языков программирования, я ограничусь, назвав самые известные — HTML, CSS, PHP, Java Script, Perl, MySQL, C, C++, С#, Java, Pascal, Python, XML и множество других. Выбрать тип языка, синтаксис которого будет подсвечивать можно в меню программы во вкладке «Синтаксис».С помощью подсветки синтаксиса, которая очень помогает, можно проверить закрыты ли теги. В случае, если у вас пока что мало опыта, вы можете узнать наличие ошибки в коде — изменится цветовое оформление в той части кода, где допущена ошибка.

Интересно и то, что осуществляется подсветка скобок { } [ ] ( ), когда курсор мыши находится между этими скобками, то они подсвечиваются, указывая начало и конец блока Html и PHP кода.

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

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

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

Работа в текстовом редакторе Html и PHP Notepad ++

Стоит отметить, что при работе с Notepad++ вы можете изменять код, экспериментировать с ним и дополнять его, не рискуя испортить все, ведь в этом редакторе вы можете после каждой попытки вернуться назад ( отменить предыдущее действие). Для отмены действий в редакторе Notepad++, чтобы отменить предыдущий шаг используйте комбинацию клавиш Ctrl+Z, а для шага вперед ( если вы уже например вернулись назад) используйте горячие клавиши Ctrl+Y, либо же в соответствующем пункту в меню «Правка» используйте кнопки «Вернуть» / «Отменить».

Следует сказать, что в текстовом редакторе Html и PHP Notepad ++ можно сохранять и преобразовывать файлы в кодировку UTF-8 (без BOM). Например можно с легкостью преобразовать кракозябры, которые были записаны в кодировке Windows-1251, и трансформировать в русские буквы. Поэтому для правильного отображения на сайтах русских символов ( например, вставляя в какие-то части вашего движка) сохраняйте файл в кодировке UTF-8 (без BOM).

Разъясню почему надо выбирать кодировку без BOM. При работе с файлами в обычном редакторе, когда вы сохраняете файл в кодировке UTF-8, то добавляются невидимые символы (BOM), которые могут выдать ошибку и сказаться на работоспособности, если вы пишите например, PHP файл.

Поэтому, не работайте в обычном редакторе Windows с кодировкой UTF-8, а лучше используйте подходящий для этого Notepad ++. А для того, чтобы выбрать нужную вам кодировку, выберите в главном меню пункт «Кодировка» там вы найдете различные кодировки, в том числе UTF-8 (без BOM).

 

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

 

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

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

 

Примечательно, что сохранив одну часть документа — вторая обновится автоматически.

Очень удобен в этом редакторе поиск и замены слов. Даже в 30 мегабайтном документе, в котором было около 1700 слов, которые надо было заменить на другое, программа справилась за 5 секунд ( хотя и от железа это сильно зависит).

Работа с Html и PHP кодом в редакторе Notepad++

Для поиска и замены слов используйте в главном меню пункт «Поиск» — «Найти» или же клавиши Ctrl + F, где появится окно с поиском нужного слова и рядом с поиском вкладки с заменой на нужные слова, поиск в файлах и пометить слова:

 

При желании пометьте галкой пункт «Учитывать регистр», тогда слова Word и word, или WorD легко найдутся, например задав искать слово WORD.

Если же вы хотите искать слова в файлах, то все также только не забудьте указать папку, где находятся нужные вам файлы.

Очередной полезной штуковиной в текстовом редакторе Html и PHP Notepad++ — является возможность перетаскивать ярлыки файлов в окно редактора, таким образом быстро открывая файл, не заморачиваясь в поиске его пути. И также перетаскивание любого выделенного фрагмента кода в любую часть, выделив его и удерживая левой кнопкой мыши.

Теперь, как я уже раньше говорил, поговорим как избавиться от кракозябр, заменив их на нормальные буквы. Допустим мы хотим переименовать часть сайдбар «Categories» на русский язык — «Категории». Для этого:

 

Чтобы это слово перевести на русский язык откроем файл, который отвечает за эту часть, как мы знаем — это sidebar.php. Открываем его нашим текстовым редактором Html и PHP Notepad++ ( для этого предварительно, загрузив сам файл) и ищем слово «Categories», для этого нажмем комбинацию клавиш Ctrl + H — откроется окно с поиском слова и замены на ваше. Но для начала нужно заменить кодировку файла на кодировку UTF-8 без BOM, а только после этого заменяйте слова. Если же вы этого не сделаете, то можете наблюдать такую картинку ( ниже). В строку поиска напишем слово Categories, а в строку замены слово Категории и нажимаем «Искать далее», если же вы нажмете «Заменить», то заменится первое найденное слово, а если же нажмете «Заменить все» — заменятся все найденные слова на ваши.

 

Для того, чтобы перевести кодировку в главном меню выберите пункт «Кодировка» и в выпадающем меню нажмите «Преобразовать в UTF-8 без BOM»:

 

Сохраняем файл CTRL+S и получаем результат:

 

Конечно это далеко не все возможности этого редактора, но уместить их все в одной статье, думаю будет тяжело, да и не нужно. Скачайте этот редактор и убедитесь в его удобности и функциональности.

Посмотрите видео про «Бесплатный редактор HTML, CSS, PHP — Notepad++»:

Секреты работы в текстовом редакторе HTML, CSS, PHP — Notepad++:

iglous.ru

Лучший текстовый редактор с подсветкой синтаксиса кода Notepad++

Здравствуйте, читатели! Сегодня речь пойдет о лучшем текстовом редакторе с подсветкой кода — Notepad++ — это самый популярный бесплатный редактор кода. Notepad++ представляет собой швейцарский нож веб-мастера — удобный, надежный и многофункциональный.

Чем же так хорош Notepad++, что уже в начале статьи удостоился стольких лестных эпитетов:

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

А теперь обо всем по порядку.

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

Чтобы что-то установить, нужно это что-то сначала скачать. Так вот Notepad++ можно скачать с официального сайта разработчиков абсолютно бесплатно.

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

Интерфейс Notepad++

Конечно, если у вас свой сайт, то чаще всего редактировать придется файл на языках программирования php и html. Рассмотрим окно редактора с открытым в нем файлом на языке php.

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

  1. Заголовок — показывает название файла и адрес его местоположения.
  2. Главное меню — здесь скрыты все возможности редактора.
  3. Быстрые кнопки — чтобы не копаться в главном меню, самые часто используемые функции для удобства вынесены в качестве кнопок на лицевую панель редактора Notepad++.
  4. Закладки — каждый открываемый на редактирование файл отображается в своей вкладке. Это напоминает работу с браузером. Если значок дискетка в заголовке закладки красная, то последние изменения в файле не сохранены. Если синяя — значит сохранена последняя версия документа.
  5. Нумерация строк — очень полезная вещь. В большинстве случаев для ошибок указывается номер строки, в которой она содержится. С помощью нумерации строк найти ее не составит труда.
  6. Возможность свернуть часть кода. Очень полезная функция, когда код слишком разрастается. Просто сворачиваем его часть, чтобы работать было удобнее.
  7. Пунктиром соединены взаимосвязанные элементы кода — в нашем случае открывающий и закрывающий теги.
  8. Подсветка синтаксиса кода зависит от языка программирования.

Дополнительные возможности Notepad++

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

Если ранее вы работали с каким-то другим редактором кода и привыкли к его подсветке синтаксиса, то вполне можете ее перенести в текстовый редактор Notepad++. Настройка подсветки синтаксиса производится через раздел «Опции» — «Определение стилей...».

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

Последовательность действий в этом случае такая:

Сравнение документов — плагин Compare.

За функцию сравнения документов отвечает плагин Compare. Он не входит в состав Notepad++ по умолчанию, так что его придется устанавливать отдельно. Это займет совсем немного времени, заодно научитесь устанавливать новые плагины.

Переходим по следующему пути: «Плагины» — «Plagin Manager» — «Show Plagin Manager». Появляется окно менеджера плагинов. Здесь представлен список всех доступных плагинов Notepad++, упорядоченный в алфавитном порядке. Нас интересует Compare.

Ставим напротив Compare галочку и нажимаем «Install». Начнется загрузка и установка плагина, по окончанию которой notepad++ следует перезапустить. Вот и все, теперь Compare доступен в разделе «Плагины».

Сравниваться будет содержание текущего документа и того, что на соседней вкладки. Для начала сравнения следует воспользоваться пунктом «Плагины»- «Compare» — «Compare» или сочетанием клавиш Alt+D.

Для отмены сравнения используйте пункт «Claer Results» или сочетанием Ctrl+Alt+D.

Авто-завершение слов.

Данный редактор с подсветкой синтаксиса кода предоставляет функцию авто-завершение слов. Заключается она в том, что Notepad++ предлагает на выбор возможные окончания начатого слова. По умолчанию эта функция висит на горячих кнопках Ctrl+пробел, но можно ее сделать и полностью автоматической. Для этого следует зайти в раздел «Опции» — «Настройки», перейти на вкладку «Резерв/Автозавершение» и поставить галочку напротив «Включить для каждого ввода». Так же можно указать, начиная с какого символа, будут предлагаться варианта окончания слова.

В том же разделе настроек можно включить и резервное копирование файлов на всякий пожарный. Хотя лично я этим не пользуюсь.

Вставка парных тегов.

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

Для себя он даже создает отдельный пункт в главном меню — TextFX. Нам же следует включить следующую опцию: «TextFX» — «TextFX Settigs» — "Autoclose XHTML/XML .

Теперь, после ввода открывающего тега, закрывающий будет появляться автоматически. Только учтите, данная функция работает в документах с разрешениями .html и .xml, в php файле такого не будет.

Поиск и замена.

Для открытия поиска можно воспользоваться одноименным пунктом меню или сочетанием клавиш Ctr+F.

Имеется 4 вкладки и соответственно столько же функций поиска:

  1. Поиск — предназначен для поиска в текущем документе.
  2. Заменить — поиск и замена в текущем документе.
  3. Поиск/замена по файлом из заданного каталога.
  4. Поиск по пометкам.

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

Настройка кодировки.

Чаще всего необходимость менять кодировку файла связана с некорректным отображением русских букв. В этом случае в разделе «Кодировка» выбираем пункт «Кодировать в UTF-8 без BOM».

Вот так двумя щелчками мыши кодировка меняется со стандартной ANSI на UTF-8 без BOM. Не забудьте сохранить файл после внесенных изменений.

Light Explorer — удобный каталог файлов

Вот еще один замечательный легкий плагин — Light Explorer. Устанавливается стандартно, через встроенный Менеджер Плагинов. Позволяет сочетаем клавиш Alt+A открыть в колонке слева дерево каталог вашего компьютера.

Помогает очень быстро находить на компьютере и открывать на редактирование нужные файлы.

Встроенный ftp клиент — плагин NppFTP.

В Notepad++ по умолчанию доступен плагин NppFTP, который выполняет функцию ftp клиента. Это позволяет работать с файлами на сервере, не прибегая к помощи сторонних ftp клиентов. Экономит драгоценное время. Хотя я все-таки предпочитаю использовать FaleZilla.

Для включения ftp клиента можно воспользоваться кнопкой «Show NppFTP Window». Появится колонка справа.

Заходим в настройки профиля (Profile Settings).

В появившемся окне нажимаем «Add new» и вводим название нового профиля. Далее этот профиль следует настроить.

Вводим следующие данные:

Все эти данные должны быть выданы вам хостом. После этого нажимаем «Close».

Теперь можно подключаться к нашему ftp и работать с фалами на нем.

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

На этом все. Спасибо за внимание! Берегите себя!

Лучший способ выразить благодарность автору - поделиться с друзьями!

Узнавайте о появлении нового материала первым! Подпишитесь на обновления по email:

Следите за обновлениями в Twitter и RSS.

fairheart.ru

Web-редакторы. Notepad++.

Когда я начинаю рассказывать своим ученикам о создании сайтов, я говорю, что для их разработки существует много различных программ, но достаточно самого простого текстового редактора. И, действительно, первые учебные сайты пишутся в программе Блокнот. Но, постепенно, по мере изучения языка HTML и знакомства с технологией CSS возникает необходимость в использовании более удобных и более продвинутых средств для написания и обработки кода.

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

Все web-редакторы можно разделить на две группы:

Текстовые редакторы. В них редактируется непосредственно код, написанный на каком-либо языке. При создании сайтов это языки HTML, CSS, PHP  и некоторые другие. Для работы в таких программах необходимо знание соответствующего языка и умение представить результат работы кода. С другой стороны, использование этих редакторов новичками позволит им глубоко разобраться во всех тонкостях сайтостроения. Поэтому я рекомендую при изучении сайтостроения начинать с использования простых текстовых редакторов, таких как Блокнот, Notepad++, а только потом, после изучения языков HTML, CSS осваивать сложные многофункциональные программы как, например, Adobe Dreamweaver.

WYSIWYG  редакторы. (What You See Is What You Get — что видишь, то и получаешь). Эти программы представляют на экране результат работы кода в графическом виде. То есть, если вы разрабатываете сайт, вы видите его в окне редактора так, как он будет отображаться в браузере. Для работы в таких редакторах не обязательно знать языки HTML, CSS и т. д. Вы работаете с визуальными объектами, а программа сама создает код. Конечно, такие редакторы удобнее для пользователя, но и у них есть определенные недостатки.

Notepad++

Notepad++ – первая программа, которую  следует освоить  начинающему создателю сайтов после Блокнота. Ее часто рассматривают как замену стандартному Блокноту. На самом деле, это текстовый редактор с очень большим количеством полезных функций. Обратим внимание только на те, которые полезны для верстки web-страниц.

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

Окно программы Notepad++

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

Данная программа создана для программистов и поэтому поддерживает множество языков. Кстати, при открытии файла язык определяется автоматически.

Поддерживаемые языки

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

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

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

С помощью знаков + и – можно сворачивать и разворачивать отдельные блоки кода, что позволяет оставить на экране только те участки, с которыми идет работа.

В редакторе можно настроить автоматическое завершение набираемого слова. Это ускоряет работу и уменьшает вероятность появления ошибок.

Автозавершение

При работе с большим количеством файлов весьма удобна функция поиска и замены в группе файлов.

С помощью Notepad++ можно сравнить два варианта файлов.

При нажатой клавише «Ctrl» вращением колесика мыши изменяется масштаб открытых документов.

Программа позволяет записывать и выполнять макросы.

Кроме этих и многих других функций, Notepad++ имеет и систему плагинов, которые увеличивают возможности редактора. Таким образом, Notepad++ не просто замена Блокнота, а программа гораздо более высокого уровня. Поэтому веб-разработчики широко используют ее в качестве веб-редактора. Конечно, есть у нее и недостатки, например, отсутствие визуального отображения создаваемой веб-страницы, но Notepad++ редактор кода, и для этой цели он подходит очень хорошо. В следующей статье мы рассмотрим еще один веб-редактор, удобный для создания сайтов – phpDesigner. а пока посмотрите еще несколько зимних фотографий.

    

    

  

Если вас заинтересовала статья, или вам есть, что добавить, оставьте комментарий.

Проголосуйте за статью, нажмите кнопку социальной сети.

Загрузка...

kviter.ru

Notepad++ инструкция.

Здравствуйте уважаемые начинающие веб мастера.

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

В интернете предлагается много подобных программ. Это и различные фотошопы, и программа Dreamweaver и ещё много различных редакторов.

В этой статье мы рассмотрим, как скачать и установить самый популярный редактор кода — Notepad++.

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

Итак приступим.

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

Чтобы кого нибудь сразу не испугать, ведь раз необходима такая программа, то всю её нужно будет изучать, сразу, в двух словах, поясню, что всю её изучать Вам возможно и не придётся.

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

То есть сделать, как бы песочницу, или отладочный полигон. Хоть подобных программ и полно в интернете, но Notepad++ в этом случае вне конкуренции.

Он открывает результат кода непосредственно в браузере, что уже реалистичнее песочницы, и в нём можно применить аналитику, к примеру Веб инспектор.

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

Но не будем забегать вперёд и начнём с установки.

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

Поискав немного, я выбрал ссылку с адресом «Softoland.ru/notepad-plus-plus.html». Можно просто скопировать этот адрес без кавычек, и вставить в поле поиска поисковика.

Оказавшись на этом сайте, щёлкаем по красной полоске со ссылкой «Скачать».

Откроется несколько вариантов скачивания. Выбираем «Перейти на страницу загрузок».

Здесь Вам предложат несколько версий редактора. Выбрать лучше полную, с установщиком, то есть первую сверху.

В IE, в строке загрузки (внизу экрана) выбрать «Выполнить». А в браузере Chrome, в появившемся окне загрузок, нужно выбрать «Сохранить», и на иконке загрузок, в нижнем левом углу экрана, щёлкнуть по треугольнику справа, и в открывшемся меню выбрать «Открыть по завершении».

Затем появится окно контроля учётных записей. Нажмите «Да».

В следующем окне выбирается язык интерфейса редактора. По умолчанию там уже стоит «Русский», так что просто жмём «ОК». После этого Вас поприветствует мастер установки, которому нужно дать команду «Далее».

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

После этого указывается папка, в которую устанавливается редактор, обычно это Program Files, нажимаем «Далее».

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

Здесь нужно указать где, и какие ярлыки будут созданы. Можно тоже ничего не менять, и просто нажать «Установить»

Произойдёт установка, и вновь откроется окно мастера установки, в котором нужно дать команду «Готово».

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

Если иконка редактора не появилась на панели задач, то нужно зайти в меню «Пуск» (первый символ внизу экрана), найти там строчку «Notepad++», щёлкнуть по ней, и в открывшемся подменю, щёлкнуть правой клавишей по строке с иконкой Notepad++(блокнот с карандашом), откроется ещё одно меню, в котором нужно выбрать «Закрепить на панели задач».

На панель задач её нужно поместить потому, что в дальнейшем пользоваться им придется очень часто, а с панели задач открывать редактор можно одним кликом.

Редактор Notepad++ установлен. Теперь начинается самое интересное.

Руководство по применению

Руководство займёт целый раздел, так как в одной статье невозможно описать все возможности Notepad++.

Так что здесь начнём, а уж продолжение смотрите в меню в конце статьи.

Даже не знаю пока, сколько в нём будет пунктов, так как плагинов у редактора уже порядка пятидесяти, а ведь есть ещё горизонтальное меню и панель инструментов.

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

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

Для этого нужно будет сделать некоторые приготовления на Вашем компьютере. Они совсем не сложные, и делаются один раз.

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

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

А так как по умолчанию он в Вашей ОС, конечно же, не предусмотрен, то нам нужно его создать, вернее создать место (папку), в которую мы сохраним, написанный в Notepad файл. А уж браузер его там увидит, и выведет на экран.

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

Заходим в библиотеку «Документы» (Пуск — Компьютер — Документы), и щёлкнув по полю с файлами правой клавишей, выбираем, в открывшемся меню, «Создать».

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

Нажимаем клавишу «Bachspace», строка «Новая папка» очищается, и пишем вместо неё название «site». Напоследок щёлкаем по пустому полю — папка «site» сохранена.

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

Если Вы планируете создавать и открывать php файлы, то директория сайта создаётся намного по другому, так как для скриптов потребуется интерпретатор, функции которого может выполнить Денвер.

Теперь открываем редактор, щёлкнув по его иконке, и попадаем на главную страницу Notepad++.

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

.

Следующим шагом находим меню «Кодировки», в той же верхней строке, и щёлкнув по нему, выбираем UFT8(без BOM). Эта кодировка предназначена для правильного отображение русских букв.

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

Файл — это html документ, и чтобы не тратить время на написание его каркаса, предлагаю зайти в главу Каркас страницы , скопировать приведённый в начале статьи код, и вставить его в nev1.

Кстати, в той же статье можно узнать, из чего состоит каркас html документа. Пригодится.

Теперь щёлкаем по меню «Файл» (верхняя строка), выбираем «Сохранить как…», и в открывшемся поисковом окне проводника, находим созданную нами папку «site».

Открываем её (откроется пустое поле), и внизу к названию файла nev1, приписываем расширение, в котором мы будем создавать документ.

Это могут быть nev1.html, или nev 1.css, или nev 1.php. Можно вообще убрать nev 1 и сразу писать index.html, index.php или style.css и «Сохранить».

Кстати, редактор поддерживает все имеющиеся в природе расширения.

После этого наш файл в редакторе приобретёт вот такой симпатичный вид.

Теперь можно попробовать что либо написать в теле документа (тег body), и посмотреть, как отобразит нашу запись браузер.

Давайте, для пробы, напишем самый большой заголовок h2.

Сохраняем написанный код, щёлкнув по третьей слева, на панели инструментов, иконке — «Сохранить».

Кстати, у каждой иконки, расположенной на панели инструментов редактора, при наведении на неё курсора, появляется название соответствующего ей инструмента, на русском языке, что исключает ошибку.

При сохранении, дискетка файла окрашивается из красного, в синий цвет, что так же всегда предостережёт Вас от ошибки.

Чтобы открыть результат, находим меню «Запуск», и выбираем в нём Ваш браузер.

Так как у меня Chrome, то и открою файл я в нём.

Ну Вот теперь можно смело экспериментировать с html кодом, и таблицами стилей (их так-же можно писать в html файле, в теге head), и сразу смотреть, что из этого получается.

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

Ведь при самостоятельной установке движка, в нём придётся кодировать файл «config», а сделать кодировку можно только в этом редакторе.

А теперь давайте посмотрим что ещё есть на панели инструментов и с чем чаще всего придётся работать.

Опция Вперёд-Назад — две полукруглые стрелочки. В основном, конечно, Назад.

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

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

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

Очень часто, после просмотра результата, появляется желание поменять некоторые элементы местами, и вот тут перетаскивание очень упрощает процесс.

Кстати перетаскивать можно и открытые вкладки, совсем как в браузере.

Если Вы не совсем уверены в правильности написания некоторых тегов и атрибутов html, свойств и значений css, функций, операторов и других элементов php, то для подсказки можно включить авто-завершение.

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

Включается эта опция так. В меню «Опции» выбираем «Настройки». В окне настроек выбираем вкладку «Резерв/Авто-завершение».

Затем под заголовком «Авто-завершение» ставим галочку в чекбоксе «Включать для каждого ввода».

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

В этом же разделе можно активировать опцию «Резерв», или бекап, которая позволит сохранять написанный Вами файл, в отдельной папке на компьютере.

Для этого под заголовком «Резервное копирование», ставите точку в чекбоксе «Простое», затем галочку в «Пользовательская папка для сохранения».

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

Поиск Notepad++

Поиск редактора снабжён не только поисковыми функциями. С его помощью можно вносить множественные изменения в файле и даже сразу во всех открытых файлах.

Можно изменить любой из символов и любое слово, а так же добавить в начало и или конец строки.

Можно добавить или убрать пробелы после обозначенного символа или слова, а так же между строк.

Тема поиска довольно обширная и поэтому по ней на днях будет отдельный пост.

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

Желаю творческих успехов.

Перемена

— Мама…мамочка-а-а!— Что сын?— У меня под одеялом чудовище какое-то!— Какую с клуба вчера привел, такая и есть.

 

starper55plys.ru

Кодировка Wordpress (проблемы). Кодировка UTF-8 (без BOOM). Notepad++

Здравствуйте, уважаемые читатели моего блога!

В этой статье я хочу Вам рассказать о замечательной бесплатной программе Notepad++, которую я использую для редактирования файлов (HTML, PHP и текста) WordPress блога. Как пользоваться Notepad++? Какую кодировку использовать для WordPress блога? Какие проблемы могут возникнуть при использовании неправильной кодировки WordPress? На эти и другие вопросы Вы найдете ответы из этой статьи.

Перед тем как перейти к текстовому редактору notepad++, расскажу Вам о кодировках текса.

Кодировка WordPress. Что такое UTF-8?

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

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

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

Чтобы избежать появления кракозябр при использовании различных кодировок, была придумана универсальная кодировка, которая содержала максимальное число символов. Эта кодировка носит название Юникод (Unicode).

На сегодняшний день самой совершенной и оптимальной из всех кодировок Юникод является UTF-8, вот пример этой кодировки:

Почему UTF-8 без BOOM? Какие проблемы могут возникнуть при использовании неправильной кодировки?

В процессе развития кодировок UTF к ним добавили возможность записи символов, как в прямой последовательности (например, C2AD), так и в обратной последовательности (ADC2). Для того чтобы программы знали, в какой последовательности считывать код, был изобретен BOOM (Byte Order Mark). Эта сигнатура добавляла в начало документов три дополнительных байта.

В кодировке UTF-8 BOOM предусмотрено не было, из-за чего некоторые программы не могли нормально читать кодировку Юникод, в результате чего на экране отображались кракозябры (нечитаемые символы).

Именно поэтому, в целях корректного отображения текста и других символов, на блоге WordPress необходимо использовать кодировку UTF-8 (без BOOM).

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

При редактировании текста и кода (например, в файлах шаблона WordPress) кодировка задается в программе, на которой происходит редактирование. Если Мы выполняем все действия по редактированию кодов и текста прямиком в административной панели блога, то ничего страшного не произойдет, так как все файлы будут сохраняться в кодировке, которая используется на блоге, в нашем случае — это UTF-8 (без BOOM).

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

Если Вы производите редактирование файлов шаблона блога, то Вам необходимо сохранять их именно в кодировке UTF-8 (без BOOM).

Сделать это стандартными средствами Windows, к сожалению, невозможно. Тот же блокнот при сохранении добавляет сигнатуру BOOM к сохраняемым файлам, вследствие чего на сервере могут возникнуть проблемы, которые могут привести к появлению кракозябр и иным неприятным последствиям.

Поэтому никогда не используйте для работы с файлами блога блокнот и подобные программы, если не хотите проблем.

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

Рекомендую Вам также посмотреть видео: «Дополнение по кодировкам utf-8»

Где скачать программу Notepad++? Функции и возможности notepad++ при редактировании HTML, PHP и другого кода.

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

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

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

Установка программы очень проста, сложностей никаких возникнуть не должно.

Вот так выглядит окно программы:

При необходимости Вы можете скачать портативную версию текстового редактора — portable notepad++ , позволяющую редактировать php, html и другой код, без необходимости установки на персональный компьютер.

Теперь давайте поговорим о возможностях текстового редактора notepad++.

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

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

Таким образом, редактор notepad++ позволит Вам избежать ошибок при редактировании кода, или исправлять их.

По такому же принципу подсвечиваются и все остальные парные элементы кода. Например, скобки — {} и [].

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

Хотелось бы отметить, что текстовый редактор notepad++ поддерживает огромное количество типов кода (стилей подсветки). Перечислять я их все не буду, отмечу лишь наиболее распространенные: php, css, sql, xml, Java Script, C, C++, С#, Java и другие.

Функции и возможности notepad++ при редактировании HTML, PHP и другого кода

Следующей, на мой взгляд, очень полезной функцией текстового редактора notepad++ является возможность отмены ранее совершенных изменений php, html и другого кода.

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

Естественно, любое действие в текстовом редакторе notepad++ можно совершить при помощи горячих клавиш, которые можно посмотреть и отредактировать во вкладке меню «Опции» пункт «Горячие клавиши…»

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

Кстати, эту функцию (автоматическое завершение слов) можно настроить на полностью автоматический режим, тогда Вам не придется каждый раз нажимать клавиши Alt+пробел, и программа сама будет предлагать варианты. Делается это во вкладке «Опции», пункт «Настройки», вкладка «Резерв/Автодополнение», здесь нужно отметить галочкой строку «Включить для каждого ввода».

Дополнительно можно отметить пункт «Подсказки при вводе параметров функций».

Очень много полезных функций текстового редактора notepad++ можно активировать во вкладке «TexFX». Например, показанная на скриншоте экрана функция «Autoclose XHTML/XML» позволяет автоматически закрывать парные тэги при их вводе, предотвращая тем самым появление ошибок, возникающих из-за незакрытых парных тэгов при редактировании и написании кода.

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

Ну и в заключение своего поста не могу не напомнить о замечательной возможности преобразования и сохранения текста в кодировке UTF-8 без BOOM, которая поможет Вам избавиться от последствий добавления этой сигнатуры.

Также, notepad++ Вы можете назначить редактором текстовых файлов в программе FileZilla (читать статью: «FTP-клиент filezilla. Как настроить и как пользоваться FileZilla?») и производить удаленное редактирование файлов WordPress, прямо на сервере Вашего хостинга.

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

«Бесплатный редактор HTML, CSS, PHP: Notepad++»

«Секреты работы в Notepad++»

На этом у меня все. Как Вам статья?

Рекомендую Вам прочитать мои посты:

— программы для вебмастера;

— как сделать скриншот экрана?

— как отправить бесплатное СМС?

— как качать с торрентов?

Чтобы не пропустить выход новых постов, рекомендую Вам подписаться на обновления моего блога!

С уважением, Александр Бобрин

asbseo.ru

Notepad plus plus. Бесплатный текстовый редактор!

Всем доброго времени суток!

В сегодняшнем посте речь пойдет о бесплатном текстовом редакторе notepad plus plus (notepad++). Всем вам наверняка когда-то приходилось пользоваться стандартным блокнотом от windows? Обычно его используют для сохранения паролей, различных напоминаний, простых текстов и т.д.

Но это все, на что способен текстовый редактор «Блокнот». А тем ребятам, кто самостоятельно ведет свои блоги, часто приходится сталкиваться с редактированием различных файлов в формате html или php (файлы темы блога). Конечно, это можно сделать и при помощи обычного блокнота, но после того, как вы познакомитесь с notepad plus plus, блокнот для вас станет прошлым веком. В этой статье я покажу вам все удобства и преимущества бесплатного текстового редактора notepad++.

Итак, что же такого сверхъестественного в редакторе notepad? Сразу скажу, каждую функцию редактора я рассматривать не буду, так как некоторые функции носят профессиональный характер. В статье мы рассмотрим часто используемые в повседневной жизни блоггера моменты, которые заметно облегчают жизнь веб мастерам.

Notepad plus plus

Как я уже сказал, программа распространяется абсолютно бесплатно, за что огромное спасибо ее разработчикам. Скачать ее можно на официальной странице. Просто нажмите «Download» для скачивания последней версии редактора:

И вот здесь, первое преимущество редактора, notepad++ имеет огромное множество языков установки. Нас, конечно же, интересует русский:

Далее идет стандартная установка программы. Единственное, когда дойдете до окошка (ниже на скриншоте), обратите внимание, чтобы были установлены галочки напротив каждого пункта. Дальше, жмем «Далее >»:

В следующем окошке установите галочки напротив двух верхних пунктов. Галочка в первом пункте позволит вам установить профиль, во втором, даст возможность подгружать плагины из папки с плагинами. Жмем установить, на этом установка завершена:

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

Теперь, как и обещал, предлагаю рассмотреть более подробно основные преимущества бесплатного текстового редактора notepad++ над обычным текстовым редактором от windows «Блокнот».

1. Самое, пожалуй, важное преимущество — это синтаксис (подсветка) кода. Notepad++ понимает множество языков программирования (html, php, css, java и т.д.). Эту особенность также можно отнести к преимуществам текстового редактора. Каждый веб мастер, кто ведет свой персональный блог, частенько сталкивается с ситуацией, когда приходится редактировать файлы темы блога.

У большинства кодов, написанных на языке программирования, имеется парный тег, например <div></div>. При помощи подсветки кода всегда можно найти его начало и конец. Для того, чтобы подсветить код, вам достаточно будет щелкнуть по одному из тегов левой кнопкой мышки и он изменит цвет и покажет вам его пару:

Подсветка так же поможет вам не допустить ошибок в кодах. А очень распространенной ошибкой является, когда веб мастер забывает закрыть парный тег «/» или просто допускает ошибку в его написании.

2. Следующим важным преимуществом является то, что текстовый редактор позволяет сохранить и преобразовать html и php файлы в кодировку UTF-8 (без BOM). Для начинающих веб мастеров немного поясню по этому пункту. Кодировка UTF-8 является самой распространенной и используемой кодировкой юникода. Юникод — это стандарт кодирования символов, который позволяет представить знаки всех письменных языков.

Дальше лезть в дебри мы не будем, а пройдемся по существу. Дело в том, что движок wordpress работает в стандартной кодировке UTF-8. И если для редактирования файлов вы пользуетесь обычным блокнотом от windows, то при сохранении файлов даже в кодировке UTF-8, он добавляет к ним невидимые символы, которые и называются BOM. И в дальнейшем, эти невидимые символы, вместо нужного нам текста выдают непонятные иероглифы.

Notepad plus plus поможет вам избежать данную проблему, преобразовав файлы в кодировку UTF-8 (без BOM). При редактировании файлов и последующем их сохранении следите, чтобы файл был сохранен в кодировке UTF-8 (без BOM). Также можно преобразовать файл в данную кодировку, если файл имеет отличную от нашей кодировку.

3. Еще одним преимуществом текстового редактора notepad++ является наличие поиска. Иногда случается такое, что вам необходимо отыскать какой-либо участок кода. Но как это сделать? Внимательно просматривать каждый файл в отдельности? Да так можно просидеть весь день, а под конец дня в глазах будет рябить от символов! Но с notepad++ можно сделать все намного проще.

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

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

4. Следующее преимущество — это всплывающие подсказки. Все, наверное, давным-давно заметили широко используемую и очень удобную примочку поисковых систем, а именно, при вводе фразы для поиска, не успев завершить ее ввод, нам выдается несколько вариантов на выбор, что очень удобно.

Бесплатный текстовый редактор notepad plus plus имеет похожую функцию. Особенно данная функция помогает, когда приходится вводить символы на английском языке, т.к не всегда можно быть уверенным в правильности их ввода:

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

Для отображения одного и того же документа в разных вкладках достаточно перетащить вкладку в середину текстового редактора левой кнопкой мыши и нажать «Дублировать в Другом Окне»:

6. И еще ряд небольших преимуществ, которые я просто перечислю, не останавливаясь на каждом подробно:

Это, пожалуй, основные преимущества notepad++. Может быть, я что-то и упустил, но после того, как вы начнете пользоваться данным текстовым редактором, каждый для себя найдет еще ряд преимуществ, которых на самом деле очень много у этой программы. А сейчас давайте я вам покажу ряд удобных функций, которые реализуются при помощи подключаемых плагинов.

Плагины notepad plus plus

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

1. Плагин compare

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

Для того, что бы его подключить, пройдите по следующему пути: «Плагины/Plugen Manager/Show Plugen Manager/Compare/Instal»:

Аналогично подключаются и остальные плагины, не установленные в редакторе по умолчанию. Дальше нажимаем «Да»:

После этого можно использовать плагин. Для сравнения документов открываем два файла в notepad plus plus и переходим «Плагины/Compare/Compare» или воспользуйтесь горячими клавишами «Alt+D»:

2. Плагин NppExport

Позволяет экспортировать любой файл в HTML — формат. После чего просмотр кода будет доступен в любом браузере. Делается все так же просто. Переходим в плагины/NppExport/Export to HTML и сохраняем файл у себя на ПК.

3. Плагин NppNetNote

Иногда может быть очень даже полезным плагином. С помощью него вы сможет дать возможность подключиться другому пользователю по удаленному доступу к вашему файлу. Дальше он вам сможет помочь в его редактировании.

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

Награждение победителей кроссворда на blogiseo.ru №6

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

Победители кроссворда на blogiseo.ru №6:1 место — Михаил (pizza-gotova.com) — 150 рублей2 место — Александр (vedrogaek.ru) — 100 рублей3 место — Дмитрий ([email protected]) — 50 рублей

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

С уважением, Николай Коротков

blogiseo.ru


Смотрите также