Как сделать сайт одноклассников в 2026: встреча выпускников

Сайт для своего класса, это одна страница: дата и место встречи, список выпуска, общая фотогалерея и форма «приду / не приду». С ИИ такая страница собирается за вечер, а стоит ноль, если разместить её на бесплатном хостинге. Ниже: что положить на страницу, как собрать фото со всех, где принять деньги на организацию и как закрыть страницу от посторонних. В конце разберём случай, когда человеку нужна не страница класса, а социальная сеть по образцу Одноклассников.

Что должно быть на странице класса

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

• Дата, время и адрес встречи, рядом кнопка со ссылкой на карту: ради этого страницу и открывают чаще всего.
• Форма «приду / не приду» с полем для имени и количества гостей.
• Список выпуска: кого нашли, кого ещё ищут. Живой список подталкивает людей писать организатору.
• Фотогалерея: школьные снимки и кадры с прошлых встреч.
• Блок про деньги: сколько собираем, на что и куда переводить.
• Контакт организатора: телефон или ссылка на чат, чтобы вопросы шли в одно место.

Чего на такой странице лучше не делать: регистрации с паролями, ленты новостей и своего чата. Всё это уже есть в общем чате класса, а на сайте только добавит вам работы.

Что собрать до того, как открывать ИИ

Вёрстку ИИ сделает за минуты, а содержимое за вас никто не придумает. Соберите его заранее, иначе половина блоков останется с текстом-заглушкой.

1. Список выпуска. Выпишите имена и фамилии в один столбик и отметьте, с кем связь есть, а с кем потеряна.
2. Дата, время и точный адрес. Проверьте адрес на карте и сохраните ссылку на точку.
3. Фотографии. Сложите их в одну папку и переименуйте по схеме photo-01.jpg, photo-02.jpg: так проще объяснить ИИ, что вставлять в галерею.
4. Сумма взноса и её расшифровка: аренда, еда, печать снимков, подарок классному руководителю.
5. Ссылка на форму подтверждения и ссылка на сбор денег. Их делают до сборки страницы, чтобы вставить сразу готовыми.

Отдельно про контакты. Телефоны и адреса одноклассников, это персональные данные, и выкладывать их в открытый доступ без согласия человека нельзя. Безопасная схема: на странице только имена, контакты держит у себя организатор и передаёт по просьбе. Если контакты всё же нужны на самой странице, спросите разрешение у каждого и закройте страницу от посторонних (как именно, дальше в тексте).

Промпт: страница за один заход

Задача типовая, её тянет любой чат с ИИ, который умеет отдавать готовые файлы. Просите один файл index.html со стилями внутри: тогда весь сайт, это один файл плюс папка с фотографиями, и выложить его можно куда угодно. Общий подход к таким страницам мы показывали в разборе сайта-приглашения с подтверждением участия, здесь промпт заточен под класс.

Сделай одну HTML-страницу для встречи выпускников школы №12, выпуск 2006 года.
Верни один файл index.html, стили внутри тега style, без внешних библиотек.
Секции по порядку:
1) шапка: «11 Б, выпуск 2006. Встреча 19 сентября 2026»;
2) дата, время и адрес, кнопка «Построить маршрут» со ссылкой на карту;
3) галерея из файлов папки photos: сетка, на телефоне одна колонка;
4) список выпуска: 28 имён, у части подпись «нашли», у остальных «ищем»;
5) блок «Подтвердите участие» с кнопкой на ссылку FORM_URL;
6) блок «Сбор на организацию»: сумма, расшифровка, кнопка на ссылку PAY_URL;
7) подвал: контакт организатора и дата обновления.
Стиль спокойный, крупный шрифт, тёмный текст на светлом фоне, адаптив от 320px.
В head добавь мета-тег robots со значением noindex, nofollow.

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

По теме: Как сделать QR-код сайта в 2026: генератор, печать и метки

Форма «приду / не приду», фото и деньги

Три вещи, которые не нужно программировать вообще: их закрывают готовыми сервисами, а на страницу ставятся обычные ссылки.

Подтверждение участия. Проще всего собрать через Яндекс Формы: конструктор бесплатный, для личных задач хватает обычного аккаунта Яндекса (разбор сервиса). Спрашивать стоит четыре вещи: имя и фамилию (в том числе девичью), придёте или нет, сколько человек с вами, телефон для связи. Ответы копятся в таблице, которую видите только вы.

Общий фотоархив. Собирать снимки в чате плохо: мессенджер жмёт качество, а файлы теряются в переписке. Сделайте общую папку на Яндекс Диске и выдайте одноклассникам доступ с правом редактирования, тогда они смогут загружать туда файлы сами (справка Яндекс Диска). Из этой папки вы отберёте 20-30 кадров для галереи, а полный архив оставите ссылкой.

Деньги на организацию. Переводы на личную карту вслепую собирать не стоит: их потом невозможно посчитать. В Т-Банке для этого есть сбор на общую цель: сумма от 1 000 ₽ до 100 000 000 ₽, под сбор автоматически открывается отдельный накопительный счёт, участникам уходит ссылка или QR-код, и перевести могут клиенты любого банка (справка Т-Банка). Похожие сборы есть и в других банках, смысл один: общие деньги видны отдельно от ваших личных.

На страницу в итоге ставятся три ссылки: на форму, на папку с фотографиями и на сбор. Кода для этого не нужно ни строчки.

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

Приватность: страница только по ссылке

Страница класса не должна находиться в поиске по фамилиям. Спрятать её от людей, которым дали адрес, нельзя, а вот убрать из поиска просто: в head добавляется мета-тег robots, а в корень сайта кладётся файл robots.txt. Яндекс прямо называет мета-тег robots способом запретить индексирование страницы (справка Вебмастера).

<!-- внутри тега head страницы -->
<meta name="robots" content="noindex, nofollow">

# файл robots.txt в корне сайта
User-agent: *
Disallow: /

Это защита от поисковиков, но не от человека со ссылкой. Если нужен настоящий замок, ставьте пароль: способы для статичной страницы мы разбирали в статье про пароль на сайте. Для встречи выпускников обычно хватает связки «неочевидный адрес плюс запрет индексации», а сам адрес рассылается в чате класса.

По теме: Как сделать безопасный сайт в 2026: чек-лист для сайта на ИИ

Где разместить бесплатно

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

• GitHub Pages: опубликованный сайт не больше 1 ГБ, мягкий лимит 100 ГБ трафика в месяц и 10 сборок в час (лимиты в документации GitHub). Адрес получается вида имя.github.io/klass2006.
• Cloudflare Pages: папку или zip-архив можно просто перетащить в окно браузера, без git и терминала (инструкция Cloudflare). На бесплатном плане: 500 публикаций в месяц, до 20 000 файлов в проекте, один файл не больше 25 MiB (лимиты Pages), фотографии укладываются в это с запасом.

Свой домен вроде klass2006.ru брать необязательно, встреча проживёт и на бесплатном адресе. Если всё же хочется красивого имени, порядок действий обычный, мы описывали его в разборе, как загрузить готовый сайт в интернет.

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

Если нужна соцсеть, а не страница класса

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

Разумный путь, если сервис всё же нужен: собрать маленькое ядро (профиль и общая лента), проверить, что им пользуются, и достраивать по частям. Из чего состоит такой сервис и в каком порядке его собирать, мы разбирали на примере сайта знакомств: устройство там почти то же самое.

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

Сколько времени займёт такая страница?

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

Можно ли обойтись чатом в мессенджере?

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

Нужно ли платить за домен и хостинг?

Нет. Для встречи достаточно бесплатного адреса на GitHub Pages или Cloudflare Pages. Платить имеет смысл только ради короткого запоминающегося имени сайта.

Как собрать фото у тех, кто не пользуется облаками?

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

Что делать со страницей после встречи?

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