Знайдіть сайт-референс. Знайдіть в інтернеті сайт, дизайн якого вам подобається, і скопіюйте посилання.
Згенеруйте сайт у ChatGPT. Зареєструйтеся і надішліть промпт (шаблон нижче), підставивши своє посилання та опис себе.
Скопіюйте код. Натисніть «Копіювати» біля блоку коду у відповіді ChatGPT.
Створіть репозиторій на GitHub. Зареєструйтеся на github.com → «+» → «New repository». Ім'я — строго ваш_логін.github.io (це майбутня адреса сайту, змінити не можна). Опис — будь-який, режим — Public → «Create repository».
Відкрийте редактор коду. На сторінці репозиторія натисніть клавішу . (крапку) або кнопку «Code» → «Codespaces» — відкриється онлайн-версія VS Code.
Створіть index.html. У провіднику натисніть «новий файл», назвіть його рівно index.html і вставте код із ChatGPT.
Зафіксуйте зміни. Вкладка Source Control → напишіть повідомлення (наприклад, «Мій перший сайт») → Commit.
Синхронізуйте. Натисніть Sync Changes унизу і підтвердіть — код поїде на GitHub.
Зачекайте 1–2 хвилини і відкрийте ваш_логін.github.io — сайт уже в інтернеті! 🎉
Вдосконалюйте. Просіть ChatGPT: «зроби шапку липкою», «додай галерею», «поміняй кольори на сині». Щоразу просіть заново повний файл і повторюйте кроки 6–8.
Промпт для ChatGPT (шаблон)
Створи сайт, схожий на [ПОСИЛАННЯ НА САЙТ-РЕФЕРЕНС].
Але це має бути моя робоча сторінка. Розкажи про мене: [ВАША ІНФОРМАЦІЯ — чим займаєтесь, досвід], моя робота: [послуги/проєкти], контакти: [телефон, email, соцмережі], ціни на послуги: [ваш список].
Вимоги: все в одному файлі index.html (HTML + CSS всередині), адаптивний під телефон, сучасний дизайн.
⚠️ Репозиторій називайте точнологін.github.io — малими літерами, без пробілів. Тоді сайт відкриється за адресою https://ваш_логін.github.io