{"draftJsState":{"blocks":[{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"(Продолжение)\n\n","type":"unstyled","key":"btqim"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":71,"offset":0,"style":"BOLD"}],"text":"13.3. Простая инструкция: как загрузить файлы своего сайта в Интернет\n\n","type":"header-three","key":"fgpua"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":34,"offset":0,"style":"BOLD"}],"text":"Введение: Ваш сайт выходит в свет!","type":"unstyled","key":"64f3a"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Представьте, что Вы написали книгу и теперь отправляете её в печать, чтобы все могли её прочитать. Загрузка файлов сайта в интернет — это такой же волнующий момент! Сегодня мы step-by-step разберём, как разместить Ваш HTML-сайт в интернете бесплатно.","type":"unstyled","key":"5oocl"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"header-three","key":"78j68"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":48,"offset":0,"style":"BOLD"}],"text":"Часть 1: Подготовка файлов — что нужно загружать","type":"header-three","key":"eoaet"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":31,"offset":0,"style":"BOLD"}],"text":"1.1. Проверяем структуру файлов","type":"header-three","key":"1tfer"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Перед загрузкой убедитесь, что у Вас есть все необходимые файлы:","type":"unstyled","key":"d1cj0"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"html","type":"unstyled","key":"7l2oj"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":44,"offset":0,"style":"ITALIC"}],"text":" \nмои-сайт/ \n├── \uD83D\uDCC4 index.html (главная страница - ОБЯЗАТЕЛЬНО!) \n├── \uD83C\uDFA8 style.css (стили Вашего сайта) \n├── \uD83D\uDCC4 about.html (дополнительные страницы) \n├── \uD83D\uDDBC️ images/ (папка с изображениями) \n│ ├── photo1.jpg \n│ ├── photo2.png \n│ └── background.jpg \n└── \uD83D\uDCC4 contacts.html (другие страницы)","type":"unstyled","key":"2kd4v"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":8,"offset":0,"style":"BOLD"},{"length":10,"offset":44,"style":"BOLD"}],"text":"❗ Важно: Главная страница ДОЛЖНА называться index.html — это стандарт для всех хостингов.","type":"unstyled","key":"2i3me"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"header-three","key":"aooc3"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":52,"offset":0,"style":"BOLD"}],"text":"Часть 2: Выбор способа загрузки — 3 простых варианта","type":"header-three","key":"fnd8a"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":44,"offset":0,"style":"BOLD"}],"text":"2.1. Вариант 1: GitHub Pages (рекомендуется)","type":"header-three","key":"4u1o8"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"\uD83C\uDD93 Бесплатно","type":"unstyled","key":"6svtn"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"⚡ Просто","type":"unstyled","key":"vuqk"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"\uD83D\uDD12 Надёжно","type":"unstyled","key":"betp7"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"header-three","key":"9f2v2"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":38,"offset":0,"style":"BOLD"}],"text":"2.2. Вариант 2: Netlify (очень просто)","type":"header-three","key":"7rgrq"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"\uD83C\uDD93 Бесплатно","type":"unstyled","key":"2m5sn"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"\uD83D\uDDB1️ Drag-and-drop (перетащил файлы — готово)","type":"unstyled","key":"ajirn"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"⚡ Автоматическая настройка","type":"unstyled","key":"8hn2a"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"header-three","key":"1e1be"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":61,"offset":0,"style":"BOLD"}],"text":"2.3. Вариант 3: Бесплатный хостинг (для первых экспериментов)","type":"header-three","key":"9k1qa"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"\uD83C\uDD93 Бесплатно","type":"unstyled","key":"1422p"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"\uD83D\uDCDD Обычно с рекламой","type":"unstyled","key":"65s8b"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"\uD83C\uDF93 Только для обучения","type":"unstyled","key":"fhjsf"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"header-three","key":"bvrvo"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":53,"offset":0,"style":"BOLD"}],"text":"Часть 3: Полная пошаговая инструкция для GitHub Pages","type":"header-three","key":"2k9e6"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"html","type":"unstyled","key":"cp7jg"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":26,"offset":5068,"style":"ITALIC"},{"length":31,"offset":6572,"style":"ITALIC"},{"length":32,"offset":8438,"style":"ITALIC"},{"length":27,"offset":12106,"style":"ITALIC"},{"length":29,"offset":14341,"style":"ITALIC"},{"length":38,"offset":17115,"style":"ITALIC"},{"length":34,"offset":19343,"style":"ITALIC"},{"length":52,"offset":21091,"style":"ITALIC"},{"length":28,"offset":22015,"style":"ITALIC"},{"length":83,"offset":22119,"style":"ITALIC"}],"text":" \n \n \n \n Простая инструкция: Как загрузить сайт в интернет \n \n \n \n

\uD83D\uDE80 Простая инструкция: Как загрузить файлы своего сайта в Интернет

\n\n

\n \uD83D\uDCA1 Основная идея: Загрузка сайта в интернет — это как отправить письмо по почте. Вы готовите конверт (файлы), указываете адрес (домен) и отправляете на почту (хостинг). Сегодня мы сделаем это вместе! \n

\n\n \n

1. Подготовка: Проверяем файлы перед загрузкой

\n\n

\n \uD83D\uDCC1 Ваша папка с сайтом должна содержать:
\n мои-сайт/
\n ├── index.html ← ОБЯЗАТЕЛЬНО!
\n ├── style.css
\n ├── about.html
\n ├── images/
\n │ ├── photo1.jpg
\n │ └── logo.png
\n └── contacts.html \n

\n\n

\n ❗ Проверьте перед загрузкой: \n

✅ Главный файл называется index.html
✅ Все картинки лежат в папке images/
✅ CSS файлы подключены правильно
✅ Все ссылки между страницами работают
✅ Проверили сайт на компьютере (открыли index.html в браузере)

\n\n

\uD83C\uDFAF Быстрая проверка:

Откройте файл index.html в браузере прямо с компьютера. Если всё отображается правильно — можно загружать!

\n \n

\n\n \n

2. Выбираем способ загрузки: 3 простых варианта

\n\n

\uD83C\uDFAF GitHub Pages (рекомендуем)

Сложность: \uD83D\uDFE2 Легко

Стоимость: \uD83C\uDD93 Бесплатно

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

Плюсы: Надёжно, профессионально, бесплатно

\n \n

\n\n

\uD83D\uDDB1️ Netlify Drop

Сложность: \uD83D\uDFE2 Очень легко

Стоимость: \uD83C\uDD93 Бесплатно

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

Плюсы: Просто перетащить файлы

\n \n

\n\n

\uD83D\uDCC1 FileZilla + Хостинг

Сложность: \uD83D\uDFE1 Средне

Стоимость: \uD83D\uDCB0 Платно

Домен: ваш-домен.ru

Плюсы: Свой домен, больше возможностей

\n \n

\n\n

\n \uD83D\uDCA1 Рекомендация для начинающих: Начните с GitHub Pages — это бесплатно, надёжно и даёт Вам важный навык работы с Git. \n

\n\n \n

3. Подробная инструкция: GitHub Pages

\n\n

Регистрация на GitHub

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

\n// Адрес для регистрации: \nhttps://github.com/signup \n\n// Заполните: \n• Username (логин) - запомните его! \n• Email address \n• Password \n

\n \n

\n\n

Создание нового репозитория

Репозиторий — это как папка-хранилище для ваших файлов

\n// После входа в аккаунт: \n1. Нажмите \"+\" в правом верхнем углу \n2. Выберите \"New repository\" \n3. Введите имя: ВАШ-ЛОГИН.github.io \n4. Поставьте галочку \"Add a README file\" \n5. Нажмите \"Create repository\" \n

\n Важно: Имя репозитория ДОЛЖНО быть в формате ваш-логин.github.io \n

\n\n

Загрузка файлов через веб-интерфейс

Самый простой способ — перетащить файлы прямо в браузере

\n// В Вашем репозитории: \n1. Нажмите \"Add file\" → \"Upload files\" \n2. Перетащите ВСЕ файлы Вашего сайта в окно \n3. ИЛИ нажмите \"choose your files\" и выберите файлы \n4. Прокрутите вниз и нажмите \"Commit changes\" \n

\n \n

\n \uD83D\uDCC1 Что загружать:
\n Перетащите ВСЕ файлы из Вашей папки:
\n • index.html
\n • style.css
\n • about.html
\n • ВСЮ папку images/
\n • Все остальные файлы \n

\n\n

Включение GitHub Pages

Активируем хостинг для ваших файлов

\n// В репозитории: \n1. Нажмите вкладку \"Settings\" \n2. В меню слева выберите \"Pages\" \n3. В разделе \"Source\" выберите \"Deploy from a branch\" \n4. Выберите ветку \"main\" \n5. Нажмите \"Save\" \n

\n\n

\uD83C\uDF89 Ваш сайт работает!

Через 1-2 минуты Ваш сайт будет доступен по адресу:

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

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

\n \n

\n ✅ Поздравляем! Ваш сайт теперь в интернете и доступен по постоянному адресу! \n

\n\n \n

3. Подробная инструкция: Netlify Drop

\n\n

Переход на Netlify Drop

Что делать: Откройте сайт Netlify Drop

\n// Адрес: \nhttps://app.netlify.com/drop \n

\n \n

\n\n

Перетаскивание файлов

Просто перетащите всю папку с сайтом в окно браузера

\n// Действия: \n1. Откройте папку с Вашим сайтом на компьютере \n2. Выделите ВСЕ файлы (index.html, style.css, images/ и т.д.) \n3. Перетащите их в окно Netlify Drop \n4. Отпустите кнопку мыши \n

\n\n

⏳ Ожидание загрузки

Netlify автоматически обработает Ваши файлы

\n// Процесс: \n• Файлы загружаются... \n• Netlify настраивает сайт... \n• Сайт публикуется... \n• Готово! \n

\n\n

\uD83C\uDF89 Сайт готов!

Netlify выдаст вам случайный адрес вида:

\n https://случайный-набор-букв.netlify.app \n

Скопируйте этот адрес — это Ваш сайт!

\n \n

\n ✅ Всё готово! Самый простой способ разместить сайт в интернете! \n

\n\n \n

3. Подробная инструкция: FileZilla + платный хостинг

\n\n

Подготовка данных от хостинга

Вам понадобятся данные от Вашего хостинг-провайдера:

\n// Данные FTP (обычно в панели управления хостингом): \n• Хост (Host): ftp.ваш-сайт.ru или IP-адрес \n• Имя пользователя (Username): Ваш логин \n• Пароль (Password): Ваш пароль \n• Порт (Port): обычно 21 \n

\n\n

Установка FileZilla

Скачайте и установите бесплатную программу FileZilla

\n// Скачать можно здесь: \nhttps://filezilla-project.org \n\n// Установка: \n1. Скачайте FileZilla Client \n2. Запустите установщик \n3. Следуйте инструкциям установки \n

\n \n

\n\n

Подключение к хостингу

Введите данные для подключения

\n// В FileZilla: \n1. Введите Хост, Имя пользователя, Пароль, Порт \n2. Нажмите \"Быстрое соединение\" \n3. Если данные верны — подключитесь к серверу \n

\n\n

Загрузка файлов

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

\n// Процесс загрузки: \n1. Слева — файлы на Вашем компьютере \n2. Справа — файлы на хостинге \n3. Найдите папку public_html или www на сервере \n4. Перетащите ВСЕ файлы сайта в эту папку \n

\n\n

\uD83C\uDF89 Проверка сайта

Откройте Ваш домен в браузере

\n https://ваш-домен.ru \n

\n ✅ Готово! Ваш сайт на платном хостинге работает! \n

\n\n \n

4. Проверка работы и устранение проблем

\n\n

\uD83D\uDD0D

Проверка сайта

Откройте Ваш адрес в браузере и проверьте:

✅ Открывается ли главная страница
✅ Работают ли переходы между страницами
✅ Отображаются ли картинки
✅ Применяются ли стили CSS

\n\n

⚠️

Частые проблемы

Если что-то не работает:

❌ Главная страница не index.html
❌ Неправильные пути к файлам
❌ Файлы загружены не в корень
❌ Не прошло время настройки

\n\n

\uD83D\uDD27

Решение проблем

Что делать если не работает:

✅ Подождите 5-10 минут
✅ Проверьте имя index.html
✅ Перезагрузите страницу (Ctrl+F5)
✅ Перезагрузите файлы

\n\n

\uD83C\uDFAF Тест-чеклист после загрузки:

\n \n

\n\n \n

5. Что делать после успешной загрузки?

\n\n

\uD83D\uDCF1

Проверить на телефоне

Откройте сайт на смартфоне — всё ли хорошо отображается?

\n\n

\uD83D\uDC65

Показать друзьям

Отправьте ссылку друзьям и попросите проверить

\n\n

\uD83D\uDCDD

Сохранить адрес

Запишите адрес сайта — он Вам ещё пригодится!

\n\n

\uD83C\uDF89

Поздравить себя

Вы только что разместили свой сайт в интернете!

\n\n

\n \uD83C\uDFC6 Поздравляем! Вы только что прошли один из самых важных этапов в веб-разработке — разместили свой сайт в интернете. Теперь весь мир может увидеть Вашу работу! \n

\n\n \n \n","type":"unstyled","key":"dmdss"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"header-three","key":"epo23"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":29,"offset":0,"style":"BOLD"}],"text":"Часть 7: Что Вы теперь умеете","type":"header-three","key":"5o7p6"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":28,"offset":0,"style":"BOLD"},{"length":26,"offset":43,"style":"BOLD"},{"length":25,"offset":98,"style":"BOLD"},{"length":23,"offset":154,"style":"BOLD"},{"length":21,"offset":208,"style":"BOLD"},{"length":27,"offset":264,"style":"BOLD"},{"length":27,"offset":316,"style":"BOLD"}],"text":"✅ Подготавливать файлы сайта к загрузке\n ✅ Выбирать подходящий способ загрузки для ваших задач\n ✅ Использовать GitHub Pages для бесплатного размещения\n ✅ Работать с Netlify Drop для сверх-простой загрузки\n ✅ Настраивать FileZilla для работы с платным хостингом\n ✅ Проверять работоспособность сайта после загрузки\n ✅ Устранять типичные проблемы при размещении сайта","type":"unstyled","key":"63m8d"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"header-three","key":"cc5d5"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":29,"offset":0,"style":"BOLD"}],"text":"Часть 8: Итоги и рекомендации","type":"header-three","key":"358kf"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":37,"offset":0,"style":"BOLD"}],"text":"\uD83C\uDFAF Ключевые моменты успешной загрузки:","type":"unstyled","key":"69bi7"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":45,"offset":0,"style":"BOLD"}],"text":"Главная страница ДОЛЖНА называться index.html — это стандарт","type":"unstyled","key":"9i38d"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":35,"offset":0,"style":"BOLD"}],"text":"Все файлы должны быть в одной папке — сохраняйте структуру","type":"unstyled","key":"aqmnu"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":24,"offset":0,"style":"BOLD"}],"text":"Проверяйте сайт локально перед загрузкой","type":"unstyled","key":"9kumt"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":27,"offset":0,"style":"BOLD"}],"text":"Используйте правильные пути к картинкам и CSS файлам","type":"unstyled","key":"ef52f"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":19,"offset":0,"style":"BOLD"}],"text":"Наберитесь терпения — некоторым хостингам нужно время на настройку","type":"unstyled","key":"2lb5a"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":26,"offset":0,"style":"BOLD"}],"text":"\uD83D\uDCA1 Профессиональные советы:","type":"unstyled","key":"30c21"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":22,"offset":0,"style":"BOLD"}],"text":"Начните с GitHub Pages — это бесплатно и даёт ценный опыт","type":"unstyled","key":"ao4vf"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":23,"offset":0,"style":"BOLD"},{"length":15,"offset":54,"style":"BOLD"}],"text":"Сохраняйте копии файлов на компьютере — всегда имейте резервную копию","type":"unstyled","key":"u6bt"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":32,"offset":0,"style":"BOLD"}],"text":"Тестируйте на разных устройствах — проверяйте как выглядит на телефоне","type":"unstyled","key":"5c94b"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":27,"offset":0,"style":"BOLD"}],"text":"Делитесь ссылкой с друзьями — получайте обратную связь","type":"unstyled","key":"fn14f"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":17,"offset":0,"style":"BOLD"}],"text":"Не бойтесь ошибок — всегда можно перезагрузить файлы заново","type":"unstyled","key":"de56e"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":37,"offset":0,"style":"BOLD"}],"text":"\uD83D\uDE80 Что делать после успешной загрузки:","type":"unstyled","key":"41j5k"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":25,"offset":0,"style":"BOLD"}],"text":"Добавьте сайт в портфолио — это Ваша первая работа в интернете!","type":"unstyled","key":"dqa5c"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":20,"offset":0,"style":"BOLD"}],"text":"Продолжайте улучшать — теперь Вы можете обновлять сайт когда захотите","type":"unstyled","key":"3ufsv"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":17,"offset":0,"style":"BOLD"}],"text":"Экспериментируйте — пробуйте разные дизайны и функции","type":"unstyled","key":"bv7kg"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":15,"offset":0,"style":"BOLD"}],"text":"Изучайте дальше — JavaScript, анимации, адаптивную вёрстку","type":"unstyled","key":"acen6"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":24,"offset":0,"style":"BOLD"}],"text":"Создавайте новые проекты — примените знания на практике","type":"unstyled","key":"1haeu"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":127,"offset":0,"style":"BOLD"}],"text":"Помните: Первая загрузка сайта в интернет — это как первый шаг ребёнка. Он может быть неуверенным, но это начало большого пути! \uD83C\uDF1F","type":"unstyled","key":"2jugh"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":91,"offset":0,"style":"BOLD"}],"text":"Теперь Ваш сайт живёт в интернете и доступен из любой точки мира — это огромное достижение! \uD83C\uDF89","type":"unstyled","key":"1uuf4"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"(продолжение следует)","type":"unstyled","key":"4msq"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"marker","key":"48sdoNldQpIuwSi1cQoJ"}],"entityMap":{}},"mentions":[]}