•
Основы HTML Структура HTML документа
Работа с текстом
Работа с ссылками
Работа с ссылками
Работа с изображениями
Списки
Таблицы
Формы
div, span, hr
Мета теги
•
Основы HTML5 Теги header
Теги article, section
Теги aside, footer
Меняем макет из HTML в HTML5
Полезные атрибуты при работе с формами
•
Основы CSS Классы и идентификаторы
Создание и подключение
Оформление текста
Работа со шрифтом
Фон
Работа с таблицами, границы
Списки
Ссылки
Внешние отступы
Внутренние отступы
Ширина, высота (min, max)
Пробелы между словами
Display
Свойство float
Position absolute
Position fixed
Position relative
Вид курсора
Свойство outline
•
CSS - Практика Введение
Подготовка к работе
Строим структуру сайта
Создаем меню
Создаем новость
Оформляем новость
Отступы новостей и линия
Создаем блоки в футере.
Вставляем логотип
Кнопка facebook
Кнопка youtube
Фон и выравнивание текста
•
CSS3 Введение
Свойство border-radius
Тень элементов
Тень текста
Свойство word-wrap
Размер фонового изображения
Позиционирование фона
Свойство box-sizing
Свойство resize
Прозрачность элементов
Трансформация
Свойство transition
Создание анимации
Псевдоклассы
Фильтр элементов по типу
Фоновый градиент
Полезные сервисы
•
CSS3 - Практика Введение
Изменяем картинку новостей
Придаем тень ссылкам
Анимация для кнопки facebook
Анимация для кнопки youtube
Изменяем размер фонового изображения
Анимация логотипа
Таблица концертов
Страница контактов
•
Блочная верстка сайта-визитки Введение
Шапка сайта
Слайдер
Блок контента
Футер сайта
•
Блочная верстка интернет-магазина Введение
Базовые действия
Шапка сайта
Блок контента
Левый блок
Продукт
Продукты
Навигация
Футер
•
Бонусы: Базовый арсенал верстальщика
Основы фотошопа:
· Установка
· Инструменты
· Слои
· Создание документа
· Сохранение документа
· Заключение
•
Домашние задания •
Материалы курса