описание семинара

Приглашаем принять участие в Онлайн-курсе«WEB-ПРОЕКТИРОВАНИЕ И ДИЗАЙН ДЛЯ ОФИСНОЙ РАБОТЫ»Приглашаются:

• Специалисты и менеджеры, которые связаны с подготовкой материалов для размещения на web-страницах сайтов.

В ходе обучения:

•  
  • Ознакомитесь с особенностями проектирования и дизайна веб-страниц и сайтов, а также ориентации в панели администрирования.

  *До начала занятий необходимо установить программу-редактор Sublime Text последней версии (не имеем лицензии) для Windows с сайта разработчика.

  **Рекомендуемое программное обеспечение: Sublime Text 4 для Windows версия 4180 или выше.

В стоимость обучения входит:

• Комплект авторских материалов.
• Удостоверение о повышении квалификации в объёме 36 ак. часов

Формат обучения:

• Онлайн-трансляция

содержание семинара

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

 

Модуль 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).
• Принципы создания меню. Создание простого меню.

Кейсы

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