Верстаем landing page на HTML5 от GeekBrains

От: GeekBrains

Практический курс по освоению этапов вёрстки landing page на HTML5. Содержит 3 основных урока. Ориентирован на новичков в программировании и специалистов, работающих в сфере IT. Во время обучения студенты сверстают landing page, с нуля познакомятся с HTML5 и CSS3, разберутся в меню, списках и блоках на flex. Преподаватель научат позиционировать текст поверх изображения и создавать PSD-макет.

Сводка

Цена
0₽
Рассрочка
от 200₽
Статус
Идет набор
Длительность
Обучение в свободном режиме
Язык
ru

Описание курса

Верстать landing page на HTML5

- Применять Adobe Assets
- Ускорять написание HTML-разметки с помощью Emmet
- Нормализовать стили
- Подключать сторонние шрифты
- Центрировать элементы и фоновые изображения
- Использовать ссылки-якори
- Верстать списки, меню, блоки на Flex
- Позиционировать текст поверх изображений
- Создавать PSD-макет проекта и размещать результат работы на хостинг GitHub

О школе

GeekBrains
Отзывы 0
Информация
Компания основана в 2016 году. Официальный сайт https://geekbrains.ru. Мы собрали и проверили более 696 отзывов об онлайн курсах GeekBrains.

Программа курса

Урок 1. Верстаем landing page на HTML5. Часть 1
Темы урока: * **vs code** – пару слов о редакторе кода; * **adobe assets** – Фотошоп не нужен; * **emmet** – ускоряем написание HTML-разметки; * **HTML5** – где применять section, header, nav и другие новые теги; * **normalize.css** – нормализация стилей; * **Google fonts** – подключение сторонних шрифтов; * **vh** – единицы измерения; * **display flex** – как центрировать элементы.
Урок 2. Верстаем landing page на HTML5. Часть 2
Темы урока * less в редакторе vs code, * меню на flex, два варианта: only css, with js, * списки на flex, * использование ссылок-якорей.
Урок 3. Верстаем landing page на HTML5. Часть 3
На третьем уроке речь пойдет о: * live reload в vscode, * верстаем блоки на flex, * центрирование фоновых изображений, * разница между списками в html: ul(ol) и dl, * позиционирование текста поверх изображений.
Инструменты
HTML5
CSS3
adobe assets
Google fonts
Emmet

Отзывы

Еще не добавили ни одного отзыва