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

[Johar]

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

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

• Курс разработан для настоящих новичков
• Для тех, кто хочет изучить создание сайтов на 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. Что делать дальше? План развития

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

Подробнее:

Скачать:

 

[mikney]

Для тех кто начинает изучать css и html. Курс довольно хорошо структурирован и дает хорошую базу для дальнейшего изучения. Автор с хорошей дикцией

 

[belarbox]

Отлично. Спасибо! Смотрел автора по его бесплатным версткам сайта. Очень зашло. Хоть с базой знаком, уверен, что будет полезно освежить и систематизировать полученные знания через этот видеокурс.

 

[afonsky]

Годный материал

 

[Максимajsjsjd]

Отлично. Спасибо! Смотрел автора по его бесплатным версткам сайта. Очень зашло. Хоть с базой знаком, уверен, что будет полезно освежить и систематизировать полученные знания через этот видеокурс.

а где тут домашнее задание, не подскажите?

 

[Hannah_Go]

а где тут домашнее задание, не подскажите?

нашли домашку?

 

[Виктория11]

нашли домашку?

Подскажите, пожалуйста, и мне, где домашка.

 

[vaimov]

материал хороший,спасибо!

 

[vandos25]

нашли домашку?

Здравствуете, Вы нашли где-нибудь домашку? будут очень благодарен за ответ.

 

[leonovrus]

Здравствуете, Вы нашли где-нибудь домашку? будут очень благодарен за ответ.

Нашли домашку?)

 

[vandos25]

Нашли домашку?)

неа, пришлось купит курс, о чем не жалею

 

[valdev89]

неа, пришлось купит курс, о чем не жалею

Не могли бы Вы поделиться домашками? Многие будут благодарны ;)

 

[Els i El]

Благодарю.

 

[kairatray]

Не могли бы Вы поделиться домашками? Многие будут благодарны ;)

а можете ли Вы поделиться со мной домашкой?