Как работать с программой notepad. Интересный нотепад. Каким образом можно быстро переносить участок кода из одного места в другое
Программа Notepad++ заслуженно считается одним из самых лучших текстовых редакторов для программистов и веб-мастеров, так как обладает огромным числом полезных для них функций. Но и для людей, занятых совсем в других сферах деятельности, возможности данного приложения могут очень пригодиться. Ввиду функционального многообразия программы, далеко не каждый пользователь умеет применять все её возможности. Давайте выясним, как пользоваться основными функциями приложения Notepad++.
Самой простой функцией программы Notepad++ является открытие текстовых файлов для прочтения и редактирования их. То есть, это те задачи, с которыми справляется обычный Блокнот.
Для того, чтобы открыть текстовый файл, достаточно из верхнего горизонтального меню перейти последовательно по пунктам «Файл» и «Открыть». В появившемся окне остается только найти нужный файл на жестком диске или съемном носителе, выбрать его, и нажать на кнопку «Открыть».
Таким образом, можно открыть сразу несколько файлов, и одновременно работать с ними в разных вкладках.
При редактировании текста, кроме обычных изменений, внесенных с помощью клавиатуры, доступно внесение правок с помощью инструментов программы. Это значительно упрощает процесс редактирования, и делает его быстрее. Например, при помощи контекстного меню, имеется возможность конвертация всех букв выделенной области из строчных в прописные, и обратно.
Используя верхнее меню, можно менять кодировку текста.
Сохранение можно производить все через тот же раздел «Файл» верхнего меню, перейдя в пункт «Сохранить», либо «Сохранить как». Также сохранить документ можно нажав на иконку в виде дискеты на панели инструментов.
Notepad++ поддерживает открытие, редактирование и сохранение документов в форматах файлов TXT, HTML, C++, CSS, Java, CS, INI и многих других.
Создание текстового файла
Можно также создать новый текстовый файл. Для этого следует в разделе «Файл» меню выбрать пункт «Новый». Так же можно создать новый документ нажатием сочетания клавиш на клавиатуре Ctrl+N.
Редактирование программного кода
Но, наиболее востребованной возможностью программы Notepad++, которая выделяет её среди других текстовых редакторов, является расширенный функционал редактирования программного кода и разметки страницы.
Благодаря специальной функции, подсвечивающей теги, в документе намного легче ориентироваться, а также искать незакрытые теги. Также имеется возможность включения функции автозакрытия тегов.
Элементы кода, временно не используемые в работе, можно свернуть одним кликом мыши.
Кроме того, в разделе «Синтаксис» основного меню можно переключать синтаксис в соответствии с редактируемым кодом.
Поиск
В программе Notepad++ имеется очень удобная возможность поиска по документу, или всем открытым документам, с расширенным функционалом. Чтобы найти какое-то слово или выражение, достаточно ввести его в строку поиска, и нажать на кнопки «Искать далее», «Найти все во всех открытых документах» или «Найти все в текущем документе».
Кроме того, перейдя во вкладку «Заменить» можно не только искать слова и выражения, но и делать их замену на другие.
Работа с регулярными выражениями
При выполнении поиска или замены, имеется возможность пользоваться функцией регулярных выражений. Данная функция позволяет производить групповую обработку различных элементов документа, используя при этом специальные метасимволы.
Для включения режима регулярных выражений, обязательно нужно установить флажок около соответствующей надписи в окне поиска.
Использование плагинов
Функционал приложения Notepad++ ещё больше расширяется путем подключения плагинов. Они способны предоставлять такие дополнительные возможности, как проверку орфографии, смену кодировки и конвертацию текста в те форматы, которые не поддерживаются обычным функционалом программы, производить автосохоранение и делать многое другое.
Подключить новые плагины можно, перейдя в Менеджер плагинов, и выбрав соответствующие дополнения. После этого следует нажать на кнопку Install.
Мы вкратце описали процесс работы в текстовом редакторе Notepad++. Конечно, это далеко не весь потенциал программы, но, остальные возможности и нюансы обращения с приложением можно узнать, только постоянно используя его на практике.
Здравствуйте уважаемые начинающие веб мастера.
В этой статье мы рассмотрим, как скачать, установить и использовать самый популярный редактор кода — Notepad++.
Так же будут некоторые дополнения с учётом последних версий редактора, а именно — как добавить браузер в меню Запуск.
Так же в этой статье рассмотрим основные моменты работы с редактором, так как все его возможности описать сразу невозможно и этому посвящён целый раздел (см. меню в конце статьи).
Итак приступим.
Notepad++ — бесплатный, очень удобный редактор, с подсветкой синтаксиса, русскоязычным интерфейсом, поддержкой всех языков программирования, и кучей других полезных примочек.
Первое, чему Вам нужно будет научиться, и что Вам, безусловно, очень понравиться делать — это написать в редакторе некоторый код, и тут же открыть результат в браузере, чтоб посмотреть, что получилось, и исправить то, что получилось не так, как Вам бы хотелось.
То есть сделать, как бы песочницу, или отладочный полигон. Хоть подобных программ и полно в интернете, но Notepad++ в этом случае вне конкуренции.
Он открывает результат кода непосредственно в браузере, что уже реалистичнее песочницы, и в нём можно применить аналитику, к примеру .
В дальнейшем, я познакомлю вас с плагинами, которые расширяют возможности редактора до таких пределов, что в общем-то не остаётся ничего невозможного.
Но не будем забегать вперёд и начнём с установки.
Как обычно набираем в поисковике «Notepad++ русский скачать бесплатно». Щёлкаем по «Поиск», и открывается столько предложений, что глаза разбегаются.
Правда сайт на английском, но с переводчиком Chrome, это большого значения не имеет.
Зато софт скачивается прямо с сайта, без всяких перенаправлений на страницы загрузок и файлообменники.
Здесь есть абсолютно весь софт редактора. На главной представлены свежие версии, а если перейти по ссылке more nevs>> , то откроются все версии от первой до последней.
Это весьма актуально из-за недавнего бума обновлений редактора и в связи с этим, зачастую его некорректной работы.
Я привык работать с версией 6.1.2. к которой никогда не было никаких нареканий, поэтому и устанавливать буду именно её, но это лично мои предпочтения, вы же можете установить свежую версию
Итак, щёлкаем по выбранной версии, после чего редактор начинает скачиваться.
В браузере 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), и посмотреть, как отобразит нашу запись браузер.
Давайте, для пробы, напишем самый большой заголовок h1.
Сохраняем написанный код, щёлкнув по третьей слева, на панели инструментов, иконке — «Сохранить».
Кстати, у каждой иконки, расположенной на панели инструментов редактора, при наведении на неё курсора, появляется название соответствующего ей инструмента, на русском языке, что исключает ошибку.
При сохранении, дискетка файла окрашивается из красного, в синий цвет, что так же всегда предостережёт Вас от ошибки.
Чтобы открыть результат, находим меню «Запуск», и выбираем в нём Ваш браузер.
Так как у меня Chrome, то и открою файл я в нём.
Ну вот, теперь можно смело экспериментировать с html кодом, и таблицами стилей (их так-же можно писать в html файле, в теге head), и сразу смотреть, что из этого получается.
Обновление
Эту главу мне приходится включить в статью уже в этом, 2019 году, так как и редактор, и ПО с момента написания статьи, пережил бум обновлений.
Мне стали приходить комменты, о том, что в меню Запуск, у новых версий редактора, нет списка браузеров, в которых можно открывать файлы.
Для меня это было как-то непонятно, ровно до тех пор, пока не купил новый ноутбук с 10-й виндой и столкнулся с такой же проблемой.
Если у вас то-же самое, то читайте решение, если нет, то пропустите эту главу.
Итак, в меню Запуск нет списка браузеров, зато есть какая-то хрень, типа Wiki и ещё чего-то, которая ничего не открывает.
Первым делом идём в Компьютер — Диск С . Нас интересуют две папки Program Files и Program Files (x86)
Открываем обе и смотрим, в какой из них установлен Nontepad++, а в какой папка Google — Chrome.
У меня они оказались в разных каталогах. Просто не пойму, с какого перепугу Microsoft установил Хром и Мозиллу в (х86). Но что есть, то есть.
Идём в Панель инструментов, в десятке она открывается по значку Поиск на панели задач, куда надо ввести команду Панель инструментов, затем Программы и компоненты и удаляем наш Notepad++.
Затем снова идём в Notepadd++ Home и выбираем версию редактора со значком (x86), на разрядность уже можно не смотреть.
Загружаем её и запускаем редактор так, как было описано выше.
В меню Запуск то-же самое, поэтому будем добавлять браузеры в ручную.
Сначала напишем что нибудь в редакторе для тестирования, после установки браузера.
Теперь смотрим, я тут немного переделал не совсем так как было, специально для вас, ну суть поймёте.
Всё лишнее можно удалить. Для этого нажимаем Изменить горячие клавиши
Откроется окно Горячих клавиш, в котором щёлкаем по строке с названием опции, она выделяется синим и жмём Delete (Удалить).
Закрываем окно, и снова в меню Запуск . В нём осталась лишь одна строка — Запуск.
Переходим по ней. Откроется окно Запуск, с просьбой ввести параметры.
Нажимаем на поисковик (квадратик с тремя точками) и находим в открывшемся поисковике на нашем компьютере нужный браузер.
То-есть снова Этот компьютер — диск С — Program Files (x86) — Google — Chrome — Application
В этом каталоге и есть исполняемый файл браузера
Двойной щелчок по нему, и путь к файлу появляется в окне Запуск редактора.
Но это только запуск браузера, а нам надо отрыть файл в этом браузере, поэтому к имеющемуся пути нужно дописать команду
$(FULL_CURRENT_PATH)
Общая запись в строке параметров окна Запуск будет такой
"C:\Program Files (x86)\Google\Chrome\Application\chrome.exe" "$(FULL_CURRENT_PATH)"
Вводим и ОК.
Теперь в окне Запуск нажимаем кнопкуЗапуск .
Результат
Можно проверить из меню Запуск — всё отлично работает.
Другие браузеры добавляются точно так-же. Следите за тем, чтоб браузер и редактор находились в одном каталоге.
Возможно на это нужно обращать внимание ещё на этапе загрузки приложения. Нужно учесть это и повнимательней относится к установке дополнительных программ на компьютер.
Скорее всего в процессе загрузки этот вопрос оговаривается в диалоговых окнах, но по привычке после семёрки, на него не обращается нужного внимания.
Продолжаем знакомство с Notepad++
Для веб-мастеров использующих для управления сайтом CMS, редактор Notepad++ тоже очень даже пригодиться, и к тому же в самом начале.
Ведь при самостоятельной установке движка, в нём придётся кодировать файл «config», а сделать кодировку можно только в этом редакторе.
А теперь давайте посмотрим что ещё есть на панели инструментов и с чем чаще всего придётся работать.
Опция Вперёд-Назад — две полукруглые стрелочки. В основном, конечно, Назад.
Например если Вы сделали ошибку, и браузер отобразил чёрте что, можно быстро сделать шаг назад, чтоб вернуть всё на место не ковыряя код, и количество таких шагов не ограничено.
Размер шага составляет один клик, так что можете, не боясь запороть весь код, экспериментировать сколько душе угодно.
Следующим замечательным свойством, здорово облегчающим написание кода, является перетаскивание. Перетащить мышкой можно любой участок кода, в любое место кода, нужно лишь выделить нужный участок, и тащи куда пожелаешь.
Очень часто, после просмотра результата, появляется желание поменять некоторые элементы местами, и вот тут перетаскивание очень упрощает процесс.
Кстати перетаскивать можно и открытые вкладки, совсем как в браузере.
Если Вы не совсем уверены в правильности написания некоторых тегов и атрибутов html, свойств и значений css, функций, операторов и других элементов php, то для подсказки можно включить авто-завершение.
При активации этой опции, стоит Вам только набрать первую букву, как Notepad предложит вам несколько готовых вариантов слова.
Включается эта опция так. В меню «Опции» выбираем «Настройки». В окне настроек выбираем вкладку «Резерв/Авто-завершение».
Затем под заголовком «Авто-завершение» ставим галочку в чекбоксе «Включать для каждого ввода».
В самом начале изучения языков программирования, эти подсказки просто палочка выручалочка. Ведь невозможно быстро выучить и запомнить все элементы кода, да ещё и правильность их написания на английском языке.
В этом же разделе можно активировать опцию «Резерв», или бекап, которая позволит сохранять написанный Вами файл, в отдельной папке на компьютере.
Для этого под заголовком «Резервное копирование», ставите точку в чекбоксе «Простое», затем галочку в «Пользовательская папка для сохранения».
После этого нажимаете на квадратик с тремя точками, и в открывшемся поисковом окне выбираете папку, в которую редактор будет сохранять все копии написанных Вами файлов.
Поиск Notepad++
Поиск редактора снабжён не только поисковыми функциями. С его помощью можно вносить множественные изменения в файле и даже сразу во всех открытых файлах.
Можно изменить любой из символов и любое слово, а так же добавить в начало и или конец строки.
Можно добавить или убрать пробелы после обозначенного символа или слова, а так же между строк.
Тема поиска довольно обширная и поэтому по ней на днях будет отдельный пост.
Если кому-то не захочется ждать, попробуйте поиграть с кнопками и символами в полях ввода во вкладке Заменить в окне Поиск (иконка Бинокль). Вас ждут удивительные открытия.
Желаю творческих успехов.
Перемена
- Мама…мамочка-а-а!
- Что сын?
- У меня под одеялом чудовище какое-то!
- Какую с клуба вчера привел, такая и есть.
Здравствуйте уважаемые начинающие веб мастера.
В этой статье мы рассмотрим, как скачать, установить и использовать самый популярный редактор кода — Notepad++.
Так же будут некоторые дополнения с учётом последних версий редактора, а именно — как добавить браузер в меню Запуск.
Так же в этой статье рассмотрим основные моменты работы с редактором, так как все его возможности описать сразу невозможно и этому посвящён целый раздел (см. меню в конце статьи).
Итак приступим.
Notepad++ — бесплатный, очень удобный редактор, с подсветкой синтаксиса, русскоязычным интерфейсом, поддержкой всех языков программирования, и кучей других полезных примочек.
Первое, чему Вам нужно будет научиться, и что Вам, безусловно, очень понравиться делать — это написать в редакторе некоторый код, и тут же открыть результат в браузере, чтоб посмотреть, что получилось, и исправить то, что получилось не так, как Вам бы хотелось.
То есть сделать, как бы песочницу, или отладочный полигон. Хоть подобных программ и полно в интернете, но Notepad++ в этом случае вне конкуренции.
Он открывает результат кода непосредственно в браузере, что уже реалистичнее песочницы, и в нём можно применить аналитику, к примеру .
В дальнейшем, я познакомлю вас с плагинами, которые расширяют возможности редактора до таких пределов, что в общем-то не остаётся ничего невозможного.
Но не будем забегать вперёд и начнём с установки.
Как обычно набираем в поисковике «Notepad++ русский скачать бесплатно». Щёлкаем по «Поиск», и открывается столько предложений, что глаза разбегаются.
Правда сайт на английском, но с переводчиком Chrome, это большого значения не имеет.
Зато софт скачивается прямо с сайта, без всяких перенаправлений на страницы загрузок и файлообменники.
Здесь есть абсолютно весь софт редактора. На главной представлены свежие версии, а если перейти по ссылке more nevs>> , то откроются все версии от первой до последней.
Это весьма актуально из-за недавнего бума обновлений редактора и в связи с этим, зачастую его некорректной работы.
Я привык работать с версией 6.1.2. к которой никогда не было никаких нареканий, поэтому и устанавливать буду именно её, но это лично мои предпочтения, вы же можете установить свежую версию
Итак, щёлкаем по выбранной версии, после чего редактор начинает скачиваться.
В браузере 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), и посмотреть, как отобразит нашу запись браузер.
Давайте, для пробы, напишем самый большой заголовок h1.
Сохраняем написанный код, щёлкнув по третьей слева, на панели инструментов, иконке — «Сохранить».
Кстати, у каждой иконки, расположенной на панели инструментов редактора, при наведении на неё курсора, появляется название соответствующего ей инструмента, на русском языке, что исключает ошибку.
При сохранении, дискетка файла окрашивается из красного, в синий цвет, что так же всегда предостережёт Вас от ошибки.
Чтобы открыть результат, находим меню «Запуск», и выбираем в нём Ваш браузер.
Так как у меня Chrome, то и открою файл я в нём.
Ну вот, теперь можно смело экспериментировать с html кодом, и таблицами стилей (их так-же можно писать в html файле, в теге head), и сразу смотреть, что из этого получается.
Обновление
Эту главу мне приходится включить в статью уже в этом, 2019 году, так как и редактор, и ПО с момента написания статьи, пережил бум обновлений.
Мне стали приходить комменты, о том, что в меню Запуск, у новых версий редактора, нет списка браузеров, в которых можно открывать файлы.
Для меня это было как-то непонятно, ровно до тех пор, пока не купил новый ноутбук с 10-й виндой и столкнулся с такой же проблемой.
Если у вас то-же самое, то читайте решение, если нет, то пропустите эту главу.
Итак, в меню Запуск нет списка браузеров, зато есть какая-то хрень, типа Wiki и ещё чего-то, которая ничего не открывает.
Первым делом идём в Компьютер — Диск С . Нас интересуют две папки Program Files и Program Files (x86)
Открываем обе и смотрим, в какой из них установлен Nontepad++, а в какой папка Google — Chrome.
У меня они оказались в разных каталогах. Просто не пойму, с какого перепугу Microsoft установил Хром и Мозиллу в (х86). Но что есть, то есть.
Идём в Панель инструментов, в десятке она открывается по значку Поиск на панели задач, куда надо ввести команду Панель инструментов, затем Программы и компоненты и удаляем наш Notepad++.
Затем снова идём в Notepadd++ Home и выбираем версию редактора со значком (x86), на разрядность уже можно не смотреть.
Загружаем её и запускаем редактор так, как было описано выше.
В меню Запуск то-же самое, поэтому будем добавлять браузеры в ручную.
Сначала напишем что нибудь в редакторе для тестирования, после установки браузера.
Теперь смотрим, я тут немного переделал не совсем так как было, специально для вас, ну суть поймёте.
Всё лишнее можно удалить. Для этого нажимаем Изменить горячие клавиши
Откроется окно Горячих клавиш, в котором щёлкаем по строке с названием опции, она выделяется синим и жмём Delete (Удалить).
Закрываем окно, и снова в меню Запуск . В нём осталась лишь одна строка — Запуск.
Переходим по ней. Откроется окно Запуск, с просьбой ввести параметры.
Нажимаем на поисковик (квадратик с тремя точками) и находим в открывшемся поисковике на нашем компьютере нужный браузер.
То-есть снова Этот компьютер — диск С — Program Files (x86) — Google — Chrome — Application
В этом каталоге и есть исполняемый файл браузера
Двойной щелчок по нему, и путь к файлу появляется в окне Запуск редактора.
Но это только запуск браузера, а нам надо отрыть файл в этом браузере, поэтому к имеющемуся пути нужно дописать команду
$(FULL_CURRENT_PATH)
Общая запись в строке параметров окна Запуск будет такой
"C:\Program Files (x86)\Google\Chrome\Application\chrome.exe" "$(FULL_CURRENT_PATH)"
Вводим и ОК.
Теперь в окне Запуск нажимаем кнопкуЗапуск .
Результат
Можно проверить из меню Запуск — всё отлично работает.
Другие браузеры добавляются точно так-же. Следите за тем, чтоб браузер и редактор находились в одном каталоге.
Возможно на это нужно обращать внимание ещё на этапе загрузки приложения. Нужно учесть это и повнимательней относится к установке дополнительных программ на компьютер.
Скорее всего в процессе загрузки этот вопрос оговаривается в диалоговых окнах, но по привычке после семёрки, на него не обращается нужного внимания.
Продолжаем знакомство с Notepad++
Для веб-мастеров использующих для управления сайтом CMS, редактор Notepad++ тоже очень даже пригодиться, и к тому же в самом начале.
Ведь при самостоятельной установке движка, в нём придётся кодировать файл «config», а сделать кодировку можно только в этом редакторе.
А теперь давайте посмотрим что ещё есть на панели инструментов и с чем чаще всего придётся работать.
Опция Вперёд-Назад — две полукруглые стрелочки. В основном, конечно, Назад.
Например если Вы сделали ошибку, и браузер отобразил чёрте что, можно быстро сделать шаг назад, чтоб вернуть всё на место не ковыряя код, и количество таких шагов не ограничено.
Размер шага составляет один клик, так что можете, не боясь запороть весь код, экспериментировать сколько душе угодно.
Следующим замечательным свойством, здорово облегчающим написание кода, является перетаскивание. Перетащить мышкой можно любой участок кода, в любое место кода, нужно лишь выделить нужный участок, и тащи куда пожелаешь.
Очень часто, после просмотра результата, появляется желание поменять некоторые элементы местами, и вот тут перетаскивание очень упрощает процесс.
Кстати перетаскивать можно и открытые вкладки, совсем как в браузере.
Если Вы не совсем уверены в правильности написания некоторых тегов и атрибутов html, свойств и значений css, функций, операторов и других элементов php, то для подсказки можно включить авто-завершение.
При активации этой опции, стоит Вам только набрать первую букву, как Notepad предложит вам несколько готовых вариантов слова.
Включается эта опция так. В меню «Опции» выбираем «Настройки». В окне настроек выбираем вкладку «Резерв/Авто-завершение».
Затем под заголовком «Авто-завершение» ставим галочку в чекбоксе «Включать для каждого ввода».
В самом начале изучения языков программирования, эти подсказки просто палочка выручалочка. Ведь невозможно быстро выучить и запомнить все элементы кода, да ещё и правильность их написания на английском языке.
В этом же разделе можно активировать опцию «Резерв», или бекап, которая позволит сохранять написанный Вами файл, в отдельной папке на компьютере.
Для этого под заголовком «Резервное копирование», ставите точку в чекбоксе «Простое», затем галочку в «Пользовательская папка для сохранения».
После этого нажимаете на квадратик с тремя точками, и в открывшемся поисковом окне выбираете папку, в которую редактор будет сохранять все копии написанных Вами файлов.
Поиск Notepad++
Поиск редактора снабжён не только поисковыми функциями. С его помощью можно вносить множественные изменения в файле и даже сразу во всех открытых файлах.
Можно изменить любой из символов и любое слово, а так же добавить в начало и или конец строки.
Можно добавить или убрать пробелы после обозначенного символа или слова, а так же между строк.
Тема поиска довольно обширная и поэтому по ней на днях будет отдельный пост.
Если кому-то не захочется ждать, попробуйте поиграть с кнопками и символами в полях ввода во вкладке Заменить в окне Поиск (иконка Бинокль). Вас ждут удивительные открытия.
Желаю творческих успехов.
Перемена
- Мама…мамочка-а-а!
- Что сын?
- У меня под одеялом чудовище какое-то!
- Какую с клуба вчера привел, такая и есть.
Здесь вы найдете полезные советы по Notepad и инструкциям пользователя наиболее часто задаваемым вопросам о программе.
Как вернуть предыдущий вариант текста, если допущена ошибка?
Возможность возврата к предыдущим вариантам реализуется с помощью полукруглых зеленых кнопок в верхнем меню, либо используя комбинации клавиш ctrl+z. Размер шага составляет всего один клик, что позволяет четко контролировать процесс редактирования. Количество же шагов не ограничено в любом из направлений. Данная функция будет особенно полезна при написании программного кода.Каким образом можно быстро переносить участок кода из одного места в другое?
Это можно делать при помощи функции перетаскивания. Для этого необходимо выделить нужный участок текста и при помощи мыши перетащить в новое место. Данная функция будет особо полезна в ситуациях, когда, к примеру, необходимо менять элемент текста местами. Кроме того, в можно перетаскивать и созданные вкладки, подобно тому, как это делается в браузере.Что такое функция «авто-завершение»?
Данная функция будет особо полезна для тех, кто только начинает изучать языки программирования. Если вы не уверены в правильности написанных тэгов или атрибутов html, элементов php или любых других участков кода – то автоматические подсказки будут весьма актуальны. Как только вы начнете набирать новое слово, программа тут же выдаст вам несколько возможных готовых вариантов. Естественно, невозможно сразу запомнить большое количество элементов кода, но благодаря Notepad ++ вы сможете избежать ошибок и сэкономить время.
Как включить функцию «авто-завершения»?
Для того чтобы включить данную функцию необходим зайти в раздел «Настройки» и выбрать подменю «Резерв\Авто-завершение». После чего, в появившемся окне отметить галочкой пункт «Включать для каждого ввода».Что такое функция «Резерв»?
Бекап поможет сохранять созданный файл с текстом в специальной отдельной папке на компьютере. Для того чтобы включит эту функцию необходимо в меню «Настройки» войти в раздел «Резервное копирование» и отметит пункт «Пользовательская папка». После чего, необходимо выбрать конкретную папку, в которую вы хотите сохранять свои файлы.
Как работает функция «Автодобавление закрывающего тега»?
Данная опция актуальная, если вы работаете с тегом div, когда под одним тэгом расположено еще несколько встроенных. В такой ситуации трудно контролировать наличие закрывающего тэга в каждой паре. Но благодаря Notepad ++ вам не придется беспокоиться об этой проблеме, программа все проконтролирует за вас.Как подключить к программе FTP соединение?
Для этого нужно найти на панели инструментов соответствующий значок подключения. Зайдя в подменю, необходимо настроить FTP-клиент, введя такие данные, как адрес хостинга, директорию и прочее. После чего значок «подключить» станет активным и будет установлено соединение.Здравствуйте, уважаемые читатели блога сайт. Сегодня мы рассмотрим один из лучших текстовых редакторов Notepad++, который обладает множеством полезных функций и является одной из самых используемых мною программ для редактирования html, css и php кода. Да и вообще этот редактор популярен среди многих программистов и разработчиков.
В статье я упомянул, что web-страницы можно создавать даже с помощью встроенного в Windows «Блокнота». Но создавать html и css файлы в блокноте это практически тоже самое, что копать яму палкой-копалкой. В блокноте, кроме возможности создавать и просматривать текстовые файлы, нет ничего.
Начав пользоваться Нотепадом для корректировки файлов с html, css, php и другими кодами, вы сэкономите себе массу времени и нервов. Поначалу, конечно же, использование этого редактора вам может показаться немного сложным. Но если вы научитесь пользоваться хотя бы основными возможностями Notepad++, то вам уже будет сложно обходиться без него.
У Нотепада есть значительные преимущества не только перед стандартным виндоувским блокнотом, но и по сравнению с другими более сложными программами для написания и редактирования различных кодов. Например, если сравнивать Notepad++ с популярной программой для верстки сайтов Dreamweaver, то у него найдется немало преимуществ. Во-первых, Notepad++ абсолютно бесплатный. А во-вторых, намного более легкий и быстрый. И вообще его можно запускать без установки в операционную систему Windows, если использовать portable версию Notepad++ , что позволит вам поместить программу на флешку и всегда носить его с собой.
Давайте теперь обо всем подробнее.
Установка редактора Notepad++, его возможности и настройка
Скачать текстовый редактор Notepad++ совершенно бесплатно можно с официального сайта по этой ссылке . В скаченный комплект входит несколько языков, включая и русский.
Установка программы в операционной системе Windows происходит совершенно стандартным способом:
- щелкаете два раза левой клавишей мышки по скаченному файлу, запустится установка;
- в открывшемся окне выбираете нужный вам язык;
- затем нажать несколько раз далее, приняв лицензионное соглашение, выбрав папку установки и устанавливаемые компоненты;
- затем нажимаете установить, ждете несколько секунд и Notepad ++ установлен.
В случае необходимости можно скачать Notepad++ Portable , который представляет из себя портативную версию данного текстового редактора, не требующую установки.
Теперь давайте пройдемся по возможностям данного текстового редактора:
1. Первое, что бросается в глаза то, что Notepad++ — это текстовый редактор с возможностью подсветки синтаксиса нескольких десятков самых популярных языков программирования включая HTML, CSS, JavaScript и PHP. Посмотреть полный список языков для которых нотепад умеет подсвечивать синтаксис и выбрать нужный язык можно в верхнем меню программы во вкладке «Синтаксис»:
Например, если установить подсветку html кода , будет примерно такая картина:
На рисунке видно, что теги выделяются синим цветом, атрибуты красным, а обычный текст черным. Это очень удобно при правке кода и поиске ошибок в нем. В случае необходимости можно настроить подсветку синтаксиса в меню «Опции» — «Определение стилей» . Откроется окно, в котором вы сможете настроить шрифт и подсветку синтаксиса для нужного вам языка:
В случае, если нужного языка нет, то можно настроить подсветку своего в том же меню «Синтаксис» есть пункт «Задать свой язык»:
В появившемся окне задаете списки ключевых слов языка и настраиваете стили их отображения. Мне всегда было достаточно тех языков, которые есть в списке, поэтому с этой функцией подробно не разбирался.
Кроме непосредственно самой подсветки для всех этих языков осуществляется разбиение кода на блоки, которые можно сворачивать и разворачивать с помощью кнопок минус и плюс соответственно. Также связь между элементами выделяется пунктиром. И если, например, установить курсор на открывающем html тэге, то синим цветом выделиться не только он, но и связанный с ним закрывающий тег:
Notepad++ также может связывать открывающие и закрывающие скобки и выделять в отдельные блоки функции. Все это очень хорошо помогает ориентироваться в коде и сильно упрощается поиск в тексте программы не закрытых скобок и тегов.
2.Часто бывает, что набивая какой-либо код, мы можем забыть как пишется тот или иной HTML тег или оператор PHP. Для решения этой проблемы в текстовом редакторе Notepad++ реализована функция всплывающих подсказок и автоматического завершения набираемого слова. Вызывается подсказка сочетанием клавиш «Ctrl+Пробел» и остается только выбрать нужный вариант из предложенного списка:
Можно включить автоматический показ всплывающих подсказок, без использования горячих клавиш. Для этого щелкнуть меню «Опции» — «Настройки» , в открывшемся окне перейти во вкладку «Автозавершение» и поставить галочку напротив «Включить при каждом вводе»:
В этом же окне можно включить автоматическую вставку закрывающих html тегов, скобок и кавычек.
3. Нотепад ++ очень легко позволяет сменить кодировку файла . Например, если необходимо установить популярную сейчас кодировку UTF-8 без BOM, то для этого достаточно в главном меню идем во вкладку «Кодировки» и щелкаем по пункту «Преобразовать в UTF-8 без BOM» и сохраняем файл:
4. Notepad++ позволяет открывать и редактировать сразу несколько файлов одновременно в отличие от стандартного блокнота. Для этого он использует закладки , подобно современным интернет браузерам. Так каждому открытому файлу соответствует своя закладка, в которой указывается имя файла и помещается изображение дискетки:
Дискетка может быть синего или красного цвета. Цвет дискеты указывает были ли сохранены изменения в файле или нет:
- синяя дискеты — файл сохранен;
- красная — изменения не сохранены.
Вкладки с открытыми файлами можно закрывать, перетаскивать и располагать в любом порядке. С помощью настроек можно сделать вертикальное отображение вкладок, либо вообще их скрыть, запретить перетаскивание и настроить закрытие вкладки двойным щелчком мыши. Все эти настройки можно найти во вкладке «Опции», кнопка «Настройки»:
Откроется окно настройки, где в разделе «Общие», в группе настроек «Панель вкладок» можно поставить или убрать нужные галочки:
Кроме того в этом редакторе есть возможность открывать сразу две копии одного и того же документа . Для этого достаточно щелкнуть правой клавишей по вкладке с нужным файлом и выбрать пункт «Дублировать в другой области»:
После этого откроется вторая закладка с этим документом:
В каждой закладке есть возможность ставить пометки или заметки. Они ускоряют перемещение по файлу и поиск важных фрагментов кода в файлах с большим количеством строк. Для создания пометки напротив нужной строки в левом поле щелчком мыши устанавливаем маркер в виде синей точки:
Теперь нажимая клавишу «F2» курсор будет перемещаться между заметками — синими маркерами.
5. Считаю нужным отметить, что в редакторе Notepad++ очень удобный текстовый поиск как в открытом файле, так и в нескольких файлах находящихся в определенной папке. Есть возможность использовать при поиске регулярные выражения, которые могут быть мощным инструментом в умелых руках. Также можно осуществлять поиск с заменой. Вместе поиск с заменой и регулярные выражения могут значительно ускорить внесение правок в текстовые документы.
Функцию поиска текста можно вызвать с помощью верхнего меню «Поиск», в котором выбирается тип поиска, либо сочетанием горячих клавиш «Ctrl+F», которое открывает соответствующее окно с настройками поиска:
В открывшемся окне выбираете закладку с нужным действием («Найти», «Заменить», «Поиск в файлах» или «Пометки») и задаете параметры.
6. Часто при работе с html файлом, возникает необходимость посмотреть как он будет выглядеть в браузере. Для этого в Notepad++ есть возможность просмотра html страницы в браузерах Internet Explorer, Firefox, Chrome и Safari. Чтобы выполнить это действие достаточно нажать кнопку «Запуск» в верхнем меню и выбрать запуск кода в нужном браузере:
Также в рассматриваемом редакторе можно выделить любой фрагмент php кода и нажать «Запуск» — «Get php help», после чего Notepad++ переадресует вас на страницу сайта http://php.net с описанием данного кода.
В этой же вкладке меню «Запуск» есть возможность осуществлять поиск выделенных фрагментов текста в поисковой системе «google» и в сетевой энциклопедии «wikipedia». Для этого выделяете фрагмент текста и нажимаете кнопочку «Google Search», либо «Wikipedia Search» и вас автоматически перекинет на страницу сайта Google или Wikipedia с результатами поиска. Правда для всех этих действий необходимо подключение к интернету.
7. При редактировании файлов Notepad ++ запоминает все сделанные вами изменения. Поэтому в любой момент вы отменить выполненное действие (сделать шаг назад ). Причем откатываться можно на сколько угодно шагов назад или вперед, поэтому можно вносить любые изменения в код без риска необратимых последствий.
Делать откаты назад и вперед можно с помощью пунктов «Отмена» и «Повтор» во вкладке «Правка» в верхнем меню, либо с помощью кнопочек в виде загнутых стрелочек на панели инструментов (если были изменения стрелки окрашиваются в зеленый цвет):
Отмену действий можно также выполнять с помощью горячих клавиш:
- CTRL + Z — шаг назад, аналог пункта «Отмена»;
- CTRL + Y — шаг вперед, аналог пункта «Повтор»;
Важным моментом является то, что Notepad++ постоянно следит за состоянием открытых в нем файлов и в случае их изменения другой программой или удаления, редактор покажет вам предупреждение о том, что файл изменен другой программой и предложит вам обновить его:
8. Расширить возможности тестового редактора Notepad++ можно с помощью различных плагинов . Некоторые устанавливаются по умолчанию, а остальные можно инсталлировать с помощью встроенного в плагин-менеджера, который вызывается из из верхнего меню вкладка «Плагины» - «Plugin Manager» - «Show Plugin Manager»:
Откроется окно «Plugin Manager» в котором в первой закладке будет список доступных плагинов. Для установки нужного плагина ставите галочку напротив него и нажать кнопку «Install».
С помощью плагинов можно сравнивать файлы, проверять грамматику, встроить FTP и вообще можно превратить обычный текстовый редактор в мощный инструмент для создания сайтов.
Подробно описать возможности плагинов я постараюсь в одной из следующих статей, поэтому не забудьте подписаться на обновления блога. До новых встреч!