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

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

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

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

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

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

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