{"draftJsState":{"blocks":[{"data":{"image":{"id":"6971edf4123fbe363c14237c"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"3qhkb"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Вы решили создать сайт. Перед вами два пути: конструктор типа Tilda или Wix, где вы перетаскиваете блоки мышкой, и путь самостоятельной разработки с HTML. Большинство выбирают первый, думая, что он проще. ","type":"unstyled","key":"fv27e"},{"data":{},"depth":0,"entityRanges":[{"key":0,"length":96,"offset":25}],"inlineStyleRanges":[],"text":"Но я готов показать вам, почему именно HTML — ваш самый быстрый, дешевый и правильный путь к действительно хорошему сайту. Даже если вы никогда не видели код.","type":"unstyled","key":"8qj54"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Правда о конструкторах: красивая клетка для ваших идей","type":"header-two","key":"dtvm8"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Давайте откровенно. Конструкторы кажутся удобными, но они созданы не для вас, а для того, чтобы вы оставались в их экосистеме навсегда.","type":"unstyled","key":"aj7kk"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":39,"offset":0,"style":"BOLD"}],"text":"Что скрывается за красивым интерфейсом:","type":"unstyled","key":"8nfqn"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":19,"offset":0,"style":"BOLD"}],"text":"Пожизненная аренда: Вы платите каждый месяц, каждый год. За 3 года типичный конструктор обойдется вам в 40-70 тысяч рублей. Свой HTML-сайт на хостинге — 5-10 тысяч за тот же период.","type":"unordered-list-item","key":"57f8j"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":16,"offset":0,"style":"BOLD"}],"text":"Диктат шаблонов: Вы можете двигать блоки, но не можете изменить саму систему. Хотите нестандартную галерею? Необычную анимацию? Уникальную структуру? Вам откажет сам конструктор.","type":"unordered-list-item","key":"etlo1"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":15,"offset":0,"style":"BOLD"}],"text":"Проблемы с SEO: Google не любит сайты на конструкторах. Они часто генерируют медленный, раздутый код. Ваш сайт будет хуже ранжироваться.","type":"unordered-list-item","key":"4539p"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":21,"offset":0,"style":"BOLD"}],"text":"Проблемы с переносом: Захотите переехать — вы не сможете забрать свой сайт. Только контент. Дизайн, функционал, настройки останутся у сервиса.","type":"unordered-list-item","key":"c64u0"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":33,"offset":0,"style":"BOLD"}],"text":"HTML — это не сложнее. Это иначе. Вы не пишете код с нуля, как программист. Вы управляете готовыми компонентами, но делаете это на языке, который понимает весь интернет. ","type":"unstyled","key":"64g4h"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Это как разница между готовым фастфудом и домашней едой, где вы контролируете каждый ингредиент.","type":"unstyled","key":"d7s0e"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Конкретные выгоды, которые вы получите уже на старте","type":"header-two","key":"d4es4"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"1. Полный контроль над стоимостью","type":"header-three","key":"a19bs"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"С конструктором вы платите по тарифу. Нужна форма заявок? Переходите на дорогой тариф. Нужно больше места? Еще дороже. С HTML вы платите только за хостинг (от 150 рублей в месяц) и домен (около 1000 рублей в год).","type":"unstyled","key":"ehttm"},{"data":{},"depth":0,"entityRanges":[{"key":1,"length":29,"offset":164}],"inlineStyleRanges":[{"length":19,"offset":0,"style":"BOLD"}],"text":"Пример из практики:\nКлиентка Екатерина хотела сайт-портфолио для флористики. На конструкторе минимальный подходящий тариф — 2500 рублей в месяц (30 000 в год). Она освоила основы HTML за неделю, взяла готовую адаптивную тему за $20, адаптировала её. Затраты за первый год: хостинг 1800 + домен 900 + тема 1500 рублей = 4200 рублей. Экономия: 25 800 рублей.","type":"unstyled","key":"eapof"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"2. SEO с первых минут","type":"header-three","key":"9sbl3"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Поисковые системы читают HTML-код. Чем он чище и логичнее, тем лучше сайт индексируется. С HTML вы:","type":"unstyled","key":"9ke0g"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Сами прописываете заголовки H1-H6 (ключевой фактор ранжирования)","type":"unordered-list-item","key":"7ah8s"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Контролируете мета-теги","type":"unordered-list-item","key":"9aggq"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Оптимизируете изображения через атрибут alt","type":"unordered-list-item","key":"d8gtp"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Создаете семантически правильную структуру","type":"unordered-list-item","key":"efur6"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"В конструкторах вы ограничены в этих настройках. Система часто генерирует лишний код, который замедляет загрузку — а скорость тоже влияет на SEO.","type":"unstyled","key":"fh6l8"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"3. Уникальность, которую оценят клиенты","type":"header-three","key":"eu9lg"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Когда я вижу сайт на Tilda, я узнаю его за 3 секунды. Одинаковые блоки, стандартные анимации, предсказуемая структура. Ваш сайт сливается с тысячами других.","type":"unstyled","key":"34mrd"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"HTML позволяет создать действительно уникальный дизайн. Вы не ограничены библиотекой блоков. Хотите интерактивную карту с нестандартными маркерами? Анимированный фон из частиц? Нелинейную структуру презентации? С HTML это возможно без танцев с бубном.","type":"unstyled","key":"8esl0"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"4. Скорость загрузки = конверсия","type":"header-three","key":"c0lrr"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Средний сайт на конструкторе загружается 3-5 секунд. Каждая секунда сверх 2-х уменьшает конверсию на 7%. HTML-сайт, собранный грамотно, грузится за 1-2 секунды. Разница в 2 секунды — это до 14% потерянных клиентов.","type":"unstyled","key":"53nuu"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"5. Вы становитесь технически независимым","type":"header-three","key":"38uv"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Больше не нужно:","type":"unstyled","key":"4nqnq"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Ждать ответа поддержки конструктора","type":"unordered-list-item","key":"ecbpd"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Искать фрилансера для каждой мелкой правки","type":"unordered-list-item","key":"fhjnt"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Переплачивать за простые изменения","type":"unordered-list-item","key":"50r31"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Бояться, что сервис закроется или поменяет политику","type":"unordered-list-item","key":"cuoti"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Вы сами можете:","type":"unstyled","key":"2tufh"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Исправить опечатку за 30 секунд","type":"unordered-list-item","key":"6mdj0"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Добавить новую страницу за 10 минут","type":"unordered-list-item","key":"6uct3"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Изменить цвет кнопки без ожидания","type":"unordered-list-item","key":"4e1j3"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Перенести сайт на любой хостинг в любой момент","type":"unordered-list-item","key":"6ne5r"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"«Но я не программист!» — развеиваем главный страх","type":"header-two","key":"b3a3h"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"HTML — это не программирование. Это разметка. Разница принципиальная.","type":"unstyled","key":"af2ab"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":35,"offset":0,"style":"BOLD"},{"length":5,"offset":89,"style":"BOLD"}],"text":"Программирование (JavaScript, PHP): создание логики, вычисления, сложные взаимодействия.\nHTML: структурирование контента. «Это заголовок», «это абзац», «это ссылка», «это изображение».","type":"unstyled","key":"btac2"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Представьте, что вы редактор газеты. HTML — это ваши пометки: «здесь будет главная новость крупным шрифтом», «здесь фотография с подписью», «здесь продолжение на странице 5». Вы не печатаете газету, вы размечаете, как она должна выглядеть.","type":"unstyled","key":"bqd4e"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":28,"offset":0,"style":"BOLD"}],"text":"Что вам реально нужно знать:","type":"unstyled","key":"e5h8l"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"20 основных тегов (это меньше, чем неправильных глаголов в английском)","type":"unordered-list-item","key":"4q0hc"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Принцип вложенности (контейнеры внутри контейнеров)","type":"unordered-list-item","key":"bepi6"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Основы работы с атрибутами","type":"unordered-list-item","key":"98sn3"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Этому можно научиться за один уик-энд. Серьезно.","type":"unstyled","key":"dug2h"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Пошаговая дорожная карта: от нуля до работающего сайта","type":"header-two","key":"jpnh"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":30,"offset":0,"style":"BOLD"}],"text":"Неделя 1: Основы (10-12 часов)","type":"unstyled","key":"132i6"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"День 1-2: Что такое HTML, структура документа, заголовки, абзацы","type":"unordered-list-item","key":"aal2u"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"День 3-4: Ссылки, изображения, списки","type":"unordered-list-item","key":"8d33t"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"День 5-6: Таблицы, формы","type":"unordered-list-item","key":"193s9"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"День 7: Основы CSS (стили) — как задать цвет, шрифт, отступы","type":"unordered-list-item","key":"dahu5"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":32,"offset":0,"style":"BOLD"}],"text":"Неделя 2: Практика (15-20 часов)","type":"unstyled","key":"cb2rk"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Создаем структуру главной страницы","type":"unordered-list-item","key":"4ugj0"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Добавляем навигационное меню","type":"unordered-list-item","key":"d5g7e"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Работаем с разделами и статьями","type":"unordered-list-item","key":"90n76"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Подключаем готовые компоненты (кнопки, карточки)","type":"unordered-list-item","key":"7vkbg"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":29,"offset":0,"style":"BOLD"}],"text":"Неделя 3: Запуск (5-10 часов)","type":"unstyled","key":"7tb4m"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Выбираем хостинг и домен","type":"unordered-list-item","key":"6m8bi"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Загружаем файлы через FTP","type":"unordered-list-item","key":"fkk53"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Настраиваем базовое SEO","type":"unordered-list-item","key":"4173p"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Тестируем на разных устройствах","type":"unordered-list-item","key":"68pfi"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":19,"offset":0,"style":"BOLD"}],"text":"Итого: 30-40 часов. Меньше, чем один сезон сериала. Больше, чем вы потратите на борьбу с ограничениями конструктора за весь срок его использования.","type":"unstyled","key":"79ffs"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Инструменты, которые сделают процесс простым","type":"header-two","key":"uvdf"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":18,"offset":0,"style":"BOLD"}],"text":"Visual Studio Code — бесплатный редактор с подсказками (вы начинаете писать )","type":"ordered-list-item","key":"44khf"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":9,"offset":0,"style":"BOLD"},{"length":12,"offset":14,"style":"BOLD"}],"text":"Bootstrap или Tailwind CSS — готовые наборы стилей (берете красивую кнопку — меняете в ней текст)","type":"ordered-list-item","key":"5jc66"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":12,"offset":0,"style":"BOLD"}],"text":"GitHub Pages — бесплатный хостинг для старта","type":"ordered-list-item","key":"a4989"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":15,"offset":0,"style":"BOLD"}],"text":"Chrome DevTools — встроенные в браузер инструменты для отладки","type":"ordered-list-item","key":"8qalk"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Вы не пишете всё с нуля. Вы собираете из готовых, проверенных компонентов, как из Lego. Но в отличие от конструктора, вы можете менять сами детали.","type":"unstyled","key":"8rh4b"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Реальные примеры, что вы сможете сделать","type":"header-two","key":"3ui9i"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":42,"offset":0,"style":"BOLD"}],"text":"После 1 месяца изучения HTML вы создадите:","type":"unstyled","key":"dh1mg"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Сайт-визитку с портфолио","type":"unordered-list-item","key":"9qhqn"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Лендинг для услуги или продукта","type":"unordered-list-item","key":"c3lc9"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Блог с категориями и комментариями (на базе готовой CMS)","type":"unordered-list-item","key":"mlkc"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Каталог товаров с фильтрами","type":"unordered-list-item","key":"dca6n"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Сайт-резюме","type":"unordered-list-item","key":"3god0"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":40,"offset":0,"style":"BOLD"}],"text":"Бонусные возможности, которые откроются:","type":"unstyled","key":"2umue"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Создание email-рассылок, которые не попадают в спам (потому что код чистый)","type":"unordered-list-item","key":"aev23"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Правильная настройка метрик и аналитики","type":"unordered-list-item","key":"2iq31"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Интеграция с любыми сервисами через API","type":"unordered-list-item","key":"fup32"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Оптимизация под голосовой поиск и ассистентов","type":"unordered-list-item","key":"41jd3"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Что будет, если вы выберете конструктор?","type":"header-two","key":"675qi"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Вы сэкономите 30-40 часов на изучение. Но потеряете:","type":"unstyled","key":"f139s"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Тысячи рублей ежегодно","type":"unordered-list-item","key":"etea6"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Контроль над своим цифровым активом","type":"unordered-list-item","key":"d6s02"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Уникальность и скорость","type":"unordered-list-item","key":"7ijm5"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Возможность масштабирования","type":"unordered-list-item","key":"8fl4n"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Респект технических специалистов (да, это тоже важно)","type":"unordered-list-item","key":"epiai"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Через год-два вы упретесь в потолок конструктора. Захотите больше — придется переделывать всё с нуля. На этот раз — изучая HTML.","type":"unstyled","key":"c9l59"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Начните с малого, но правильного","type":"header-two","key":"ccs7h"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Не пытайтесь сразу сделать сложный интернет-магазин. Начните с одностраничного сайта-визитки. Вот ваш план на сегодня:","type":"unstyled","key":"ecei5"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Установите Visual Studio Code","type":"ordered-list-item","key":"2ja77"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Создайте файл index.html","type":"ordered-list-item","key":"32ubl"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Вставьте базовый код:","type":"ordered-list-item","key":"ah2ol"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"html","type":"unstyled","key":"8704i"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"\n\n\n Мой первый сайт\n\n\n

Добро пожаловать

Это мой сайт, который я сделал сам.

\n\n","type":"unstyled","key":"4l8vv"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Откройте его в браузере","type":"ordered-list-item","key":"80sef"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Вы только что создали работающий сайт. Примите поздравления.","type":"unstyled","key":"e2ods"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"HTML — это не преграда на пути к вашему сайту. Это самый короткий и надежный мост к нему. Он дает вам не просто сайт, а цифровой актив, который полностью вам принадлежит, который вы понимаете и которым управляете.","type":"unstyled","key":"c4s6r"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Потратьте месяц сейчас — сэкономите годы и десятки тысяч рублей в будущем. Создавайте не просто сайт. Создавайте собственность.","type":"unstyled","key":"815hn"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Выбор за вами: продолжать арендовать у конструктора коробочку для ваших идей или построить свой дом в интернете, где вы — полноправный хозяин.","type":"unstyled","key":"fviuh"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"1valu"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"marker","key":"1fIC0bssRmRdNbnLyX2e"}],"entityMap":{"0":{"data":{"url":"https://all-videouroki.ru/saytostroenie/besplatnii-videokurs-po-osnovam-html-mihaila-rusakova-uznai-kak-sozdat-svoi-sait"},"mutability":"MUTABLE","type":"LINK"},"1":{"data":{"url":"https://all-videouroki.ru/saytostroenie/besplatnii-videokurs-po-osnovam-html-mihaila-rusakova-uznai-kak-sozdat-svoi-sait"},"mutability":"MUTABLE","type":"LINK"}}},"mentions":[]}