Веб-дизайн (код HTML/CSS/Visual Studio) з дизайнерським мисленням

Цей курс знайомить з підходом до вирішення проблем та розробки нових ідей за допомогою дизайн-мислення. Ви також дізнаєтесь про робочий процес сучасного веб-дизайну та про те, як створювати зручні для користувача веб-сайти. Ви дізнаєтесь, як штучний інтелект використовується на робочому місці.
  • Тип ступеня: Сертифікат "Дизайн-мислення
    Сертифікат "Веб-дизайн за допомогою HTML, CSS та Visual Studio Code"
  • Підсумковий іспит: Praxisbezogene Projektarbeiten mit Abschlusspräsentationen
  • Час занять: Повна зайнятість
    З понеділка по п'ятницю з 8:30 до 15:35 (у святкові дні з 8:30 до 17:10)
  • Мова викладання: Німецька
  • Тривалість: 9 Тижні

Дизайнерське мислення

Вступ до дизайн-мислення (приблизно 1 день)

Процес дизайн-мислення з першого погляду

Найважливіші правила та фази дизайн-мислення

Практично-орієнтовані підходи та застосування


5 етапів реального проекту (приблизно 3 дні)

5 етапів реального проекту


Етап дослідження

Методологічний внесок у якісне дослідження

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


Етап синтезу

Методичні вказівки щодо аналізу та синтезу

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


Етап розробки ідеї

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

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


Етап створення прототипів

Методичні поради щодо візуалізації та прототипування (включаючи макети, манекени, 3D-друк та швидке прототипування)

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


Етап тестування

Методичні вказівки щодо методів тестування та ітерацій, гнучкого підходу

Впровадження через практичні вправи на реальному проекті


Штучний інтелект (ШІ) в робочому процесі

Презентація конкретних технологій ШІ

та можливих застосувань у професійному середовищі


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

Закріплення вивченого матеріалу

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

Веб-дизайн (код 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 днів)

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

Ознайомлення з моделлю вставки

Відступи, поля, рамки, рамки-радіуси та їх скорочення

Вступ до Flex-Box

Макети з флекс-боксом

Вирівнювання за допомогою Flexbox

Вступ до системи Grid

Макети з сіткою

Вирівнювання за допомогою системи сітки

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

Загальні властивості відображення тегів

Фонові зображення


Статуси та значення (приблизно 1 день)

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

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

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


Позиціонування (приблизно 2 дні)

Вступ до позиціонування

Статичне, абсолютне, фіксоване, липке, відносне

Ліворуч, праворуч, зверху, знизу, z-індекс

Меню, що випадають

:target

:target у поєднанні з меню навігації та модальностями


Форми (приблизно 2 дні)

Вступ до бланків

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

Вхідні дані, текстові області, мітки, значення, ім'я, вибірки

Автозаповнення

Дизайн форм за допомогою CSS

Інтеграція php-скрипту в дії зі штучним інтелектом


Ефекти та шрифти за допомогою CSS (приблизно 1 день)

Ефекти переходу CSS

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

Колірні градієнти, тінь від поля, тінь від тексту

Інтеграція шрифтів з @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 Lightbox

Змінні

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

Прокрутка, вікно, зміна розміру

масиви

Цикл For-loop

Математичний об'єкт


Законодавчі вимоги та управління проектами (близько 2 днів)

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

Авторські права щодо ШІ/КІ

Доступність

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


Робота над проектом (близько 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 безкоштовно з усіх німецьких мереж.