HTML5 is the language of the web. With HTML5 and CSS3 alone, you can build visually appealing, responsive websites with basic features. Responsive means, by the way, that the pages are displayed on all devices such as computers, laptops, tablets or smartphones. That alone would be almost enough. But for us it is not enough. In our HTML5 and CSS3 basic course we even go into simple web-based games.

Most web developers nowadays work with content management systems like WordPress, Joomla or Drupal. With these, responsive websites are of course possible. However, HTML5 and CSS3 knowledge is an advantage even with such CMS if you want to customize content, images or formatting. Also in the area of front-end development there are many technologies that generate HTML5 code from a certain code in a programming language, e.g. Java Server Face (JSF), Vaadin or GWT (Google Web Toolkit). Even there, basic knowledge of HTML5 and CSS3 is very helpful to understand and improve the generated HTML code.

The HTML5 with CSS3 course teaches you step by step and practice-oriented all important graphical elements of HTML5 and their formatting with CSS3. Then you will learn how to embed JavaScript or PHP code within HTML5 segments. Using many examples and workshops you will learn in pair-program sessions with other participants how to build, edit and modify complete pages with HTML5 and CSS. This allows optimal exchange of experience and works according to the 4 eyes principle. Which ensures a lot of joy, fun and success for the participants.

The course is carefully prepared and conducted by lecturers at elite universities together with professional web developers. Theory meets practice! Many examples together with exciting workshops accompany you in the 3 days course and provide a balanced mix. A maximum of eight participants ensures optimal support. Modern seminar rooms, laptops and techniques are available to you throughout the course.

For your well-being, drinks and a hot lunch are also included throughout the day, so that you can concentrate only on the essentials, take on the HTML5 training and on your success in doing so.

What do you learn on the first day?

You will quickly learn the basic framework of HTML5 code and how to use CSS3 for formatting. You'll learn the important HTML commands (tags) for creating simple web pages, how to use developer tools and how to format the content of your page with internal or external CSS3 files. You will learn the basics of HTML5 and CSS3 and how to test and validate HTML code. After the first day you will be able to program beautiful websites with HTML5 and CSS3.

What do you learn on the second day?

We would like to create responsive websites, so they should be displayed correctly on all devices. For this we will learn more CSS elements like CSS Box Model, CSS3 Media Queries and Responsive WD and extend our HTML5 knowledge by creating lists of all kinds like Unordered or Ordered List as well as links to other websites, to media files and email links. After this day you will know how to make your website responsive. A small introduction to JavaScript will also be given on this day, so that you can also realize dynamic content.

What do you learn on the third day?

On the last day you will learn advanced HTML5 elements so that you can realize large projects and quite sophisticated websites with it. This includes page layout with the different layouts such as box, and grid layouts, working with images and videos, creating tables and forms as well as advanced CSS3 transitions such as filters and animations and finally we give you the best practice in design guidelines and close this exciting training with a final project that ensures that you put into practice what you have learned and also learn the relationships and interactions between different elements. Joy and success will accompany you in this course.

CERTIFICATE

Of course, as a participant in the HTML5 and CSS3 course you will receive a certificate. Prerequisite for this is the complete participation in all course units and programming tasks and the successful programming of a small final project. However, after this intensive HTML5 and CSS3 training you will have more fun than stress.

The agenda is written in English due to the numerous technical terms. Descriptions and course material are in German. You can book the course either in German or English.

All seminar contents are individually adapted to the wishes of our participants. They can vary depending on the level of knowledge and will be defined together with the seminar leader on day 1. In this seminar you have the choice of the following topics:

Page Layout

• Using CSS3 for Page Layout
• Using Flexible Box Layout
• Setting Flexbox Properties
• Creating Basic Grid Layout
• Defining the Grid Areas
• Common Page Layouts

Working with Images

• Including Images
• Resizing an Image
• Aligning and Floating an Image
• The Picture Element
• Doing Image Rollovers
• Creating Image Maps

Working with Tables

• Creating a Table
• Merging Cells
• Nested Tables
• Responsive Tables

Working with Forms

• Creating a Form
• Creating a Button
• Creating a Text Field
• Creating Check Boxes
• Creating Drop-Down Lists
• Creating List Boxes
• Creating Text Areas
• Creating Labels
• Grouping Controls
• Uploading a File
• Data Validation
• HTML5 Controlls

Adding Audio and Videos

• Adding Audio
• Adding Videos
• Browser Support
• Encoding Media

CSS3 Transitions

• CSS3 Transitions
• CSS3 Transformations
• CSS3 Animations
• CSS3 Filters

Designing a Website

• Design Guidelines
• Final Project