Размещение лендинга на бесплатном хостинге. Создание всплывающего меню и мобильной версии лендинга

ID60459

В ходе мастер-класса будет разобран процесс выкладывания лендинга на бесплатном хостинге для его размещения в сети, создание всплывающего меню (с помощью CSS-псевдокласса HOVER) и разворачивающегося меню (с помощью одной строчки кода на JavaScript (onClick) ), ,будет рассмотрен процесс создания адаптивной версии лендинга, использующей разный дизайн на широком экране стационарных устройств и на узком мобильных (на примере сворачивания горизонтального меню в мобильной версии в кнопку "с тремя полосками")

Мастер-класс пройдет в виде трансляции на платформе Microsoft Teams (просмотр по ссылке аналогично Youtube-трансляциям):
Это одна из серии трансляций, посвященных разным подходам к созданию лендингов: правка HTML и CSS вручную в текстовом редакторе; использования специальных визуальных редакторов; применение конструкторов сайтов.
Мастер-класс является одним из заключительных в серии ранее проевденных мастер-классов (видеозаписи которых вы можете посмотреть по ссылкам в описаниях соответсвующих им мероприятиям на Leader-ID):
1) Сравнение функционала программ Adobe Photoshop, Gimp и Интернет-сервиса Figma как инструментов создания дизайна лендингов
2) Создание дизайна лендинга в Adobe Photoshop и Gimp
3) Создание дизайна лендинга в Figma
4) Введение в HTML и CSS: минимальные знания тегов, атрибутов и свойств для верстки лендингов
5) Верстка лендинга в Adobe Photoshop: особенности авто-генерации HTML и CSS
6) Верстка лендинга на основе дизайна, созданного в Figma
7) Анимирование элементов лендинга с помощью CSS-псевдокласса HOVER

Спикеры

Начисление баллов за посещение мероприятия

1 балл

Организация работы

1 балл

PR

1 балл

Управление компетенциями

Рекомендованные мероприятия