Master web page creation with HTML5 and CSS3
Turn your application requirements into clear, maintainable code. Structure your HTML5 and CSS3 development approach and connect technical decisions to the intended functionality. Build the independence to design, test and evolve your applications.
- Duration
- 3 days 21 hours
- Code
- PWHC-CF-FR Code
Presentation
HTML (Hypertext Markup Language) and CSS (Cascading Style Sheets) are 2 fundamental technologies used to create and format web pages. Together, they enable well-structured, visually appealing pages.
HTML provides content and structure, while Cascading Style Sheets (CSS) provide styling and layout instructions. Web development today often involves additional technologies and programming languages, such as JavaScript, to improve interactivity and dynamic behaviour. HTML and CSS nevertheless remain the foundation for creating static web pages.
This 3-day course will help you master HTML and CSS fundamentals. You will learn to create a web page's structure and content in accordance with the HTML 5 standard. This includes tags for headings, paragraphs, links, images, tables, forms and more. As you progress, you will become familiar with HTML document layout. From colours and styles to shapes, you will acquire the foundations needed to use a CSS 3 stylesheet to format your web page.
Objectives
During this HTML5 and CSS3 course, you will achieve the following learning objectives:
- understand HTML tags and attributes for web page design;
- create a web page and test its compliance with HTML 5;
- style and format a web page with CSS3;
- create and develop web pages in HTML5 and CSS3.
Program
Introducing web programming
- The different software layers.
- The front-end layer and its elements.
- The network layer: HTTP.
- Cookies.
Introducing HTML
- The history of HTML.
- What is a data description language?
- What is a markup language?
- Nesting tags and attributes.
- The standard structure of HTML 5 pages.
- The Document Object Model (DOM).
Inserting graphical components
- Text fields, line breaks and spacing.
- Paragraphs.
- Headings and subheadings.
- Ordered lists.
- Hyperlinks.
- Inserting images.
- Creating tables.
Creating forms
- Text fields.
- Password fields.
- Checkboxes.
- Radio buttons.
- Drop-down lists.
- Grouping fields.
- Enhanced input fields in HTML5.
- Creating advanced forms.
HTML 5 specifications
- Section elements.
- HTML5 semantics.
- Extensions to the img tag.
- Embedding video and audio content.
Introducing CSS
- Cascading stylesheets.
- Integrating CSS code.
- Main CSS text styling elements.
CSS 3 technical specifications
- Selectors, properties and values.
- Element selectors.
- Class selectors.
- Style inheritance.
- Colours, dimensions and margins.
Understanding the box model
- An overview of models.
- Block elements.
- Inline elements.
- Inline-block positioning.
- Float positioning.
- Absolute, fixed and relative positioning.
- Responsive layouts with media queries.
Audience
This course is intended for:
- anyone who wants to create web pages or edit and publish content in a CMS such as WordPress;
- aspiring developers seeking to learn the web's foundational languages, HTML and CSS.
Prerequisites
The HTML5 and CSS3 course has the following prerequisites:
- a solid command of web browser functions and basic development-related computer tools.
Teaching and assessment methods
- Initial skills assessment
- Training materials provided to participants
- Continuous assessment throughout the course
- End-of-course feedback questionnaire
- Combination of theory and practical application
- Attendance records
- Post-course follow-up evaluation
- Practical exercises
Course highlights
Dates and sessions
Choose the date and delivery format that suit you.
No upcoming sessions are currently available.
fr
en