Дистанционный курс: "Основы HTML5 и CSS3"
Курс для начинающих верстальщиков сайтов на HTML5 и CSS3. Разбираем реальные макеты, изучаем семантику языка, отрабатываем навыки в тренажере.
В курсе более 190 заданий.
Из них 150 – работа в тренажере.
Интенсивная программа с короткими видео-уроками и большим количеством практики. Изучаем HTML5 и CSS3 на примере реального Photoshop-макета.
Программа курса
Введение
- Введение в HTML и CSS
- Синтаксис HTML
- Структура документа
- Структура проекта
- Инструменты верстальщика
- Задачи верстки и верстальщика
Базовые понятия
- IP-адрес, домен, DNS
- HTTP, HTTP2 и HTTPS
- Структура HTTP запросов и ответов
- Фронтенд и бэкенд
- Хостинг
- URL-адреса
HTML-теги
- Контентная модель документа
- Правила вложенности тегов
- Заголовки и параграфы
- Разметка текста
- Вставка изображений
- Списки
- Ссылки
- HTML мнемоники
- Комментарии
- Таблицы
- Теги pre и code
Основы CSS
- Каскадирование
- Подключение стилей
- Сброс стилей
- Селекторы тегов
- Селекторы классов
- Селекторы идентификаторов
- Контекстные селекторы
- Дополнительные селекторы
- Оформление текста
- Выбор цвета
- px, em, rem и проценты
- Подключение внешних шрифтов
- Внутренние отступы
- Внешние отступы
- Внешние отступы и зона контента
- Рамки и границы
- Селекторы псевдоклассов
- Селекторы псевдоклассов, часть 2
- Селекторы атрибутов
Работа с изображениями
- Растровая и векторная графика
- Графические редакторы
- Базовые настройки фотошопа
- Получение параметров текста
- Параметры блоков
- Экспорт растровых изображений
- Экспорт векторных изображений
- hover для изображений
- Фоновые изображения
- Спрайты
Структура документа
- Обзор структуры
- Навигация и тег nav
- Теги section и article
- Теги header и footer
- Тег aside
Блоки и сетка документа
- Введение в блочные и строчные элементы
- Отступы блочных элементов
- Выпадание внешних отступов
- Схлопывание внешних отступов
- Поток документа
- Свойство float
- Построение сеток
- Построение сеток, часть 2
- Колонки
- Относительное позиционирование
- Абсолютное позиционирование
- Фиксированное позиционирование
- Блочно-строчные элементы
- Сетки на блочно-строчных элементах
- Скрытие блоков
Погружение в формы
- Простая HTML-форма
- Текстовые поля
- Другие типы полей
- Подписи полей
- Чекбоксы и галочки
- Переключатели
- Раскрывающийся список
- Загрузка файлов
- GET или POST
- Кнопки
- Дополнительные возможности форм
Таблицы
- Объединение ячеек
- Расширенная структура таблицы
- Стилизация таблиц
Завершение курса
- Инструменты верстальщика
Стоимость 3 900 рублей
87 уроков, 6 часов видео, 195 тестов
Преподаватель курса
|
|
Никита Шультайс
Профессиональный web-программист с опытом работы более 10 лет. Автор статей в журнале Linux Format, участник олимпиад.
Основатель компании Shultais Education, которая с 2015 года специализируется на производстве дистанционных программ обучения по IT специальностям: базы данных, программирование, вёрстка.
|