FRNT-HTML. Верстка сайтов (HTML+CSS)

Тема 1. Язык разметки HTML. Теги. Структура документа.

• Введение
• Как работает сайт. Клиент-серверная архитектура.
• Язык разметки HTML.
• Разметка текстового содержания.
• Разметка текстовых блоков.
• Встраивание графических изображений.

Тема 2. Разметка веб-страницы. Ссылки. Символьные сущности. Таблицы. Создание форм.

• Символьные сущности.
• Таблицы.
• Пример простейшей формы.
• Формы. Теги и атрибуты.
• Виды полей ввода.

Тема 3. Каскадные таблицы стилей CSS.

• Введение в CSS.
• Виды селекторов.
• Специфичность.
• Боксовая модель элемента.

Тема 4. Основные свойства CSS. Создание макетов верстки.

• Классификация свойств CSS.
• Единицы измерения для текста и свойств.
• Свойство display. Inline, inline-block. Верстка галереи.
• Свойство float, clear. Обтекание на веб-странице. Очистка обтекания clearfix.
• Свойство Overflow.
• Позиционирование элементов на веб-странице.
• Применение позиционирования. Позиционирование и трансформация. Фиксированное позиционирование.
• Сборка меню

Тема 5. Дополнительные возможности CSS.

• Подключение нестандартных шрифтов. Генерация шрифта из файла.
• Использование иконочного шрифта. Создание собственных иконок.
• СSS  спрайты.
• Анимация и функции плавности.

Тема 6. Отзывчивый веб-дизайн.

• Отзывчивый веб-дизайн.