Веб-дизайн (HTML/CSS/Dreamweaver) з дизайнерським мисленням
Безкоштовно для вас
через просування
-
Тип ступеня: Сертифікат "Дизайн-мислення
Сертифікат "Веб-дизайн за допомогою HTML/CSS/Dreamweaver" -
Підсумковий іспит: Практична робота над проектами з фінальними презентаціями
-
Час занять: Повна зайнятістьЗ понеділка по п'ятницю з 8:30 до 15:35 (у святкові дні з 8:30 до 17:10)
-
Мова викладання: Німецька
-
Тривалість: 9 Тижні
Дизайнерське мислення
Вступ до дизайн-мислення (приблизно 1 день)
Процес дизайн-мислення з першого погляду
Найважливіші правила та фази дизайн-мислення
Практично-орієнтовані підходи та застосування
5 етапів реального проекту (приблизно 3 дні)
Етап дослідження
Методологічний внесок у якісне дослідження
Реалізація через практичні вправи на реальному проекті
Етап синтезу
Методичні вказівки щодо аналізу та синтезу
Реалізація через практичні вправи на реальному проекті
Етап розробки ідеї
Методичний посібник з креативних технік та розробки ідей
Реалізація через практичні вправи на реальному проекті
Етап створення прототипів
Методичні поради щодо візуалізації та прототипування (включаючи макети, манекени, 3D-друк та швидке прототипування)
Реалізація через практичні вправи на реальному проекті
Етап тестування
Методичні вказівки щодо методів тестування та ітерацій, гнучкого підходу
Впровадження через практичні вправи на реальному проекті
Штучний інтелект (ШІ) в робочому процесі
Презентація конкретних технологій ШІ
та можливих застосувань у професійному середовищі
Робота над проектом (приблизно 1 день)
Закріплення вивченого матеріалу
Презентація результатів проекту
Веб-дизайн за допомогою HTML, CSS та Dreamweaver
HTML (приблизно 5 днів)
Базовий фреймворк
Теги для створення тексту (h1-h6, p, br)
Основи CSS
Команди форматування тексту
Створення тегів HTML (наприклад, header, nav)
Інтеграція графіки та підготовка її у Photoshop
Фавікони
Посилання
Внутрішні, зовнішні, телефонні, email-посилання
Списки та таблиці
Форми в HTML
Елементи форм
Інтеграція відео та аудіо елементів
Інтеграція YouTube та Google Maps
Відмінності між XHTML та HTML
Штучний інтелект (ШІ) в робочому процесі
Презентація конкретних технологій ШІ
та можливих застосувань у професійному середовищі
Основи CSS (близько 5 днів)
Основи Dreamweaver
Варіанти інтеграції специфікацій CSS (внутрішній, зовнішній, вбудований стиль)
Оформлення тексту за допомогою CSS
Атрибути CSS для оформлення кордонів та інтервалів (відступ, маргіналізація)
Оформлення фону за допомогою CSS
Плаваючі/чіткі основи
Інтервали між стовпчиками за допомогою float
Кольори за допомогою CSS
Clearfix
Псевдоелементи (::before/::after)
Псевдо-класи (:n-го типу)
Перелік/відображення/посилання псевдокласів
Навігація за допомогою 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
Для циклу
Математичний об'єкт
Sticky-меню (js/css)
Показати/приховати меню з прокруткою
Використання vh/vw та calc
Обов'язковий відбиток інформації/захист даних
Повідомлення про файли cookie
Font-awesome - бібліотека символів
CSS-фільтр
Змінні CSS
Оптимізація сайту для пошукових систем (SEO)
Об'єктна підгонка - графіка, що заповнює фрейми
CSS анімація
CSS сітка
Grid-шаблони-області
Вступ до фреймворку 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) Компанії також можуть підвищити кваліфікацію своїх працівників за допомогою програми фінансування від .