HTML5 & CSS3. Верстка сайта с нуля
Что вас ждет в этом курсе?
Курс HTML5 и CSS3. "Сайт с нуля" - это более 100 видеоуроков (общей продолжительностью 8 часов), в которых содержится эксклюзивная информация о том, как научиться верстать сайты любой сложности под различные типы устройств, не обладая при этом глубокими познаниями в данной сфере.
HTML5
Скрытое содержимое.
Что вас ждет в этом курсе?
Курс HTML5 и CSS3. "Сайт с нуля" - это более 100 видеоуроков (общей продолжительностью 8 часов), в которых содержится эксклюзивная информация о том, как научиться верстать сайты любой сложности под различные типы устройств, не обладая при этом глубокими познаниями в данной сфере.
HTML5
Заголовки и абзацы
Использование заголовков различных уровней
4:06
- Предформатированный текст
Отображение текста с исходным форматированием
1:55
- Цитаты
Использование цитат в HTML разметке
2:55
- Форматирующие теги
Разбор строчных тегов, для форматирования текста
9:23
Спецсимволы
Что это такое и где их взять
3:03
Маркированный список
Создание маркированных списков
6:54
- Нумерованный список
Использование нумерованных списков
3:02
- Список ключ-значение
Создание списков ключ-значение
2:59
Div и Span
Создание собственных блочных и строчных элементов
5:45
Id и class
Идентификация элементов на странице с помощью атрибутов id и class
3:16
- Внешние ссылки
Создание ссылок на внешние источники
4:13
Внутренние ссылки
Создание ссылок на локальные ресурсы
3:02
- Якорные ссылки
Создание ссылок на определенную часть страницы
2:47
Скачивание фалов
Добавление ссылки "Скачать"
1:33
- Новая вкладка
Открытие ссылок в новой вкладке браузера
1:47
Вставка изображений
Вставка изображений в HTML страницу
6:07
- Вставка видео
Вставка видео контента на страницу
15:13
Вставка аудио
Вставка аудио контента на страницу
2:40
Iframe
Добавление стороннего контента на сайт
7:13
Таблицы
Создание простой таблицы
2:22
- Заголовки таблицы
Определение заголовков таблицы
4:15
- Объединение элементов таб
Объединение строк и столбцов таблицы
4:45
Элемент Form
HTML формы на странице
3:57
- Создание простой формы
Создание простой HTML формы
3:15
- Доработка формы
Доработка HTML формы
6:39
- Textarea
Особенности элемента Textarea
2:02
- Content-editable
Атрибут Content-editable - HTML форма из любого текстового элемента
1:27
- Сброс данных формы
Сброс данных формы с помощью reset
1:18
- Range
Использование input Range
3:27
- Data-list
Применение инструмента data-list
2:35
- Select
Работа с формой Select
1:52
- Radio
Использование элемента Radio
4:18
- Meta
Meta теги
7:29
- Robots
Задание параметров индексирования страниц сайта с помощью Robots
5:42
Уроки
Введение в CSS3
Общие сведения о CSS3
4:13
Селекторы элементов
Селекторы элементов CSS3
5:19
Селекторы элементов 2
Селекторы элементов CSS3 2
3:35
Псевдо-селекторы
Выбор элементов с псевдо-селекторами
5:25
Селекторы атрибутов
Выборка элементов с определенными значениями атрибутов
8:11
Задание шрифта
Задание определенного шрифта для текста
2:31
Fontface
Подключение не стандартных шрифтов
2:23
Import
Импорт шрифтов со сторонних ресурсов
2:09
Размер шрифта
Задание размера шрифта
2:09
Насыщенность шрифта
Задание насыщенности шрифта
1:45
Цвет текста
Задание цвета текста
2:13
Регистр и интервалы
Задание регистра и интервалов текста
2:43
Выравнивание текста
Выравнивание текста
2:08
Отступы в тексте
Отступы между словами и символами
3:08
Тени текста
Задание тени текста
2:19
Форматирование списков
Форматирование стилей списков
3:58
Иконочные шрифты
Использование иконочных шрифтов в проекте
3:47
Задание цвета
Задание цвета различными способами
2:54
Фоновое изображение
Добавление фонового изображения
7:04
Линейный градиент
Задание фонового цвета через линейный градиент
2:20
Радиальный градиент
Задание фонового цвета через радиальный градиент
2:55
Размеры блока
Задание размеров блока
7:15
Box-sizing
CSS свойство box-sizing
3:38
Overflow
Выход вложенного контента за размеры родительского блока
5:52
Отступы
Задание отступов для элементов страницы
6:07
Рамка
Задание рамки для элементов страницы
1:45
Тени блока
Задание тени блокам
6:11
Обтекание
Установка режимов обтекания элементов
5:09
Выключение обтекания
Выключение обтекания для элементов страницы
5:51
Относительное позициониро
Относительное позиционирование элементов страницы
5:51
Абсолютное позиционирован
Абсолютное позиционирование элементов страницы
5:12
Фиксированное позициониро
Фиксированное позиционирование элементов страницы
1:45
Z-index
Порядок отображения слоев
1:35
Переходы
Плавные переходы CSS свойств из одного состояния в другое
6:33
Переходы 2
Плавные переходы всех доступных CSS свойств
2:31
Перемещения
Преобразование - перемещение элемента
5:08
Масштабирование
Изменение размеров элемента
1:20
Наклон
Наклон элемента с помощью CSS3
1:15
Вращение
Эффект вращения элемента за счет CSS3
3:53
Множественное преобразова
Применение множественных CSS преобразований элементу
1:58
Анимации
Создание простой анимации
5:15
Свойства CSS3 анимации
Расширенные свойства CSS3 анимации
8:35
Новые семантические теги
Начало практической части курса
4:32
Добавление контента
Добавление контента сайта
4:50
Создание структуры
Создание структуры сайта
6:55
Подготовка CSS
Подготовка и подключение CSS
2:18
Оформление шапки сайта
Оформление стилей шапки сайта
6:38
Оформление навигации
Оформление стилей навигации сайта
5:46
Оформление sidebar
Оформление sidebar сайта
6:13
Оформление контента
Доработка контента сайта
10:45
Адаптивная верстка
Принцип адаптивной верстки
1:51
Медиа запросы
Создание медиа-запросов
4:34
Адаптивная навигация
Создание адаптивной навигации
11:11
Навигация с поиском
Адаптивная навигация с поиском
8:27
Фиксированная навигация
Фиксирование навигации
3:12
Адаптивный Sidebar
Подготовка адаптивного Sidebar
4:06
Появляющийся sidebar
Реализация скрытия sidebar
6:15
Доработка сайта
Приведение верстки сайта в "Боевое состояние"
6:29
Заключение
Краткое подведение итогов
3:05