👨‍💻DEV [Shultais Education] Введение в HTML5 и CSS3 (2019)

[Shultais Education] Введение в HTML5 и CSS3 (2019_0.png


[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

Дизайн-макет

Разбираем реальные Фотошоп-макеты квартирного бюро.

Главная страница, список квартир, о компании, карточка бронирования, отзывы.

Все макеты доступны для скачивания.



—————————————————————————

🔗 Продажник:
Доступно пользователям: Зарегистрированный


📥 СКАЧАТЬ КУРС:
🔐 Хотите получить доступ?

Чтобы увидеть скрытые ссылки и ставить лайки, активируйте VIP-статус.

💎 ПОЛУЧИТЬ ДОСТУП Наш Telegram канал
 

Похожие курсы

Назад
Верх