{"draftJsState":{"blocks":[{"data":{},"depth":0,"entityRanges":[{"key":0,"length":9,"offset":208}],"inlineStyleRanges":[{"length":9,"offset":208,"style":"ITALIC"},{"length":31,"offset":240,"style":"BOLD"}],"text":"Если Ваш сайт в ближайшей перспективе не будет наполнятся большим количеством контента или сложным функционалом (интернет магазин, фриланс биржа, форум и прочее), то его лучше писать в блокноте или лучше в Notepad++ без использования CMS CMS (Content Management System) — система, которая предоставляет пользовательский интерфейс для создания и настройки сайта, а также управления контентом без навыков программирования. ","type":"header-three","key":"c71sg"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Для этого нужно определиться какую информацию мы хотим показать пользователям, будущий дизайн.","type":"ordered-list-item","key":"9jehu"},{"data":{},"depth":0,"entityRanges":[{"key":1,"length":17,"offset":53}],"inlineStyleRanges":[],"text":"Блокнот винды, а лучше NotePad++. Его можно скачать с официально сайта.","type":"ordered-list-item","key":"fms8f"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":14,"offset":105,"style":"BOLD"},{"length":121,"offset":157,"style":"ITALIC"}],"text":"Файл index.html. Его можно создать в любой удобной папке на компьютере, но лучше выделить отдельную папку(корень сайта) для своего сайта и размести его там. Сервер при обращении к домену или папке сайта без указания конкретного файла будет искать в ней index.html или index.php.","type":"ordered-list-item","key":"4u1rn"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Папка ...\\images. В эту папку нужно поместить все изображения нужные для будущего сайта.","type":"ordered-list-item","key":"6el5s"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Купить хостинг и домен у хостинг-провайдера если нужно сайт выложить в интернете","type":"ordered-list-item","key":"cmf13"},{"data":{"image":{"id":"672b5bae8c000c22d7e8d120"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":".","type":"atomic:image","key":"176sh"},{"data":{"image":{"id":"672b9d36d1136548f1678516"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":",","type":"atomic:image","key":"5v4jj"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":6,"offset":75,"style":"BOLD"},{"length":15,"offset":89,"style":"BOLD"}],"text":"Теперь открываем наш индекс.чтмл в ноутпад и помешаем в него этот код. Это основа любого html-документа.","type":"unstyled","key":"aks37"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":16,"offset":0,"style":"BOLD"}],"text":"","type":"unstyled","key":"89h1a"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":6,"offset":0,"style":"BOLD"}],"text":"","type":"unstyled","key":"b9frd"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":6,"offset":0,"style":"BOLD"}],"text":"","type":"unstyled","key":"1cqdg"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":67,"offset":0,"style":"BOLD"}],"text":"","type":"unstyled","key":"af57"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":82,"offset":0,"style":"BOLD"}],"text":"","type":"unstyled","key":"5or34"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":33,"offset":0,"style":"BOLD"}],"text":"Мой первый лендинг","type":"unstyled","key":"cibp9"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":7,"offset":0,"style":"BOLD"}],"text":"","type":"unstyled","key":"ascl"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":6,"offset":0,"style":"BOLD"}],"text":"","type":"unstyled","key":"7rv7n"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":32,"offset":0,"style":"BOLD"}],"text":"","type":"unstyled","key":"fr3tp"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":48,"offset":0,"style":"BOLD"}],"text":"

body область для видимой части страницы

","type":"unstyled","key":"fq9f8"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":7,"offset":0,"style":"BOLD"}],"text":"","type":"unstyled","key":"djb6b"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":7,"offset":0,"style":"BOLD"}],"text":"","type":"unstyled","key":"1c34q"},{"data":{"image":{"id":"672b95d78535970f8623d5d3"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":".","type":"atomic:image","key":"81eak"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":21,"offset":14,"style":"BOLD"}],"text":"Исполняем наш index.html в браузере и наблюдаем результат наших трудов...","type":"unstyled","key":"c9pk6"},{"data":{"image":{"id":"672b7cbd4c3a644132ccaf35"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":".","type":"atomic:image","key":"6kvm8"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":3,"offset":92,"style":"BOLD"},{"length":6,"offset":99,"style":"BOLD"}],"text":"Разберем код. Весь документ состоит из блоков, обрамленными открывающимися и закрывающимися ТЕГами <> . В кратце разберем что значат эти теги.","type":"unstyled","key":"9odug"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":16,"offset":0,"style":"BOLD"}],"text":" Указываем браузеру по какому стандарту нужно отображать страницу: Бывают более информационные, например ","type":"unstyled","key":"e1on6"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":16,"offset":0,"style":"BOLD"}],"text":"...Тег показывает где начинается и заканчивается html документ","type":"unstyled","key":"2nc6u"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":16,"offset":0,"style":"BOLD"},{"length":15,"offset":112,"style":"BOLD"},{"length":8,"offset":155,"style":"BOLD"}],"text":"... Тег необходим для размещения служебной информации, тут подключаются стили, скрипты и размещена meta информация страницы. Посетители сайта не видят содержимого этого тега.","type":"unstyled","key":"6n5at"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":14,"offset":0,"style":"BOLD"}],"text":" Тег ссылка. Закрывать не нужно. В данном случае отображает иконку сайта в браузере","type":"unstyled","key":"e6sp7"},{"data":{"image":{"id":"672b9c7577452908e7354220"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":".","type":"atomic:image","key":"2dpid"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":19,"offset":0,"style":"BOLD"}],"text":"... Тег показывает название сайта в браузере при наведении мышки на иконку","type":"unstyled","key":"9c080"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":14,"offset":1,"style":"BOLD"}],"text":"......

создаёт блок, всё, что находится внутри него, начнётся с новой строки.","type":"unstyled","key":"fv1go"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Структура html документа готова, начинаем верстать наш одностраничный сайт. Копируем(заменяем) код.","type":"unstyled","key":"b57ho"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":16,"offset":0,"style":"BOLD"}],"text":"","type":"unstyled","key":"9pu9n"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":6,"offset":0,"style":"BOLD"}],"text":"","type":"unstyled","key":"2bm9u"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":6,"offset":0,"style":"BOLD"}],"text":"","type":"unstyled","key":"bbble"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":67,"offset":0,"style":"BOLD"}],"text":"","type":"unstyled","key":"9ikum"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":82,"offset":0,"style":"BOLD"}],"text":"","type":"unstyled","key":"c39q8"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":33,"offset":0,"style":"BOLD"}],"text":"Мой первый лендинг","type":"unstyled","key":"dldh5"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":7,"offset":0,"style":"BOLD"}],"text":"","type":"unstyled","key":"rrpu"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":6,"offset":0,"style":"BOLD"}],"text":"","type":"unstyled","key":"e1be0"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":19,"offset":0,"style":"BOLD"}],"text":"

Лужу Паяю

","type":"unstyled","key":"9vrf8"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":37,"offset":0,"style":"BOLD"}],"text":" $\"\"/$ ","type":"unstyled","key":"ci51p"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":49,"offset":0,"style":"BOLD"}],"text":" $\"лужу$ ","type":"unstyled","key":"6bbs2"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":22,"offset":0,"style":"BOLD"}],"text":"

Эвм Починяю

","type":"unstyled","key":"9t9go"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":45,"offset":0,"style":"BOLD"}],"text":" $\"\"/$ ","type":"unstyled","key":"539a1"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":28,"offset":0,"style":"BOLD"}],"text":"

ЗВОНИТЬ 322233223332

","type":"unstyled","key":"fb4rc"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":69,"offset":0,"style":"BOLD"}],"text":"","type":"unstyled","key":"3dcp7"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":7,"offset":0,"style":"BOLD"}],"text":"","type":"unstyled","key":"1p01n"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":7,"offset":0,"style":"BOLD"}],"text":"","type":"unstyled","key":"achj7"},{"data":{"image":{"id":"672bb9a8b708c85f6312dbbf"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":".","type":"atomic:image","key":"6q365"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Не забываем сохранить, исполняем или перегружаем страницу в браузере.","type":"unstyled","key":"53d9n"},{"data":{"image":{"id":"672ba8cea9ab3b34d3e09ad9"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":".","type":"atomic:image","key":"4fc06"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":3,"offset":21,"style":"BOLD"}],"text":"Разберем добавленные ТЕГи:","type":"unstyled","key":"t82k"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":19,"offset":0,"style":"BOLD"}],"text":"

Лужу Паяю

оформление заголовка.

Самый важный заголовок

Заголовок уровня 2

Заголовок уровня 3

Заголовок уровня 4

Заголовок уровня 5

Заголовок уровня 6

","type":"unstyled","key":"dff1b"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":38,"offset":0,"style":"BOLD"},{"length":4,"offset":151,"style":"BOLD"},{"length":4,"offset":298,"style":"BOLD"}],"text":" $\"\"/$ Тег добавляет изображение на страницу, растровые, векторные — любые, поддержка форматов уже зависит от браузера. src= Обязательный атрибут. В качестве значения указывается адрес картинки. Абсолютная или относительная ссылка до файла в любом допустимом формате. alt=обязательный атрибут. Текст называется альтернативным описанием изображения и рассказывает словами, что изображено. Это полезно, если картинка не загрузилась.","type":"unstyled","key":"8f1s8"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":22,"offset":0,"style":"BOLD"},{"length":1,"offset":25,"style":"BOLD"},{"length":9,"offset":135,"style":"BOLD"}],"text":"Тег создаёт кликабельную кнопку. На кнопку можно поместить любой хтмл элемент, включая изображения. Мы поместили

","type":"unstyled","key":"b24sj"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":2,"offset":31,"style":"BOLD"},{"length":28,"offset":128,"style":"BOLD"},{"length":10,"offset":186,"style":"BOLD"}],"text":"Сайт готов, можно выкладывать, НО корявый дизайн и кнопка призыва к действию не реагирует. Продолжаем. Подключаем к нашему коду Таблицу Каскадных Стилей CSS для дизайна, а кнопку оживим JavaScript.","type":"unstyled","key":"9gc9n"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":5,"offset":161,"style":"BOLD"}],"text":" Начнем со стилей. Это можно сделать двумя способами, с помощью тегов прямо в html или внешним файлом таблицы стилей, хранящимся в отдельном файле с расширением .css.","type":"unstyled","key":"doa7j"},{"data":{"image":{"id":"672bbd30d27aad46be59841b"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":". CSS и JavaScript подключены внутри html","type":"atomic:image","key":"em05f"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":9,"offset":82,"style":"BOLD"},{"length":9,"offset":95,"style":"BOLD"},{"length":1,"offset":105,"style":"BOLD"},{"length":3,"offset":136,"style":"BOLD"},{"length":2,"offset":142,"style":"BOLD"}],"text":"Мы пойдем другим путем (В.И. Ленин). Создадим в корне нашего сайта еще два файла, style.css и script.js, имя любое, расширение строго .css , js. ДжавуСкрипт пока не трогаем.","type":"unstyled","key":"1uu0u"},{"data":{"image":{"id":"672cef511060a4256d6b72fe"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":".","type":"atomic:image","key":"5ij4e"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":11,"offset":30,"style":"BOLD"}],"text":"и подключим эти файлы в нашем index .html","type":"unstyled","key":"dcumr"},{"data":{"image":{"id":"672fb7675c020758f99a98d9"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":".","type":"atomic:image","key":"24aca"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":15,"offset":8,"style":"BOLD"},{"length":5,"offset":78,"style":"BOLD"}],"text":"Атрибут rel=\"stylesheet\" указывает, что этот файл является таблицей стилей. В href указывается относительный или абсолютный путь к CSS-файлу.","type":"unstyled","key":"7qr2g"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":5,"offset":8,"style":"BOLD"},{"length":7,"offset":112,"style":"BOLD"},{"length":4,"offset":164,"style":"BOLD"}],"text":"В файле .css пишется все то же самое, что и во внутренних стилях. И наоборот: во внутренних стилях внутри тегов

Лужу Паяю

Эвм Починяю

ХОТИТЕ МЫ ВАМ ПЕРЕЗВОНИМ...... ЖМИТЕ

Лужу Паяю

Самый важный заголовок

Заголовок уровня 2

Заголовок уровня 3

Заголовок уровня 4

Заголовок уровня 5

Заголовок уровня 6