{"draftJsState":{"blocks":[{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"(Продолжение\n\n","type":"unstyled","key":"8iuin"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":91,"offset":0,"style":"BOLD"}],"text":"13.2. Обзор бесплатных хостингов (например, GitHub Pages — объяснение максимально просто)\n\n","type":"header-three","key":"erfjg"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":41,"offset":0,"style":"BOLD"}],"text":"Введение: Ваш сайт бесплатно в интернете!","type":"unstyled","key":"a024h"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Представьте, что Вам подарили бесплатную квартиру в интернете для Вашего сайта! Бесплатные хостинги — это именно такие \"подарочные квартиры\", где Вы можете разместить свой сайт без оплаты. Сегодня мы разберём самый популярный бесплатный вариант — GitHub Pages.","type":"unstyled","key":"4caab"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"header-three","key":"fqdjh"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":57,"offset":0,"style":"BOLD"}],"text":"Часть 1: Что такое GitHub Pages? Очень простое объяснение","type":"header-three","key":"5v14s"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"header-three","key":"1n22v"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":65,"offset":0,"style":"BOLD"}],"text":"1.1. GitHub Pages — это как бесплатная витрина для ваших проектов","type":"header-three","key":"dh13t"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"html","type":"unstyled","key":"4s4id"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"

\uD83C\uDF81 GitHub Pages — это:

\n Реальный мир: Бесплатная витрина в торговом центре
\n Интернет: Бесплатное место для Вашего сайта
\n Что нужно: Только Ваши HTML/CSS файлы \n

","type":"unstyled","key":"el19u"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"header-three","key":"5d5t9"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":38,"offset":0,"style":"BOLD"}],"text":"1.2. Как это работает — простая схема:","type":"header-three","key":"49cvh"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"text","type":"unstyled","key":"rdiq"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"┌─────────────────────────────────┐ \n│ Ваш компьютер │ \n│ • index.html │ → Загружаете → \n│ • style.css │ файлы → \n│ • images/ │ → \n└─────────────────────────────────┘ → \n → \n┌─────────────────────────────────┐ → \n│ GitHub Pages │ ← Попадают ← \n│ ваш-логин.github.io │ на хостинг ← \n│ • index.html │ ← \n│ • style.css │ ← \n│ • images/ │ ← \n└─────────────────────────────────┘","type":"unstyled","key":"5hu74"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":58,"offset":0,"style":"BOLD"}],"text":"Часть 2: Почему именно GitHub Pages? 5 главных преимуществ","type":"header-three","key":"dcmq3"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"html","type":"unstyled","key":"cmc34"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"

\n 1. \uD83C\uDD93 Бесплатно — Никакой оплаты, всегда бесплатно \n

\n 2. ⚡ Просто — Загрузил файлы и сайт работает \n

\n 3. \uD83D\uDD12 Надёжно — От компании Microsoft \n

\n 4. \uD83D\uDCF1 Авто-обновления — Обновляется автоматически \n

\n 5. \uD83C\uDF10 Доступно сразу — Сразу по адресу username.github.io \n

","type":"unstyled","key":"2lv7k"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"header-three","key":"6om95"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":48,"offset":0,"style":"BOLD"}],"text":"Часть 3: Полная страница с пошаговым объяснением","type":"header-three","key":"8vhe1"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"html","type":"unstyled","key":"9pvm2"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":31,"offset":4864,"style":"ITALIC"},{"length":34,"offset":6463,"style":"ITALIC"},{"length":29,"offset":8167,"style":"ITALIC"},{"length":35,"offset":11189,"style":"ITALIC"},{"length":41,"offset":13268,"style":"ITALIC"},{"length":38,"offset":15164,"style":"ITALIC"},{"length":29,"offset":17153,"style":"ITALIC"},{"length":23,"offset":19257,"style":"ITALIC"},{"length":41,"offset":20458,"style":"ITALIC"}],"text":" \n \n \n \n Бесплатные хостинги: GitHub Pages для начинающих \n \n \n \n

\uD83C\uDF81 Бесплатные хостинги: Размещаем сайт бесплатно с GitHub Pages

\n\n

\n \uD83D\uDCA1 Основная идея: Не обязательно платить за хостинг, чтобы разместить свой сайт в интернете! Существуют бесплатные варианты, которые идеально подходят для обучения и личных проектов. \n

\n\n \n

1. Что такое GitHub Pages? Объясняем на пальцах

\n\n

\uD83C\uDFEA Простая аналогия:

GitHub Pages — это как бесплатная витрина в большом торговом центре (GitHub).

Вы получаете:

✅ Бесплатное место для своего сайта
✅ Красивый адрес ваш-логин.github.io
✅ Автоматическое обслуживание — всё работает само
✅ Защиту и надёжность от большой компании

\n\n

\uD83D\uDCC1

Ваши файлы

HTML, CSS, JavaScript файлы которые Вы создали

\n \n

\uD83D\uDD3C

Загружаете

Помещаете файлы в специальное хранилище

\n \n

\uD83C\uDF10

Получаете сайт

Ваш-логин.github.io — готовый сайт!

\n\n

\n https://ваш-логин.github.io \n

\n\n \n

2. Почему GitHub Pages идеален для начинающих?

\n\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n

Преимущество	Объяснение	Почему это важно
\uD83C\uDFAF Полностью бесплатно	Никаких скрытых платежей или ограничений по времени	Можно учиться и экспериментировать без риска
⚡ Простота использования	Просто загрузил файлы — сайт работает	Не нужно разбираться в сложных настройках
\uD83D\uDD12 Надёжность	От компании Microsoft, работает 24/7	Ваш сайт всегда доступен
\uD83D\uDCF1 Автоматическое обновление	Обновил файлы — сайт сразу меняется	Не нужно ничего перезагружать вручную
\uD83C\uDF10 Готовый домен	Сразу получаете красивый адрес	Не нужно покупать и настраивать домен

\n\n

\n \uD83D\uDCA1 Идеально для: Личных сайтов, портфолио, учебных проектов, блогов, сайтов-визиток, демонстрационных страниц. \n

\n\n \n

3. Пошаговая инструкция: Как создать сайт на GitHub Pages

\n\n

Создайте аккаунт на GitHub

Что делать: Перейдите на github.com и зарегистрируйтесь

Просто: Как регистрация в любой социальной сети

\n// Адрес для регистрации: \nhttps://github.com/signup \n\n// Что нужно: \n• Придумать логин (это будет часть Вашего домена) \n• Указать email \n• Придумать пароль \n

\n\n

Создайте новый репозиторий

Что такое репозиторий: Это как папка-хранилище для ваших файлов

Важно: Название должно быть ваш-логин.github.io

\n// Пример для пользователя ivanov: \nНазвание репозитория: ivanov.github.io \n\n// Обязательно: \n• Public (публичный) \n• Initialize with README (поставить галочку) \n

\n\n

Загрузите Ваши HTML файлы

Что загружать: Все файлы Вашего сайта

Обязательно: Главная страница должна называться index.html

\n// Структура файлов: \nivanov.github.io/ \n├── index.html (главная страница) \n├── style.css (стили) \n├── about.html (другие страницы) \n└── images/ (папка с картинками) \n └── photo.jpg \n

\n\n

Включите GitHub Pages

Где найти: Настройки репозитория → раздел Pages

Что сделать: Выбрать ветку \"main\" и нажать Save

\n// Путь в интерфейсе: \nYour Repository → Settings → Pages \n→ Source: Deploy from a branch \n→ Branch: main \n→ Save \n

\n\n

Готово! Ваш сайт работает

Адрес сайта: https://ваш-логин.github.io

Проверьте: Откройте этот адрес в браузере

\n https://ваш-логин.github.io \n

\n\n \n

4. Другие бесплатные хостинги — обзор альтернатив

\n\n

\uD83D\uDE80 Netlify

Простота: Очень простой, перетащи файлы

Домен: случайный.netlify.app

Плюсы: Супер-простой интерфейс

Для кого: Для абсолютных новичков

\n\n

\uD83D\uDD17 Vercel

Простота: Простой, похож на Netlify

Домен: случайный.vercel.app

Плюсы: Хорошая скорость

Для кого: Для современных проектов

\n\n

\uD83C\uDFAF GitLab Pages

Простота: Похож на GitHub Pages

Домен: ваш-логин.gitlab.io

Плюсы: Больше бесплатных возможностей

Для кого: Для тех, кто хочет альтернативу

\n\n

\uD83D\uDCDD Firebase Hosting

Простота: Средняя, нужно установить программу

Домен: случайный.web.app

Плюсы: От Google, много дополнительных функций

Для кого: Для более продвинутых пользователей

\n\n

\n \uD83C\uDFAF Рекомендация для начинающих: Начните с GitHub Pages или Netlify. \n Они самые простые в использовании и не требуют специальных знаний. \n

\n\n \n

5. Что МОЖНО и что НЕЛЬЗЯ на бесплатных хостингах

\n\n

✅ ЧТО МОЖНО

Статические сайты (HTML, CSS, JavaScript)
Личные блоги и портфолио
Учебные проекты и демо
Сайты-визитки и презентации
Документацию и инструкции
Онлайн-резюме и портфолио

\n\n

❌ ЧТО НЕЛЬЗЯ

Интернет-магазины с оплатой
Сайты с базой данных (PHP + MySQL)
Социальные сети и форумы
Сайты для бизнеса с высокой нагрузкой
Платформы для видео-хостинга
Сайты с бэкенд-логикой

\n\n

\n \uD83D\uDCE2 Важное ограничение: Бесплатные хостинги подходят только для статических сайтов. Это сайты, которые показывают готовые HTML-страницы без обработки на сервере. \n

\n\n \n

6. Сравнение: Бесплатный vs Платный хостинг

\n\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n

Параметр	Бесплатный хостинг	Платный хостинг	Что выбрать?
Стоимость	\uD83C\uDD93 Бесплатно	\uD83D\uDCB0 от 100 руб/месяц	Бесплатный для учёбы
Домен	ваш-логин.github.io	Любой домен (мой-сайт.ru)	Бесплатный для тестов
Поддержка	Форум, документация	Техподдержка 24/7	Платный для бизнеса
Безопасность	Хорошая	Высокая + SSL	Оба варианта надёжны
Функции	Только статические сайты	PHP, базы данных, почта	Платный для сложных проектов
Простота	✅ Очень просто	⚠️ Нужно разбираться	Бесплатный для начинающих

\n\n

\n \uD83C\uDF93 Для обучения: Начинайте с бесплатного хостинга. Когда Ваш проект вырастет и начнёт приносить доход, можно перейти на платный хостинг. \n

\n\n \n

\uD83C\uDFAF Практическое задание: Создай свой первый сайт на GitHub Pages!

\n\n

Размести свой HTML-проект в интернете бесплатно

\n \n

\uD83D\uDCCB Пошаговый план:

\n \n

\n Подготовь файлы сайта:
\n \n

\n\n

\n Зарегистрируйся на GitHub:
\n \n

\n\n

\n Твой будущий сайт будет доступен по адресу:
\n

\n https://твой-логин.github.io \n

\n\n

\n \uD83C\uDFC6 Цель задания: Создать аккаунт на GitHub и подготовить файлы для загрузки. \n В следующем уроке мы подробно разберём процесс загрузки файлов на GitHub Pages! \n

\n\n \n

7. Ответы на частые вопросы (FAQ)

\n\n

❓ Нужно ли знать программирование для использования GitHub Pages?

Ответ: НЕТ! Достаточно уметь создавать HTML и CSS файлы. Интерфейс GitHub очень простой.

\n\n

❓ Можно ли поменять дизайн сайта после размещения?

Ответ: ДА! Просто загрузите новые версии файлов, и сайт автоматически обновится.

\n\n

❓ Будет ли реклама на моём сайте?

Ответ: НЕТ! GitHub Pages не добавляет никакой рекламы на Ваши сайты.

\n\n

❓ Сколько сайтов можно создать бесплатно?

Ответ: Неограниченное количество! Один основной сайт и много проектных страниц.

\n\n

❓ Что делать, если я ошибся при загрузке файлов?

Ответ: Можно просто удалить неправильные файлы и загрузить заново. Это безопасно.

\n\n \n \n","type":"unstyled","key":"9l5e3"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"header-three","key":"b07cr"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":52,"offset":0,"style":"BOLD"}],"text":"Часть 7: Что Вы теперь знаете о бесплатных хостингах","type":"header-three","key":"csvjb"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":35,"offset":0,"style":"BOLD"},{"length":19,"offset":57,"style":"BOLD"},{"length":24,"offset":114,"style":"BOLD"},{"length":21,"offset":173,"style":"BOLD"},{"length":21,"offset":218,"style":"BOLD"},{"length":15,"offset":262,"style":"BOLD"},{"length":14,"offset":311,"style":"BOLD"}],"text":"✅ Понимаете, что такое GitHub Pages и как он работает\n ✅ Знаете преимущества бесплатных хостингов для обучения\n ✅ Видите пошаговый процесс создания сайта на GitHub Pages\n ✅ Знаете альтернативные бесплатные хостинги\n ✅ Понимаете ограничения бесплатных решений\n ✅ Можете сравнить бесплатные и платные хостинги\n ✅ Готовы создать свой первый сайт на GitHub Pages","type":"unstyled","key":"5gsek"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"header-three","key":"8f0gm"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":29,"offset":0,"style":"BOLD"}],"text":"Часть 8: Итоги и рекомендации","type":"header-three","key":"2ihpr"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":41,"offset":0,"style":"BOLD"}],"text":"\uD83C\uDFAF Ключевые выводы о бесплатных хостингах:","type":"unstyled","key":"ece60"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":30,"offset":0,"style":"BOLD"}],"text":"GitHub Pages — идеальный старт для начинающих","type":"unstyled","key":"dfiam"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":27,"offset":0,"style":"BOLD"}],"text":"Всё действительно бесплатно — никаких скрытых платежей","type":"unstyled","key":"asasf"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":21,"offset":0,"style":"BOLD"}],"text":"Процесс очень простой — не требует специальных знаний","type":"unstyled","key":"2hrla"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":21,"offset":0,"style":"BOLD"}],"text":"Надёжность обеспечена компанией Microsoft","type":"unstyled","key":"e1q00"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":31,"offset":0,"style":"BOLD"}],"text":"Идеально для статических сайтов — HTML, CSS, JavaScript","type":"unstyled","key":"ek01i"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":28,"offset":0,"style":"BOLD"}],"text":"\uD83D\uDCA1 Практические рекомендации:","type":"unstyled","key":"ouq"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":22,"offset":0,"style":"BOLD"}],"text":"Начните с GitHub Pages — это самый популярный и документированный вариант","type":"unstyled","key":"7f5f"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":24,"offset":0,"style":"BOLD"}],"text":"Используйте для обучения — можно делать сколько угодно учебных проектов","type":"unstyled","key":"6bnjk"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":18,"offset":0,"style":"BOLD"}],"text":"Создайте портфолио — прекрасное место для демонстрации ваших работ","type":"unstyled","key":"erhop"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":23,"offset":0,"style":"BOLD"}],"text":"Экспериментируйте смело — ничего не сломается, всё можно исправить","type":"unstyled","key":"9g960"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":44,"offset":0,"style":"BOLD"}],"text":"\uD83D\uDE80 Почему стоит начать именно с GitHub Pages:","type":"unstyled","key":"eh3sr"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":18,"offset":0,"style":"BOLD"}],"text":"Бесплатно навсегда — не нужно беспокоиться об оплате","type":"unstyled","key":"59kgs"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":22,"offset":0,"style":"BOLD"}],"text":"Профессиональная среда — этот навык пригодится в будущем","type":"unstyled","key":"131sf"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":16,"offset":0,"style":"BOLD"}],"text":"Интеграция с Git — познакомитесь с системой контроля версий","type":"unstyled","key":"4cfg6"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":18,"offset":0,"style":"BOLD"}],"text":"Большое сообщество — много учебных пособий и помощи","type":"unstyled","key":"apn37"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":16,"offset":0,"style":"BOLD"}],"text":"Масштабируемость — можно начать с простого и развивать проект","type":"unstyled","key":"ekh00"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":44,"offset":0,"style":"BOLD"}],"text":"\uD83D\uDCC8 Когда стоит переходить на платный хостинг:","type":"unstyled","key":"cchpl"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Когда \tсайт начинает приносить доход","type":"unordered-list-item","key":"6vgdc"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Когда \tнужны динамические функции (базы данных, \tPHP)","type":"unordered-list-item","key":"1seh"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Когда \tнужен красивый собственный домен","type":"unordered-list-item","key":"2usrg"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Когда \tпроект требует технической поддержки","type":"unordered-list-item","key":"5dl9o"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Когда \tтрафик становится очень большим","type":"unordered-list-item","key":"2niia"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":120,"offset":0,"style":"BOLD"}],"text":"Помните: Бесплатные хостинги — это прекрасная возможность научиться и создать свои первые проекты без финансовых рисков! \uD83C\uDF1F","type":"unstyled","key":"afbo1"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":104,"offset":0,"style":"BOLD"}],"text":"Теперь у Вас есть все знания, чтобы бесплатно разместить Ваш сайт в интернете и показать его всему миру! \uD83C\uDF89","type":"unstyled","key":"f7sos"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"(Продолжение следует)","type":"unstyled","key":"6mn0u"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"marker","key":"SI8ZkDPopROkYA3I0dQm"}],"entityMap":{}},"mentions":[]}