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

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

Стоимость обучения: 8000 р.
Чтобы начать обучение:

Нажмите на кнопку "Оплатить тренинг".
Вы перейдете на сайт кассы, где доступны более 30 способов оплаты, в том числе и картой.
После успешной оплаты тренинг станет доступен в вашем профиле.

Оплатить тренинг

Урок 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. Или селектор потомков

Урок 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 р.
Чтобы начать обучение:

Нажмите на кнопку "Оплатить тренинг".
Вы перейдете на сайт кассы, где доступны более 30 способов оплаты, в том числе и картой.
После успешной оплаты тренинг станет доступен в вашем профиле.

Оплатить тренинг