Дистанционный курс: "Основы HTML5 и CSS3"

Курс для начинающих верстальщиков сайтов на HTML5 и CSS3. Разбираем реальные макеты, изучаем семантику языка, отрабатываем навыки в тренажере.

В курсе более 190 заданий.
Из них 150 – работа в тренажере.

 

Интенсивная программа с короткими видео-уроками и большим количеством практики. Изучаем HTML5 и CSS3 на примере реального Photoshop-макета.

 

 

Программа курса

 

Введение

  1. Введение в HTML и CSS
  2. Синтаксис HTML
  3. Структура документа
  4. Структура проекта
  5. Инструменты верстальщика
  6. Задачи верстки и верстальщика

 

Базовые понятия

  1. IP-адрес, домен, DNS
  2. HTTP, HTTP2 и HTTPS
  3. Структура HTTP запросов и ответов
  4. Фронтенд и бэкенд
  5. Хостинг
  6. URL-адреса

 

HTML-теги

  1. Контентная модель документа
  2. Правила вложенности тегов
  3. Заголовки и параграфы
  4. Разметка текста
  5. Вставка изображений
  6. Списки
  7. Ссылки
  8. HTML мнемоники
  9. Комментарии
  10. Таблицы
  11. Теги pre и code

 

Основы CSS

  1. Каскадирование
  2. Подключение стилей
  3. Сброс стилей
  4. Селекторы тегов
  5. Селекторы классов
  6. Селекторы идентификаторов
  7. Контекстные селекторы
  8. Дополнительные селекторы
  9. Оформление текста
  10. Выбор цвета
  11. px, em, rem и проценты
  12. Подключение внешних шрифтов
  13. Внутренние отступы
  14. Внешние отступы
  15. Внешние отступы и зона контента
  16. Рамки и границы
  17. Селекторы псевдоклассов
  18. Селекторы псевдоклассов, часть 2
  19. Селекторы атрибутов

 

 

Работа с изображениями

  1. Растровая и векторная графика
  2. Графические редакторы
  3. Базовые настройки фотошопа
  4. Получение параметров текста
  5. Параметры блоков
  6. Экспорт растровых изображений
  7. Экспорт векторных изображений
  8. hover для изображений
  9. Фоновые изображения
  10. Спрайты

 

 

Структура документа

  1. Обзор структуры
  2. Навигация и тег nav
  3. Теги section и article
  4. Теги header и footer
  5. Тег aside

 

 

Блоки и сетка документа

  1. Введение в блочные и строчные элементы
  2. Отступы блочных элементов
  3. Выпадание внешних отступов
  4. Схлопывание внешних отступов
  5. Поток документа
  6. Свойство float
  7. Построение сеток
  8. Построение сеток, часть 2
  9. Колонки
  10. Относительное позиционирование
  11. Абсолютное позиционирование
  12. Фиксированное позиционирование
  13. Блочно-строчные элементы
  14. Сетки на блочно-строчных элементах
  15. Скрытие блоков

 

 

Погружение в формы

  1. Простая HTML-форма
  2. Текстовые поля
  3. Другие типы полей
  4. Подписи полей
  5. Чекбоксы и галочки
  6. Переключатели
  7. Раскрывающийся список
  8. Загрузка файлов
  9. GET или POST
  10. Кнопки
  11. Дополнительные возможности форм

 

 

Таблицы

  1. Объединение ячеек
  2. Расширенная структура таблицы
  3. Стилизация таблиц

 

Завершение курса

  1. Инструменты верстальщика

 

 

 

Стоимость 3 900 рублей

87 уроков, 6 часов видео, 195 тестов

 

Преподаватель курса

Никита Шультайс

Профессиональный web-программист с опытом работы более 10 лет. Автор статей в журнале Linux Format, участник олимпиад.

Основатель компании Shultais Education, которая с  2015 года специализируется на производстве дистанционных программ обучения по IT специальностям: базы данных, программирование, вёрстка.

 

 

 

Организатор: Shultais Education

 

 


 

 

 

Всегда можно зарабатывать больше!

Финансовый магазин Б.И.Н.К.О.

 

 


Предоставленные на сайте данные имеют информационный характер и не являются публичной офертой.