Урок 12 Тильда

Добро пожаловать
в интерактивный урок

Poll

Проверьте, что у Вас готова страница "Новости". Если это не так, позовите преподавателя.
Пример правильно оформленной страницы: https://project7375592.tilda.ws/
У Вас должны быть следующие блоки:

меню (он же хедер), обложка с текстом и картинкой школы,

блок новостей с минимум двумя новостями (у всего блока заголовок "Новости",

у каждой отдельной новости есть свой заголовок и текст из 2-3 предложений),

подвал (он же футер).
У хедера и футера нет ничего на английском языке!

• Я готов(а)!

• Уже давно все сделал(а)!!!!

1. Откройте Настройки страницы Новости как на верхнем скриншоте справа.

2. Выберите раздел Действия и нажмите на Дублировать.

3. В открывшемся окне нажмите на оранжевую кнопку "Перейти к странице", чтобы перейти к редактированию

​

​Создание страницы Медиа

Poll

Открылась страница как Ваша первая, но название слева наверху с добавкой "Copy of"?

Если нет, позовите преподавателя

• Да, все получилось!

• Да, пошлите скорее дальше!!!

Давайте изменим название страницы на "Медиа"

​​Название страницы

​Обратите внимание, что у каждого блока есть своя корзинка. Нам необходимо удалить только Обложку и раздел Новости

​​Удалим лишние блоки

​У вас должны остаться только хедер и футер - они на всех страницах будут одинаковыми, поэтому в дальнейшем действия будут повторяться

​​Результат

Poll

Проверьте, что у Вас осталось ровно два блока - меню (хедер) и подвал (футер).

На фото пример того, что должно получиться

• Да, все так

• Дааааа

Медиа - это слово, которое объединяет фотогалерею, видеогалерею, музыку, документы, презентации и другие материалы

​

​Галерея

Давайте добавим Галерею на нашу страницу.

​Между меню и подвалом в центре нажмите на плюсик (первое фото).
Выберите блок Галерея, который Вам нравится.

​Галерея

Нажмем на кнопку "Контент" у блока Галереи и удалим все фотографии. Найдите минимум 3 фото Вашей школы (внутри и/или снаружи) и добавьте их по ссылке или загрузите с компьютера, предварительно скачав.
Если не помните ни один из этих способов, позовите преподавателя или попросить друга/соседа о помощи

​Галерея

Multiple Select

Проверим, всё ли готово

• Название страницы "Медиа"

• Меню находится вверху, подвал внизу

• Между меню и подвалом блок Галерея с минимум 3 фотографиями Вашей школы

Выйдите в список страниц Вашего сайта и с помощью настроек страницы сдублируйте страницу "Медиа". Также по оранжевой кнопке перейдите к странице

​

​Контакты

Меняем название страницы на "Контакты". Удаляем блок Галерея.

​

​Название страницы

Проверьте, что у Вас остались только Меню и Подвал.
Нажмите на плюсик между ними

​​Проверка

Добавьте любой блок Контакты, который Вам понравился, или как показано на картинке

Контакты

По кнопке "Контент" у появившегося блока редактируем текст. Информацию о номере телефона и почте школы Вы должны найти на сайте СВОЕЙ (!!!!!) школы. Позовите преподавателя, если возникнут трудности с этим.

​

Контакты

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

Контакты

Multiple Select

Давайте проверим себя.

На изображении пример того, что должно было получиться

• Меню и Подвал остались на своих местах, а блок Контакты посередине

• В блоке Контакты есть заголовок "Контакты" и номер телефона и/или адрес электронной почты школы

• Название страницы "Контакты"

Отлично! Мы уже близки к завершению! Осталось только сделать меню кликабельным

Меню

ПРЕДУПРЕЖДЕНИЕ. Так как мы не подтверждали почту и номер телефона, то даже после редактирования меню Вы так и не сможете попробовать перейти с одной страницы на другую, но я проверю, что технически Вы выполнили задание.

​Меню

Откройте редактирование Меню по кнопке "Контент".

​Раскройте "Список пунктов меню".
Мы сделали три страницы: Новости, Медиа и Контакты. Добавьте ссылки на них как показано в изображениях

Меню

Вы отредактировали меню на странице "Контакты", но проблема в том, что на других страницах ничего не изменилось. Добавьте ссылки в меню на оставшихся страницах (Новости и Медиа)

Ваш сайт готов!
Осталось его презентовать ♥

Презентация готового сайта

1. Представьтесь

2. Скажите название Вашего проекта (Мой проект - сайт школы №...)

3. Сравните свой сайт с сайтом Вашей школы: какие есть преимущества и недостатки у Вашего и Вашей школы сайтов

4. Расскажите о своем сайте: в какой программе делали, какой он - многостраничный или одностраничный, в чем преимущества выбранного типа, расскажите, какие термины Вам наиболее запомнились

5. Скажите о том, что завершаете свою презентацию. Можно добавить красивую цитату, подходящую к теме.

6. Не забудьте поблагодарить за внимание!

Спасибо за внимание!

И помните: если сильно захотеть, можно в космос улететь!
ДЕЙСТВУЙТЕ