HTML5 & CSS3. Верстка сайта с нуля

HTML5 & CSS3. Верстка сайта с нуля

Что вас ждет в этом курсе?

Курс 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