Онлайн-курс для начинающихНачните в своём темпе

Создайте сайт для своей услуги с ChatGPT — от идеи до публикации

8 практических уроков, где нейросеть берет код на себя. Вы собираете сайт для своего дела без опыта в программировании и публикуете его в сети. Курс — 1 490 ₽ за весь доступ, один платёж.

Создать основу сайта бесплатно Первый экран, раздел услуг и контакт — без регистрации.Посмотреть курс и тарифы

Преимущественно текстовые уроки90 дней доступа · сайт делаете сами

Посмотреть полный учебный пример Пример из урока 7 с вымышленными данными.

Какие задачи решаем

Вы создаёте сайт для своего дела.
Курс помогает пройти каждый шаг.

Создать сайт
для своей услуги

Собрать описание, услуги, фотографии и контакт на одной странице.

Изменить дизайн
под себя

Подобрать цвета и шрифты, добавить свои тексты и фотографии.

Опубликовать сайт
в интернете

Проверить версию для телефона, подключить домен и HTTPS.

Примеры оформления сайтов

Рассмотреть примеры

LUMENФотографияПосмотреть

FORMAМебельПосмотреть

RITUALДетейлингПосмотреть

Начните с бесплатной основы сайтаСоздать основу сайта бесплатно

Три разных направления

Примеры сайтов

Фотожурнал, мебельное ателье и автомобильная студия.
Выберите проект — у каждого свой характер и своя идея.

Открыть целиком ↗

Фотография / живые истории

lumen

Кадры как отпечатки, яркий акцент и журнальная композиция. Сайт передаёт настроение ещё до первого сообщения фотографу.

Попробуйте в открытом сайтеПереключите маленькие фотографии — большая история изменится.

Коллаж и смена кадров
Галерея с просмотром
Версия для телефона

Посмотреть весь сайт

Демонстрационные проекты разработаны для курса. Бренды вымышленные. Примеры показывают варианты оформления и готовых взаимодействий; это не работы учеников и не обещание одинакового результата. Ваш сайт зависит от идеи, материалов и выполнения заданий.

Посмотреть программу

Программа курса

Продолжите экран из бесплатного практикума. Каждый урок заканчивается конкретным действием и проверкой результата.

Открыть бесплатный практикум

01Определите, что должно быть на вашем сайтеАудитория, действие, материалы, 5–7 блоков

Возьмёте ответы и task.txt из бесплатного практикума либо заполните шаблон с нуля. Уточните аудиторию, одно действие посетителя и структуру из 5–7 блоков.

На выходе: понятное задание без выдуманных фактов

02Получите первую страницу и откройте еёindex.html, styles.css, папки

Получите два рабочих файла — index.html и styles.css. Создадите папки проекта, сохраните код и откроете страницу в браузере без конструктора.

На выходе: index.html и styles.css, открывающиеся в браузере

03Переделайте сайт под себяСвои тексты, цвета, шрифты и точные правки

Замените выдуманные фразы на свои факты. Через точные запросы измените палитру, шрифты, размеры заголовков и композицию, сохранив рабочую версию.

На выходе: версия с вашими фактами, цветами и шрифтами

04Добавьте свои фотографииСкачивание, сжатие и локальные пути

Скачаете фотографии в папку images, уменьшите их вес и подключите относительными путями. Проверите, что изображения работают без VPN и чужих серверов.

На выходе: папка images и сайт, работающий без VPN

05Сделайте сайт удобным на телефонеПроверка 360–390 px: текст, кнопки, отступы

Проверите страницу на ширине 360 и 390 px. Исправите горизонтальную прокрутку, обрезанные слова и фотографии, мелкий текст, отступы и размер кнопок.

На выходе: сайт без горизонтальной прокрутки на экране 360 px

06Опубликуйте сайт и проверьте контактХостинг, домен, HTTPS и финальный чек-лист

Загрузите файлы на хостинг, подключите домен и HTTPS. Проверите ссылки, кнопки, контакт, мобильную версию и сохраните копию исходников.

На выходе: HTTPS-ссылка на сайт на вашем домене

07Добавьте анимацию из учебного примераПереходы, появление при прокрутке, reduced motion

Возьмёте папку starter, добавите движение по шагам и сравните с готовой версией. Проверите телефон и отключение анимации для тех, кому она мешает.

На выходе: анимация, которая помогает странице, а не отвлекает

08Подготовьте сайт к проверке авторомЧек-лист, резервная копия, готовая ссылка

Пройдёте сайт как посетитель: предложение, кнопки, телефон, HTTPS и отсутствие заглушек. Соберёте финальную версию и отправите её на письменную проверку.

На выходе: готовый сайт и предметный список правок от автора

Как проходит обучение

Текстовые инструкции, видеоразборы и готовые файлы для практики. Видео к части уроков уже подготовлены, остальные дополняются. Начатый бесплатный проект продолжаете в курсе; ИИ‑практикум помогает с точечными вопросами и ошибками.

Фрагмент урока 3Работа с правками

Как попросить нейросеть исправить сайт

Место: первый экран при ширине окна 390px.
Проблема: заголовок уходит за правый край.
Нужный результат: весь заголовок виден, текст не меньше 28px, кнопка расположена под пояснением, горизонтальной прокрутки нет.

В вашем темпе

Доступ к урокам
на 90 дней

Обучение уже началось. Можно присоединиться. Все 8 основных уроков открываются сразу после подтверждения оплаты. Доступ к странице курса — 90 дней, файлы можно скачать.

Обратная связь

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

В обоих тарифах есть проверка сайта. В расширенном — помощь по ходу работы в течение 7 дней с начала обучения или с покупки, если курс уже начался.

Иван ГавриловАвтор курса · WebsDevs

↗︎

Кто проверит сайт

Иван Гаврилов — автор курса.

Иван лично читает отправленную работу и отвечает письменно в кабинете: указывает конкретные проблемы, порядок исправлений и что проверить повторно.Проверка работы — до 3 рабочих дней.В тарифе с сопровождением вопросы также задаются в кабинете; ответ — до 24 часов в течение 7 дней поддержки.

Посмотреть реальную работу автора — WebsDevs

Демонстрационный пример проверки

«На телефоне заголовок перекрывает кнопку. В первом экране непонятно, какую услугу вы предлагаете. Контакт ведёт на заглушку. Сначала исправьте эти три пункта, затем снова проверьте ширину 390 px».

Это пример формата ответа, а не отзыв и не работа реального ученика.

Инструменты и расходы

Что нужно для обучения

Встроенный ИИ‑помощник рассчитан на уточнение запросов, небольшие фрагменты кода и поиск ошибок. Его лимит ответа — 1 200 токенов, поэтому он не заменяет инструмент, способный выдать большие HTML/CSS‑файлы целиком.

Нужно для прохождения

Компьютер · браузер · интернет

И доступный вам ИИ‑инструмент для работы с полными файлами.

ИИ‑инструмент

Платная подписка ChatGPT необязательна

В курс входит инструкция по её оплате из России, включая вариант с зарубежной картой.

Уже входит в цену

8 уроков · материалы · проверки

Стартовые файлы, чек‑листы, ИИ‑практикум и проверки по тарифу.

Возможные расходы

Домен · хостинг · подписка · комиссии

Внешние сервисы оплачиваются отдельно. До публикации можно работать локально бесплатно.

Что вы получите

Что входит в бесплатный практикум и курс

Без регистрации и карты

Попробовать бесплатно

Готовый пример без заполнения
Ваш черновик по шаблону
Настройка текста, цвета и оформления
Отдельная доступная ИИ-правка текста
ZIP с HTML, CSS и задачей

Попробовать первый экран бесплатно ↗︎

1 490 ₽ · один платёж

Пройти полный курс

8 практических уроков и рабочие файлы
Остальные разделы и ваши фотографии
Версия для телефона и рабочий контакт
Домен, HTTPS и публикация
Одна письменная проверка готового сайта
90 дней доступа к материалам

Купить базовый курс за 1 490 ₽ ↗︎

Тарифы

Обучение уже началось. Можно присоединиться. Все 8 основных уроков открываются сразу после подтверждения оплаты.
Один платёж, без автопродления.

Уроки и проверка готового сайта

Базовый

Проходите уроки в своём темпе и отправляете готовый сайт на письменную проверку автору.

1 490 ₽

Разово за весь курс · без автопродления

Все 8 уроков и файлы для практики
ИИ‑практикум: до 20 сообщений в день и 200 за доступ
Доступ к материалам на 90 дней
1 письменная проверка готового сайта
Письменный ответ в кабинете до 3 рабочих дней

Выбрать базовый Набор открыт · начинайте сразу

Уроки и помощь по ходу работы

С сопровождением

Три проверки: первый вариант, мобильная версия и сайт после публикации.

3 980 ₽

Разово за весь курс · без автопродления

Всё из базового тарифа
3 письменные проверки по этапам
Личные ответы автора и разбор проекта в период обучения
Ответ на вопрос до 24 часов в период поддержки
Проверка работы до 3 рабочих дней

Выбрать сопровождение До 10 учеников с сопровождением в потоке

Практический формат: уроки без воды, готовые файлы и разбор вашей работыДомен и хостинг при необходимости оплачиваются отдельно.

Поддержка в расширенном тарифе длится 7 дней с начала курса или покупки, если курс уже начался. Сам доступ к материалам сохраняется 90 дней. Проверки и вопросы письменные; звонки и выполнение сайта вместо ученика не входят.

Условия участия

Гарантия возврата

Пройдите курс, выполните практические задания и примените рекомендации после проверок. Если после этого у вас так и не получится собрать и опубликовать рабочий одностраничный сайт — вернём 100% стоимости обучения.

04 / Перед оплатой

Частые вопросы

Почему не просто спросить ChatGPT?

Один ответ нейросети не даёт последовательности и не проверяет результат. Здесь есть путь от задачи до публикации, рабочие файлы, разбор типичных ошибок, самостоятельные проверки и письменная проверка сайта автором.

Подойдёт без знания программирования?

Да, если вы делаете простой одностраничный сайт услуги или портфолио. Писать код с нуля не требуется, но придётся работать с папками и файлами по инструкции, проверять изменения и исправлять ошибки.

Можно пройти только с телефона?

Нет. Для полного курса нужен компьютер: на нём вы сохраните HTML и CSS, проверите размеры экрана и загрузите файлы на хостинг. Бесплатный практикум можно посмотреть с телефона, но это не заменяет компьютер для обучения.

Нужно покупать ChatGPT или другие сервисы?

Платная подписка ChatGPT и зарубежная карта не обязательны как первый шаг. Нужен доступный вам ИИ‑инструмент, который умеет работать с полными HTML/CSS‑файлами. Встроенный практикум входит в курс, но рассчитан на точечные вопросы и небольшие правки. Домен, хостинг, внешние подписки и комиссии при их использовании оплачиваются отдельно.

Что делать, если сайт не получится?

Сначала используйте проверку из урока и встроенный ИИ‑практикум. Затем отправьте работу автору в пределах лимита тарифа: он письменно укажет конкретные проблемы и порядок исправлений. Стопроцентный результат без выполнения заданий не гарантируется.

Можно вернуть деньги?

Напишите на gavrilov_1901@mail.ru с почты аккаунта и укажите номер заказа. Заявление рассматривается, а причитающийся возврат производится в течение 10 календарных дней по правилам действующей публичной оферты. Фиксированного штрафа за отказ нет.

Первый шаг — самый интересный

Ваша идея
заслуживает ссылки.

Начать с первого сайта