Веб-верстка: Курсы

Основы HTML

• Что такое тег. Виды тегов. Правила написания тегов и атрибутов.
• Теги заголовков.
• Теги текстовых блоков.
• Вставка горизонтальных линий.
• Создание кавычек и цитат.
• Вставка спецсимволов.

HTML. Создание ссылок. Добавление в документ медиаконтента

• Гиперссылки в веб-документе. Создание гиперссылок.
• Основные форматы изображений для web.
• Тег img и его атрибуты.
• Вставка аудио контента в веб-документ: тег audio и его атрибуты.
• Вставка видео контента в веб-документ: тег video и его атрибуты.

HTML. Создание таблиц. Создание списков

• Создание таблиц.
• Тег table и его атрибуты.
• Тег создания строк и его атрибуты.
• Тег создания ячеек и его атрибуты.
• Тег создания заголовков таблицы.
• Вставка таблицы в ячейку таблицы (создание вложенных таблиц).
• Создание маркированных, нумерованных и определенных списков. Создание вложенных списков

HTML. Создание интерактивных форм

• Создание форм.
• Выпадающий список выбора.
• Выпадающий список выбора с полосой прокрутки.
• Флажки, переключатели.
• Тег fieldset, значение, правила написания.
• Визуальное выделение группы элементов формы.

Графика

• Основные принципы создания макета дизайна сайта в графическом редакторе.
• Подготовка ("нарезка") макета дизайна сайта для использования в html-документе.

CSS. Основы

• Синтаксис CSS.
• Методы включения CSS в html-документ.
• CSS-настройки ширины элементов (width, min-width, max-width).
• CSS-настройки высоты элементов (height, min-height, max-height).
• CSS-настройки отступов элементов (margin, margin-top, margin-bottom, margin-left, margin-right).

CSS. Настройка полей, границ и фона элементов

• CSS-настройки полей элементов (padding, padding-top, padding-bottom, padding-left, padding-right).
• CSS-настройки границ элементов (border, border-width, border-style, border-color, border-top, border-bottom, border-left, border-right и т.д.).
• CSS-настройки фона элементов (background, background-color, background-image, background-position, background-repeat, background-attachment).
• Модель формирования истинных размеров элемента.

CSS. Форматирование текста и шрифта, генерирование контента

• CSS-настройки шрифта, используемого в элементах (font, font-family, font-size, font-style, font-weight, font-variant, line-height, color).
• CSS-настройки отображения текста в элементах (text-align, text-decoration, text-transform, text-indent и т.д.).
• Специальные добавочные селекторы для управления контентом, добавляемым перед или после основного контента элементов (псевдоэлементы before и after).
• CSS-настройка, позволяющая добавлять дополнительный контент к элементам (content).
• CSS-настройки, позволяющие создавать специальные "счётчики" и управлять ими (counter-reset, counter-increment).

CSS. Позиционирование и отображение

• Понятие "стандартного потока" элементов. Нарушение "стандартного потока" элементов.
• CSS-настройки управляющие "обтеканием" элементов (float, clear).
• CSS-настройки, управляющие отображением элементов на странице (display, visibility).
• CSS-настройки, управляющие положением элементов внутри "стандартного потока" (position, top, bottom, left, right, z-index).

 Одиночные селекторы

• Простые одиночные селекторы: селектор по имени тега, селектор по имени класса, селектор по имени идентификатора, селектор по атрибуту.
• Комплексные одиночные селекторы. Принципы использования.
• Комплексный одиночный селектор. Частный случай. Селектор по наличию нескольких классов.

Составные селекторы

• Принципы использования составных селекторов.