[Shultais Education] Введение в HTML5 и CSS3 (2019)

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

Умение верстать — навык, который нужен не только программистам, но и контент-менеджерам, дизайнерам,
верстальщикам, системным администраторам, копирайтерам, маркетологам, аналитикам.
*По данным HH.RU



Полное содержание курса:

1. Введение в HTML и CSS бесплатно
6 уроков, 15 задач

Введение в HTML и CSS 06:20
Синтаксис HTML 04:30
Структура документа 03:23
Структура проекта 04:07
Инструменты верстальщика 03:40
Задачи верстки и верстальщика 04:44

2. Базовые понятия интернета
6 уроков, 12 задач

IP-адрес, домен, DNS 06:01
HTTP, HTTP2 и HTTPS 04:30
Структура HTTP запросов и ответов 04:37
Фронтенд и бэкенд 02:05
Хостинг 01:44
URL-адреса 04:39

3. HTML теги
11 уроков, 29 задач

Контентная модель документа 04:38
Правила вложенности тегов 05:04
Заголовки и параграфы 06:45
Разметка текста 07:31
Вставка изображений 08:22
Списки 07:33
Ссылки 05:50
HTML мнемоники 03:25
Комментарии 02:12
Таблицы 04:20
Теги pre и code 04:40

4. Основы CSS
19 уроков, 47 задач

Каскадирование 04:57
Подключение стилей 05:26
Сброс стилей 03:00
Селекторы тегов 02:31
Селекторы классов 06:01
Селекторы идентификаторов 04:58
Контекстные селекторы 05:40
Дополнительные селекторы 07:04
Оформление текста 08:38
Выбор цвета 03:49
px, em, rem и проценты 05:28
Подключение внешних шрифтов 08:09
Внутренние отступы 03:07
Внешние отступы 02:45
Внешние отступы и зона контента 05:26
Рамки и границы 05:58
Селекторы псевдоклассов 04:25
Селекторы псевдоклассов, часть 2 04:11
Селекторы атрибутов 04:16

5. Работа с изображениями
10 уроков, 19 задач

Растровая и векторная графика 04:02
Графические редакторы 02:38
Базовые настройки фотошопа 04:46
Получение параметров текста 07:09
Параметры блоков 08:51
Экспорт растровых изображений 05:36
Экспорт векторных изображений 04:21
hover для изображений 04:15
Фоновые изображения 05:32
Спрайты 08:47

6. Структура документа
5 уроков, 9 задач

Обзор структуры 01:48
Навигация и тег nav 02:28
Теги section и article 04:45
Теги header и footer 04:06
Тег aside 01:20

7. Блоки и сетка документа
15 уроков, 35 задач

Введение в блочные и строчные элементы 02:13
Отступы блочных элементов 05:11
Выпадание внешних отступов 03:37
Схлопывание внешних отступов 02:15
Поток документа 00:48
Свойство float 06:31
Построение сеток 05:47
Построение сеток, часть 2 02:33
Колонки 05:26
Относительное позиционирование 02:31
Абсолютное позиционирование 05:19
Фиксированное позиционирование 02:36
Блочно-строчные элементы 04:37
Сетки на блочно-строчных элементах 01:58
Скрытие блоков 01:00

8. Погружение в формы
11 уроков, 23 задачи

Простая HTML-форма 05:32
Текстовые поля 05:55
Другие типы полей 07:29
Подписи полей 02:13
Чекбоксы и галочки 02:37
Переключатели 02:07
Раскрывающийся список 03:48
Загрузка файлов 01:41
GET или POST 01:23
Кнопки 03:55
Дополнительные возможности форм 02:55

9. Таблицы
3 урока, 7 задач

Объединение ячеек 03:22
Расширенная структура таблицы 04:41
Стилизация таблиц 03:53

10. Завершение курса
1 урок

Инструменты верстальщика 04:42

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

Продажник

Склад

Скачать