курс

CSS: Позиционирование элементов

6216 студентов 827 сообщений
Последнее обновление: 21 марта 2024
Курс CSS: Позиционирование элементов
3 900 ₽ в месяц
за все курсы Хекслета
Зарегистрироваться
  • Тренажер с практикой
  • Бессрочный доступ к теории
  • Асинхронный формат
    обучения

Включено в курс

8 уроков (видео и/или текст)
10 упражнений в тренажере
30 проверочных тестов
Помощь в «Обсуждениях»
Доступ к остальным курсам платформы

Чему вы научитесь

  • Управлять потоком документа, понимая, как работает браузер.
  • Применять на практике все виды позиционирования HTML-элементов.
  • Создавать интерактивные страницы, понимая саму суть верстки.

Описание

На этом курсе вы изучите позиционирование элементов. Вы узнаете больше об использовании относительного и абсолютного позиционирования. В итоге вы научитесь располагать элементы на странице, создавать модальные окна. Позиционирование пригодится, если вы решите создавать сложные графические стили, а так же заниматься анимацией. Знания из этого курса помогают программистам управлять расположением элементов на странице и самостоятельно менять месторасположение вне зависимости от расположения в HTML.

Позиционирование — следующий шаг в изучении верстки после базовых навыков разметки и стилизации. Теперь можно не только стилизовать элемент, но и разместить его вне стандартного места. Тема позиционирования проходит через всю верстку. Чтобы успешно в ней разобраться, используйте навыки, полученные при прохождении курсов:

  1. Основы современной верстки
  2. Основы верстки контента

Программа курса

Продолжительность 9 часов

Формат обучения

Испытания

Это практические задания, которые мы советуем выполнить после завершения курса. Задания помогут вам получить дополнительный опыт в программировании и закрепить полученные навыки. Обычно мы рекомендуем выполнить 3-5 испытаний. Но если не получается, не отчаивайтесь. Просто вернитесь к ним позже

#
Задание
% завершений
1
78%

Отзывы

Аватар пользователя gleb_smith
gleb_smith 29 марта 2023

Помню как мучался, делая аналог .padding-header из задания в первый раз. Изобретал велосипед через js: через функцию, которая отслеживает скролл и смещает контент. А оказывается всё просто =) Отличное задание и полезный пример, спасибо.


Аватар пользователя Александр
Александр 18 января 2023

"Красивое" задание!)))


Аватар пользователя Валентина
Валентина 28 февраля 2022

Привет. Благодарю что делитесь секретиками. Курс назад мне не хватало секретиков, теперь же не знаю запомню ли все )


Аватар пользователя Андрей Соколов
Андрей Соколов 16 августа 2021

Отлично, спасибо! Теперь в моей голове стало ещё немного меньше неструктурированной информации :) .


Аватар пользователя bombom70
bombom70 19 февраля 2020

Упражнение супер, заставляет подумать :)

Рекомендуемые программы

профессия
от 6 300 ₽ в месяц
Разработка фронтенд-компонентов для веб-приложений
10 месяцев
с нуля
Старт 4 апреля
профессия
от 9 900 ₽ в месяц
Разработка фронтенд- и бэкенд-компонентов для веб-приложений
16 месяцев
с нуля
Старт 4 апреля
профессия
новый
Автоматизированное тестирование веб-приложений на JavaScript
8 месяцев
c опытом
в разработке
Старт 4 апреля
профессия
Верстка с использованием последних стандартов CSS
5 месяцев
с нуля
Старт в любое время
профессия
от 6 300 ₽ в месяц
Разработка веб-приложений на Django
10 месяцев
с нуля
Старт 4 апреля
профессия
от 6 183 ₽ в месяц
Ручное тестирование веб-приложений
4 месяца
с нуля
Старт 4 апреля
профессия
от 6 300 ₽ в месяц
Разработка приложений на языке Java
10 месяцев
с нуля
Старт 4 апреля
профессия
от 5 025 ₽ в месяц
новый
Сбор, анализ и интерпретация данных
9 месяцев
с нуля
Старт 4 апреля
профессия
от 6 300 ₽ в месяц
Разработка веб-приложений на Laravel
10 месяцев
с нуля
Старт 4 апреля
профессия
от 5 840 ₽ в месяц
Создание веб-приложений со скоростью света
5 месяцев
c опытом
Старт 4 апреля
профессия
от 6 300 ₽ в месяц
Разработка бэкенд-компонентов для веб-приложений
10 месяцев
с нуля
Старт 4 апреля