WPI Curriculum Module: HTML & CSS
This module delves into the core technologies of HTML and CSS, empowering you to build dynamic and visually appealing websites. You will learn to structure web content using semantic HTML5 elements, ensuring accessibility and SEO-friendliness. By mastering CSS, you will be able to control the layout, typography, and color schemes of your websites.
A key focus of this module is responsive web design, enabling websites to adapt seamlessly to different screen sizes and devices. You will learn how to use CSS media queries, flexbox, and grid layout to create responsive layouts that provide optimal user experiences.
Additionally, you will explore advanced CSS techniques, such as CSS animations and transitions, to add interactivity and visual appeal to their web projects. By the end of this module, you will have the skills to create modern, responsive, and engaging websites that meet the demands of today's digital landscape.
After completing this module, you'll be, among other things, able to:
Create well-structured HTML documents:Â You will be able to use HTML5 to create semantic and accessible web pages.
Apply CSS styles effectively:Â You will be able to use CSS to control the layout, typography, and visual appearance of web pages.
Build responsive websites:Â You will be able to create websites that adapt to different screen sizes and devices using techniques like media queries, flexbox, and CSS Grid.
Implement advanced CSS techniques:Â You will be able to use advanced CSS techniques, such as animations and transitions, to create dynamic and engaging web experiences.
This module consists of the following classes:
HTML5 is the foundation of impressive websites! In this comprehensive class, you will learn the most important concepts and elements of HTML and how to use them for effective web design. Step by step, you will practise creating an HTML framework, using different content elements and differentiating website structuring from other techniques such as Javascript and CSS. Numerous step-by-step instructions, examples and exercises provide practical knowledge about the possible uses and syntactic rules of HTML5. After completing this class you will be able to create appealing and functional websites with HTML5 and will have a solid foundation for advanced topics such as JavaScript and CSS. This equips you for a diverse professional career in the frontend.
Websites are no longer only viewed on PCs and large screens. In times of rapidly growing numbers of mobile devices such as tablets and smartphones, web designers have to create adaptable - responsive - websites for a wide range of screen sizes. A Herculean task that can be solved excellently with the use of CSS, among other things. The first part of our class on responsive web design introduces the use of CSS and teaches how to integrate CSS into a website and test it in practical exercises. In addition, there is basic knowledge of inheritance, color models and color assignments, classes, IDs and selectors, layout areas, backgrounds, web fonts and the precise positioning of elements. The class is rounded off by the elegant use of pseudo-classes and pseudo-elements, which makes working with responsive web design easier and gives you up-to-date skills for professional tasks.
A responsive design improves the user experience and helps to keep more visitors on your website. Our advanced CSS course builds on your basic knowledge from the CSS Fundamentals class and complements it with the latest techniques to improve usability. You will learn about flexbox and CSS grids to create responsive designs with ease. You will also learn various animation and transformation techniques to integrate movement and interactivity into your websites. Using media queries, you will apply different styles based on device characteristics to ensure an optimal experience on different screen sizes. The aim of the course is to provide you with the tools and knowledge to design stunning websites and take your CSS skills to the next level for a successful career in web design.
This module has a workload of approximately 156 hours. The workload includes the total amount of time that course participants have to successfully complete the course.
The workload is an average value calculated by the Web Professional Institute (WPI). The actual workload in a course offered by a training center may differ from the average value stated here depending on the delivery method of the course (e.g. online or face-to-face) and the target group.
The duration of the course depends on the weekly study time. You can use the slider to find out how long the course lasts.
This module is required for the following WPI Certifications:
Interested in learning more about these certifications? Click on the links above to find out how each one can benefit you.
Can't find the perfect fit yet? Explore our full range of certifications to discover new opportunities.