Web design (HTML/CSS/Visual Studio Code) with vocational German language training

The course first teaches the theoretical content from the most common business fields, including job-related German language support. You will then gain knowledge of modern web design with a focus on HTML, CSS, Visual Studio Code and Photoshop. You will also gain an insight into the use of artificial intelligence in the workplace.
  • Certificates: Goethe-Test PRO" certificate
    Certificate "Web design with HTML, CSS and Visual Studio Code"
  • Examination: Praxisbezogene Projektarbeiten mit Abschlusspräsentationen
    Goethe-Test PRO
  • Teaching Times: Full-time
    Monday 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: 16 Weeks

Job-related German language support for the commercial/technical sector

General language skills (approx. 1 day)

Repetition of important grammar topics and application of complex linguistic structures of German grammar

Reading and understanding texts from different areas, global and selective reading comprehension

Improving listening comprehension


Correspondence in a professional environment (approx. 2 days)

Layout and letter design

Contemporary salutations and letter introductions

Customer-oriented letters and e-mails

Reporting

Cover letters according to DIN 5008


Artificial intelligence (AI) in the work process

Presentation of specific AI technologies

and possible applications in the professional environment


Professional field of communication management (approx. 3 days)

Confident communication in the company

Forms of communication in teams

Meetings and presentations

Conflict management

Staff appraisals

Job interviews

Sales and consultation meetings

Writing offers

Trade fairs and product presentations

Complaints


Business career field (approx. 6 days)

Human resources, management and labor law

Finance and controlling

Payroll accounting


Professional field of marketing (approx. 6 days)

Advertising

Market analysis and market research

Online marketing and e-commerce


Company processes (approx. 8 days)

Restructuring, process management, process changes

Digital transformation

Changes in energy management and environmental protection

Project management


Occupational field logistics and trade (approx. 8 days)

production

Purchasing

Delivery and transportation

Retail trade


Project work, certification preparation and certification exam "Goethe-Test PRO" (approx. 6 days)

Web design (HTML/CSS/Visual Studio code)

HTML and CSS (approx. 6 days)

HTML introduction

Basic framework

Tags for text creation (h1-h6, p, br, span)

Text format commands

Integrating graphics

Links (internal, external, phone, mailto link)

Favicons

Lists and tables

Correct syntax structure

Checking with W3C validation tool

CSS introduction

Integration options for CSS specifications (internal, external, inline style)

Basic commands (text design, font color, background color)

HTML containers

Use and styling of containers

Integration of YouTube and Google Maps

Video and audio player

Object-fit


VS Code (approx. 1 day)

Introduction to VS Code

Additional extensions for VS Code. (e.g. Live Server, Emmet Commands, Copilot (AI))

AI usage in combination with VS Code


Layout techniques (approx. 4 days)

Classes, IDs, selectors

Introduction box model

Padding, margin, border, border-radius and their shorthands

Flex-Box introduction

Layouts with flex box

Alignment with Flexbox

Introduction to Grid System

Layouts with Grid

Alignment with Grid System

Floating text around images with float and clear

General display properties of tags

Background images


Status and values (approx. 1 day)

Introduction of pseudo-classes (hover, active, focus, nth-child, first-child, last-child)

Pseudo elements (::before, ::after, content)

Specificity (value of codes)


Positioning (approx. 2 days)

Introduction to positions

Static, absolute, fixed, sticky, relative

Left, right, top, bottom, z-index

Dropdown menus

:target

:target in combination with navigation menus and modals


Forms (approx. 2 days)

Introduction to forms

Fieldset, legend

Inputs, textareas, labels, values, name, selects

Autocomplete

Form design with CSS

Integration of php-script in action with AI


Effects and fonts with CSS (approx. 1 day)

CSS transition effects

Transition, filter, transform

Color gradients, box-shadow, text-shadow

Font integration with @font-face


Responsive web design (approx. 2 days)

Introduction to responsive design

Media queries, breakpoints

Landscape, portait mode

Responsive images with picture and srcsets

Image editing, compression of images

Generating images with AI


Search engine optimization (approx. 1 day)

Introduction to SEO

On-page optimization and use of AI-generated texts

Performance optimization to improve SEO and presentation of suitable tools


CSS techniques and interaction (approx. 2 days)

CSS variables

Dark mode

Calculation with CSS

Introduction to CSS animations

Duration, delay, direction, timing-function, iteration-count, fill-mode

Animated burger button


One-pager and multilingualism (approx. 2 days)

Introduction One-Pager

Smooth-scroll

Integration of fontawesome library

Dealing with SVG graphics

Layer integration and CSS customization

Multilingual websites


Extensions and frameworks (approx. 1 day)

Introduction to Bootstrap

Use of Bootstrap components

Responsive design with Bootstrap


JavaScript (approx. 3 days)

Introduction to JavaScript

JavaScript/jQuery methods

Create jQuery Lightbox

Variables

If-else statements

Scroll, window, resize

arrays

For-loop

Math object


Legal requirements and project management (approx. 2 days)

Internet law

Copyrights in relation to AI/KI

Accessibility

Project management


Project work (approx. 10 days)

To consolidate the content learned

Presentation of the project results



Changes are possible. The course content is updated regularly.

General knowledge of German (B1) is a prerequisite for participation in the course.

The course provides you with the necessary know-how for employment as a commercial and technical specialist, including job-related German language training, in order to achieve successful integration into the German labor market.

You also know the complete workflow for a modern web design and produce user-friendly and sophisticated websites.

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.

The course is also aimed at specialists from the commercial and technical fields, taking into account an integrative component.

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.

The course also provides you with work-related German language support to enable you to write business correspondence in accordance with current regulations and to communicate confidently both internally and externally. The informative Goethe-Test PRO will give you a detailed insight into the language skills you have acquired, making it easier for you to enter and advance in your career.

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).

We will gladly advise you free of charge.

0800 3456-500 Mon. - Fri. from 8 am to 5 pm
free of charge from all German networks.

Contact

We will gladly advise you free of charge. 0800 3456-500 Mon. - Fri. from 8 am to 5 pm free of charge from all German networks.