Основы HTML5 и CSS3 [Stepik] [Shultais Education, Никита Шультайс] [Повтор]

Складчина: Основы HTML5 и CSS3 [Stepik] [Shultais Education, Никита Шультайс] [Повтор]

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

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

Что такое HTML и CSS
HTML и CSS – две ключевые технологии, с помощью которых делают интернет-сайты. Именно с этих языков начинают свою карьеру многие программисты.

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

Дизайн-макет
Разбираем реальные Фотошоп-макеты квартирного бюро.
Главная страница, список квартир, о компании, карточка бронирования, отзывы. Все макеты доступны для скачивания.



Для кого этот курс
Для широкого круга слушателей. Умение верстать — навык, который нужен не только программистам, но и контент-менеджерам, дизайнерам, верстальщикам, системным администраторам, копирайтерам, маркетологам, аналитикам.

Начальные требования
Наличие компьютера с установленным браузером. Желание учиться.

Наши преподаватели
Образовательная компания, специализирующаяся на online-курсах по программированию, базам данных, алгоритмам и верстке.
Компания Shultais Education основана в 2015 году профессиональным разработчиком и преподавателем Никитой Шультайсом.

О преподавателях
Ведущий преподаватель – Никита Шультайс, профессиональный web-программист с опытом работы более 10 лет. Автор статей в журнале Linux Format, участник олимпиад.

Спойлер: Программа курса:

Введение

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. Инструменты верстальщика

Стоимость 2900
Скрытая ссылка