Приключения кодировки или Notepad++ на страже порядка

15 марта 2013

бесплатный редактор html и php кода Notepad++Здравствуйте уважаемые читатели сайта bistroinfo.com. Так случилось, что я уже достаточно долгое время для редактирования HTML и PHP файлов пользуюсь бесплатной программой Notepad++. Но так было не всегда. Было время, когда я задавал себе вопрос: "А как ей пользоваться?" и "Какую кодировку предпочесть для редактируемого файла?"

Наверняка вы сталкивались с такой ситуацией, когда у вас на компьютере страница отображается правильно, с русскими символами, а при переносе на сервер - появляются кракозябры? У меня тоже были такие ситуации. И в сегодняшней статье мы поговорим о кодировке и о таком зверьке, как бесплатный редактор HTML и PHP кода Notepad++.логотип Notepad++

Любые буквы, которые мы видим и читаем с экрана монитора, представляют собой определенные числовые значения. И эти значения записаны в текстовый файл. А потом браузер или текстовый редактор, которые установлены на компьютере, делают преобразование из чисел в символы (цифры, буквы и др.), которые мы уже видим по всем соответствующим стандартам кодировки.

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

И именно с этой проблемой нам помогает справится Notepad++. Для этого нужно сохранить и преобразовать HTML и PHP файлы в кодировку UTF-8 (без BOM).UTF-8 (без BOM)

Мне это всегда помогает в размещении новых страниц вне сайта, т.е. в какой-то отдельной папке, например кроссворд. Вот, что было.знаки вопроса

А вот, что стало. Знаки вопроса преобразовались в русские символы. Также, если не хотите лишних проблем, то никогда не используйте обычный Блокнот для работы с подобными файлами. Если сделать сравнительный анализ продвинутого редактора Notepad++ и обычного редактора Блокнот, то можно сказать, что они отличаются, как дискета 3,5" (были когда-то такие), и лазерный диск.

В Блокноте практически ничего нет, кроме обычной возможности просмотра и создания простых текстовых файлов. Его можно сравнить со счетами, которые лет 25-30 назад применяли во многих магазинах. А когда вы начнете пользоваться Notepad++, хотя бы для небольшой корректировки HTML и PHP файлов и кодов, то у вас в руках окажутся не счеты, а современный планшет.

Бесплатный редактор HTML и PHP кода Notepad++

Для того, чтобы скачать самую последнюю версию продвинутого редактора Notepad++, перейдите на сайт разработчика ЗДЕСЬ. Программа мультиязычная, так что русский язык в ней есть. Устанавливается как обычная программа.

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

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

Одна из таких возможностей - это подсветка кода. Например, если мы установим курсор мыши на открывающий тег

, то будет подсвечена его закрывающаяся пара, тег

.подсветка кода

При такой явной подсветке-подсказке, редактор помогает нам избежать ошибок при редактировании или исправлении кода. Этот принцип подсвечивания распространяется и на все другие парные составляющие кода. Это могут быть скобки ( ), { }, [ ]. "Нотепад" поддерживает разные типы кодов. Их весь перечень можно найти в меню Синтаксис.

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

Еще одна полезная функция - это встроенный поиск как для одного, так и для нескольких открытых файлов. Можно найти какой-то элемент или заменить на совсем другой.поиск

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

При этом программа дает нам возможность предотвратить ошибки при вводе парных тегов и редактировании кода. Таким образом Notepad++ бдительно стоит на страже порядка по написанию правильного кода, что особенно полезно для новичков. Кстати именно с помощью "Нотепад плюс плюс" я создал игру НАЙДИ ОТЛИЧИЯ, которая будет сегодня во второй части поста. По продвинутому редактору здесь все, жду вас в "метро туннеля".

найди отличия

ПЕРЕД НАЧАЛОМ ИГРЫ ПРОЧТИТЕ ВНИМАТЕЛЬНО ПРАВИЛА!!! 

Надо найти семь отличий между двумя одинаковыми картинками. Все нахождения отличий проводятся только на правой картинке нажатием левой кнопки мышки в соответствующем месте. При нахождении правильных отличий будут появляться правильные буквы. А при нажатии на место, где нет отличия - будут появляться неправильные буквы, которые будут вас путать. Так что советую лишь бы где не нажимать! Чтобы сбросить появившиеся неправильные буквы - обновите страницу. И когда все семь отличий будут найдены - у вас будет семь букв. И по представленной ниже СХЕМЕ вам надо собрать из этих семи букв слово-пароль. И отгадав слово-пароль вводите его под СХЕМОЙ (маленькими буквами по русски) и получаете классный подарок! А подарком сегодня будет Видеокурс "Инфобизнес по модели Евгения Попова". Если что не понятно - прочитайте ПРАВИЛА еще раз.

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

Желаю всем удачи, и будьте осторожны при перемещении в метро (если оно есть в вашем городе).

==>>Найди отличия<<==

shema-tunnelya

==>>Ввести пароль<<==

Планирую скоро запустить одну интересность на сайте с брендовыми призами. Чтобы не пропустить это событие, подпишитесь на новые статьи. Теперь вы уже знаете, что это за зверь бесплатный редактор HTML и PHP кода Notepad++.

На этом все, до НОВЫХ ВСТРЕЧ  :-)

С уважением, Андрей Сосевич.

Интересная статья? Поделитесь ею пожалуйста с френдами:

  Рубрика: Полезности

Комментарии на блоге

5 комментариев к “Приключения кодировки или Notepad++ на страже порядка”

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

    Андрей Сосевич ответил:

    Здравствуйте, Людмила. Здесь все просто. Скопируйте с хостинга к себе на рабочий стол те файлы, в которых отображаются кракозябры. Потом откройте их в Notepad++. Нажмите в меню на Кодировки, а потом выберите пункт Преобразовать в UTF-8 без ВОМ. Потом сохраняете эти изменения и опять закачиваете на хостинг и подтверждаете замену файлов. Обязательно напишите мне, получилось или нет.

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

  3. Олег:

    Спасибо за отличную статью! Программа » Notepad++ » очень хороша, всегда пользуюсь! :)
    Успехов Вам и Удачи!

    Андрей Сосевич ответил:

    Спасибо, Олег, рад видеть!

Оставьте комментарий

В Вконтакте

В Фейсбук