Веб-дизайн и системы управления контентом (CMS) с WordPress

После прохождения курса ты будешь знать схему работы современного веб-дизайна и сможешь создавать сайты. Также ты сможешь использовать WordPress для наполнения сайтов и блогов контентом, настраивать структуру страниц и меню и разрабатывать веб-макеты. Ты узнаешь, как искусственный интеллект (ИИ) используется в работе.
  • Тип степени: Сертификат "Веб-дизайн с помощью HTML, CSS и Visual Studio Code"
    Сертификат "Системы управления контентом (CMS) с Wordpress"
  • Итоговый экзамен: Praxisbezogene Projektarbeiten mit Abschlusspräsentationen
  • Время уроков: Полный рабочий день
    С понедельника по пятницу с 8:30 до 15:35 (в праздничные дни с 8:30 до 17:10).
  • Язык обучения: Немецкий
  • Продолжительность: 12 Недели

Веб-дизайн (код HTML/CSS/Visual Studio)

HTML и CSS (около 6 дней)

Введение в HTML

Основные принципы

Теги для создания текста (h1-h6, p, br, span)

Команды форматирования текста

Интеграция графики

Ссылки (внутренние, внешние, телефонные, mailto link)

Фавиконы

Списки и таблицы

Правильная структура синтаксиса

Проверка с помощью инструмента проверки W3C

Введение в CSS

Варианты интеграции спецификаций CSS (внутренний, внешний, инлайн-стиль)

Основные команды (оформление текста, цвет шрифта, цвет фона)

Контейнеры HTML

Использование и стилизация контейнеров

Интеграция YouTube и Google Maps

Видео- и аудиоплеер

Подгонка под объект


VS Code (около 1 дня)

Введение в VS Code

Дополнительные расширения для VS Code. (например, Live Server, Emmet Commands, Copilot (AI)).

Использование искусственного интеллекта в сочетании с VS Code


Техника верстки (около 4 дней)

Классы, идентификаторы, селекторы

Вводная модель коробки

Padding, margin, border, border-radius и их сокращения

Введение в Flex-Box

Макеты с флексбоксом

Выравнивание с помощью Flexbox

Введение в систему сеток

Макеты с сеткой

Выравнивание с помощью системы Grid

Плавающий текст вокруг изображений с помощью float и clear

Общие свойства отображения тегов

Фоновые изображения


Состояние и значения (около 1 дня)

Введение псевдоклассов (hover, active, focus, nth-child, first-child, last-child)

Псевдоэлементы (::before, ::after, content)

Специфика (значение кодов)


Позиционирование (около 2 дней)

Введение в позиционирование

Статическая, абсолютная, фиксированная, липкая, относительная

Слева, справа, сверху, снизу, z-index

Выпадающие меню

:target

:target в сочетании с навигационными меню и модалами


Формы (около 2 дней)

Введение в формы

Набор полей, легенда

Ввод, текстовые поля, метки, значения, имя, выбор

Автозаполнение

Дизайн форм с помощью CSS

Интеграция php-скрипта в действие с AI


Эффекты и шрифты с помощью CSS (около 1 дня)

Эффекты перехода CSS

Переход, фильтр, трансформация

Цветовые градиенты, box-shadow, text-shadow

Интеграция шрифтов с помощью @font-face


Отзывчивый веб-дизайн (около 2 дней)

Введение в отзывчивый дизайн

Медиа-запросы, точки разрыва

Ландшафтный, портативный режим

Отзывчивые изображения с помощью картинок и srcsets

Редактирование изображений, сжатие изображений

Генерация изображений с помощью искусственного интеллекта


Поисковая оптимизация (около 1 дня)

Введение в SEO

Оптимизация страниц и использование текстов, сгенерированных искусственным интеллектом

Оптимизация производительности для улучшения SEO и презентация подходящих инструментов


Техники CSS и взаимодействие с ними (около 2 дней)

Переменные CSS

Темный режим

Вычисления с помощью CSS

Введение в CSS-анимацию

Длительность, задержка, направление, функция синхронизации, счетчик итераций, режим заполнения

Анимированная кнопка гамбургера


Одностраничник и многоязычие (около 2 дней)

Введение в одностраничники

Плавная прокрутка

Интеграция библиотеки fontawesome

Работа с графикой SVG

Интеграция слоев и настройка CSS

Многоязычные веб-сайты


Расширения и фреймворки (около 1 дня)

Введение в Bootstrap

Использование компонентов Bootstrap

Отзывчивый дизайн с помощью Bootstrap


JavaScript (около 3 дней)

Введение в JavaScript

Методы JavaScript/jQuery

Создание лайтбокса jQuery

Переменные

Операторы If-else

Прокрутка, окно, изменение размера

массивы

For-loop

Математический объект


Юридические требования и управление проектами (около 2 дней)

Интернет-право

Авторские права в связи с AI/KI

Доступность

Управление проектами


Работа над проектом (около 10 дней)

Закрепление изученного материала

Презентация результатов проекта

Системы управления контентом (CMS) с WordPress

Введение в WordPress (около 4 дней)

WordPress.com против WordPress.org

Веб-хостинг и провайдеры (например, LocalWP)

Структура папок и базы данных

Фронтенд и бэкенд — управление, сортировка и фильтрация объектов

Создание и ведение записей в блоге

Типы страниц, структура сайта, категории

Управление и редактирование медиафайлов

Функция комментариев, защита от спама

Блочный редактор, классический редактор и HTML-редактор

Блоки (дизайн, медиафайлы, виджеты, сторонний контент)

Основы безопасности: обновления, защита паролем


ИИ в рабочем процессе (около 1 дня)

Тексты, метаописания и изображения, созданные с помощью ИИ

ИИ-помощники в плагинах и конструкторах страниц

Авторское право, защита данных, контроль качества


Темы WordPress и адаптивный дизайн (около 3 дней)

Критерии выбора тем

Бесплатные и платные темы

Основы веб-дизайна (типографика, цвета)

Основы HTML и CSS

Блочные темы (редактор сайта, theme.json, глобальные стили)

Дочерние темы и пользовательский CSS

Классические темы (настройщик, меню, виджеты)

Реализация сложных адаптивных макетов

Создание доступного макета: контрастность, альтернативный текст, семантический HTML

Оптимизация макетов и изображений с помощью ИИ 


Расширение функциональности с помощью плагинов (около 2 дней)

Установка и управление плагинами

Критерии выбора: актуальность, отзывы, совместимость 

Популярные категории: формы, инструменты SEO, плагины безопасности

Плагины для создания страниц 

Плагины на базе ИИ: чат-боты, генерация текста и изображений


Администрирование веб-сайта и WooCommerce (около 5 дней)

Стратегии SEO/SEA

Многоязычные веб-сайты

Управление пользователями и концепции ролей

Выходные данные и политика конфиденциальности (GDPR) 

Юридические обязательства для интернет-магазинов: BFSG, декларация о доступности, риски штрафных санкций

Администрирование системы, безопасность, производительность

Аналитика и отслеживание (например, Google Analytics, Matomo)

Резервное копирование

Планирование и настройка интернет-магазина

Добавление товаров (категории, варианты, изображения и т. д.)

Оплата, доставка, налоги

Обработка заказов

Тематические шаблоны Woo и их настройка

Описания товаров на основе искусственного интеллекта


Проектная работа (около 5 дней)

Подготовка проектной работы с последующей презентацией результатов проекта



Возможны изменения, содержание курса регулярно обновляется.

Вы знаете весь процесс работы над современным веб-дизайном и создаете удобные и сложные сайты.

Кроме того, ты владеешь системой управления контентом WordPress и программным обеспечением для интернет-магазинов WooCommerce и умеешь устанавливать и администрировать функциональный веб-сайт с интернет-магазином, новостным блогом и соответствующими расширениями, создавать структуры страниц со статическим и динамическим контентом, а также разрабатывать современные адаптивные веб-макеты.

Веб-дизайнеры, веб-программисты, графические дизайнеры, медиа-дизайнеры, специалисты творческих профессий или люди, которые отвечают за концепцию, дизайн и практическое воплощение веб-сайтов и хотят получить необходимые знания и навыки.

Специалистам по медиа-дизайну, графическим дизайнерам, веб-дизайнерам, менеджерам по социальным сетям и интернет-маркетингу, специалистам из редакций, журналистам или представителям творческих профессий, а также лицам, которые принимают активное участие в разработке концепции, оформлении и практической реализации интернет-ресурсов и желают приобрести необходимые для этого знания и навыки.

В настоящее время почти все компании полагаются на привлекательное присутствие в Интернете, чтобы представить себя как компанию. Основными потенциальными работодателями являются агентства графического дизайна, рекламы, веб-дизайна, мультимедиа или полного цикла, а также поставщики программного обеспечения и баз данных. Навыки веб-дизайна требуются практически во всех отраслях. При наличии соответствующего опыта интересной перспективой является и самостоятельная работа.

Получив дополнительные знания о WordPress, вы будете иметь представление об одной из самых распространенных WCMS, которая часто используется, в частности, в интернет-маркетинге.

Ваш значимый сертификат дает подробное представление о приобретенных вами квалификациях и улучшает ваши карьерные перспективы.

Дидактическая концепция

Ваши преподаватели обладают высокой профессиональной и дидактической квалификацией и будут обучать вас с первого до последнего дня (никакой системы самообучения).

Вы будете учиться в эффективных небольших группах. Обычно курсы состоят из 6-25 человек. Общие занятия дополняются многочисленными практическими упражнениями во всех модулях курса. Практический этап - важная часть курса, поскольку именно в это время вы обрабатываете полученные знания и обретаете уверенность и практичность в их применении. Заключительный раздел курса включает в себя проект, разбор конкретных ситуаций или итоговый экзамен.

 

Виртуальный класс alfaview®

BildungszentrumЗанятия проводятся с использованием современной видеотехнологии alfaview® - не выходя из дома или в нашем офисе по адресу . Весь курс может видеть друг друга лицом к лицу через alfaview®, общаться друг с другом с помощью синхронизированного по губам голоса и работать над совместными проектами. Разумеется, вы также можете в любое время видеть и разговаривать со своими преподавателями в прямом эфире, и на протяжении всего курса вас будут обучать преподаватели в режиме реального времени. Уроки - это не электронное обучение, а настоящее живое очное преподавание с помощью видеотехнологий.

 

alfatraining Agentur für Arbeit Учебные курсы субсидируются и сертифицируются в соответствии с положением об утверждении AZAV. Bildungsgutschein Aktivierungs- und VermittlungsgutscheinПри подаче заявки или заявки на обучение все расходы на курс обычно покрываются финансирующей организацией.
Europäischen Sozialfonds Deutsche Rentenversicherung Финансирование также возможно через программы (ESF), (DRV) или региональные программы финансирования. Berufsförderungsdienst Как постоянный солдат, вы можете посещать курсы повышения квалификации по программе (BFD). Agentur für Arbeit (Qualifizierungschancengesetz) Компании также могут повысить квалификацию своих сотрудников по программе финансирования от .

Мы будем рады бесплатно проконсультировать тебя.

0800 3456-500 Пн - Пт с 8:00 до 17:00
бесплатно из всех немецких сетей.

Свяжитесь с нами

Мы будем рады бесплатно проконсультировать тебя. 0800 3456-500 Пн - Пт с 8:00 до 17:00 бесплатно из всех немецких сетей.