Урок 4
Структура сайта и адаптация верстки
Таймкод урока:

00:00 – введение создание структуры для сайта

1:20 – размер верстки

1:55 – создание аватарки

2:44 – сжатие картинки для сайта

3:00 – как узнать размер картинки

3:51 – загрузка картинки в проект сайта

4:55 – вставка текста

5:35 – изменение шрифта текста

6:19 – разбивка текста

7:50 – создание текста в кнопке

9:16 – выравнивание всех кнопок по горизонтали

9:45 – добавить кнопки на мессенджеры или звонок для заказа

10:31 – проверяем вид структуры на других устройствах

14:35 – Создание направляющей в мобильной версии верстки - одновременное нажатие Shift+Ctrl+H.

14:52 – выравнивание кнопок по вертикали с помощью направляющих.

23:24 – копирование ID блока

23:44 – настраиваем активацию кнопок

23:53 – настройка плавного перехода страницы

24:08 – создание своего адреса сайта

25:05 – создание ссылок для контакта

28:15 – создание блока прайс

33:50 – просмотр сайта в мобильной версии

34:35 – как сделать одинаковый размер в мобильной версии

37:30 – создание ссылки на два блока (якорная ссылка)

39:15 – как скрыть zeroblock кнопка Hide

40:15 – создание следующего блока «Отзывы». Добавлять через функцию галерея Add Galllery

40:45 – блок «Заказ услуги» создаем ссылки на мессенджеры, через функцию Add Shape
Посмотреть пример структуры
Домашнее задание: продумать, что вы разместите на своей мульти-ссылке.
Схематично расположить элементы/ нарисовать скелет сайта или создать его на Тильде. Прислать схему Вашего сайта, описание структуры или ручной набросок (фото) в чат пометкой #дз4

По возникающим вопросам можно писать в телеграм-чат курса