Udemy [Udemy] Курс дизайна веб-сайтов с помощью CSS (2023)

[Trinity]

[Udemy] Курс дизайна веб-сайтов с помощью CSS (2023)

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

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

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

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

После прохождения этого курса вы будете

1. Получите сертификат об окончании курса

2. Получите конкурентное преимущество на рынке труда

3. Уметь эффективно и результативно разрабатывать веб-сайт

4. Получите полное знание CSS для разработки веб-сайта в качестве разработчика интерфейса.

План курса «Дизайн веб-сайта с помощью CSS»

Учебная часть

01. Введение в курс «Дизайн веб-сайта с помощью CSS»

02. Термины CSS в части дизайна веб-сайта — 1

03. Термины CSS в части дизайна веб-сайта — 2

04. Настройка локальной среды для дизайна веб-сайта

05. Типы CSS

06. Синтаксис CSS, свойство и значение

07. Использование комментариев в CSS

08. Добавьте границу и измените цвет фона с помощью CSS

09. Добавьте фоновое изображение с помощью CSS

10. Добавьте изображение в определенную часть веб-страницы с помощью CSS

11. Работа с границами в CSS

12. Работа с маржей в CSS

13. Как изменить ширину, высоту и цвет фона с помощью CSS

14. Добавьте схему с помощью CSS на веб-сайт

15. Дизайн текста с помощью CSS в части дизайна сайта – 1

16. Дизайн текста с помощью CSS в части дизайна сайта – 2

17. Дизайн текста с помощью CSS в части дизайна сайта – 3

18. Работа со шрифтами CSS в дизайне сайта

19. Настройка иконок с помощью CSS на веб-сайте

20. Создайте базовую таблицу на веб-сайте

21. Базовый дизайн и форматирование таблиц, работа с HTML и CSS

22. Работа с границей таблицы и цветом с помощью CSS

23. Использование Column Span в дизайне таблицы

24. Обновите дизайн текста в диапазоне столбцов с помощью CSS

25. Работа с диапазоном строк в таблице с помощью CSS

26. Свяжите дизайн с CSS на сайте

27. Дизайн списка с помощью CSS на веб-сайте

28. Использование отображения CSS на сайте

29. Установите максимальную ширину с помощью CSS

30. Как исправить проблему переполнения с помощью CSS на сайте

31. Как использовать разные типы позиционирования с помощью CSS на сайте

32. Использование float с помощью CSS на сайте

33. Применение непрозрачности с помощью CSS к изображению

34. Создайте форму с помощью CSS на веб-сайте

35. Как создать градиентный фон с помощью CSS

36. Текстовая тень и эффект тени блока с помощью CSS

37. Как применить преобразование с помощью CSS на веб-сайте

38. Примените эффект перехода с помощью CSS на веб-сайте

39. Как добавить эффект анимации с помощью CSS на сайт

40. Оформить кнопку с помощью CSS на сайте

41. Добавьте пагинацию на сайт с помощью CSS

Часть проекта

42. Настройка локальной среды и планирование дизайна веб-сайта

43. Дизайн навигационного меню на сайте

44. Работа с разделом обложки на сайте часть-1

45. Работа с разделом обложки на сайте часть-2

46. Оформите раздел «Наши услуги» на сайте.

47. Как исправить проблему с центром пагинации

48. Дизайн контактной формы на сайте

49. Работа с футером на сайте

Удачи!

Для кого этот курс:
Студенты
Владельцы работы
Корпоративный персонал
Владельцы онлайн-бизнеса
Кросовки
Требования
Базовые знания ПК и ноутбука
Знания для работы с редактором кода, например — возвышенный, визуальный студийный код
Стремление узнать новое
Базовые знания CSS
Технически подкованных
Терпение учиться

Материал на английском языке

Подробнее:

Для просмотра ссылок необходимо выполнить Вход или Регистрация

Скачать:

Для просмотра скрытого содержимого вы должны войти или зарегистрироваться.