18. Как показать сайт друзьям
У тебя уже есть свой сайт — классная работа! Теперь самое интересное — показать его друзьям, родителям или даже всему миру!
Когда ты делишься своим сайтом, ты показываешь не просто код — ты делишься своей идеей!
Шаг 1. Проверь сайт на своём компьютере
Перед тем как показывать сайт другим, убедись, что он открывается без ошибок:- Открой файл index.html двойным щелчком — он должен открыться в браузере.
- Проверь, что картинки загружаются, кнопки работают, ссылки ведут туда, куда нужно.
- Если что-то не работает — посмотри консоль (F12 → Console). Ты уже знаешь, как!
Шаг 2. Самый простой способ — отправить папку
Ты можешь просто отправить друзьям папку с сайтом. Пусть они откроют файл index.html у себя — и увидят твоё творение!- Собери все файлы (HTML, CSS, картинки) в одну папку.
- Щёлкни по папке правой кнопкой → Отправить → Сжать (ZIP).
- Теперь можешь отправить архив по почте, в Telegram или на флешке!
Важно: не отправляй ничего лишнего (пароли, документы и т.д.) — только файлы сайта!
Шаг 3. Покажи сайт на телефоне
Если у тебя телефон, можно открыть сайт прямо на нём:- Передай себе папку через мессенджер или кабель.
- Открой файл index.html — браузер сразу покажет твой сайт.
- Можно даже включить Wi-Fi-сервер через специальные приложения (например, KSWEB или Termux).
Шаг 4. Загружаем сайт в Интернет
Теперь — как стать настоящим веб-разработчиком и выложить сайт онлайн, чтобы любой мог его увидеть.Самый безопасный и бесплатный способ — GitHub Pages!
1️⃣ Создай аккаунт на GitHub
Зайди на https://github.com и зарегистрируйся (с помощью взрослого, если нужно). GitHub — это сайт, где программисты хранят свои проекты.2️⃣ Создай новый репозиторий
После входа нажми New Repository → задай имя (например, my-site). Поставь галочку Public (чтобы сайт был виден всем) → Create repository.3️⃣ Загрузите файлы сайта
- Нажми Upload files.
- Перетащи в окно файлы из своей папки (index.html, style.css, images и т.д.).
- Нажми Commit changes.
4️⃣ Включи GitHub Pages
Теперь сделай сайт видимым:- Перейди во вкладку Settings.
- Выбери слева пункт Pages.
- В разделе Source выбери Deploy from branch.
- Укажи ветку main и папку /root.
- Нажми Save.
https://yourname.github.io/my-site/
Шаг 5. Альтернатива: локальный сервер
Если хочешь почувствовать себя настоящим веб-мастером, можно запустить сайт как «настоящий сервер»:- Скачай XAMPP или Laragon (с взрослым).
- Положи свой сайт в папку htdocs (у XAMPP).
- Открой в браузере http://localhost/ — сайт работает у тебя на компьютере!
Шаг 6. Безопасность прежде всего
- Никогда не публикуй свои пароли и личные данные.
- Если сайт с друзьями — показывай только то, чем гордишься.
- Если выкладываешь фото — выбирай безопасные, без адресов и телефонов.
Мини-проект
Создай сайт и поделись им с друзьями:- Размести его на GitHub Pages.
- Пусть друзья откроют ссылку и оставят отзыв.
- Добавь на сайт надпись «Привет от разработчика (твоё имя)!»
Проверь себя
- Что делает GitHub Pages?
- Как включить консоль в браузере?
- Почему нельзя делиться личными данными?