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

Топикстартер · 8 сен 2015

Складчина: 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

Скрытое содержимое.

Коровьев · 8 сен 2015

Вот бы кто-то "учителю" сверстал сайт по-человечьи.