HTML и CSS для начинающих

Основа всех сайтов - это HTML и CSS. Без них никуда! Любой сайт как минимум состоит из HTML и CSS! Поэтому почти на всех специальностях (профессиях) мы начинаем погружение в веб-разработку и продвижение сайтов с данных технологий!

Урок 1. Введение в HTML 5 и CSS 3
Урок 2. Установка необходимых программ
Урок 3. Как проверяются домашние задания
Урок 4. Из чего состоят сайты
Урок 5. Синтаксис HTML и что такое атрибуты тегов
Урок 6. Минимальная структура html 5 документа (страницы)
Урок 7. Тег BR для переноса строки (каретки на новую строку)
Урок 8. Тег IMG и его атрибуты
Урок 9. Тег P - параграф или абзац
Урок 10. Теги H1, H2, H3 и т д
Урок 11. Теги списков ul ol li
Урок 12. Оптимизация изображений в вебе, форматы изображений, онлайн оптимизаторы
Урок 13. Валидатор HTML validator.w3.org
Урок 14. Справочники HTML и официальная документация
Урок 15. Полный список одинарных тегов в HTML
Урок 16. Теги em и i - делаем текст наклонным
Урок 17. Тег b или STRONG? Какой лучше? Тег S
Урок 18. Тег комментирования
Урок 19. Тег DIV
Урок 20. Тег А - создаем ссылки на сайте
Урок 21. Актуальные атрибуты тега А
Урок 22. Относительные и абсолютные адреса
Урок 23. Якорь в HTML или ссылки на определенное место на странице
Урок 24. Тег LINK и что такое FAVICON.ico Сервис realfavicongenerator.net
Урок 25. Тег SPAN
Урок 26. Теги для создания таблиц
Урок 27. Тег iframe
Урок 28. Тег ADDRESS
Урок 29. Теги SUB и SUP
Урок 30. Знакомство с JSfiddle.net, plnkr.co, codepen.io
Урок 31. Введение в CSS
Урок 32. Способы подключения CSS к html странице, тег LINK, тег STYLE, атрибут STYLE
Урок 33. Синтаксис CSS, Селектор тега
Урок 34. Классы как селектор в CSS
Урок 35. Идентификаторы в CSS или просто ID
Урок 36. Контекстный селектор или селектор потомков
Урок 37. Контекстный селектор. Часть 2. Или селектор потомков
Урок 38. Популярные псевдоклассы :hover, :last-child, :first-child
Урок 39. Специфичность в CSS - про приоритет правил
Урок 40. Решение проблем с приоритетом правил
Урок 41. Инспектор кода Chrome Dev Tools
Урок 42. Свойство COLOR и расширение colorzilla
Урок 43. CSS Свойство font-size
Урок 44. CSS background-color задает цвет фона
Урок 45. Цвет в CSS
Урок 46. Как сделать полупрозрачный фон?
Урок 47. Закрепляем типы селекторов
Урок 48. Как задать желтый цвет фона одному слову, а не всему параграфу?
Урок 49. Как задать фоновую картинку правильно background-image
Урок 50. background-repeat повторение фона
Урок 51. CSS background position
Урок 52. background attachment
Урок 53. CSS линейный градиент. Генераторы.
Урок 54. Задача на использование градиента
Урок 55. CSS свойство background
Урок 56. Как задать несколько фоновых картинок для одного тега (элемента)?
Урок 57. Внутренний отступ padding
Урок 58. Внешний отступ margin
Урок 59. CSS border - как задать границу элементам?
Урок 60. Как правильно задать ширину и высоту элементам, box-sizing
Урок 61. Минимальная и максимальная высота и ширина, 100%, vh, vw
Урок 62. Как скруглить углы? border-radius
Урок 63. CSS Display block inline и сравнение блочных и строчных элементов.
Урок 64. CSS text-decoration
Урок 65. CSS свойство FLOAT и CLEAR
Урок 66. Как разместить два DIV в один ряд - три способа
Урок 67. FlexBox. Часть 1
Урок 68. FlexBox. часть 2 практическое применение
Урок 69. Задачи на css флексбокс
Урок 70. Задачки на отступы
Урок 71. CSS обзор font-family
Урок 72. CSS Список стандартных шрифтов. Сервисы распознавания шрифтов
Урок 73. CSS Как использовать свой, нестандартный шрифт? @font-face практическое применение, Google Fonts
Урок 74. Контрольная работа
Урок 75. Практика верстки Урок 1 введение
Урок 76. Практика верстки Урок 2 Основная структура html документа. Как создать html каркас по макету сайта используя css flex
Урок 77. Практика верстки Урок 3 задаем ширину каркасным элементам
Урок 78. Практика верстки Урок 4 Мелкие правки по каркасу
Урок 79. Практика верстки Урок 5 Верстаем шапку сайта, логотип, телефон, заказ звонка. Расширение Pixel Perfect
Урок 80. Практика верстки Урок 6 Верстаем верхнее меню
Урок 81. Практика верстки Урок 7 Делаем боковую панель и контент в ряд
Урок 82. Практика верстки Урок 8 Верстаем боковую панель и левое меню
Урок 83. Практика верстки Урок 9 Верстаем цитату и Контент
Урок 84. Практика верстки Урок 10 Верстаем блок Наши преимущества
Урок 85. Практика верстки Урок 11 Верстаем футер
Урок 86. Практика верстки Урок 12 Верстаем внутреннюю страницу
Урок 87. Практика верстки Урок 13 Доверстываем внутренюю
Урок 88. Практика верстки. Макет Народная качалка. Решение проблем с отображением шрифтов в GIMP
Урок 89. Все что можно сделать через CSS - делайте!
Урок 90. Задача: сверстать макет Хрусталь. Типичные ошибки.
Урок 91. Задача: сверстать Flower Studio
Урок 92. Подсказки по макету ФиксМед
Урок 93. 4 способа решения верстки с верхним меню в ФиксМед
Урок 94. Сверстать ФиксМед
Урок 95. Как выложить верстку в интернет на свой домен
Урок 96. Возможности HTML и CSS
Урок 97. Задача: завести папку для портфолио с верстками
Урок 98. Технические требования к верстке. Версия 2.3
Урок 99. Отзыв о тренинге или курсах
Урок 100. Доработать главную страницу ФиксМед
Урок 101. Практика верстки резиновых макетов. Фитнес клуб.
Урок 102. Что дальше?
Урок 103. Как практиковаться? Где брать бесплатные шаблоны PSD?

Начните обучение прямо сейчас!

Стоимость обучения: 8000 р.
Купить тренинг

Получите программу тренинга в pdf на почту или распечатайте её

Распечатать программу тренинга