[brainscloud] Основы HTML и CSS для начинающих (Дмитрий Валак)

​

Кому подойдет курс?

• Курс разработан для настоящих новичков
• Для тех, кто хочет изучить создание сайтов на HTML и CSS
• Для тех, кто уже начал изучать, но идет тяжело

Основы HTML и CSS
Урок 1. Введение
Урок 2. Установка редактора Brackets
Урок 3. HTML теги (теория)
Урок 4. Создание скелета HTML документа
Урок 5. HTML теги форматирования текста (h1-h6, p, br, em, i, b, strong и др.)
Урок 6. CSS селекторы и свойства (теория)
Урок 7. Свойства для стилизации текста
Задание
Работа с текстом
Урок 8. Инструменты разработчика - DevTools
Урок 9. Изображения и ссылки (img, a)
Урок 10. Растровая и векторная графика, форматы изображений (png, jpg, svg)
Задание
Работа с изображениями и ссылками

Спойлер: Продолжение описания

Урок 11. HTML Таблицы (table, tr, td, th, tbody и др.)
Задание
Создание таблиц
Урок 12. Блочные и строчные элементы (div, span)
Урок 13. Работа с фоном. Часть 1
Урок 14. Работа с фоном. Часть 2
Задание
Работа с фоном
Урок 15. Справочники
Урок 16. Наименование классов
Урок 17. Создание простой HTML страницы (практика)
Урок 18. HTML формы (form, input, textarea, button)
Задание
Создание формы (практика)
Урок 19. Псевдоклассы
Урок 20. Границы (border, outline)
Урок 21. Создание формы регистрации (практика) 26:34
Урок 22. Позиционирование (relative, static, absolute, fixed)
Урок 23. Позиционирование (практика)
Задание
Позиционирование
Урок 24. Псевдоэлементы (before, after, first-letter, first-line)
Урок 25. HTML5 теги (header, nav, footer, article и др.)
Урок 26. CSS3 свойства
Урок 27. Основы flexbox
Задание
Работа с flexbox
Урок 28. Доработка страницы (HTML5, CSS3, flexbox)
Урок 29. Селекторы, псевдоклассы
Задание
Селекторы, псевдоклассы
Урок 30. Приоритеты селекторов
Урок 31. Единицы измерения (em, rem)
Задание
Создание кнопок (em, rem)
Урок 32. HTML теги (abbr, code, cite, blockquote и др.)
Урок 33. Стилизация кода (HTML, CSS)
Задание
Стилизация кода
Урок 34. Вертикальное выравнивание (vertical-align)
Урок 35. Обтекания (float, clearfix)
Урок 36. Видимость элементов (display, opacity, visibility)
Урок 37. Специальные символы
Урок 38. Префиксы (-webkit-, -moz-, -ms-)
Урок 39. Вставка видео и аудио (video, audio, source)
Урок 40. Google fonts, локальные шрифты
Задание
Работа со шрифтами
Урок 41. Основы адаптивной верстки (media queries)
Задание
Адаптация блоков
Урок 42. Цвета (HEX, rgb, rgba)
Урок 43. Возможности Brackets и плагины

Верстка адаптивного сайта с нуля
Урок 1. Введение
Урок 2. Основы работы с Photoshop
Урок 3. Основы работы с Abode XD
Урок 4.Подготовительные работы
Урок 5. Верстка шапки сайта
Урок 6. Верстка текстового блока
Урок 7. Верстка фотографии
Урок 8. Верстка контактов
Урок 9. Верстка страницы "Об авторе"
Урок 10. Верстка страницы "Контакты"
Урок 11. Адаптация сайта под разные устройства. Часть 1
Урок 12. Адаптация сайта под разные устройства. Часть 2
Урок 13. Favicon, мета-теги
Урок 14. Кроссбраузерная и валидная верстка
Урок 15. Домен и хостинг. Размещаем сайт в интернете
Урок 16. Что делать дальше? План развития

Адаптивный сайт который вы сделаете сами с нуля
Вы самостоятельно сделаете свой первый адаптивный сайт-портфолио, повторяя действия на экране и закрепляя знания, которые вы получите в уроках.

Скрытый текст. Доступен только зарегистрированным пользователям.Нажмите, чтобы раскрыть...