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. Или селектор потомков
|
Урок 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 р.
Чтобы начать обучение:
- Нажмите на кнопку "Оплатить тренинг".
- Вы перейдете на сайт кассы, где доступны более 30 способов оплаты, в том числе и картой.
- После успешной оплаты тренинг станет доступен в вашем профиле.
Оплатить тренинг