Основы технологии верстки на HTML5 и CSS3
Аннотация
HTML (HyperText Markup Language, язык разметки гипертекста) — это прежде всего система вёрстки, которая определяет, как и какие элементы должны располагаться на веб-странице. Информация на сайте, способ её представления и оформления зависят исключительно от разработчика и тех целей, которые он перед собой ставит.
CSS (Cascading Style Sheets, каскадные таблицы стилей) — стилем называется набор параметров форматирования, который применяется к элементам документа, чтобы изменить их внешний вид. Возможность работы со стилями издавна включают в развитые издательские системы и текстовые редакторы, тем самым позволяя одним нажатием кнопки придать тексту заданный, заранее установленный вид. Теперь это доступно и создателям сайта, когда цвет, размеры текста и другие параметры хранятся в определённом месте и легко «прикручиваются» к любому элементу.
Ещё одним преимуществом стилей является то, что они предлагают намного больше возможностей для форматирования, чем обычный HTML. CSS представляет собой мощную систему, расширяющую возможности дизайна и вёрстки веб-страниц.
Цель
Научиться создавать HTML страницы, верстать и анимировать элементы на странице.
Предварительная подготовка
- Опытный пользователь ПК (особая подготовка не требуется).
Программа курса
- Текст
- Шрифты
- Установка шрифта
- Загрузка своего шрифта
- Размер текста
- Начертание
- Наклон текста
- Насыщенность
- Верхний и нижний индекс
- Буквица
- Фон
- Цвет фона
- Фоновая картинка
- Масштабирование фона
- Спрайты
- Несколько фоновых картинок
- Линейный градиент
- Радиальный градиент
- Ссылки
- Виды ссылок
- Оформление ссылок
- Ссылки внутри страницы
- Списки
- Маркированные списки
- Нумерованные списки
- Вложенные списки
- Список описаний
- Использование списков
- Изображения
- Форматы графических файлов
- Масштабирование картинок
- Элемент figure
- Подрисуночная подпись
- Выравнивание картинок
- Рамка вокруг изображений
- Круглые изображения
- Карты-изображения
- Таблицы
- Структура таблицы
- Заголовок таблицы
- Объединение ячеек
- Оформление таблиц
- Формы
- Отправка данных формы
- Текстовое поле
- Поле для ввода пароля
- Многострочное текстовое поле
- Кнопки
- Элемент label
- Переключатели
- Флажки
- Поле со списком
- Скрытое поле
- Поле с изображением
- Загрузка файлов
- Адрес электронной почты
- Веб-адрес
- Выбор цвета
- Ввод чисел
- Ползунок
- Календарь
- Поле для поиска
- Номер телефона
- Группирование элементов форм
- Блокирование элементов форм
- Автофокус
- Подсказывающий текст
- Защита от дурака
- Трансформация
- Функции трансформации
- Матрица преобразований
- Точка трансформации
- Переходы
- Анимация
Расписание
Время проведения курса пока не определено, отправьте нам заявку, пожалуйста.
Возможно, мы предложим пройти курс в дистанционном режиме или организуем выездной курс, если у Вас группа.