Текстовый редактор Notepad++

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

 

Кто-то пользуется ftp-загрузчиками такими как FileZilla и другие. Я использую для этих целей мой любимый Notepad++.

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

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

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

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

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

Для подключения возможности использования ftp соединения кликните по значку Show Npp FTP Window (крайний справа).

Откроется дополнительное окно справа.

 

Слева рабочая область Notepad++.

 Рабочая область Notepade++

Вкладка «Файл»:

— «новый» — создание нового документа;

— «сохранить как» — сохраняет проект в различных расширениях.

Вкладка «Правка»:

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

— «отмена» — (назад) отменяет последнее действие (или несколько). Клавиши Ctrl + Z

— «повтор» — (вперед) повторяет отмененное действие (или несколько) 

— «копировать» — Ctrl + C

— «вырезать» — Ctrl + X

— «вставить» — Ctrl + V

— «выделить все» — Ctrl + A

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

Вкладка «Поиск» — кроме обычного назначения, очень часто ее использую для поиска атрибутов или селекторов в html коде и таблице стилей css. Удобно убирать лишние пробелы в тексте и коде путем замены двух пробелов на один.

Вкладка «Кодировки» — работа с кодировками.

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

 

Теперь приступим к самому интересному – подключение Notepad++ к хостингу.

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

Для начала, настроим само подключение один раз, и впоследствии будем только просто подключаться к хостингу. Для этого нажимаем вкладку «Settings» и выбираем «Profile settings».

Profile-setting-notepad

Создаем новое подключение «Add new» и пишем его название так, как удобно для Вас называть это подключение «мо сайт» или «хостинг» или любое другое. Я делаю по названию сайта.

 Новое подключение Notepade

Теперь необходимо заполнить регистрационные данные:

Вкладка «Connection»:

hostname – имя хостинга, цифровое значение, на хостинге TimeWeb оно тут:

Вводим имя хостинга hostname

Username – логин от хостинга, Password – пароль.

Timeout – время простоя до сброса соединения (в секундах). По умолчанию 30.

«Initial remote directory» — та директория сайта, которая будет открываться по Вашему желанию. Значение / будет открывать  директорию с папками всех сайтов. Например, /domobisnes.ru/ будет сразу открывать эту директорию. И так далее.

 Подключение Notepad++

После введения регистрационных данных жмем «Close».

Соединение и разъединение с хостингом производится путем нажатия кнопки «(Dis)Connect». После соединения, Вы оказываетесь в директории, которую ранее установили сами  в пункте «Initial remote directory».

 Соединение Notepad с хостингом

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

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

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

 zagruzka

 

Об успешном соединении или загрузке файла (например, изображение) свидетельствует строка с указанием процентов завершенной операции. (1-100%), расположенная в другом окне под окном с каталогами. По достижении 100% и после того как строка исчезнет, операция считается успешно завершенной.

 строка состояния загрузки

Ход загрузки можно отслеживать в окне под рабочей областью. Операция считается полностью завершенной после появления строки «Directory send OK.».

 ход загрузки данных

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

 «Create new directory» — создает новую директорию (папку) на хостинге.

«Create new file» — создает новый файл в текущей директории. При создании необходимо указать его расширение: .html, .css, .php и др.

«Rename Directory» переименовать директорию (папку).

«Delete Directory» удалить директорию (папку).

«Upload current file here» — сохранить в текущую директорию (папку) открытый в данный момент в рабочей области файл.

«Upload other file here» — загрузить файл в текущую директорию (папку) с компьютера.

«Refrech»  — обновить директорию (папку).

 

Теперь разберем короткое всплывающее меню для файлов.

 

«Download file» — открыть файл

«Save file as..» — сохранить файл как…

«Rename file» — переименовать файл

«Delete file» — удалить файл

 

На этом с элементами управления все)).

 

Теперь пару слов о самой работе с файлами.

 

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

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

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

 Рабочая область

Двойным нажатием мышки можно выделить все теги одного вида на странице.

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

 Удобство разметки

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

Видео-курс Е. Попова
Удачи вам! До скорых встреч на страницах блога VyacheslavDanilov.ru


Вам также понравится...

Смотри и удивляйся:
Десерт

*посмотреть еще ролик можно обновив страницу в браузере

8 комментариев

  1. Татьяна Иванова:

    Спасибо, Слава!
    Этим блокнотом пользуюсь давно, но как-то даже не рассматривала его с точки зрения ftp доступа к моим сайтам.. Уже сделала настройки, проверяю как работается )))) Если понравится, буду пользоваться!

  2. gfgf:

    редактор Notepad (без Е в конце)

  3. Валерий:

    Подскажите пожалуйста — какую версию Notepad++ лучше скачать начинающему пользователю?

  4. Владимир:

    У меня есть шаблон сайта-воронки.Как мне его отредактировать и подключить в Интернет?

  5. Дима:

    Спасибо большое помогло

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *