Курс: Онлайн-курс web-проектирование и дизайн для офисной работы Курс прошёл

Код 29626


О чём курс?

В ходе обучения: Ознакомитесь с особенностями проектирования и дизайна веб-страниц и сайтов, а также ориентации в панели администрирования. *До начала занятий необходимо установить программу-редактор Sublime Text последней версии (не имеем лицензии) для Windows с сайта разработчика. **Рекомендуемое программное обеспечение: Sublime Text 4 для Windows версия 4180 или выше.

Для кого курс?

Приглашаются: Специалисты и менеджеры, которые связаны с подготовкой материалов для размещения на 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).
Принципы создания меню. Создание простого меню.
Кейсы

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