HTML5 И CSS3 STARTER

HTML5 И CSS3 STARTER

Год выпуска: 2018
Производитель: ITVDN
производителя: itvdn/ru/video/html5-css3-starter
Автор: Владимир Виноградов
Продолжительность: 08:00:47
Тип раздаваемого материала: Видеоурок
Язык: Русский
Описание: Курс состоит из восьми логически взаимосвязанных уроков, на которых слушатель ознакомится с языком разметки гипертекста HTML, научится создавать html страницы. Познакомится с каскадными таблицами стилей - CSS, предназначенных для оформления веб страниц.

Содержание
Урок 1: Введение в HTML.
1. История языка

2. Браузеры

3. Стандарты W3C

4. Понятие тега и атрибута

5. Структура HTML страницы

6. Понятие блочных и строчных тегов

7. Теги логической и физической разметки

8. Первая HTML страница

9. Валидация HTML страниц

10. Служебные символы
Урок 2: Работа с изображениями, таблицами и списками.
1. Рассмотрение тега img и его атрибутов.

2. Создание карты-изображения

3. Тег table.

4. Работа с таблицами.

5. Тег ul, ol, dl.

6. Работа со списками.
Урок 3: Каскадные таблицы стилей CSS3 часть 1.
1. Зачем нужны каскадные таблицы стилей.

2. Что нового в CSS3.

3. Семантика CSS.

4. Простые селекторы.

5. Единицы измерения.

6. Размеры элементов, свойства width, height.

7. Работа со шрифтами, свойство font.

8. Работа с фоном, свойство background.

9. Работа с границей, свойство border.
Урок 4: Каскадные таблицы стилей CSS3 часть 2.
1. Рассмотрение сложных селекторов.

2. Псевдоклассы и псевдоэлементы.

3. Работа с текстом, свойства text, white-space, word-break, word-spacing, write-mode, letter-spacing, line-height, vertical-align.

4. Свойства для работы со списками.

5. Свойства для работы с таблицами.

6. Подключение пользовательских шрифтов, правило @font-face.
Урок 5: Позиционирование элементов. Виды верстки.
1. Отступы и поля элементов.

2. Форматирование элементов страницы.

3. Позиционирование элементов.

4. Виды вертки.

5. Понятие адаптивной верстки.

6. Введение в Bootstrap4.
Урок 6: Семантика HTML5. Новые теги.
1. Структура страницы в HTML5.

2. Рассмотрение новых тегов.

3. Теги для работы с видео и аудио контентом.
Урок 7: Формы. Метатеги.
1. Что такое формы и зачем они нужны?

2. Создание форм.

3. Элементы форм.

4. Понятие метатегов, их виды.

5. Создание метатегов.
Урок 8. Практика. Верстка страницы. Публикация на хостинге.
Файлы примеров: присутствуют
Формат видео: MP4
Видео: AVC/H.264, 1280x720, ~253-379 Kbps
Аудио: AAC, 2 ch, 255-256 Kbps