Курс по веб-дизайну · Урок 5 из 24
Многостраничный сайт на Тильде: меню, шапка и подвал
Автор курса — Данил Фимушкин.
Выпуск запланирован · 07.12.2026 · 19:00 МСК
Видео будет добавлено после подготовки выпуска. Ниже — программа и задания для самостоятельной работы.
Программа урока
Теория
- На какие 2 крупных блока делятся все фотографии
- 6 сайтов с бесплатными фотографиями для веб-дизайна
- Как искать и пользоваться сайтами с бесплатными фото?
- Что такое фотостоки и 5 основных сайтов с платными фото?
- Как не нарушать авторские права при использовании фото?
- Способы поиска фотографий для сайта с помощью метафоры
- Объект или метафора для поиска фото?
- 3 простых правила для поиска изображений для сайта
- Размер в пикселях, ориентация, тип файла для фотографий
- Лицензия creative commons для фотографий в Google
- Как и зачем сжимать фотографии в jpg и png без потери качества?
- Многостраничные сайты: зачем и из каких типовых страниц состоит?
- Из чего состоит типовая веб-страница?
- Что такое шапка и что в ней должно быть?
- Что такое подвал и как его правильно оформить?
Делаем вместе (по видео)
- Как создать главную страницу в Тильде
- Создаем страницу «О компании»
- Работа со страницей «Контактная информация»
- Настройка Блога в многостраничном сайте
- Создаем страницу «Услуги»
- Как добавить шапку с меню, чтобы она была на всех страницах сайта?
- Как сделать при нажатии на логотип главную страницу сайта?
- Создаем подвал с копирайтом и ссылками на страницы
- Как поставить фоновую картинку или видео в шапку сайта?
- Создаем блок с тремя колонками текста в Тильде
- Что такое иконки на сайте?
- Как использовать Linea io и Tilda Icons?
- Добавляем блок с командой на сайт
- Как редактировать расстояние между заголовком и текстом в стандартном блоке Tilda
- Добавляем видео в сайт
- Создание нового потока в сайте Tilda (блог)
- Как редактировать посты в потоках и выводить их в сайт?
- Публикуем многостраничный сайт в интернет
Практика после урока
1. Сделайте сайт из пяти страниц: главная, о компании, услуги, блог и контакты. Настройте общее меню, шапку и подвал, проверьте ссылки.
2. На отдельной странице проиллюстрируйте десять слов из задания с помощью фотографий и визуальных метафор.
3. Для тренировки наблюдательности найдите вне дома пять предметов или форм, напоминающих первую букву вашего имени, и сфотографируйте их.
Тильда для практики курса · партнёрская ссылка
Материалы курса в Telegram