udemy
Udemy - одна из самых больших площадок в мире по доставке обучающего контента от разных авторов всего мира. Присутсвуют курсы практически на любую тему.
Этот материал находится в платной подписке. Оформи премиум подписку и смотри или слушай
Верстка и создание веб сайтов 2022 - с нуля до результата!,
а также все другие курсы, прямо сейчас!
Премиум
-
Урок 1. 00:03:45О чем этот курс
-
Урок 2. 00:03:58Подготовка. Скачиваем материалы. Как проходить курс.
-
Урок 3. 00:01:07О чем этот блок
-
Урок 4. 00:07:58Создаем первый веб сайт!
-
Урок 5. 00:12:36Как работают теги HTML и стили CSS
-
Урок 6. 00:09:30Теги Head и Body. Правильная структура веб страницы
-
Урок 7. 00:05:09Как работают теги заголовка и описания, в теге head.
-
Урок 8. 00:06:27Как работает тег "контейнер' - div
-
Урок 9. 00:09:24Как работать с классами в версте
-
Урок 10. 00:07:32Как подключить лист со стилями к файлу html
-
Урок 11. 00:01:46ПРАКТИКА: Создаейте и стилизуйте несколько тегов div
-
Урок 12. 00:06:48Пример преподавателя. "Практика: создайте и стилизуйте несколько тегов div"
-
Урок 13. 00:01:38О чем этот блок
-
Урок 14. 00:12:49Классификация сайтов
-
Урок 15. 00:13:15Правильная структура файлов и папок проекта
-
Урок 16. 00:13:19Как использовать плагины VS Code
-
Урок 17. 00:10:01Как работают семантические теги
-
Урок 18. 00:04:28Как работать с цветом в верстке
-
Урок 19. 00:05:25Как добавить изображение на сайт через тег IMG
-
Урок 20. 00:17:16Как работает консоль разработчика в браузере
-
Урок 21. 00:10:41Как создать меню и ссылки
-
Урок 22. 00:03:38Теги списков UL и OL
-
Урок 23. 00:10:18Как задавать отступы элементам с помощью margin и padding.
-
Урок 24. 00:10:30Как работают блочные и строчные элементы
-
Урок 25. 00:04:13Что такое "Cхлопывание margin"
-
Урок 26. 00:05:23Правильная организация отступов в верстке ч.1
-
Урок 27. 00:05:19Как использовать "Псевдоклассы"
-
Урок 28. 00:05:00Правильная организация отступов в верстке ч.2
-
Урок 29. 00:02:19Как быстро сбросить кеш вашего браузера
-
Урок 30. 00:21:08Как добавить изображение используя свойство background-image
-
Урок 31. 00:14:50Позиционирование элементов на веб странице
-
Урок 32. 00:03:11Как работает z-index
-
Урок 33. 00:09:00Как добавить градиентную заливку через CSS
-
Урок 34. 00:09:49Выравнивание элементов по горизонтали
-
Урок 35. 00:08:52Box-sizing. Отступы внутри размера элемента.
-
Урок 36. 00:06:41Единицы измерения CSS
-
Урок 37. 00:19:18Селекторы CSS
-
Урок 38. 00:11:02Тег span
-
Урок 39. 00:04:41Can i use
-
Урок 40. 00:12:29Normalize.css и Reset.css - Сброс стилей браузера
-
Урок 41. 00:11:07Как добавить интерактивную карту на сайт
-
Урок 42. 00:08:14Тег HR или как отрисовать линию
-
Урок 43. 00:26:16Как использовать разные шрифты на сайте
-
Урок 44. 00:14:30Загружаем сайт на реальный хостинг. Выбор и настройка домена.
-
Урок 45. 00:08:13Как редактировать сайт загруженный на хостинг, через VS Code
-
Урок 46. 00:01:08О чем этот блок
-
Урок 47. 00:01:45О чем мини курс?
-
Урок 48. 00:03:42Подготовка. Скачиваем материалы
-
Урок 49. 00:13:04Какой размер у сайта?
-
Урок 50. 00:01:58Как сохранить свой проект
-
Урок 51. 00:05:08Как работать с сетками и направляющими
-
Урок 52. 00:04:27Бриф с заказчиком.
-
Урок 53. 00:07:09Mood board и поиск вдохновения
-
Урок 54. 00:08:00Создаем wireframe проекта
-
Урок 55. 00:03:25Стоковые площадки. Где найти идеальное фото?
-
Урок 56. 00:06:43Как работать с изображениями в figma
-
Урок 57. 00:06:53Иерархия элементов в figma
-
Урок 58. 00:05:29Как работать с цветом в figma
-
Урок 59. 00:02:33Разница UX и UI
-
Урок 60. 00:08:38Как создавать текст в figma
-
Урок 61. 00:03:05Линии и обводка фигур
-
Урок 62. 00:04:37Как группировать элементы
-
Урок 63. 00:06:05Поиск и установка новых шрифтов
-
Урок 64. 00:10:21Как работать с иконками
-
Урок 65. 00:04:34Как работать с градиентом
-
Урок 66. 00:02:50Как работатет инструмент subtract
-
Урок 67. 00:08:19Стоковая площадка по иконкам. Поиск иконок
-
Урок 68. 00:14:30Как работать с масками слоя
-
Урок 69. 00:06:17Как использовать рыбный текст в figma
-
Урок 70. 00:05:28Как добавлять эффекты к элементам
-
Урок 71. 00:06:30Экспорт из figma и передача в разработку
-
Урок 72. 00:01:35Поздравляю с завершением мини курса!
-
Урок 73. 00:01:06О чем этот блок
-
Урок 74. 00:18:41Препроцессор SASS ч.1
-
Урок 75. 00:21:51Препроцессор SASS ч.2
-
Урок 76. 00:17:22FlexBox. Новый способ позиционирования элементов.
-
Урок 77. 00:11:16Методология БЭМ и как ее использовать
-
Урок 78. 00:19:38Используем FlexBox и БЭМ в новом проекте
-
Урок 79. 00:13:12Как превратить растровый логотип в векторный с помощью Illustrator
-
Урок 80. 00:17:06Закругление / Поворот / Тени для элементов
-
Урок 81. 00:12:37Что такое иконочные шрифты
-
Урок 82. 00:18:00Создаем первую кнопку
-
Урок 83. 00:12:41Используем модификатор БЭМ. Новое свойство overflow
-
Урок 84. 00:07:22Min/Max - Height/Width
-
Урок 85. 00:31:57Практика. Создаем вторую секцию сайта
-
Урок 86. 00:11:15Практика. Создаем третью секцию сайта
-
Урок 87. 00:12:11Практика. Создаем footer сайта
-
Урок 88. 00:04:37Добавляем якорные ссылки на навигационное меню
-
Урок 89. 00:05:46Что такое fav-icons, и как их установить в свой проект
-
Урок 90. 00:01:07О чем этот блок
-
Урок 91. 00:08:14Какие существуют типы верстки
-
Урок 92. 00:06:38Как работает мета тег viewport
-
Урок 93. 00:07:34Под какие размеры нужно адаптировать сайт
-
Урок 94. 00:14:34Адаптация под планшетную версию ч.1
-
Урок 95. 00:03:56Практика: Адаптируйте сайт под следующую версию.
-
Урок 96. 00:17:17Пример преподавателя. Адаптация следующей версии под планшет
-
Урок 97. 00:14:31Как работают единицы измерения EM/REM VH/VW
-
Урок 98. 00:11:23Свойство transition. Создаем гамбургер для мобильной версии сайта
-
Урок 99. 00:06:53Создаем гамбургер для мобильной версии сайта ч.2
-
Урок 100. 00:07:41Знакомство с JS. Создаем гамбургер для мобильной версии сайта ч.3
-
Урок 101. 00:12:58Speed test готового сайта
-
Урок 102. 00:00:42О чем этот блок
-
Урок 103. 00:04:13Что такое bootstrap
-
Урок 104. 00:08:49Как подключить bootstrap в свой проект
-
Урок 105. 00:01:32Какие настройки содержит в себе bootstrap
-
Урок 106. 00:07:43Как задавать свои стили в bootstrap
-
Урок 107. 00:07:20Свойство Object-fit и как создать слайдер в bootstrap
-
Урок 108. 00:08:39Как модифицировать слайдер в bootstrap
-
Урок 109. 00:03:14Как менять цвета в bootstrap
-
Урок 110. 00:03:29Как изменить скорость слайдера в bootstrap
-
Урок 111. 00:04:50Типичные ошибки и проблемы с работой в bootstrap
-
Урок 112. 00:06:18Как менять компоненты элементов bootstrap. Меняем иконки на слайдере
-
Урок 113. 00:18:13Система сеток bootstrap. Bootstrap-grid
-
Урок 114. 00:04:55Как решать задачи возникающие в процессе верстки
-
Урок 115. 00:02:14Прощальное слово
Файл не отображается в текстовом редакторе, так как является двоичным или использует неподдерживаемую кодировку текста.
@font-face
font-family: "MontserratT"
src: url('../fonts/Montserrat-Regular.ttf')
font-weight: regular
font-style: normal
@font-face
font-family: "MontserratT"
src: url('../fonts/Montserrat-Regular.ttf')
font-weight: bold
font-style: normal
На 40 уроке добавили Reset.css, что б убрать маржины и паддинги
А нельзя сделать в файле css
*{
margin: 0;
padding: 0;
}
Оно так же убирает все маржы и паддинги, которые по дефолту стоят
если изображения в архиве то надо разархивировать
выходит
.section-about__block {
width: 420px;
height: 190px;
background: linear-gradient (180deg, rgba(244, 213, 178, 0,8) 0%, rgba(234, 156, 65, 0,8) 100%);
}
.section-about-block{
width: 420px;
height: 190px;
background: linear-gradient(blue, yellow);
}
почему?