Что нового

Скачать курсы бесплатно. Слив базы курсов. Все курсы online

Присоединяйтесь к нам! У нас тысячи отборного премиум курсов на любой вкус! Все платные курсы - БЕСПЛАТНО!

Новинки каждый день

Мы добавляем по 1.000 новых курсов ежедневно.

Обсуждение

Общайся с единомышленниками по интересующим тебя материалам

Гибкие тарифы

Мы гибки в ценообразовании. Тарифы на месяц и на год!

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

admin

Administrator
Команда форума
Регистрация
13.03.2019
Сообщения
29 806
Реакции
1 048
Баллы
113

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

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

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












 
shape1
shape2
shape3
shape4
shape7
shape8
Верх