Иногда хочется сделать что-то прикольное: не для учёбы, не для работы, а просто чтобы скинуть друзьям ссылку и сказать:
«Смотри, я это сам сделал».
Один из самых простых и весёлых вариантов — сайт-тест. Например:
«Какой ты персонаж Minecraft».
Ниже — пошагово, по-человечески, без заумных слов. Делай так же — и у тебя тоже будет настоящий сайт с тестом.
Идея теста
Суть простая:
- несколько вопросов,
- варианты ответов,
- в конце результат: персонаж Minecraft + описание.
Люди любят такие штуки. Особенно если результат смешной и его хочется скинуть в чат.
Шаг 1. Придумываем тест с помощью нейросети
Самое удобное — не выдумывать всё самому, а сразу попросить нейросеть.
Просто копируешь и вставляешь этот запрос:
Придумай тест «Какой ты персонаж Minecraft».
Нужно:
– 8 персонажей Minecraft (Стив, Алекс, Крипер, Эндермен, Ведьма, Скелет, Зомби, Пиглин)
– 6 вопросов
– у каждого вопроса 4 варианта ответа
– тест должен быть шуточный, для друзей
– каждый вариант ответа должен логично вести к персонажам
В конце выведи:
1) список персонажей
2) вопросы с вариантами
3) короткое описание каждого персонажа
Через минуту у тебя уже есть готовая логика теста.
Шаг 2. Делаем результаты смешными (чтобы хотелось делиться)
Чтобы тест реально зашёл, результаты должны быть не скучными.
Вот запрос, который делает их живыми:
Перепиши описания персонажей Minecraft так, чтобы:
– было коротко (3–4 предложения)
– с юмором
– без злобы
– чтобы результат хотелось заскринить и отправить друзьям
Формат:
Название персонажа
Описание
Фраза «Это ты, если…»
Теперь каждый результат выглядит как мем, а не как школьное сочинение.
Шаг 3. Превращаем тест в настоящий сайт
Теперь самое интересное — делаем сайт.
Вот запрос, который создаёт полностью готовый сайт-тест:
Сгенерируй сайт-тест «Какой ты персонаж Minecraft» в одном файле index.html.
Требования:
– HTML + CSS + JavaScript в одном файле
– адаптивный под телефон
– вопросы показываются по очереди
– кнопки с вариантами ответов
– после последнего вопроса показывается результат
– простой и аккуратный дизайн
– без сторонних библиотек
– используй персонажей и вопросы из теста выше
Нейросеть выдаёт код.
Сохраняешь его в файл index.html.
Шаг 4. Проверяем тест у себя
Делается элементарно:
1. сохраняешь файл,
2. открываешь его двойным кликом,
3. проходишь тест сам.
Если всё работает — у тебя уже есть полноценный сайт, просто пока без ссылки.
Шаг 5. Делаем ссылку, чтобы скидывать друзьям
Чтобы тест можно было отправлять кому угодно, его нужно выложить в интернет.
Для таких простых сайтов подходит обычный хостинг. Я использовал Beget — туда можно просто загрузить HTML-файл, без сложных настроек. Там всё очень просто и есть бесплатный период https://beget.com/p720324/hosting/virtual
Загружаешь index.html — и всё, появляется ссылка на твой тест.
Как сделать тест ещё круче (по желанию)
Если хочется прокачать:
- добавить кнопку «Пройти ещё раз»
- сделать кнопку «Скопировать ссылку»
- добавить случайные фразы, чтобы результаты отличались
Запрос для этого простой:
Добавь в сайт-тест:
– кнопку «Пройти ещё раз»
– кнопку «Скопировать ссылку»
– случайную фразу внутри каждого результата
Сделай максимально просто.
Зачем вообще это делать
Потому что:
- это реально делается за вечер
- выглядит как «настоящий сайт»
- можно показать друзьям
- это прикольный опыт
И самое главное — после такого проекта уже не страшно делать что-то своё дальше.
Если один раз попробуешь, дальше идеи будут появляться сами: другие игры, аниме, тесты для друзей, шутливые сайты.
А всё начинается с одного простого файла и пары правильных запросов.