• У нас ещё есть ChatGPT/DALLE/VISION. Всё это бесплатно.

[Stepik] Руслан Брантов — Изучаем CSS: cоздание визуально привлекательных сайтов (2024)

vitriol0674

Команда форума
Разула в сердце
Живёт по соседству
Особенный
Спасибо от Разулы
Регистрация
13 Янв 2018
Сообщения
41.614
Реакции
684.884
Ra
130.234
[Stepik] Руслан Брантов — Изучаем CSS: cоздание визуально привлекательных сайтов (2024)
1721497701339.png

Чему вы научитесь
  • Создавать и применять стили к элементам веб-страницы, таким как цвета, шрифты, размеры, отступы и рамки, чтобы придать им эстетически приятный и согласованный внешний вид.
  • Использовать различные селекторы CSS для выбора и стилизации конкретных элементов или групп элементов на веб-странице.
  • Создавать адаптивные и отзывчивые веб-страницы, которые будут хорошо отображаться на различных устройствах и экранах.
  • Применять анимации и переходы для создания интерактивных и привлекательных эффектов на веб-странице.
  • Оптимизировать код CSS для повышения производительности и улучшения загрузки веб-страницы.
О курсе

Мой курс по CSS - это подробное введение в язык стилей для веб-разработки. В рамках этого курса ученики изучат основные концепции и техники CSS, необходимые для создания привлекательных и функциональных веб-страниц.

Курс начинается с освоения базовых правил и синтаксиса CSS, а также особенностей каскадности и специфичности правил. Ученики узнают, как применять стили к элементам HTML и создавать различные эффекты, такие как изменение цвета, размера и формы элементов, использование фоновых изображений и текстур, а также создание теней и градиентов.

Далее, курс переходит к адаптивному дизайну, где ученики изучат принципы создания веб-страниц, которые хорошо работают на различных устройствах и экранах. Ученики познакомятся с техниками медиазапросов CSS, которые позволяют создавать адаптивные макеты и медиазапросы, а также с подходами к адаптивному типографии и изображениям.

Курс также рассматривает различные техники позиционирования элементов, включая относительное, абсолютное и фиксированное позиционирование, а также использование flexbox и grid для создания гибких и сеточных макетов.

В завершение курса ученики изучат продвинутые темы, такие как анимация и переходы, оптимизация и производительность CSS-кода, применение препроцессоров CSS и других инструментов разработки.

В результате прохождения этого курса ученики приобретут глубокое понимание CSS и смогут создавать красивые, адаптивные и профессиональные веб-страницы с использованием различных техник и подходов CSS.

Для кого этот курс
Курс по CSS полезен для всех, кто хочет научиться создавать качественные и профессиональные веб-страницы с помощью CSS. Независимо от вашего уровня опыта или профессиональных целей, знание CSS будет полезным дополнением к вашему арсеналу навыков веб-разработки.

Начальные требования
Вы должны знать на базовом уровне язык HTML

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

Базовая теория

  1. Что такое CSS
  2. Тест №1
  3. Кэш-память браузера
  4. Цветовая модель RGB
  5. Тест №2
  6. Как добавить CSS на сайт и выбрать цвет
  7. Виды селекторов
  8. Наследование и шрифты
  9. Тест №3
  10. Каскадность
  11. Единицы измерения
  12. Работа с текстом. Часть 1
  13. Работа с текстом. Часть 2
  14. Блочная модель
  15. Тест №4
  16. Свойство overflow и схлопывание полей
Теория и практика
  1. Настройка фона
  2. Тест №5
  3. Создаем меню. Часть 1
  4. Создаем меню. Часть 2. Свойство margin
  5. Создаем меню. Часть 3. Свойство float
  6. Создаем меню. Часть 4. Псевдоклассы
  7. Раздел main. Часть 1. Свойства text-shadow и box-shadow
  8. Тест №6
  9. Раздел main. Часть 2. Свойства filter и transition
  10. Раздел main. Часть 3. Свойство border и переменные
  11. Раздел main. Часть 4. Свойство border-image
  12. Трейлер игры. Значения initial и inherit
  13. Тест №7
  14. Системные требования и рецензии на сайте. Flexbox
  15. Настраиваем таблицу и рецензии
  16. Селектор атрибутов. Настраиваем подвал сайта
  17. Тест №8
  18. Свойства animation и perspective
  19. Анимация. Практика
  20. Свойство position
  21. Тест №9
  22. CSS-сетка. Часть 1
  23. CSS-сетка. Часть 2
  24. CSS-сетка. Часть 3
  25. Медиа-запросы. Теория
  26. Медиа-запросы. Практика
  27. Бургер-меню. Теория и практика. Комбинаторы
  28. Тест №10
  29. Псевдоэлементы
  30. Бонус. Новое в CSS
980 Мб.

ИСТОЧНИК

Войти или Зарегистрироваться чтобы увидеть скрытый текст.



СКАЧАТЬ:

 

Похожие темы

Теги по которым нашли тему

  1. Stepik
Сверху