Авторизация
Быстрая регистрация
Lorem ipsum dolor sit amet, consectetur adipiscing elit.Morbi adipiscing gravdio, sit amet suscipit risus ultrices eu.Fusce viverra neque at purus laoreet consequa.Vivamus vulputate posuere nisl quis consequat.
Курс: Основы вёрстки для веб-дизайнера
Название курса: Основы вёрстки для веб-дизайнера
Длительность:
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. Мы регулярно обновляем информацию, а самые актуальные сведения вы можете получить по ссылкам рядом с каждым курсом.
| Курс | Школа курса | Стоимость | Мин. платёж в рассрочку | Длительность | Ссылка на курс |
|---|---|---|---|---|---|
 |
246884 ₽ | 7 964 ₽ | 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 |