Уроки по теме «вёрстка» для начинающих
В каталоге хекслета найдено 61 урок по теме «вёрстка». Уроки по теме «вёрстка» есть в курсах: CSS: Адаптивность сайта, CSS: Transform (трансформация объектов), CSS: Вёрстка на Grid, HTML: Препроцессор Pug, CSS: Позиционирование элементов, SASS: Программирование, Основы HTML, CSS и веб-дизайна, SASS: Основы работы.
Урок «Элементы, теги и атрибуты»
В курсе «Основы HTML, CSS и веб-дизайна»
Изучить простую идею HTML и структуру элементов страницы.
Урок «Знакомство с HTML»
В курсе «Основы HTML, CSS и веб-дизайна»
Познакомиться с HTML и попробовать его в деле.
Урок «Chrome DevTools»
В курсе «Основы HTML, CSS и веб-дизайна»
Познакомиться с Developer Tools и веб-инспектором, удобным инструментом для анализа и редактирования страницы прямо в браузере.
Урок «Основы CSS»
В курсе «Основы HTML, CSS и веб-дизайна»
Научиться задавать оформление — стили — элементам HTML-страницы.
Урок «Верстальщик vs. веб-дизайнер»
В курсе «Основы HTML, CSS и веб-дизайна»
Познакомиться с курсом и рассмотреть специальности «верстальщик» и «веб-дизайнер» в контексте развития технологий.
Урок «Размещение на GitHub Pages»
В курсе «Основы HTML, CSS и веб-дизайна»
Освежить память по теме хостинга и разместить статичную страницу бесплатно на GitHub Pages.
Урок «div, span и display»
В курсе «Основы HTML, CSS и веб-дизайна»
Познакомиться с принципами, по которым элементы выводятся на страницу и получают определённый размер.
Урок «Каскад»
В курсе «Основы HTML, CSS и веб-дизайна»
Понять принцип, по которому стили собираются в один набор из разных источников.
Урок «Правило близости»
В курсе «Основы HTML, CSS и веб-дизайна»
Рассмотреть один из базовых принципов дизайна: правило близости или grouping/proximity principle.
Урок «Интеграция с соц. сетями и семантический веб»
В курсе «Основы HTML, CSS и веб-дизайна»
Рассмотреть инструменты разметки для лучшей интеграции с социальными сетями.
Урок «Структура страницы»
В курсе «Основы HTML, CSS и веб-дизайна»
Рассмотреть полную структуру целого HTML-документа, видимые и невидимые теги.
Урок «Относительное позиционирование»
В курсе «CSS: Позиционирование элементов»
Научиться использовать относительное позиционирование и узнать его особенности
Урок «Относительное и абсолютное позиционирование»
В курсе «CSS: Позиционирование элементов»
Узнать о связи абсолютного и относительного позиционирования. Научиться абсолютно позиционировать элемент относительно другого блока
Урок «Фиксированное позиционирование»
В курсе «CSS: Позиционирование элементов»
Научиться позиционировать элемент относительно самого браузера
Урок «Наложение элементов»
В курсе «CSS: Позиционирование элементов»
Узнать о наложении элементов, связи позиционирования и наложения
Урок «Абсолютное позиционирование»
В курсе «CSS: Позиционирование элементов»
Узнать о том, как выдернуть элемент из нормального потока
Урок «Поток документа»
В курсе «CSS: Позиционирование элементов»
Узнать о том, как браузеры отображают HTML, что такое нормальный поток документа
Урок «Введение»
В курсе «CSS: Позиционирование элементов»
Узнать о курсе
Урок «Плавающие элементы»
В курсе «CSS: Позиционирование элементов»
Узнать о плавающих элементах и их особенностях
Урок «Медиазапросы и другие устройства»
В курсе «CSS: Адаптивность сайта»
Узнать о том, для каких устройств возможно применять свои стили.
Урок «Flex»
В курсе «CSS: Адаптивность сайта»
Узнать о возможностях Flex при создании адаптивных макетов.
Урок «Медиазапросы»
В курсе «CSS: Адаптивность сайта»
Познакомиться с одним из самых мощных инструментов для создания адаптивных сайтов — Media Queries
Урок «Viewport»
В курсе «CSS: Адаптивность сайта»
Узнать о мета-теге viewport и как он помогает в адаптивности.
Урок «Гибкие элементы»
В курсе «CSS: Адаптивность сайта»
Познакомится с вёрсткой с использованием процентов.
Урок «Проверка адаптивности сайта»
В курсе «CSS: Адаптивность сайта»
Узнать о том, как проверить ваш сайт на различных устройствах.
Урок «Введение»
В курсе «CSS: Адаптивность сайта»
Узнать о курсе, посвящённом адаптивной вёрстке
Нашли 8 курсов по тегу «вёрстка»
CSS: Адаптивность сайта
Viewport
Гибкие макеты
Media Queries
7 часов
Посмотреть
CSS: Transform (трансформация объектов)
CSS Transforms
CSS перспектива
7 часов
Посмотреть
CSS: Вёрстка на Grid
вёрстка
CSS Grid
6 часов
Посмотреть
HTML: Препроцессор Pug
Шаблонизатор
вёрстка
Миксины
9 часов
Посмотреть
CSS: Позиционирование элементов
позиционирование
HTML-элементы
вёрстка
9 часов
Посмотреть
SASS: Программирование
Препроцессоры CSS
Функции SASS
7 часов
Посмотреть
Основы HTML, CSS и веб-дизайна
Developer Tools
Веб-дизайн
5 часов
Посмотреть
SASS: Основы работы
Препроцессоры CSS
Миксины
4 часа
Посмотреть
Вам могут быть интересны темы: Веб-дизайн CSS Grid CSS перспектива Viewport Шаблонизатор GitHub Pages CSS3 Миксины Developer Tools позиционирование HTML-элементы Трёхмерные объекты CSS адаптивность SCSS Расширение CSS Гибкие макеты Анимации Функции SASS CSS Transforms HTML HTML5 Препроцессоры CSS Media Queries Циклы SASS Pug SASS Сетки CSS Flex
HTML CSS верстка сайта Портфолио — ВебКадеми
Главная » HTML, CSS
HTML, CSS
На чтение 2 мин Просмотров 2. 1к. Опубликовано
В этом курсе вы сверстаете свой первый сайт на HTML и CSS. Он будет многостраничным, и адаптированным под просмотр на мобильных устройствах. Мы будем работать с дизайн макетом из программы Figma. Современный, легкий и более удобный аналог фотошопа, который не требует установки и работает прямо в браузере.
Этот курс подойдет для тех кто хочет научиться создавать сайты и хочет сверстать свой первый сайт.
Файлы с макетом для верстки
Чтобы получить файлы макета и готовой верстки, необходимо подписаться на курс: http://webcademy.ru/htmlsite/
1. Настройка редактора, знакомство с версткой. Уроки по верстке сайта Портфолио HTML CSS
В этом уроке познакомимся с основами HTML и CSS, которые пригодятся нам для верстки данного макета.