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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

1

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

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

2

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

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

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

3.

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

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

5

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

4

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

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

6

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

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

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

7

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

8

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

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

9

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

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

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

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

10

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

11

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

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

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

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

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

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

12

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

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

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

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

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

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

13

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

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

14

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

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

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

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

Поиск Notepad++

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

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

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

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

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

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

Неужели не осталось вопросов? Спросить


Перекур

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

 

Запись опубликована в рубрике Новости. Добавьте в закладки постоянную ссылку.

119 комментариев на «Notepad++ инструкция»

  1. stariс говорит:

    Если тех поддержка не в силах помочь, то удаляйте страницу, перекодируйте её в Notepad++ на UFT — 8 (Без БОМ) и загрузите по новой.

    На Бегете достаточно было-бы позвонить в тех. поддержку.

  2. Елена говорит:

    Здравствуйте. Пожалуйста, помогите в следующей ситуации:
    Страница сайта создана в Notepad++. Через Кодировки — Кириллица — Windows- 1251 установлена кодировка.
    В самой странице указано следующее:

    Школа танцев

    На хостинге установлена Windous -1251. После загрузки страницы на сервер и переходу по доменному имени страница открывается в UTF-8, т. е. «кракозябрами».
    Как быть?
    Заранее спасибо за помощь.

  3. stariс говорит:

    Возможно есть. Учитывая количество плагинов в Plugin Manager. Вообще-то Notepad++ достоин отдельного курса, и более глубокого исследования. Одной статьи маловато.

  4. Юрий говорит:

    Добрый день!
    Есть ли воэможность сгруппировать стоки и скрыть их как это можно делать в EXCEL ?

  5. stariс говорит:

    Нет тёзка, такого прибамбаса я не знаю.

  6. Сергей говорит:

    Попробую спросить по другому. Находясь в notepad++ я запускаю файл у меня в браузере прописывается:
    server/home/localhost/www/javascript/Lesson-1.html
    То есть файл запускается минуя локальный сервер, сам по себе, это при запущенном локальном сервере.
    Настроив phpDesigner 8 я запускаю файл и он открывается на локальном сервер в браузере прописывается:

    То же самое я хотел бы делать и в notepad++, т.к. мне больше нравится работать в этой программе. Изначально phpDesigner 8 у меня то-же не хотел запускаться на локальном сервере, но правильно настроив проект — запустил. Поэтому и спрашиваю как настроить notepad++ чтобы файл запускался на локальном сервере.

  7. stariс говорит:

    Здравствуйте Сергей. Я не совсем понимаю суть вопроса. Почему Notepad++ и Denwer? Редактор устанавливается на локальную машину (компьютер), на него же устанавливется Denwer. Оба запускаются на компьютере. Любой файл, находящийся на компьютере, и на денвере в том числе можно открыть и сохранить в Notepad++.

    Для этого достаточно щелкнуть по файлу правой клавишей, и в открывшемся меню выбрать Открыть в «Notepad++».

    Может Вы хотите открывать файл в браузере с панели инструментов редактора (Запустить). Вот этого не получится. Денвер всё же хостинг, хоть и имитатор, а ваш index.html — это по сути сайт, и войти на этот сайт можно только по адресу.

    Чтобы постоянно не вводит адрес файла есть, как обычно, два выхода. 1) обновлять открытый по адресу файл, после внесения и сохранения изменений. 2) Перенести файл с Денвера в папку Документы на компе, сделать его, а потом перетащить обратно на Денвер.

  8. Сергей говорит:

    Как настроить notepad++ чтобы он запускался на локальном сервере.

    У меня запускается сам файл и приходится вручную вводить в строке браузера localhost/javascript/index.html что не удобно.
    В phpDesigner 8 хорошо запускается на локалке, но программа notepad++ мне больше нравится.

    Помогите, если возможно запустить notepad++ сразу на локалку (у меня denwer)

  9. stariс говорит:

    Добрый день Юра. Так как наш вопрос больше к Notepad++ не относится, я перенёс его в тему Исправляем шаблон WordPress. Там всё и порешаем.

  10. юрий говорит:

    Спасибо! Да шаблон, чертов, на XHTML. Попробую поискать ошибки. Копирование с сайта пока убрал.

  11. stariс говорит:

    Ну я же объясняю: не получится взять и подправить index.html. Он собирается из кусочков разбросанных по всему движку. Вот когда открывается страница, тогда все эти кусочки собираются вместе, из чего и получается страница. И в Коде страницы, вы видите именно эту сборку. Подправить в ней почти ничего невозможно. Надо править в тех файлах из которых index.html собран. Так что в Notepad++ это невозможно.

  12. Юрий говорит:

    Этого в инструкции нет. Я могу скопировать index.html главной страницы, поместить этот файл в Notepad++ , подправить. А как его вернуть в сайт? Нигде этого не могу найти. Его же на хостинге нет. Сайт сделан на Вордпресс.(Пробовал его установить на хостинг, сайт перестает работать.)

  13. stariс говорит:

    Здравствуйте Юрий. Раз Вы не нашли index.html, то делаю вывод что сайт у вас на CMS (WordPress, Joomla и т.п.), т.е. сайт динамический. Найти эти файлы можно через инструмент Поиск на сервере (так как они всё же есть, как же без них, раз страница открывается) и скачать себе на комп.

    Но только какой в этом смысл? Точно так же можно увидеть, и даже скопировать index.html в браузере, если щёлкнуть по странице правой клавишей мыши и выбрать из открывшегося меню Просмотреть код страницы.

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

    Но ведь это можно сделать и в редакторе CMS. Редактор — это и есть тег body.

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

    Вот такой он index.html в динамическом исполнении.

    Можно и в эти файлы вносить изменения — возможно всё, но для этого надо конкретно представлять где находится подопытный элемент, и где находится файл, из которого этот элемент подгружается в index. Ну и конечно же понимать php, так как файлы и движка и шаблона написаны на нём.

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

  14. юрий говорит:

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

  15. stariс говорит:

    Пришлите скриншёт с редактора. Посмотрим.

  16. Ваге говорит:

    Добрый вечер!
    Пожалуйста подскажите как могу в notepad++ отображать пробелы? Когда я нажимаю на пробел нечего не видно, слова и теги так и пишутся без пробелов но в сайте их нормально видно

  17. ascerdfg говорит:

    редирект с народа делать

  18. stariс говорит:

    Написать в title. Зачем шифт+ентер? Это же не фрагмент кода, чтоб заморачиваться.

  19. ascerdfg говорит:

    Как вставить имя редактируемого файла? В фаре шифт+ентер.

  20. Дмитрий говорит:

    СПАСИБО !!! ВСЕ получается (пока) ваши советы реально помогают, всех благ….

  21. stariс говорит:

    Дим. Давай поподробнее. Я что-то не въеду. Что надо сохранить? Разжуй конкретно, что делаешь и что хочешь получить.

  22. Дмитрий говорит:

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

  23. stariс говорит:

    Здравствуй Гасан. Посмотри что есть в MIME Tools. Если можешь пришли скриншёт, я посмотрю. Что-то ни разу не сталкивался чтоб две строчки всего было.

  24. Гасан говорит:

    У меня только две строчки в меню палагины converter и MIME Tools. Что делать?

  25. stariс говорит:

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

    Порядок загрузки такой: Плагины — Plugin Manager — Shov Plugin Manager. Откроется окно менеджера. Точно не помню, но по моему там будет несколько строк, или одна — Plugin Manager в которой стоит по умолчанию галочка. Нажимайте Instail и процесс загрузки пойдёт автоматом. Вам надо будет только разрешить в окне предупреждений, которое выскочит при загрузке.

  26. Дмитрий говорит:

    День добрый !!!! В плагинах в менеджере в списках нет«TextFX» их надо устанавливать дополнительно???? спасибо

  27. stariс говорит:

    Добрый день Макс. Интересный вопрос, на который у меня нет ответа. Открывал style.css шаблона с огромным количеством строк и всё ОК.

  28. Максим говорит:

    День добрый,
    подскажите какое максимальное количество строк должно быть в открываемом файле.

  29. stariс говорит:

    Наверно для этого файла заданы права доступа 444, т.е. только читать. Если Вы администратор, то сможете изменить права доступа.

  30. Максим говорит:

    Здравствуйте. Почему в Notepad++ некоторые файлы не правятся. Например configuration.php открываю а править не могу.

  31. stariс говорит:

    Седина в бороду, а бес… Ну с бесом разберёмся.

  32. Перец-ровесник говорит:

    Спасибо. Узнал много нового. Перец-ровесник.

  33. stariс говорит:

    Добрый вечер Нина. В редакторе вроде нет Дополнений. Есть Плагины. Версия редактора у Вас Notepad++ 6.9.2. А Windows 10 — это операционная система установленная на вашем компьютере. Она тут пока вообще не при чём.

    И тем не менее, напишите пожалуйста, что у Вас есть в дополнениях. Ещё лучше если пришлёте снимок экрана. Если не знаете как это сделать — скажите, я научу. Это просто. Вообще, скриншёт (снимок экрана) очень полезен в обучении. Здорово облегчает понимание проблемной ситуации.

  34. нина говорит:

    У меня в нотепад++ версия виндовс 10 в панели инструментов в дополнениях
    вообще нет manager. как быть?
    пенсионерка, 63 года.осваиваю все сама.
    спасибо.

  35. stariс говорит:

    index.html есть? Вот в нём и меняйте.

  36. Тимур говорит:

    Привет. У меня есть файлы сайта,одностраничник, много папок и файлов,каждую открывал но нету там кодов. Хотел поменять телефон,адреса и т.д. на нотепад. Куда смотреть? Спасибо

  37. stariс говорит:

    Почитайте вот эту статью. В ней, правда перевод на хостинг с Денвера, но принцип перевода сайта с любой программы один и тот же. Зайдите на хостинг (ссылка есть в статье, или щёлкните по банеру вверху страницы, это мой банер, лично мной сделанный и безопасный), посмотрите что да как там устроено, позвоните в техподдержку — она моментальная, пообщайтесь. Если останутся или возникнут конкретные вопросы — пишите отвечу.

  38. Лев говорит:

    Огромнейшее спасибо,Cергей,за эту статью.Многими вещами я уже пользуюсь.
    Но у меня есть очень важный вопрос. Как вывести документы НTML,( ГОТОВЫЕ САЙТЫ),КОТОРЫЕ МЫ ВИДИМ В БРАУЗЕРЕ В ИНТЕРНЕТ. ТО ЕСТЬ ПОЛУЧИТЬ НА НИХ ХОСТИНГ.?

  39. stariс говорит:

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

  40. Игорь говорит:

    после установки плагина Compari и попытке его подключения выдается ошибка что его нет

  41. stariс говорит:

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

  42. Олег говорит:

    Как сделать бэкап сайта на этой проге?

  43. stariс говорит:

    Не сложно Витя. Нужно перекинуть раскладку клавиатуры на латиницу (английский), удалить вертикальную черту, а вместо неё поставить одиночную кавычку (апостроф). На клавиатуре она находится на клавише с русской Э в нижнем регистре. Потом поставить запятую, потом опять одиночную кавычку.

  44. Витя говорит:

    Подскажите как с помощью notepad++ сделать замену пример:
    слово|слово|слово|слово
    нужно в итоге так:
    слово’, ‘слово|слово|слово

  45. stariс говорит:

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

    16 kb конечно не много, но можно, и лучше ещё меньше. У меня картинка есть в шапке на другом сайте в о.5 kb, так она 300 ms грузится. Я пошлю Вам на почту Zip с плагином, а установка показана в статье.

    Если что спрашивайте.

  46. Ольга говорит:

    да узнала я уже сегодня как эту строку вставить,я не знала что нужно на предыдущую строку кликнуть и enter нажать строки раздвинутся тогда можно и написать! Вот такие уважаемые начинающие веб мастера ваш сайт читают.А слово гимп я тоже первый раз на вашем сайте прочитала, скачала и сделала логотип хотела прописать в шаблоне посмотреть как браузер отобразит.Вы говорите про иконки на панели инструментов?плагин я не устанавливала сейчас логотип 16 кб весит может нормально Спасибо что ответили.

  47. stariс говорит:

    Здравствуйте Ольга. Вопрос-то не глупый, он просто не совсем корректно задан. Ведь по идее на вопрос «как вставить», напрашивается ответ: да написать, вот и всё. Раз у Вас не получается, значит есть какие-то нюансы, о которых Вы не рассказали, а без них конечно никто отвечать не будет. Так что давайте поподробнее. Что за шаблон, что добавить, как Вы его вставляете в Notepad, и т.п.

    Насчёт логотипа. После того как он оптимизируется в Save For Web, можно чуть уменьшить его качаство. В jpg до 70, в png до 150, это уменьшит вес, а размер уменьшается если щёлкнуть по иконке с голубым квадратиком и значком плюс-минус. Там ещё рядом со шкалами ширина-высота есть значок цепочки, и если щёлкнуть по нему, то цепочка разорвется и ширину с высотой можно менять отдельно друг от друга.

    Да, у плагин Save For Web для GIMP установлен?

  48. Ольга говорит:

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

  49. stariс говорит:

    Это просто редактор клинит, тёзка. У меня тоже при переключении раскладки всякие хренотени случаются, бывает и кодировка слетает. Выход такой: при переключении раскладки с одного языка на другой, не спешите. Подержите клавиши нажатыми дольше на секунду-две, в 99% этого бывает достаточно. Или после переключения не пишите сразу, сначала щёлкните левой клавишей в той строке где собирались писать, потом уж вводите символы. И раз уж кодировка слетела, поставьте её по новой.

  50. сергей говорит:

    Что это у меня? Загрузил каркас html в ноутпад. Решил изменить название на русском регистре. у меня печатаются кракозябры:Ðåüîíò áàüïåðîâ. Кодировка утф-8 без бом. Помогите разобраться. Спасибо.

  51. stariс говорит:

    Напишите подробнее что Вы делаете, и куда нужно вставить фотографию.

  52. Георгий говорит:

    как правильно поставить фотография я все пробую но она не прогружается помогите пожалийста

  53. stariс говорит:

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

    Насчёт просьбы Вы видимо просили плагин или скрипт. Не помню точно отправлял или нет на Ваш E-mail поэтому, на всякий случай вот ссылка на скачивание плагина https://yadi.sk/d/tCiJrkDobvdar, а вот на скрипт https://yadi.sk/d/uO-WCjFvd2BL9. Они на моём Яндекс Диске.

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

  54. Sigut говорит:

    Сергей, доброго времени суток. У меня такая проблема. Операционка Windows 8.0 Установлен Notepad++ 6.9/ Ставил и другие версии. Но вот в чем закавыка, блин!
    1. Печатает только латиницу. Кириллица отображается квадратиками. (UTF 8 без BOM)/
    2. Не ставятся пробелы. Пересмотрел кучу всяких ссылок… Может вы чего подскажете. Буду очень признателен.
    P.S.
    Что-то моя просьба не отобразилась у вас.

  55. stariс говорит:

    А что Вы сделали, после какого действия пишет? И к чему вы хотите доступ? Сделайте вот что: опишите-ка всё подробно, чтоб и я что-то мог понять.

  56. Елена говорит:

    А у меня пишет «Возможно у вас нет доступа к данному объекту». Что мне делать???? Где взять этот доступ? Плиииииз.

  57. stariс говорит:

    Здравствуйте Налина. Вот тут про прокрутку.

  58. Налина говорит:

    Здравствуйте, Сергей,
    Почему у меня не появляеться вертикальный скрол, когда я хочу просмотреть индекс файл сделан на Тotepad++ в браузерах Chrome, IE?

  59. stariс говорит:

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

  60. Олег говорит:

    А у меня вот все правильно сделал ,у меня не открывает картинку!Что делать?

  61. stariс говорит:

    Признаться удивлён. Я пишу любые спецсимволы в html документе, и ничего для этого не делал. Причём пишу часто, так как все угловые скобки имеющиеся в коде, выложенном в постах на страницах сайта, в редакторе пишутся спецсимволами < и >, а код я сначала пишу в Notepad++.

  62. Богдан говорит:

    Здравствуйте. Не могу добавить в Notepad++ недопустимые символы(литералы), например < что делать?

  63. stariс говорит:

    Делайте, начинайте, переделывайте — каждое лыко будет в строку. Набирайтесь опыта. Это и вправду интересно и увлекательно. Чем смогу — помогу. Только не копите так много вопросов. Как непонятка, так пишите.

  64. Анна Левина говорит:

    Огромное вам спасибо, Сергей! Теперь я поняла. Вы всё разложили по пунктам, как настоящий учитель. Я это могу оценить, т. к. сама занимаюсь педагогич. деятельностью. Вы сказали много ценного. Читая материалы по сайтостроению, неоднократно видела совет: убрать совсем визуальный редактор. Я еще думала — зачем. Теперь понятно.
    Буду понемногу исправлять недочеты. Пришла к выводу (жизнь заставила), что все же нужно переходить на язык html и css. Хотя раньше здорово сопротивлялась, считая, что никогда мне этого не освоить. Но! перелопатив множество материалов по этому вопросу, нашла три достойных (ваш в том числе) сайта, в которых понятно и доступно разъяснено всё самое главное. Теперь упражняюсь: пишу всякую ерунду (предложения) и в Нотепад++ применяю этот новый для меня язык. Даже самой стало интересно. А статьи пока не решаюсь еще. Вот думаю новый сайтик начать с нуля, но полностью на html Это самое правильное решение, чтобы был толк, пусть хоть и в будущем.Еще раз большое вам спасибо и дальнейших успехов!!!

  65. stariс говорит:

    Эх-хэ-хэ. Давно бы спросили и не мучались. А то вон сколько накопилось.

    1. В редактор Вордпрес вставляется только то, что в Notepad в теге body. Поле редактора — это и есть тег body. Вордпресс — динамический движок, и при загрузке страницы, всё что на них отображается, берётся из разных файлов. Доктайп для страниц берётся из одного, доктайп для записей из другого, текст из третьего, картинки из четвёртого, скрипты и css подгружаются из других файлов, так и получается то, что мы видим на экране. Поле редактора, по идее, только для текста, и ссылок. Можно конечно туда вставлять и CSS, но это будет уже не валидным.

    Вот поэтому Вордпресс и убирает лишнее, то есть тот доктайп, который Вы вставляете в редактор. Ведь что получается: Каркас страницы у движка уже есть, а тут, в теге body, появляется ещё один доктайп. Ладно ещё если движок всё чисто уберёт, а если что-то, какой-то тег из каркаса останется, то и в работе возможны какие-то непонятки. Настройка в консоли «Разрешить WordPress исправлять ошибки кода», не работает.

    Так что в редактор CMS, из Notepad, вставляется только содержание тега body, без него самого.

    2. Визуальный редактор Вордпрес — это его слабое место, впрочем как и у других CMS. Именно в нём реализуется исправление ошибок кода. То есть в режиме Текст Вы можете написать что угодно, и CSS и скрипты, и как ни странно, это будет работать, если правильно написано, но стоит переключится на Визуально, как редактор попытается всё исправить, и вот тут у него не всё в порядке. Бывает так наисправляет, что потом долго приходится разбираться вручную.

    Я давно отказался от визуального режима. Если у вас в планах освоить html и css, то он даже во вред. А просмотреть, как встали картинки, да и вообще все изменения можно на странице редактора. Там справа от заголовка есть кнопка Посмотреть. Жмёте на неё, и в отдельной вкладке Вам откроется страница сайта, со всем что вы понаписали в редакторе, но ещё не опубликованная.

    3. О стандарте XTML забудьте. Одно время он претендовал на полное замещение стандартов HTML, но вместо этого вышел HTML5, и XTML, благополучно ушёл в тень. ПС рекомендуют использовать HTML5. Погуглите, об этом полно материала. Кстати, ошибки в XTML, в HTML5 уже не ошибки.

    4. Ответ 404 может быть из-за сущей ерунды, а именно из-за кавычек. В коде применяются только прямые кавычки, а вот визуальный редактор, бывает при переключении, переделывает их в фигурные. Переключаешься обратно на Текст, а там ссылки в фигурных кавычках. Конечно 404. Но это — одно из возможных. Может быть другая причина.

    5. Посмотрел Ваш сайт, и не увидел «пустых» картинок. Ну на всякий случай дам совет. Загрузите ещё парочку браузеров IE и Mozilla, и после публикации статьи проверяйте её на них. Бывает, что залогиненный браузер покажет одно, а в режиме посещения будет другое. Тогда надо сразу искать, где что не так. Кстати, таких непоняток, поначалу бывает очень много. С опытом проходят.

    6. Насчёт сервисов и Яндекса ничего сказать не могу. Сервисы могут брать страницы из кеша, да и вообще прежде чем пользоваться каким то сервисом, нужно изучить его работу, по документам и на форумах. Я работаю только по Search Console от Гугла и Вебмастеру от Яндекса. А насчёт Яндекса, я одно время подёргался с идексацией, а потом бросил. У него не поймёшь — которая статья сразу выскочит в топ, а которая только через месяц-два, а до этого её вообще в поиске не видно. Да и в SEO я не силён.

    7. Количество знаков в дискрептион, которое Вы видите при последующих редактированиях — очередная мулька движка, скорее всего связанная с редакциями, точно не скажу. Вы для интереса попробуйте, когда увидите запредельную цифру, стереть последний знак в тексте описания, а потом снова его поставить, и цифра тут же станет реальной. А чтоб посмотреть то, что действительно выводится на странице, откройте эту страницу, затем правой клавишей, и Просмотреть код страницы. В коде, ближе к началу, найдёте тег meta name=»description», и в нём будет Ваше реальное описание, которое видит поисковик.

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

  66. Анна Левина говорит:

    Спасибо, Сергей, за ответ. прежде чем задать свой вопрос (на который вы ответили), я перечитала комментарии и все-таки решила уточнить. Собственно, проблема моя в чем? Пишу в Нотепад ++ Вставляю каркас, начинающийся с Доктайп и пишу, вернее вставляю в нужные поля уже проверенную на уникальность статью. Далее — копирую сверху вниз и проверяю код Валидатором. Ошибок — 2-3.Исправляю и уже тогда копирую в редактор Вордпресс в раздел «Текст». Вроде всё правильно. Затем мне все же приходится переключаться и на на Визуальный редактор, посмотреть, как встали картинки и проч. Так вот, при обратном переключении на «Текст» никакого каркаса уже не вижу (а ведь он должен оставаться?). Пробовала проверять текст на валидацию из редактора «Текст», так в ответ мне указывают ошибку, что Доктайпа-то и нет. Вот и мучаюсь. Кстати, я лишь недавно узнала о стандарте ХТМЛ. Раньше писала без них и статьи индексировались, были в поиске. Но потом я «снесла» тот сайт и начала жизнь с новой строки. Теперь стараюсь писать статьи правильно, но огорчений много. Почему-то ответ сервера — 404. В упор не видит новые статьи, хотя проверяла на другом сервисе — ответ 200, да и в Мегаиндексе релевантность высокая. Гугл давно проиндексировал, а с Яндексом прямо беда. А вы говорите, «движок сам все сделает».Извините, Сергей, за длинную простыню, но, как говорится, «наболело». Из-за ошибок просто опускаются руки, нет желания работать. Вот еще проблема, решения которой не могу найти, хотя читаю много материалов. Напр: написала статью, вставила картинки (у меня сайт по искусству, поэтому много фото), опубликовала. Любо-дорого. Однако, зайдя к себе на сайт дня через 2-3, вижу, что половина картинок просто исчезли и вместо них — зеленые квадратики. В одной и той же статье — есть и квадратики и полноценные фото. Отчего так? Есть статьи, где только одни квадраты. Что же видит посетитель? Ведь фото — важный аспект статьи, а не просто развлекаловка; без фото теряется суть. Если зайдете ко мне, то увидите. И еще: у меня стоит плагин Платинум Сео. Заполняю поля после окончании статьи. Стараюсь придерживаться нужного количества знаков: 70 и 160. Более к этим полям я не возвращаюсь, тем не менее, при редакциях текста (а их приходится делать), замечаю, что почему-то идет автоматическая накрутка знаков в этих полях. Вместо 70 показывает 13о и больше, про описание уж и не говорю, там за 300 зашкаливает. Вот и размышляю, что думают о таком сайте поисковики. Если вам нетрудно — поясните; возможно, кто-то еще включится, прокомментирует. Буду благодарна. А ваш сайт — замечательный. Почти все статьи проштудировала. И название очень удачное — привлекает. Вы молодец!

  67. stariс говорит:

    Если у Вас популярная CMS, то после завершения отладки статьи, скопируйте всё внутри тега body, и вставьте в редактор CMS в режиме Текст, или HTML, только не в Визуальный. Дальше движок всё сделает сам. Я на WordPress именно так и делаю.
    В Notepad просто комфортнее писать, чем в редакторе CMS.
    Если же CMS какая-то самописная, и у неё нет редактора, то сохранённый файл загружается через FTP соединение в ту папку (категорию), для которой эта статья написана.

  68. Анна Левина говорит:

    Всё понятно, написала в Нотепад ++ и сохранила. Ну а дальше? Каким образом перенести статью на сайт, в редактор? Методом копирования? Объясните, пожалуйста, подробно, как действуете вы. Я этой программой совсем недавно пользуюсь…

  69. stariс говорит:

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

  70. Ольга говорит:

    Спрашивала почему не вижу текста на странице, сама поняла, это название вкладки, а не заголовок. Учиться, учиться и ещё раз учиться…

  71. Ольга говорит:

    Здравствуйте! Вставила каркас на страницу, сохранила и запустила в Firefox, документ открылся, но там нет текста «Документ без названия», что не так?

  72. stariс говорит:

    Для блымц

    Начнём со второго, и постепенно перейдём к первому. Намёк понял, но у меня же блоговая тематика. Веб разработка — для меня это сопутствующая необходимость, для ведения блога. И сайт этот — нежданный ребёнок. Начал изучать веб, и сразу описывать то, что узнал. Вот такой продукт получился. Локалкой и Нотепадом пользовался только в начале, с полгода, пока не появился основной рисунок сайта, а потом всё начал ковырять прямо на сервере. Сразу результат виден. А то сделаешь на Денвере, перенесёшь на сервер, и подправлять что-то нужно. А так подправил что-то и посмотрел, как оно в реалии. Не катит — ещё подправил, и всё.
    Нотепадом вообще-то ещё пользуюсь, когда длинный код нужно выложить на страницу, пишу в нём, потом копирую и на сайт. Вот примерно так.

    Если осваиваю что-то новенькое, для оформления и ведения блога, выкладываю сюда.

  73. stariс говорит:

    Для Раис

    Пардон, забыл как сам начинал. Сейчас разъясню подробнене.
    1. На каком движке делать сайт сказать трудно. У всех есть свои плюсы и минусы, расписать которые подробно я не в состоянии, так как движков очень много, и большинство веб-мастеров практикуют на каком-то одном из них. Так получается потому, что движок штука сложная, разработанная для множества возможных вариантов и их комбинаций сайта, и постичь все эти комбинации сходу, начинающему не под силу. Постепенно, со временем, методом научного тыка, и матерного слова, начинающий веб-мастер узнаёт всё больше и больше о возможностях движка, о заложенных в нём функциях, и переходить на другой, и начинать всё по новой, уже совершенно не охота. К тому же в любом движке заложены все функции, для создания отличного сайта, нужно только их постичь, а это дело долгое. Я уже два года работаю с WordPress, и то полностью не знаю всех его возможностей, к тому же он постоянно обновляется.

    То же самое наверное и с Wix. Вот так как у нас на глазу сейчас две эти платформы (Wix и WordPress), то некоторые нюансы, которые на виду, можно сразу отметить.

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

    Wix — это не только система управления, это и конструктор, но из готовых шаблонов, это и хостинг, но бесплатный. Про бесплатные хостинги в интернете полно материала. Любая бесплатность по жизни чисто условная. Ну кто будет для Вас стараться, не получая что-то взамен. А взамен будет или реклама или ссылки, и долгая техподдержка. Да и на своём ресурсе Вы будете администратором, но никак не хозяином.

    Зато наверное довольно просто склепать сайтик. Но вот вывести его на первые страницы поиска, чтоб люди на него заходили, трудно точно так же, как и на любом другом движке. Инструменты и методы SEO (Поисковая оптимизация) для всех одинаковые. Их много, разных, но по сути везде одно и то же.

    Это самое трудное в создании сайта. Да всё трудно, просто кричат что легко, для заманухи. Хороший сайт — это гигантский труд.

    Мне что-то не захотелось вкладывать столько усилий, чтоб потом отдавать кому-то рекламные места. Но вот для визитки или интернет магазина, я думаю вполне подойдёт, хотя сейчас для интернет магазинов, эксклюзивный (не шаблонный) дизайн — большое дело.

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

    Вот немного насчёт FTP. То что мы видим не странице — это внешняя часть сайта. Но есть ещё и не видимая часть, состоящая из папок с файлами, то есть кодом. Основная работа веб-мастера как раз там и происходит. Вся эта невидимая часть храниться на хостинге, и доступ к ней осуществляет как раз FTP менеджер. На многих хостингах он встроенный. То есть заходишь в свой аккаунт по управлению сайтом, находишь иконку (или что там ещё) с надписью Файловый менеджер или FTPменеджер, щёлкаешь по ней, и вот перед тобой все папки сайта. Как они скомплектованы на Wix, я не знаю, везде по своему.
    Там же есть инструменты «Загрузить файл», «Удалить файл» и полно ещё других.
    Чтоб подтвердить права на сайт, нужно в инструментах выбрать «Подтвердить файлом», или что-то вроде того, дословно не помню, и тебе предложат скачать файл. Нажимаешь «Скачать», и он скачивается тебе на компьютер. Затем идёшь в директорию своего сайта (туда где папки), открываешь основную, в которой все другие (это корень сайта), и дальше «Загрузить файл». Откроется поисковик, найдёшь этот файл на своём компе, куда он скачался (лучше в «Загрузки»), и «Загрузить». Всё теперь робот проверит, убедится, что ты имеешь доступ к директории, раз файл туда засунул, значит ты администратор, и имеешь права.

    Вот примерно так. Вобщем по WordPress — любой вопрос, а по Wix — на форумы. Там то же бывает подробно объясняют.

  74. Блымц говорит:

    Два вопроса.
    1. Постоянно приходится любоваться промежуточными результатами своей деятельности. Поэтому постоянно (уже надоедать начинает) выполняю одну из следующих комбинаций
    1.1. Сохранить документ-html и запустить его в Firefox (кроссбраузерностью займемся позже).
    1.2. Сохранить документ-css и запустить html в Firefox
    1.3. Сохранить документs html и css и запустить html в Firefox
    Суть вопроса: как сделать горячие клавиши для выполнения таких комбинаций.
    2. Постепенно сообщество переходит на Joomla и OpenServer. Все советы в инете, как установить этот тандем безобразны (упущены важные детали, невнятное изложение….). Намекаю (в этом и заключается мой второй вопрос) — а у вас есть раздел «Установка программ». А?

  75. Раис говорит:

    Вы пишете:»Привет Раис. К сожалению я не знаком с Wix совершенно. Все мои сайты на WordPress. Попробуй подтвердить права файлом. Я только так и делаю. Очень просто: скачаешь файл в инструментах, и через FTP загружаешь его в корень сайта. Нажимаешь «Проверить» и тут же срабатывает.»

    Я так тоже пробовал. Но слово FTP очередной раз убило. Я же ни бум-бум. Может мне проще делать сайт заново в другом месте? Например в WordPress?
    С чего начать — посовутуйте, плиз, если не отнимаю у Вас времени…

  76. stariс говорит:

    Привет Раис. К сожалению я не знаком с Wix совершенно. Все мои сайты на WordPress. Попробуй подтвердить права файлом. Я только так и делаю. Очень просто: скачаешь файл в инструментах, и через FTP загружаешь его в корень сайта. Нажимаешь «Проверить» и тут же срабатывает.

  77. Раис говорит:

    Здравствуйте, Сергей. Спасибо за статью. Понятно и ясно.
    Это Вам говорю я, человек, который начал заниматься созданием сайтов ровно 30 часов (!) назад.
    Вдвойне приятно увидеть внизу г. Казань. Я тоже из Казани.
    У меня вопрос: создал сайт на Wix. Никак не могу подтвердить его (пройти верификацию). Как прописать мета тегу?
    Как только не прописывал — не получается. Наверное что-то делаю не так.
    Заранее благодарю.

  78. stariс говорит:

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

  79. Vladimir говорит:

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

  80. stariс говорит:

    Я поиском в Notepad почти не пользовался. Посмотрел как работает, и всё. Больших проектов не делаю, поэтому обхожусь поиском по файлам Ctrl+F.
    Вообще-то плагинов у него куча. Эх было бы время их протестировать.

  81. VE говорит:

    Доброго дня.

    Скажите, а как панель поиска к нижнему краю присоседить?
    Может какое дополнение есть? А то она здоровая, приходиться двигать постоянно.

    С уважением VE.

  82. Евгений говорит:
    Вы в Новый документ как по Поиску переходите? По этому же
    принципу возвращайтесь обратно.

    — По поиску, это понятно, что можно так же обратно, это не удобно. Спасибо.

  83. stariс говорит:

    Вы в Новый документ как по Поиску переходите? По этому же принципу возвращайтесь обратно. Можно в исходнике якорь оставить.

  84. Евгений говорит:

    Кто знает подскажите!

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

  85. stariс говорит:

    Озадачил, честно говоря! Вроде бы что-то подобное было. Я тогда оставил один div незакрытым. Тоже заметил не сразу корявость отображения, а потом с ног сбился пока заметил отсутствие слеша.

    Ну ладно, раз всё переустановил, значит дело не в ПО. Значит всё-ж код. Не могло же сразу во всех браузерах отключиться отображение картинок. Может ли это сделать антивирус или файервол, сказать не могу, так как не спец (это я к тому, что на одной из загруженных картинок возможно была какая-то гадость). На будущее, все картинки из интернета, нужно забирать через Paint, или подобный редактор. Т.е. нашёл картинку, сделал скриншёт с экрана, обрезал как нужно, и к себе на комп.

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

    Чтоб не мучиться с поиском ошибки в коде, можно проверить его в валидаторе, выбрать вкладку Validate by Direct Input, скопировать и вставить туда код. Валидатор покажет имеющиеся ошибки. Правда он на английском, придётся пользоваться переводчиком.

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

  86. Сергей говорит:

    Такой вопрос! Учусь делать страницу сайта, написал все теги для загрузки картинки, всё было удачно, поназагружал несколько картинок, стал делать страницу дальше, и вот на следующий день незадача, картинки больше не отображаются в браузере, причём ни в каком. Переустановил notepad++, но это не помогло. Переустановил все браузеры на компе, тоже не помогло, уже сбиваюсь с ног… в чём может быть проблема? Очень буду благодарен за ответ.

  87. stariс говорит:

    Вы пишете в теме Notepad++. Куда залит сайт, в Notepad? И что за сумма изменена? Как и что должно повлиять на сайт?

  88. Инна говорит:

    Здравствуйте! Сайт залит, внесла некоторые изменения (сумму — вместо 1200 на 600), сохранила. Но эти изменения на сайте не отражаются. Что делаю неправильно?

  89. stariс говорит:

    Для Надежды Возможно Вы выбираете "Преобразовать в UFT-8 без ВОМ". Нужно выбирать только "Кодировать в UFT-8 (без ВОМ)". Если причина в другом, то я её, к сожалению, не знаю.

  90. stariс говорит:

    Для Мар Notepad++ — это текстовый редактор файлов. Для создания геометрических фигур рекомендую скачать и установить бесплатный редактор Google SketchUp. Простейший в использовании, однако позволяющий создавать графику, от простых фигур, до строительных проектов, как в одной плоскости, так и в 3D. Есть инструменты Текст и Указатель размеров. Примеры можете посмотреть на моём новом сайте, вот на этой странице, и на этой. Единственным недостатком этого редактора является его уникальная кодировка, то есть его файлы открываются только в нём. Выход простой. Я создаю рисунок, затем делаю скриншёт и получаю картинку png или jpg. Скриншёт делать можете?

  91. Надежда говорит:

    Здравствуйте! Почему на некоторых файлах не переключается код (с Виндовс1251 не переключается на UTF-8 без БОМ)?

  92. Мар говорит:

    Спасибо за быстрый ответ stariс.

    Есть ещё вопрос. Как нарисовать в программе графики. Особенно треугольники с подписью сторон и окружности.

  93. stariс говорит:

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

  94. Мар говорит:

    Как записывать формулы в программе?

  95. stariс говорит:

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

  96. FranDZ говорит:

    Помогите!!! У меня почему то при запуске с хрома он показывает сам код , а не то что должно((

  97. stariс говорит:

    Ответ тоже смешной. Я понятия не имею, что это за виды редактирования.

  98. Серик говорит:

    Смешной вопрос но сам не могу найти). Как в нотепаде переключить редактирование с _ на |? Очень бесит _.:=)

  99. stariс говорит:

    Все кодировки менять не надо. Нужна только UFT-8 (без ВОМ). Что касается картинки, то без знания подробностей (фоновая картинка или нет, в каком формате, где находится), могу сказать только одно: ошибка в указании пути. Или точка пропущена, или формат не тот, бывает даже регистр имеет значение. или в слове ошибка.

  100. Всеволод говорит:

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

  101. stariс говорит:

    У меня есть статья Создание директории сайта. Посмотрите её. Создайте на диске С директорию, с папкой images. Все картинки для сайта должны находиться в папке images, и нигде больше.
    Что касается фоновой картинки, то выводится она так:

    background-image: url(images/241.jpg)

    Это классический CSS.

    Если вы хотите вставить фоновое изображение непосредственно в какой-то тег (блок), то делается это при помощи атрибута style. Допустим тег <body>

    <body style="background-image:url(images/241.jpg)"></body>

    Но такое внедрение считается не особо корректным. Стили лучше выносить в отдельный файл style.css.

    Я правильно понял Вашу проблему? Если остались непонятки — спрашивайте.

  102. Валерия говорит:

    Сергей, великолепная статья. Очень мне помогла.

    Но появился один важный для меня вопрос именно по классическому HTML.

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

    Если запись идет напрямую
    вот так — background=»241.jpg»,
    то картинка становится фоном сайта (рисунок в корне диска С).

    Если же в записи я начинаю указывать имена папок (даже английскими буквами) или просто сделаю запись background=»С:\241.jpg», то картинка фоном не становится.

    Может быть вы знаете как сделать так, чтобы был указан полный путь к картинке и она отображалась в виде фона?

  103. stariс говорит:

    Не совсем понял. Наверное Вы изменяете файл, а в браузере всё остаётся по прежнему? Скорее всего где-то в коде есть маленькая ошибочка (кавычки, угловая скобка и т.п.), поэтому браузер не видит изменений.

  104. Никита говорит:

    А почему после изменения текста, не сохраняются файлы? Изменяю файл,нажимаю на сохранить, потом захожу снова и там осталось все как было?

  105. stariс говорит:

    Привет. Я ещё не нашёл в Notepad++ плагин создающий таблицы, хотя на 90% уверен что он есть. Просто уж больно их много. Поэтому пока столбец из строки делаю простым переносом (клавиша Enter).

  106. Дмитрий говорит:

    Добрый день! Подскажите, пожалуйста, как можно быстро слова написанные в строку распределить столбец?

  107. stariс говорит:

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

  108. Vlad говорит:

    Подскажите пожалуйста, как в Notepad ++ ставить специальные символы (длинное тире, знак копирайта и пр.) и заменители (&, <, >)?
    Спасибо

  109. stariс говорит:

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

  110. Павел говорит:

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

  111. stariс говорит:

    1. Код страницы нормальный HTML-5, просто добавлены условия для браузеров IE. подробнее тут http://htmlbook.ru/samlayout/internet-explorer/uslovnye-kommentarii
    2. Насчёт корпоратива, обратитесь к сист. админу. Что он там в файерволе забанил. Я этого знать не могу.
    3. Если Вы пишите в Notepad++ для WordPress, то просто скопируйте всё, что написали в теге body, и вставьте в редактор WP в HTML режиме.
    Если есть стили, то есть CSS, то их нужно сделать встроенными, используя атрибут style. Примерно так: <div style=»color:#fff; float:left; и так далее»></div>, то есть перенести их из таблицы в теги, которые ими оформляются. Картинки вставляются как обычно в WP.
    Просмотрите основы html и css, ей богу не сложно, и сразу все станет легче и понятнее.
    Желаю удачи.

  112. Ольга говорит:

    И еще, пожалуйста, ответьте, если сможете, почему мой сайт у меня на корпоративной Винде и антивируснике трэнд микро не открывается? Сообщение — » В целях безопасности» . Тему Вордпресса я брала исходную, общую, ничего лишнего не ставила, кроме страницы подписки и статистики, материал только оригинальный, без всяких скриптов и т.д.
    Посмотрите, пожалуйста, может надо что-то убрать из шапки каждой страницы? У всех бывалых и у Вас тоже код страницы в самом верху другой, отличается от того, что идет с темой в ВордПрессе.

  113. Ольга говорит:

    Уровень подготовки у меня начальный, хотя сайту уже 3 год!!! И мало еще материала. Наполняла его всегда через админку WordPress. Программа FTP — FileZilla. Хочу в NotePad++ писать html код, потом его уже размещать. Наверно, можно так же, как и раньше — открывать админку, новую запись и скопировать в нее написанный в NotePad ++ код. Одновременно добавляя нужные картинки в нужные места. Так?

  114. stariс говорит:

    Я не знаю уровень Вашей подготовки, поэтому начнём с начала. Если Вы накатали статью в Notepad++, то сначала из неё нужно сделать файл. Для этого создайте у себя на компе папку (всё равно где), нажмите в Notepad «Сохранить» (третья иконка), в появившемся поисковике, найдите созданную папку, там-же внизу поисковика, переименуйте ваш файл в зависимости от назначения. Если Ваша статья — полный html документ, то есть с html кодом, то назовите его «Статья.html»,если только текст, то «Статья.txt». Затем жмёте «сохранить», и в созданной папке появиться этот файл. Вот его теперь можно загружать через FTP на сайт. А вот, куда его поместить на сайте? Мне нужно больше информации. Какая программа у Вас осуществляет FTP соединение? Какова структура сайта, на CMS (на какой?), или на чистом коде?
    Лично я с самого начала сижу на хостинге Бегет, и (не знаю, как на других хостингах) никогда не знал проблем, как и что сделать в директории сайта. Во первых FTP у них прямо в панели управления. Заходишь в свой аккаунт, жмёшь «FTP», и грузишь, что хочешь. Если не знаешь, как и куда (это в начале было), то берёшь телефон, и звонишь в техподдержку. Моментально ответят, и всё объяснят. Они ведь знают все данные по Вашему сайту. Так что рекомендую. Перевод сайта к ним бесплатный, даже сами и переведут, если попросите. И цены очень демократические.
    Могу и я всё объяснить, но тогда дайте данные, о которых я написал выше.
    Желаю удачи!

  115. Ольга говорит:

    Как через FTP загрузить написанную статью в Notepad++ на сайт? В какую папку?
    Пишете очень хорошо, сайт прекрасный. И оформление, и слиль. Все подробно и ничего лишнего.

  116. stariс говорит:

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

  117. Владимир говорит:

    День добрый. Вопрос по поводу Notepad++
    Чтобы открыть результат, находим меню «Запуск», и выбираем в нём Ваш браузер.
    А что делать если я использую Opera?

  118. starik говорит:

    Заходите. Вам Люда всегда рад. Будет ещё много интересного.

  119. Людмила говорит:

    Сергей, статья просто чудесная! Я тоже решила заняться своими шаблонами. Надоело тыкаться вслепую. У Вас не сайт, а просто энциклопедия какая-то. Именно настройки Notepad ++ мне как раз и нужны были. Все сразу настроила по Вашему описанию, и теперь не нарадуюсь. Спасибо Вам большое! Буду заходить к Вам почаще и учиться азам.

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

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