|
 Название: Технология CSS Grid. Руководство по адаптивной верстке Автор: WebForMyself, Денис Булыга Год: 2019 Жанр: видеокурс Язык: Русский Продолжительность: 45:23:01 Описание: Верстка — это создание веб-страниц с помощью специальных языков. Это процесс перевода макета сайта, созданного дизайнером в графической программе, в HTML-страницу. При этом используются специальные языки, которые для этого предназначены: HTML, CSS, JavaSсript. CSS Grid — это мощная новая технология в верстке. Она позволяет быстро создавать динамические, отзывчивые, современные макеты на чистом CSS. При этом код чище и проще в поддержке, по сравнению с традиционными методами верстки. Grid Layout — это новая модель макета, которая обладает мощными способностями контролировать размеры и расположение блоков, а также их содержимого. Она представляет собой набор горизонтальных и вертикальных линий, которые образуют сетку, состоящую из рядов и колонок. Технология основана на разделении пространства для макета на столбцы и строки, а также на использовании предсказуемого поведения размеров. Grid позволяет точно позиционировать и масштабировать блоки контента в областях сетки, получаемых при пересечении этих столбцов и строк. Таким образом, получаем очень гибкое поведение верстки при адаптации. В видеокурсе находится вся необходимая информация, как для новичков, так и более продвинутых разработчиков, изучив которую, можно начать самостоятельно заниматься версткой сайтов c нуля на достаточно продвинутом уровне. Благодаря курсу новички в сжатые сроки могут изучить HTML, CSS и новейшие технологии верстки, чтобы в последующем постепенно начинать верстать более сложные макеты. В этом пособии представлены самые актуальные в 2019 году и ближайшей перспективе технологии для верстки: Flexbox и CSS Grid. При этом все рутинные процессы автоматизированы при помощи последней версии Gulp 4. В практической части курса показана верстка двух страниц: Landing Page и главной страницы сайта-визитки студии. Вся работа будет начинаться с нуля – начиная от создания проекта и нарезки изображений в Photoshop и заканчивая написанием HTML-разметки, созданием сетки, стилизацией и адаптацией верстки. Формат видео: MP4 Видео: AVC/H.264, 1280x720, ~155-454 Kbps Аудио: AAC, 2 ch, 126 Kbps |