Веб-дизайн (HTML/CSS/Dreamweaver) с дизайнерским мышлением

Бесплатно для тебя

с помощью продвижения

С помощью Design Thinking этот курс знакомит с подходом к решению проблем и разработке новых идей. Также ты узнаешь о рабочем процессе современного веб-дизайна и о том, как создавать удобные для пользователей сайты. Ты узнаешь, как искусственный интеллект используется на рабочем месте.
  • Тип степени: Сертификат "Дизайнерское мышление
    Сертификат "Веб-дизайн с HTML/CSS/Dreamweaver"
  • Итоговый экзамен: Практическая работа над проектом с итоговыми презентациями
  • Время уроков: Полный рабочий день
    С понедельника по пятницу с 8:30 до 15:35 (в праздничные дни с 8:30 до 17:10).
  • Язык обучения: Немецкий
  • Продолжительность: 9 Недели

Дизайнерское мышление

Введение в дизайн-мышление (около 1 дня)

Процесс дизайн-мышления в двух словах

Наиболее важные правила и фазы дизайн-мышления

Практико-ориентированные подходы и приложения


5 этапов реального проекта (около 3 дней)


Этап исследования

Методологический вклад в качественное исследование

Реализация через практические упражнения на реальном проекте


Этап синтеза

Методические материалы по анализу и синтезу

Реализация через практические упражнения на реальном проекте


Этап разработки идеи

Методические материалы по креативным техникам и разработке идей

Реализация через практические упражнения на реальном проекте


Этап создания прототипов

Методические материалы по визуализации и прототипированию (включая макеты, манекены, 3D-печать и быстрое прототипирование)

Реализация через практические занятия на реальном проекте


Этап тестирования

Методические материалы по методам тестирования и итерациям, agile-подход

Реализация через практические упражнения на реальном проекте


Искусственный интеллект (ИИ) в рабочем процессе

Презентация конкретных технологий ИИ

и возможного применения в профессиональной среде


Работа над проектом (около 1 дня)

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

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

Веб-дизайн с помощью HTML, CSS и Dreamweaver

HTML (около 5 дней)

Базовая основа

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

Основы CSS

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

Создание HTML-тегов (например, header, nav)

Встраивание графики и ее подготовка в Photoshop

Фавиконы

Ссылки

Внутренние, внешние, телефонные, mailto ссылки

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

Формы в HTML

Элементы форм

Интеграция видео и аудио элементов

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

Различия между XHTML и HTML


Искусственный интеллект (ИИ) в рабочем процессе

Презентация конкретных технологий ИИ

и возможного применения в профессиональной среде


Основы CSS (около 5 дней)

Основы Dreamweaver

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

Оформление текста с помощью CSS

Атрибуты CSS для оформления границ и интервалов (padding, margin)

Оформление фона с помощью CSS

Основы работы с плавающими/прозрачными элементами

Интервалы между колонками с помощью float

Цвета с помощью CSS

Clearfix

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

Псевдоклассы (:nth-of-type)

Псевдоклассы списков/дисплеев/ссылок

Навигация с помощью ul/li (горизонтальная/вертикальная)


CSS Flexbox (около 5 дней)

Столбцы с Flex

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

Колонки в колонках с помощью Flex

Использование пользовательских шрифтов (@font-face)

Шрифты в Dreamweaver

Dreamweaver - конструктор CSS

Позиция CSS

Позиции: относительная/абсолютная/фиксированная

Возможности оформления форм с помощью CSS

Цветовые градиенты CSS

CSS - переход/трансформация


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

Точки разрыва, область просмотра, медиа-запросы

Отзывчивый дизайн заголовков и header-img

Элементы изображений в HTML

Мобильная навигация с наведением

Включение ховера при клике на мобильных телефонах Apple

Событие клика через CSS (с использованием флажка)

Отзывчивая навигация с кликом

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

Аккордеон CSS (с использованием радиокнопок)

Выпадающее меню для настольных и мобильных компьютеров

Различные дизайны

Псевдокласс CSS :target

Одностраничный сайт - структура страницы

Отзывчивая навигация с помощью элемента управления :target

Преимущества одностраничных сайтов


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

Интеграция приложений

Начало работы с JavaScript/jQuery

If-then-else

Переменные

Объект данных

Массив Тип данных

ScrollTop

Цикл For

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

Sticky-menu (js/css)

Показать/скрыть меню с прокруткой

Использование vh/vw и калька

Обязательная печать информации/защита данных

Уведомление о cookie

Font-awesome - библиотека символов

Фильтр CSS

Переменные CSS

Оптимизация сайта для поисковых систем (SEO)

Object fit - заполнение графики рамкой

CSS-анимация

CSS-сетка

Grid-template-areas

Введение в CSS фреймворк: Bootstrap


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

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

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



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

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

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

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

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

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

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

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

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

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

Вы будете учиться в эффективных небольших группах. Обычно курсы состоят из 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 бесплатно из всех немецких сетей.