Разметка сайтов: HTML, CSS

Программа обучения:

Модуль 1.

• Введение в языки разметки. Cпецификации языка HTML.
• Краткий обзор броузеров и их возможностей.
• Краткий обзор редакторов и их возможностей.
• Структура HTML-документа.
• Правила записи элементов и их атрибутов в XHTML.
• Классификация элементов.
• Стиль элемента – альтернатива устаревшим тегам и атрибутам.
• Тест для самопроверки.
• Домашнее задание

Модуль 2.

• Маркированные и нумерованные списки.
• Списки определений.
• Многоуровневые списки.
• Кодировка документа.
• Символьные подстановки.

Модуль 3.

• Графика для веб-дизайна: форматы GIF, JPEG, PNG, их особенности.
• Оптимизация графики в Photoshop, модуль Save for Web.
• Тег и его атрибуты (src, alt, width, height, border).
• Управление фоном элемента.
• Тест для самопроверки.

Модуль 4.

• Что такое гиперссылки. Элемент «a»
• Закладки
• Графические ссылки. Навигационная панель

Модуль 5.

• Создание таблиц. Базовые элементы.
• Группы строк и столбцов
• Использование таблиц для верстки страницы
• Тест для самопроверки.

Модуль 6.

• Введение в CSS
• Селекторы
• Форматирование текста.

Модуль 7.

• Настройка фона элементов
• Рамки, поля и отступы
• Рамки (border)
• Отступы (padding)
• Поля (margin)
• Визуальные свойства CSS
• Отображение элемента (display)
• Видимость (visibility)
• Переполнение (overflow)
• Курсор (cursor)

Модуль 8.

• Позиционирование элементов
• Свойство float. Блочная вёрстка сайта
• HTML и CSS: создание макета сайта

Модуль 9.

• Новые возможности HTML5 и CSS3
• Возможности работы с медиа-данными
• Анимация объектов

Модуль 10.

• Медиа-запросы как средство адаптивной вёрстки
• Вёрстка макетов для различных устройств