Создание сайта на платформе TILDA. Мастер-класс

- 16:11Дополнительное образование, Мастер-класс, Методичка

В ходе мастер-класса участники знакомятся с конструктором сайтов Tilda, учатся создавать сайт объединения по интересам.

Юлия ШЕБАШЕВА,
методист II квалификационной категории
ГУО «Рогачевский районный центр творчества детей и молодежи»,
Гомельская область

 

 

 

 

Предлагаемый мастер-класс проводился в рамках областного конкурса профессионального мастерства педагогических работников «Методист года учреждения дополнительного образования детей и молодежи».

В ходе мероприятия участники знакомятся с конструктором сайтов Tilda, учатся создавать сайт объединения по интересам.

 

Цель: формирование начальных умений создания сайта с помощью конструктора Tilda.

Задачи:

– познакомить с возможностями конструктора сайтов Tilda;

– научить проектировать структуру и содержание сайта;

– научить редактировать созданный сайт;

– научить публиковать готовый сайт.

Участники: педагоги дополнительного образования, имеющие навыки работы на компьютере.

Продолжительность: 60 мин.

Форма работы: групповая.

Методы проведения: словесный (беседа, объяснение); наглядно-демонстрационный (демонстрация работы с помощью мультимедийного оборудования), практический.

Оборудование и материалы: ноутбук; мультимедийный проектор; персональные компьютеры с выходом в интернет; презентация (Приложение 1); электронный материал для участников (Приложение 2).

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

 

Технологическая карта мастер-класса

 

Список использованных источников

Справочный центр Тильды [Электронный ресурс]. – Режим доступа: https://help-ru.tilda.cc/. – Дата доступа: 01.03.2024.

 

 

Приложение 1

Презентация мастер-класса

 

  Приложение 2

Электронный материал

https://forms.gle/hQcqVM3sjrRzCCxw9
https://www.menti.com/alqy32qgefz2
Структура сайта объединения по интересам – Фотокружок «Юный фотограф»: https://clck.ru/39JxaW
Картинки для сайта: https://clck.ru/39RoCs

 

Приложение 3

Введение в тему

У некоторых из вас может возникнуть вопрос: «Зачем педагогу нужен персональный сайт?».

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

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

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

Сайт легко можно сделать с помощью простых сервисов (некоторые, к тому же, являются бесплатными).

Какие сервисы для создания сайта вам известны?

В интернете можно найти огромное количество сервисов, которые помогают создать персональный сайт. На слайде представлены наиболее популярные бесплатные конструкторы для создания сайта: Google Sites, Tilda, Wix, Битрикс 24, Weblium, Site123, uCoz.

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

 

Приложение 4

 

Краткий обзор конструктора

Tilda – конструктор, который позволяет быстро создавать сайты из блоков, не имея навыков программирования. 

Сайт можно создать с нуля или воспользоваться готовыми шаблонами.

Это платформа российских разработчиков. Конструктор на русском языке.

Созданными сайтами удобно пользоваться с планшета, смартфона.

Тарифный план Free позволяет создать 1 проект с количеством страниц – 50, объемом загруженных файлов – 50 Мб. Можно перейти на платные тарифы, которые предлагают больше возможностей.

Для создания сайта объединения по интересам вполне подойдет бесплатный тариф.

Прежде чем перейти к созданию сайта, необходимо определить:

– с какой целью вы хотите создать сайт;

– на кого будет ориентирован ваш сайт;

– какова будет его структура и содержание.

 

Приложение 5

Создание сайта

Мы будем создавать сайт объединения по интересам по готовому шаблону (см. электронный вариант «Структура сайта»).

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

Набираем в поисковой строке браузера: «Тильда сайт».

Переходим на сайт с адресом https://tilda.cc/ru/.

 

1. Регистрация

Если у вас нет своего аккаунта на Tilda, то необходимо пройти регистрацию, нажав на «Регистрация».

Вводим имя, электронную почту; придумываем пароль; нажимаем «Зарегистрироваться»; подтверждаем «Я не робот».

 

2. Создание и редактирование

Как только мы осуществили вход, появится окно «Создать новый сайт».

В окошке «Мой сайт» вводим свое название и нажимаем «Создать».

На нашем сайте пока нет ни одной страницы. Нажимаем «Создать новую страницу».

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

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

 

Сайт строится из блоков.

Создаем первый блок.

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

Нажимаем «Обложка» и появляются некоторые обложки. Выбираем обложку, которая нам подходит, например CR 01. Появляется блок с фоновым изображением и различным типом текста, который мы будем менять.

Меняем: заголовок, подзаголовок, описание (копируем текст из шаблона).

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

Меняем фоновое изображение, нажав на «Контент». Новое изображение можно найти в библиотеке или загрузить с компьютера. Мы будем загружать с уже подготовленной папки с картинками. После загрузки изображения нажимаем «Сохранить и закрыть». Также можно добавить фоновое видео.

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

Если нужно отменить последнее действие, нажимаем «Отменить» на верхней панели страницы.

Посмотреть сайт можно, нажав на «Предпросмотр».

Создаем второй блок.

Чтобы добавить следующий блок, нужно нажать на «Все блоки» или на «+».

Из предложенных блоков выбираем «Колонки», «Две колонки» и меняем контент.

Создаем третий блок.

Добавляем следующий блок «О проекте АВ 602», меняем изображение и описание, редактируем.

Создаем четвертый блок.

Добавляем блок «Текстовый блок Текст ТХ01» и редактируем.

Последнюю информацию добавим в виде ссылки на заранее подготовленную форму (на примере Google формы).

Блоки можно дублировать, удалять, менять местами.

Для просмотра сайта нажмите «Предпросмотр».

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

 

3. Публикация и тестирование

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

Нажимаем «Сохранить и продолжить».

 

Наш сайт находится во вкладке «Мои сайты». Мы создали одностраничный сайт. При желании можно добавить еще страницы (в бесплатной версии до 50 страниц), нажав «Создать новую страницу».

Новая страница появится ниже.

Через кнопку «Настройки» можно изменить название страницы.

 

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

 

Поделиться ссылкой:

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

Добавить комментарий