Направление СОФТИУМ · визуальное создание сайтов

Tilda/Mozello: от содержания к своей странице.

Ребёнок продумывает содержание, собирает страницу из визуальных блоков, настраивает оформление и публикует собственный сайт.

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

01 / О НАПРАВЛЕНИИ

Блок за блоком.
Своя страница.

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

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

В СОФТИУМ ребёнок не просто заменяет текст в готовом шаблоне. Он выбирает тему, определяет, для кого создаётся сайт, продумывает последовательность разделов и самостоятельно оформляет страницу. Наставник помогает разобраться с инструментами и подсказывает, как сделать сайт понятнее, но содержание и итоговый вид проекта определяет сам ребёнок.

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

02 / ЧТО МОЖНО СОЗДАТЬ

Сначала маленькая идея.
Потом свой проект.

Задания дают понятный результат, который можно запустить, изменить и показать близким.

01 Своя история

Сайт об увлечении

Рассказать о любимом занятии, игре, путешествии или другой интересной теме.

02 Проект

Страница события

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

03 Свои работы

Личное портфолио

Разместить собственные работы, рассказать о навыках и аккуратно представить результаты.

03 / ЧЕМУ НАУЧИТСЯ

Знания, которые
сразу идут в дело.

Не список терминов, а навыки, которые ребёнок применяет в своих программах.

01

Структура страницы

Разделять содержание на логичные блоки и располагать их в понятной последовательности.

02

Работа с контентом

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

03

Визуальная иерархия

Выделять главное с помощью размера, цвета, расположения и свободного пространства.

04

Единый стиль

Подбирать сочетающиеся шрифты, цвета, изображения и оформление разных разделов.

05

Адаптация страницы

Проверять, как сайт выглядит на компьютере, планшете и смартфоне.

06

Публикация проекта

Настраивать страницы, ссылки и навигацию, а затем размещать готовый сайт в интернете.

04 / КАК РАСТЁТ ПРОЕКТ

Шаг за шагом.
В своём темпе.

Наставник помогает разобраться и подсказывает следующий шаг, но проект остаётся работой самого ребёнка.

  1. 01

    Определить содержание

    Выбрать тему, цель будущего сайта и информацию, которую нужно показать посетителю.

  2. 02

    Собрать структуру

    Разделить содержание на экраны и расположить блоки в понятной последовательности.

  3. 03

    Оформить страницу

    Настроить текст, изображения, цвета, кнопки и общий стиль проекта.

  4. 04

    Проверить и опубликовать

    Посмотреть сайт на разных экранах, исправить недочёты и открыть страницу для посетителей.

05 / КОМУ ПОДОЙДЁТ

Если ребёнку хочется
понять и создать.

Хочется быстро увидеть сайт

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

Нравится работать с содержанием

Интересно подбирать тексты, изображения и решать, в каком порядке их показать.

Есть чувство стиля

Ребёнку нравится выбирать цвета, шрифты и искать подходящее оформление.

Хочется рассказать о своём

Есть увлечение, проект или работы, которые хочется представить на собственной странице.

ВОПРОСЫ О НАПРАВЛЕНИИ

Перед первым
занятием.

Нужно ли уметь программировать?

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

Ребёнок будет работать только с готовым шаблоном?

Нет. Готовые блоки помогают быстрее начать, но ребёнок самостоятельно выбирает их порядок, меняет содержание и создаёт собственное оформление.

Чем это направление отличается от HTML5 + JS + CSS?

В Tilda и Mozello сайт собирается визуально, а на направлении HTML5 + JS + CSS ребёнок создаёт структуру, оформление и интерактивные элементы с помощью кода.

Можно ли показать готовый сайт другим людям?

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

ПОПРОБОВАТЬ БЕЗ ДОЛГИХ РЕШЕНИЙ

Попробовать создать сайт на занятии

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

Записаться на пробное

Первое занятие — без сложных анкет

Записаться на пробное

Оставьте контакты — мы свяжемся, уточним интересы ребёнка и подберём подходящее время.