Курс: Основы вёрстки для веб-дизайнера
Название курса: Основы вёрстки для веб-дизайнера
Длительность:
1.5 месяца
Стоимость:
15 000 руб.
Выдаётся документ:
Сертификат об окончании обучения
Популярность школы:
высокая
Курс Основы вёрстки для веб-дизайнера со сроком обучения 1.5 месяца представлен школой GeekBrains. Популярность школы высокая, о ней написано 18 отзывов.
Стоимость курса 15 000 руб. при оплате сразу. Это один из 19 курсов в рубрике Верстка на HTML/CSS, который представлен в нашем каталоге курсов и школ. Ниже представлена более подробная информация о курсе.
Чему вы научитесь:
- Разбор макета для вёрстки. Общение с веб-разработчиком, разбор ошибок, в создании дизайна для вёрстки, добавление эффектов наведения и нажатия в макете, чем отличается frontend и backend разработчик, что необходимо frontend-разработчику, чтобы начать работать с макетом. mobilefirst разработка макета.
- Основы языка разметки документов HTML. Структура HTML-документа. Основные теги оформления текста. Простой пример HTML-странички. Пример сложной веб-страницы. Гиперссылки. Загрузка изображений на страницу. Списки. Формы и их элементы.
- Основы языка оформления стилей документа CSS. Что такое CSS. Синтаксис CSS. Способы объявления CSS. Селекторы (id, class, tag). Основные свойства стилей. Наследование и группирование свойств. Проверка подключения файла стилей. Создание эффектов наведения и активации на странице.
- Формирование блочной модели. Создание блочной структуры сайта. Отступы элементов (margin и padding). Обтекаемые элементы, как добавить эффект наведения на странице, создание контента с использованием css
- Работа с макетом. Знакомство с figma глазами frontend разработчика, какие стили не нужно копировать, при создании верстки. Основные функции и знакомство с визуальной версткой. Выделение основных частей макета. Верстка макета сайта при помощи блоков, подключение шрифтов из макета.
- Позиционирование элементов. Разбор технологии flexbox, вертикальное и горизонтальное центрирование элементов, адаптивное расставление блоков, гибкие параметры ширины для блоков, разбиение сайта на блоки для позиционирования, выставление элементов по проекту.
- Адаптация макета под планшетные устройства. Задание гибких размеров для всех блоков сайта, минимальные значения высоты для блоков с произвольным контентом, flex-grow, flex-basis параметры для блоков, работа с inline-flex элементами, создание медиа запросов для адаптивного сайта, особенности работы с flexbox адаптивного сайта.
- Создание адаптивного сайта. Адаптация текста под любое разрешение экрана, знакомство с новыми единицами измерения vh, vw, знакомство с bootstrap, создание адаптивного гамбургер меню с использованием bootstrap, разбор адаптивного сетки bootstrap, создание адаптивного слайдера с использованием bootstrap.
- Стандарты web и вспомогательные инструменты. Загрузка проектов на сервер. Стандарты HTML/CSS. Знакомство с js, php, что такое фремворк, что такое cms, для чего необходимы базы данных, чем отличаются статические и динамические страницы. Проверка нашего сайта на удобство вёрстки. Создание простой анимации на сайте, эффекты перехода и трансформации элементов нашего сайта.
- Разбор макета для верстки. Ответы на вопросы по курсу, как проверить свою верстку на ошибки, на что стоит обращать внимание при проверке сайта по вашему макету, знакомство с библиотекой jquery, создание слайдера на javascript.
Особенности курса:
- Понять, как происходит вёрстка, и освоить её базовые навыки
- Курс поможет вам понять, что происходит с готовым макетом: как его верстают, сколько времени занимает воплощение ваших идей и что надо предусмотреть на этапе проектирования.
- Что Вы получите: Видеозаписи всех онлайн-занятий, Методички и практические задания, Общение с одногруппниками, Сертификат об окончании обучения
Другие курсы Верстка на HTML/CSS
Выбирайте из представленных онлайн-курсов по HTML и CSS. Мы регулярно обновляем информацию, а самые актуальные сведения вы можете получить по ссылкам рядом с каждым курсом.
| Курс | Школа курса | Стоимость | Мин. платёж в рассрочку | Длительность | Ссылка на курс |
|---|---|---|---|---|---|
 |
229011 ₽ | 7 387 ₽ | 20 месяцев | Курс на Skillbox |
|
 |
33000 ₽ | 20 600 ₽ | 2 месяца | Курс на Хекслет |
|
 |
11970 ₽ | Рассрочки нет | 1 месяц | Курс на GeekBrains |
|
|
|
15000 ₽ | Рассрочки нет | 1.5 месяца | Курс на GeekBrains |
|
|
|
46800 ₽ | 3 900 ₽ | Не указана | Курс на Хекслет |
|
|
|
139403 ₽ | 6 670 ₽ | 9 месяцев | Курс на Skillbox |
|
 |
990 ₽ | Рассрочки нет | 19 дней | Курс на Нетология |
|
 |
45000 ₽ | 3 750 ₽ | 3 месяца | Курс на Otus |
|
 |
20500 ₽ | 1 708 ₽ | 1 месяц | Курс на LoftSchool |
|
|
|
46800 ₽ | 3 900 ₽ | Не указана | Курс на Хекслет |
|
|
|
32133 ₽ | 2 818 ₽ | 6 месяцев | Курс на Skillbox |
|
|
|
71172 ₽ | 1 977 ₽ | 4 месяца | Курс на GeekBrains |
|
 |
65988 ₽ | 1 833 ₽ | 7 месяцев | Курс на SkillFactory |
|
|
|
89027 ₽ | 2 473 ₽ | 5 месяцев | Курс на GeekBrains |
|
|
|
185652 ₽ | 5 157 ₽ | 12 месяцев | Курс на GeekBrains |
|
|
|
64718 ₽ | 5 677 ₽ | 6 месяцев | Курс на Skillbox |
|
|
|
111780 ₽ | 3 105 ₽ | 8 месяцев | Курс на GeekBrains |
|
|
|
108000 ₽ | 4 500 ₽ | 18 месяцев | Курс на Нетология |
|
|
|
132372 ₽ | 3 677 ₽ | 12 месяцев | Курс на SkillFactory |