Все курсы -> Верстка на HTML/CSS -> Основы вёрстки для веб-дизайнера
Длительность:
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. Мы регулярно обновляем информацию, а самые актуальные сведения вы можете получить по ссылкам рядом с каждым курсом.
Курс Школа курса Стоимость Мин. платёж в рассрочку Длительность Ссылка на курс
4.4
4,4 rating
229011 ₽ 7 387 ₽ 20 месяцев
5.0
5,0 rating
33000 ₽ 20 600 ₽ 2 месяца
4.3
4,3 rating
11970 ₽ Рассрочки нет 1 месяц
4.3
4,3 rating
15000 ₽ Рассрочки нет 1.5 месяца
5.0
5,0 rating
46800 ₽ 3 900 ₽ Не указана
4.4
4,4 rating
139403 ₽ 6 670 ₽ 9 месяцев
4.2
4,2 rating
990 ₽ Рассрочки нет 19 дней
4.2
4,2 rating
45000 ₽ 3 750 ₽ 3 месяца
4.1
4,1 rating
20500 ₽ 1 708 ₽ 1 месяц
5.0
5,0 rating
46800 ₽ 3 900 ₽ Не указана
4.4
4,4 rating
32133 ₽ 2 818 ₽ 6 месяцев
4.3
4,3 rating
71172 ₽ 1 977 ₽ 4 месяца
4.3
4,3 rating
65988 ₽ 1 833 ₽ 7 месяцев
4.3
4,3 rating
89027 ₽ 2 473 ₽ 5 месяцев
4.3
4,3 rating
185652 ₽ 5 157 ₽ 12 месяцев
4.4
4,4 rating
64718 ₽ 5 677 ₽ 6 месяцев
4.3
4,3 rating
111780 ₽ 3 105 ₽ 8 месяцев
4.2
4,2 rating
108000 ₽ 4 500 ₽ 18 месяцев
4.3
4,3 rating
132372 ₽ 3 677 ₽ 12 месяцев