-
Certificates: Web designer" certificate
-
Additional Certificates: Certificate "Web design with HTML/CSS/Dreamweaver"
Certificate "Graphic Design with Adobe CC"
Certificate "Basics JavaScript/Ajax"
Certificate "UI/UX Design" -
Examination: Practical project work with final presentations
-
Teaching Times: Full-timeMonday to Friday from 8:30 a.m. to 3:35 p.m. (in weeks with public holidays from 8:30 a.m. to 5:10 p.m.)
-
Language of Instruction: German
-
Duration: 20 Weeks
Web design with HTML, CSS and Dreamweaver
HTML (approx. 5 days)
Basic framework
Tags for text creation (h1-h6, p, br)
Basics of CSS
Text format commands
Scaffolding HTML tags (e.g. header, nav)
Integrating graphics and preparing them in Photoshop
Favicons
Links
Internal, external, phone, mailto links
Lists and tables
Forms in HTML
Form elements
Integration of video and audio elements
Integration of YouTube and Google Maps
Differences between XHTML and HTML
Artificial intelligence (AI) in the work process
Presentation of specific AI technologies
and possible applications in the professional environment
Basics CSS (approx. 5 days)
Basics of Dreamweaver
Integration options for CSS specifications (internal, external, inline style)
Text design with CSS
CSS attributes for designing borders and spacing (padding, margin)
Background design with CSS
Float/clear basics
Column spacing with float
Colors with CSS
Clearfix
Pseudo elements (::before/::after)
Pseudo-classes (:nth-of-type)
List/display/link pseudo-classes
Navigation with ul/li (horizontal/vertical)
CSS Flexbox (approx. 5 days)
Columns with Flex
Alignment of elements with Flex
Columns in columns with Flex
Using individual fonts (@font-face)
Fonts with Dreamweaver
Dreamweaver - CSS Designer
CSS position
Positions: relative/absolute/fixed
Possibilities for form design via CSS
CSS color gradients
CSS - transition/transform
Responsive web design (approx. 6 days)
Breakpoints, viewport, media queries
Designing headers and header-img responsively
Picture elements in HTML
Mobile navigation with hover
Enable hover in click on Apple cell phones
Click event via CSS (using checkbox)
Responsive navigation with click
Animated burger button
CSS accordion (using radio buttons)
Drop-down menu for desktop and mobile
Different designs
CSS pseudo class :target
One-page site - page structure
Responsive navigation with :target control
Advantages of one-page sites
JavaScript (approx. 9 days)
Integrating applications
Getting started with JavaScript/jQuery
If-then-else
Variables
Data object
Array Data type
ScrollTop
For loop
Math object
Sticky-menu (js/css)
Show/hide menu with scrolling
Use of vh/vw and calc
Mandatory information imprint/data protection
Cookie notice
Font-awesome - Symbol library
CSS-Filter
CSS variables
Optimize the site for search engines (SEO)
Object fit - frame-filling graphics
CSS animation
CSS grid
Grid-template-areas
Introduction to CSS framework: Bootstrap
Project work (approx. 10 days)
To consolidate the content learned
Presentation of the project results
Graphic design with Adobe CC - cross-media work digital/print/web
Introduction to the Adobe Creative Cloud (approx. 2 days)
Desktop programs at a glance: Photoshop, Illustrator, InDesign
Adobe mobile apps for graphic design
Creative Cloud libraries
Color trends and inspirations (e.g. Adobe Stock, Adobe Color)
Adobe Bridge, Adobe Exchange
Basics (approx. 1 day)
Art vs. design
Design disciplines, design principles
Design process
Design laws of perception
Eye movement and arrangement
Figure-ground relationship
Optical illusions and phenomena
Interference effects, Hick's law
Perspective and spatial effect
Shape and color (approx. 2 days)
Point, line and surface
Arrangement and weighting
Format, proportions and aspect ratios
Color theory and color systems
Properties, effect and meaning
Color design (harmonies, contrasts)
Attention through form and color
Creating and editing shapes (signs, pictograms, icons)
Artificial intelligence (AI) in the work process
Presentation of specific AI technologies
and possible applications in the professional environment
Images (approx. 3 days)
Image competence and image quality
Pixel and vector graphics
Research, idea, mood board
Eye-catchers and storytelling
The human being as a motif
Images in corporate communication
Image design and image editing
Typography and layout (approx. 5 days)
Anatomy of letters
Font history, font classification
Font blending
Reading typography, detailed typography
Workflow: Layout
Basic rules of good layouts
Type area and design grid
Dramaturgy, visual direction and focus
Implementing and presenting layout ideas
Overview of file output (print, digital)
Corporate Design (approx. 2 days)
Corporate design vs. corporate identity
Basic building blocks
Logo design, signets and brands
Implementation - word-image-brand
The corporate design manual (style guide)
Project work (approx. 5 days)
To consolidate the content learned
Presentation of the project results
Basics Javascript/Ajax
JavaScript Basics (approx. 7 days)
Introduction to
Integration into HTML pages
Language elements
Variables, constants and data types
Operators
Control structures
Conditional statements
Loops
Functions
arrays
Objects
cookies
Web storage
Error handling
Artificial intelligence (AI) in the work process
Presentation of specific AI technologies
and possible applications in the professional environment
DOM manipulation with JavaScript (approx. 3 days)
Basics of
Selecting HTML
Content and attributes
styling
events
Creating DOM elements
Copying, moving and deleting DOM elements
AJAX (approx. 3 days)
Introduction to
Functionality
Prerequisites
http requests
XMLHttpRequest object
Synchronous and asynchronous requests
Web services/transmissions:
- JSON
- XML/XML response
Frameworks/Libraries (approx. 2 days)
Create your own library
jQuery
Advantages and disadvantages
Project work (approx. 5 days)
To consolidate the content learned
Presentation of the project results
UI/UX design
General introduction to the topic (approx. 1 day)
UX, usability, UI, mental model, human factors
Principles of user-centered design
ISO 9241-210/HCD
Process for designing usable interactive systems
HCD: Analysis - Understanding and defining the context of use (approx. 3 days)
Personae
Empathy map
Customer Journey
Web analytics
Focus groups
Questionnaire
HCD: Specifying the usage requirement (approx. 1 day)
Scenario model
Task model
Context interviews
Diary studies
Participant observation
HCD: Creating design solutions to meet usage requirements (approx. 1 day)
Guidelines and standards: 7 dialog principles of ISO 9241-110
10 principles of user interface design according to Jakob Nielsen
Visual perception, regularities
HCD design solutions: Taxonomy Information Architecture & Navigation Concepts (approx. 3 days)
Flow Chart
User Flow
Information Architecture
Micro information architecture
Conversion strategy
Navigation concepts
Sitemap
Card Sorting: Planning, preparation, implementation and evaluation
Overview of agile project management (approx. 1 day)
Waterfall model vs. agile
Insight into agile management according to the Scrum method
Epic, user story and task
Design sprint method
HCD design solutions: User Interface Design (approx. 1 day)
Styleguide, UI KITs, Pattern Library & Design System
UI components/elements & form
Colors, font and typography in the UI, icons
Atomic design
Mobile first design
HCD design solutions: Design techniques with Figma & XD Adobe (approx. 2 days)
Figma vs. Adobe XD
Figma
The Figma tool range
Workflow
UI components
Responsive design
Scribbles, wireframes
Interactive prototypes
Adobe XD
The XD tool palette
Workflow
UI components
Responsive Design
Scribbles, wireframes
Interactive prototypes
HCD evaluation of the design against the user requirements - usability testing (approx. 2 days)
An overview of usability testing methods Thinking Aloud: planning, preparation, implementation and evaluation
(UEQ) User Experience QuestionnaireAttrakDiff
VisAWI - Visual Aesthetics of Websites Inventory
A/B testing
Artificial intelligence (AI) in the work process
Presentation of specific AI technologies and possible applications in the professional environment
Project work (approx. 5 days)
To consolidate the content learned
Presentation of the project results
Changes are possible. The course content is updated regularly.
Once you have completed the course, you will be familiar with the complete workflow for modern web design and will be able to produce user-friendly and sophisticated websites: You will be familiar with the design basics, the most important skills in HTML, CSS and Dreamweaver, the use of JavaScript and Ajax, as well as the creation of appealing user interfaces.
Web designers, web programmers, graphic designers, media designers, specialists from artistic professions or people who are responsible for the conception, design and practical implementation of websites and want to acquire the necessary knowledge and skills.
Nowadays, almost all companies rely on an attractive Internet presence to represent them as a company. The main potential employers are graphic design, advertising, web, multimedia or full-service agencies, as well as software and database providers. Web design skills are required in almost all sectors. With the appropriate know-how, self-employment is also an interesting prospect.
Your meaningful certificate provides a detailed insight into the qualifications you have acquired and improves your career prospects.
Didactic concept
Your lecturers are highly qualified both professionally and didactically and will teach you from the first to the last day (no self-study system).
You will learn in effective small groups. The courses usually consist of 6 to 25 participants. The general lessons are supplemented by numerous practical exercises in all course modules. The practice phase is an important part of the course, as it is during this time that you process what you have just learned and gain confidence and routine in its application. The final section of the course involves a project, a case study or a final exam.
Virtual classroom alfaview®
Lessons take place using modern alfaview® video technology - either from the comfort of your own home or at our premises at Bildungszentrum. The entire course can see each other face-to-face via alfaview®, communicate with each other in lip-sync voice quality and work on joint projects. Of course, you can also see and talk to your connected trainers live at any time and you will be taught by your lecturers in real time for the entire duration of the course. The lessons are not e-learning, but real live face-to-face lessons via video technology.
The courses at alfatraining are funded by Agentur für Arbeit and are certified in accordance with the AZAV approval regulation. When submitting a Bildungsgutscheinor Aktivierungs- und Vermittlungsgutschein, the entire course costs are usually covered by your funding body.
Funding is also possible via Europäischen Sozialfonds (ESF), Deutsche Rentenversicherung (DRV) or regional funding programs. As a regular soldier, you have the option of attending further training courses via Berufsförderungsdienst (BFD). Companies can also have their employees qualified via funding from Agentur für Arbeit (Qualifizierungschancengesetz).