Как сделать сайт для школьного проекта: конструктор, свой код или оба

Можно ли школьнику сделать сайт в rillo?

Бесплатного тарифа «Старт» хватает для школьного проекта: платить и привязывать карту не нужно, а войти можно через аккаунт Google, Яндекс ID или VK ID. Регистрации по почте и паролю в rillo нет. Если аккаунта Google, Яндекса или VK ещё нет, его заводят у них, а не в rillo.

Школьнику проще делать сайт вместе со взрослым: родителем или руководителем проекта. В rillo входят через аккаунт Google, Яндекса или VK ID, а у этих сервисов свои правила о возрасте владельца аккаунта. Условия самого rillo записаны в оферте: прочитайте её вместе.

«Старт» даёт один сайт до 5 страниц на адресе имя.rillo.site, без срока. Внизу сайта стоит плашка «Этот сайт сделан в rillo», а при прокрутке в углу появляется маленький значок: убрать их можно только на Pro. Для проекта платный тариф не нужен.

Что требуют от сайта в школьном проекте?

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

Конструктор или свой HTML?

Конструктор подходит, когда проекту нужен готовый сайт с вашими материалами; свой HTML нужен, когда руководитель требует код, написанный вами. В rillo открыты оба пути: шаблон или описание для ИИ в первом случае и секция «HTML / CSS / JavaScript» во втором. Оба работают на бесплатном «Старте», с одной оговоркой про перенос файлов.

Первый путь — готовый сайт. Возьмите шаблон из каталога и замените тексты и фото своими; если в нём есть разделы про цены или запись, удалите их целиком. Можно и описать проект словами, тогда ИИ соберёт сайт сам. На «Старте» ИИ тоже работает, а сколько запросов осталось, видно в настройках аккаунта. Как составить описание по пунктам, показывает бриф для нейросети из семи пунктов: статья написана для владельцев небольшого дела, принцип тот же.

Тексты от ИИ — не ваши тексты. Перечитайте каждый факт и каждое число: ИИ может неточно пересказать вашу мысль, а отвечать за них вам.

Второй путь — свой код. В редакторе нажмите «Добавить секцию», в группе «Своя секция» выберите «HTML / CSS / JavaScript» и откройте редактор кода: там три вкладки, HTML, CSS и JS. Готовый файл загружает кнопка «Загрузить файл». Она берёт .html, .htm или .json до 400 КБ и раскладывает встроенные стили и скрипты по вкладкам. Отдельные style.css и script.js вставьте во вкладки сами.

Код работает в изолированной рамке на странице. Свои HTML, CSS и JavaScript в ней запускаются, а скрипты и стили по внешней ссылке, всплывающие окна и отправка формы — нет. Проекты на React, Vite или с npm секция не собирает: она принимает обычные файлы без сборки.

Если сайт из нескольких файлов уже готов, есть вход «Перенести сайт» → «Из Tilda / HTML»: он принимает .html, .htm и ZIP-архив. Режим «Точная копия» оставляет страницу как есть, но скрипты исходного сайта на «Старте» не публикуются, а в Pro работают. Меню и слайдеры на JavaScript на «Старте» могут не работать; страниц без скриптов оговорка не касается.

Какие пять страниц нужны сайту проекта?

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

Сайт открывается у каждого, кому вы дали ссылку. Показывать ли на странице «Об авторе» фамилию, школу и фото, решайте вместе с родителями и руководителем. Чтобы поисковики не показывали сайт, в «Настройках сайта» откройте «Индексация» и включите «Не индексировать сайт». Это просьба поисковикам, а по прямой ссылке сайт откроется.

Как сдать сайт: ссылкой, файлами или обоими способами?

Ссылку на сайт даёт кнопка «Опубликовать»: адрес имя.rillo.site откроется у любого, кому вы его пришлёте. Проверьте написание имени до первой публикации, потому что потом оно закрепляется за сайтом. Файлы — это ZIP-архив, и rillo отдаёт его на любом тарифе, «Старт» тоже.

В списке сайтов откройте меню карточки и нажмите «Скачать архив» или выберите «Скачать проект» в меню редактора. Внутри лежат index.html и по папке на каждую страницу, папка assets с картинками и шрифтами, файл rillo-project.json для возврата в редактор и README.txt с памяткой. Стили и скрипты уже внутри страниц, так что архив можно выложить на любой хостинг с обычными файлами. Подробнее — на странице про экспорт сайта в HTML.

У архива три оговорки. В скачанном сайте на «Старте» остаётся подпись «Этот сайт сделан в rillo». Формы в архиве выключены и показывают пометку. Ваш код из секции лежит на странице внутри рамки, а не отдельными файлами, поэтому исходные .html, .css и .js храните у себя. Если руководитель просит «ваши файлы», сдавайте их, а не архив из rillo.

Что написать про сайт в пояснительной записке?

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

Образец: шаблон

«Сайт собран в конструкторе rillo на бесплатном тарифе из готового шаблона. Структуру на пять страниц, все тексты, измерения и фотографии подготовил я, от шаблона взято только оформление. Сайт открывается по адресу [адрес], архив с файлами приложен к работе».

Образец: ИИ

«Первый вариант сайта конструктор rillo собрал по моему описанию проекта с помощью ИИ. Я проверил и переписал тексты, добавил свои измерения и фотографии, удалил разделы, которых нет в проекте. Источники указаны мной и проверены по первоисточникам».

Образец: свой код

«Сайт написан мной на HTML, CSS и JavaScript без шаблонов и конструкторов, исходные файлы приложены. Чтобы показать его по ссылке, я разместил код в секции «HTML / CSS / JavaScript» конструктора rillo на бесплатном тарифе: адрес [адрес] нужен только для публичного просмотра».

Пишите о сайте то, что сделали сами. Если тексты писал ИИ, так и напишите; если брали шаблон, назовите его. Сегодня достаточно двух шагов: задать руководителю три вопроса из таблицы выше и открыть бесплатный «Старт», чтобы собрать страницу «Тема и цель». Порядок от входа до публикации описан в руководстве «Как создать сайт с нуля».