Overview

This course on HTML5 and CSS3 beginners tutorials aims to teach learners the language of the web, providing them with the foundational skills to kickstart their web development journey or make modifications to existing websites. By the end of the course, students will be able to create websites, identify and rectify errors using validators, work with various HTML elements like text, images, videos, and audio, understand CSS basics including styling, layout, and forms, and apply advanced CSS techniques such as floats, clears, and pseudo elements. The teaching method involves a series of 44 tutorials covering topics progressively from basic to advanced concepts. This course is intended for beginners who have little to no prior experience in HTML and CSS and are looking to build a strong foundation in web development.

Syllabus

HTML5 and CSS3 beginner tutorial 1 - Introduction.
HTML5 and CSS3 beginner tutorial 2 - Creating your first website.
HTML5 and CSS3 beginer tutorial 3 - Finding errors with a validator.
HTML5 and CSS3 beginner tutorial 4 - Line breaks, paragraphs and headings.
HTML5 and CSS3 beginner tutorial 5 - Bold, italics and comments.
HTML5 and CSS3 beginner tutorial 6 - Lists.
HTML5 and CSS3 beginner tutorial 7 - Links.
HTML5 and CSS3 beginner tutorial 8 - Images.
HTML5 and CSS3 beginner tutorial 9 - File paths.
HTML5 and CSS3 beginner tutorial 10 - Videos.
HTML5 and CSS3 beginner tutorial 11 - Audio.
HTML5 and CSS3 beginner tutorial 12 - Introduction to CSS.
HTML5 and CSS3 beginner tutorial 13 - External Style Sheet.
HTML5 and CSS3 beginner tutorial 14 - CSS tips.
HTML5 and CSS3 beginner tutorial 15 - CSS colors.
HTML5 and CSS3 beginner tutorial 16 - The CSS box model.
HTML5 and CSS3 beginner tutorial 17 - background images.
HTML5 and CSS3 beginner tutorial 18 - background images [Part 2].
HTML5 and CSS3 beginner tutorial 19 - Divs and Spans.
HTML5 and CSS3 beginner tutorial 20 - Classes and ID's.
HTML5 and CSS3 beginner tutorial 21 - Child selectors.
HTML5 and CSS3 beginner tutorial 22 - Pseudo Classes.
HTML5 and CSS3 beginner tutorial 23 - Pseudo Elements.
HTML5 and CSS3 beginner tutorial 24 - Float and Clear.
HTML5 and CSS3 beginner tutorial 25 - Float and Clear part 2.
HTML5 and CSS3 beginner tutorial 26 - Styling Lists.
HTML5 and CSS3 beginner tutorial 27 - Rounded Corners.
HTML5 and CSS3 beginner tutorial 28 - Gradients.
HTML5 and CSS3 beginner tutorial 29 - Semantic tags for the layout.
HTML5 and CSS3 beginner tutorial 30 - Creating a simple website layout.
HTML5 and CSS3 beginner tutorial 31 - Creating a simple website layout part 2.
HTML5 and CSS3 beginner tutorial 32 - Creating a simple website layout part 3.
HTML5 and CSS3 beginner tutorial 33 - Creating a simple website layout part 4.
HTML5 and CSS3 beginner tutorial 34 - Introduction to tables.
HTML5 and CSS3 beginner tutorial 35 - Colspan and Rowspan.
HTML5 and CSS3 beginner tutorial 36 - Styling tables.
HTML5 and CSS3 beginner tutorial 37 - Introduction to forms.
HTML5 and CSS3 beginner tutorial 38 - Checkboxes and Radio buttons.
HTML5 and CSS3 beginner tutorial 39 - Other input elements.
HTML5 and CSS3 beginner tutorial 40 - textarea, select, and fieldsets.
HTML5 and CSS3 beginner tutorial 41 - Styling form elements.
HTML5 and CSS3 beginner tutorial 42 - Creating a form layout.
HTML5 and CSS3 beginner tutorial 43 - Creating a form layout part 2.
HTML5 and CSS3 beginner tutorial 44 - Final Video.