Онлайн-курс WEB-ПРОЕКТИРОВАНИЕ И ДИЗАЙН ДЛЯ ОФИСНОЙ РАБОТЫ

Свежая информация

Программа онлайн-курса:

Модуль 1. Введение

• История и эволюция веб-проектирования.
• Знакомство с языками веб-проектирования и дизайна – HTML и CSS.
• Программы-редакторы.

Модуль 2. Базовые навыки

• Структура массива кода в редакторе. Теги установки массива.
• Основные теги HTML – (div) и (section).
• Знакомство со свойствами контейнера.
• Архаичные теги HTML для веб-дизайна текста.
• Базовый атрибут стилей CSS – style.
• Основные свойства атрибута стилей CSS для размещения контента внутри контейнера и их характеристики: width, height, text-align, opacity, visibility, color.
• Дополнительные теги HTML для структурирования контента внутри контейнера – (p), (br).
• Свойства атрибута стилей CSS для постановки контейнера и его контента и их характеристики: padding, margin.
• «Резиновая вёрстка». Свойство атрибута стилей CSS для взаимодействия контейнеров и их характеристики – display.
• Создание страничных блоков с помощью тегов HTML (header) и (footer).

Модуль 3. Основные навыки

• Создание веб-проекта и его структурирование по папкам.
• Стилизация текстового контента.
• Принципы подбора иллюстраций и их постановка в код. Тег (img) и атрибут (src).
• Стилизация иллюстраций. Позиционирование и обтекание. Рамочность.
• Создание и стилизация таблиц.
• Постановка фона контейнера.

Модуль 4. Методика создания многостраничного проекта

• Правила и принципы наименования контейнеров: атрибут (class).
• Создание отдельного файла стилей CSS.
• Создание ссылок: тег (a) и атрибут (href).
• Принципы создания меню. Создание простого меню.

Кейсы

• Создание текстовой страницы сайта.
• Создание текстово-иллюстративной страницы сайта.
• Создание проекта.
• Создание многостраничного сайта со ссылочными переходами.
• Создание многостраничного сайта с простыми формами меню.