Веб-дизайн і розробка на основі HTML5 і CSS3.
Вы опануєте практичні навички роботи із сучасними версіями HTML5 і CSS3.
Це базовий курс для тих, хто вирішив створювати універсальні ресурси, що працюють в Інтернеті.
Це перший етап повного курсу FullStack Web Developer.
Програма курсу:
Заняття 1
DOCTYPE.
Стандарт Unicode. Кодування.
Структура HTML-документа. Основні елементи розмітки:
- Концепція семантичної розмітки
- Використання комментарів
- Атрибути й аксесуари
- Спеціальні символи
Структурні елементи розмітки. Основні HTML теги
Текстові елементи розмітки. Основні HTML теги
Створення HTML сторінок
Основи SEO оптимізації:
- Элемент meta та його атрибути
- Пояснююча мета-інформація
- Мета-інформація для роботів
Заняття 2
- Курси з css
- Основні CSS властивості
- Селектори
- Одиниці виміру в CSS
- Властивості тексту
- Властивості кольору
- Шрифти
- Основи роботи з Chrome Developer Tools
Заняття 3
- Таблиці
- Списки
- Посилання
- Зображення
- Робота з фоном
- Створення макета (layout)
- Робота з margin, padding,
Заняття 4
- Нові теги й елементи
- Секції, винесення, статті, навігаційні, «шапка», «підвал».
- Modernizr
Заняття 5
- Багатостовпчаста верстка
- Модель CSS box
- Позиціонування елементів
- Властивість float
Заняття 6
- Псевдокласи/псевдоелементи.
- Контекстні селектори.
- Каскадування
- Успадкування
Заняття 7
- Елементи форм і їх атрибути.
- Використання зовнішніх об’єктів
- Вбудовування аудіо- й відео-файлів за допомогою елементів HTML5
Заняття 8
- Стилі для різних типів носіїв
- Імпорт CSS
- Визначення технологій, підтримуваних браузером.
- Властивості CSS для друку сторінок
- Властивості шрифтів, @font-face (веб-шрифти)
Заняття 9
- Адаптивна верстка
- Модель Flex-блоків.
Заняття 10