Basic knowledge of web design and CMS with graphic design

The course teaches you graphic design skills using Adobe software and website creation with HTML, CSS, VS Code and how to use WordPress. You will also familiarize yourself with the use of artificial intelligence (AI) in a professional environment.
  • Certificates: Certificate "Basic knowledge of web design and CMS"
    Certificate "Graphic Design"
  • Examination: Praxisbezogene Projektarbeiten mit Abschlusspräsentationen
  • 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: 8 Weeks

Basic knowledge of web design and CMS

Basics of web design HTML and CSS with VS Code (approx. 9 days)

HTML introduction

Basic framework tags for text creation (h1-h6, p, br, span)

Text format commands

Integrating graphics

Links (internal, external, phone, mailto links)

Lists and tables

CSS introduction

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

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

Correct syntax structure

Checking with W3C validation tool

HTML containers

Use and styling of containers

Introduction to the box model

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

Classes, IDs, selectors

Introduction to VS Code

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

AI usage in combination with VS Code

CSS Flex-Box introduction

Layouts with Flex-Box

Alignment with Flex-box

Introduction to positions

Static, absolute, fixed, sticky, relative

Left, right, top, bottom, z-index

Introduction to Responsive Design

Media queries, breakpoints

Landscape, portait mode


CMS basics with WordPress (approx. 4 days)

Introduction to WordPress (installation, updates, dashboard, frontend, backend)

settings

Media management

Comments

Creating and editing pages and posts

Blocks and their functions

Recurring blocks

Themes and Theme Editor

Templates and possible applications

Introduction to plugins

Form plugin

Search engine optimization plugin and use of AI-generated texts


Legal requirements and project management (approx. 2 days)

Internet law and helpful plugins for implementing the GDPR

WordPress tools for implementing the GDPR

User administration

Accessibility

Project management


Project work (approx. 5 days)

To reflect on and consolidate the content learned

Presentation of the project results

Graphic design

Design software, AI and modern design workflows (approx. 2 days)

Adobe Creative Cloud: Photoshop, Illustrator, InDesign at a glance

Affinity Suite: Photo, Designer and Publisher at a glance

Creative Cloud Libraries, Adobe Fonts, Adobe Color and Adobe Stock

AI in the design process: Firefly, generative tools, prompting

Opportunities, limits and areas of application of AI


Basics of graphic design (approx. 2 days)

Art vs. design

Design disciplines, design principles and design process

Design thinking and idea development

Design laws of perception

Visual flow and arrangement

Figure-ground relationship


Shape and color (approx. 2 days)

Point, line, surface and shape

Format and proportions

Color theory and color effects

Contrasts, harmonies and color concepts

Color in the context of brand, effect and legibility


Images (approx. 3 days)

Image quality and image formats

Pixel and vector graphics

Visual language, visual impact and visual storytelling

Research, brainstorming and mood boards

Images in corporate communication

Basics of image editing and AI-supported image development

Image rights/rights of use


Typography and layout (approx. 3 days)

Font classification and font selection

Reading typography, detailed typography

Typographic hierarchies

Workflow in layout design

Type area and design grid

Developing and evaluating layout concepts

Overview of file output (print, digital)


Corporate and brand design (approx. 1 day)

Corporate design vs. corporate identity

Logo design, signet and word/image mark

Color, form and typography systems in brand identity

Style guides and consistent design systems


Accessibility (approx. 1 day)

Basics of accessible design

Design criteria for accessible communication (e.g. legibility, contrast, color selection)


Digital media and cross-media (approx. 1 day)

Basics of digital publishing and responsive design

File formats for web, app and social media

AI-supported content adaptation for various channels

AI-based layout optimization for mobile designs


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 have a sound basic knowledge of web design and content management. You can work with the VS Code program and are familiar with the WordPress CMS.

After the course, you will also have mastered the basics of creative work and visual communication. You will understand how design, advertising and presentations work and have basic design, methodological and technical knowledge.

This course is aimed at anyone who wants to acquire sound basic knowledge in the field of multimedia. These are, for example, people who want to work in online or technical editing, online marketing, social media marketing or e-business.

Your future area of work can be in the editorial field, but above all in the creation of advertising media. The skills you acquire are in demand across all media 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).

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.