Description

Learn the foundations of HTML and CSS and use them to create high-quality websites with the help of this beginner's friendly course. We will start with HTML fundamentals and build simple web pages in the first half of the course. In the second half, we will focus on CSS and learn to style websites beautifully.

HTML and CSS are the basic languages required to build and style a website and a must know for all web developers. While there are many ways to learn these languages, the best way is to learn from an experienced instructor with profound knowledge and experience of coding in these languages. This course will help you code in HTML and CSS from the ground up, starting from the absolute fundamentals to the advanced topics. It doesn't matter if you're a beginner trying to learn from scratch or an experienced developer looking to brush up your knowledge, you'll definitely find something useful in this course. You'll begin by learning the components of HTML, including its lists, tables, URLs, hyperlinks, and many other important aspects of the language and their appropriate integration to create a structure for your website to style with CSS. Then, you'll learn the fundamentals of CSS like selectors, dimensions, box models, lists, texts, fonts, tables, and other essentials. With basic knowledge of both languages, you can confidently style the HTML structures you created earlier to make fully functional websites. By the end of this course, you'll be well-equipped to create your own web pages using HTML and CSS efficiently and effectively.

What You Will Learn

Understand the basic building blocks in HTML
Learn and explore different HTML tags
Learn how to build a form from scratch
Learn how to include multimedia in your web pages (audio, video, images)
Build a foundation of CSS coding
Learn in-depth CSS3 selector properties

Audience

This course is for developers, graphic and digital designers, startup employees, web designers, content specialists, students who want to be marketable, individuals interested in obtaining this crucial skill set, or marketing designers. You don't need a background in coding to get the best out of this book; it can benefit anyone including beginners.

Approach

We will start with the theory and principles of HTML and CSS because this course is designed for total beginners with no prior programming experience before getting our hands dirty with code and learning how to apply them in practice. At the conclusion of the course, we will also construct a mini project using all the skills we have learned.

Key Features

Carve out a career in front-end website development with the necessary skills * Master the fundamentals of coding in HTML and CSS * Design functional and futuristic websites using HTML and CSS

Github Repo

https://github.com/PacktPublishing/HTML5-and-CSS3-Complete-Course-Build-Websites-Like-a-Pro

About the Author

Meta Brains

Meta Brains is a professional training brand developed by a team of software developers and finance professionals who have a passion for finance, coding, and Excel. They bring together both professional and educational experiences to create world-class training programs accessible to everyone. Currently, they're focused on the next great revolution in computing: The Metaverse. Their ultimate objective is to train the next generation of talent so that we can code and build the metaverse together!

Course Outline

1. Introduction to HTLM5 and Setting Things Up

In this section, we will get Introduce to HTLM5 and get ready with the course working environment.

1. Introduction to HTML5

In this video, we will get introduced to HTML5.

2. Features of HTML5

In this video, we will learn the features of HTML5.

3. Benefits of Using HTML5

In this video, we will understand what benefits are of using HTML5.

4. Where and How Is HTML5 Used?

In this video, we will understand where and how is HTML5 used?

5. HTML5 Editors

In this video, we will explore the HTML5 editors.

6. Downloading Visual Studio Code

In this video, we will download Visual Studio code.

2. Structure of an HTML5 File

In this section, we will understand the basic Structure of an HTML5 file.

1. What are HTML Tags?

In this video, we will understand what HTML tags are.

2. Structure of an HTML5 File

In this video, you will learn all about the structure of an HTML5 file.

3. File and Folder Structure

In this video, we will cover file and folder structure.

4. How to Create an HTML5 File

In this video, you will learn how to create an HTML5 file.

3. HTML5 Basic Building Blocks

In this section, we will cover basic building blocks.

1. Heading Tags in HTML

In this video, we will cover heading tags in HTML.

2. HTML5 Quotation and Citation Tags

In this video, we will cover HTML5 quotation and citation tags.

3. Commenting Out Code in HTML5

In this video, you will learn how to comment out code in HTML5.

4. HTML5 Attributes

In this video, we will cover HTML5 attributes.

5. How to Style in HTML5

In this video, you will learn How to style in HTML5.

4. Exploring HTML5 Tags

In this section, we will understand and explore different HTML5 tags.

1. What Are Anchor Tags?

In this video, we will understand what anchor tags are.

2. What Are Image Tags?

In this video, we will understand what image tags are.

3. What Are Paragraph Tags?

In this video, we will understand what paragraph tags are.

4. What Are Break Tags?

In this video, we will understand what break tags are.

5. What Are Table Tags?

In this video, we will understand what table tags are.

6. List Tags

In this video, you will learn about list tags.

7. Video Tag

In this video, you will learn about video tag.

8. Audio Tag

In this video, you will learn about audio tag.

5. Building a Form From Scratch

In this section, you will learn how to build a form from scratch.

1. Form Tags

In this video, you will learn about form tags.

2. Input Types

In this video, you will learn about input types.

3. Input Attributes (Size, Read-Only, Disabled)

In this video, you will learn about input attributes (size, read-only, disabled).

4. Additional Input Attributes (Min, Max, Multiple, and Placeholder)

In this video, we will cover additional input attributes (Min, max, multiple, and placeholder).

5. Required Inputs

In this video, you will learn about required input attribute.

6. Block and Inline Elements

In this section, we will cover block and inline elements.

1. Introduction

In this video, we will get introduced to block and inline elements in HTML5.

2. Examining Block and Inline Elements

In this video, we will be examining the block and inline elements.

7. HTML Conclusion

In this section, we will conclude our learning for the HTML part.

1. HTML Summary

Let's summarize our learning.

8. Introduction to CSS3

In this section, we will have a quick introduction to CSS3.

1. Introduction to CSS3

In this video, we will have a quick introduction to CSS3,

2. Syntax of CSS3

In this video, we will cover syntax of CSS3.

3. Uses of CSS3

In this video, you will learn the uses of CSS3.

4. Types of CSS3

In this video, you will learn the different types of CSS3.

5. Selectors and Colors in CSS3

In this video, we will cover selectors and colors in CSS3.

9. Basics Properties of CSS3

In this section, we will cover the basics properties of CSS3

1. Background

In this video, you will learn about background.

2. Borders

In this video, you will learn about borders.

3. Outline

In this video, you will learn about outline.

4. Height and Width

In this video, you will learn about height and width.

5. Margin and Padding

In this video, you will learn about margin and padding.

10. Typography Properties of CSS3

In this section, we will cover the typography properties of CSS3.

1. Text Alignment

In this video, you will learn about text alignment.

2. Text Decoration

In this video, you will learn about text decoration.

3. Text Transform

In this video, you will learn about text transform.

4. Text Spacing

In this video, you will learn about text spacing.

5. Font Family

In this video, you will learn about font family.

6. How to Use Font Awesome Icons

In this video, you will learn how to use font awesome icons.

11. Selectors Properties in Depth of CSS3

In this section, we will cover the selectors properties in depth of CSS3.

1. Display

In this video, you will learn about Display.

2. Positions

In this video, you will learn about Positions.

3. Z-Index

In this video, you will learn about Z-index.

4. Overflow

In this video, you will learn about Overflow.

5. Float

In this video, you will learn about Float.

6. DOM (Document Object Model) Model

In this video, you will learn about DOM model.

7. Advanced Selectors

In this video, you will learn about advanced selectors.

8. Pseudo-Classes Part 1

In this video, we will cover Pseudo-classes.

9. Pseudo-Classes Part 2

In this video, we will continue further with Pseudo-classes.

10. Pseudo-Elements

In this video, you will learn about Pseudo-elements.

12. Extra Features in CSS3

In this section, we will cover the extra features in CSS3.

1. Opacity and Important

In this video, you will learn about opacity and important.

2. Border-Radius

In this video, you will learn about Border-radius.

3. Box Shadow

In this video, you will learn about Box shadow.

13. Responsive Design

In this section, you will learn about responsive design.

1. Grid System

In this video, you will learn about grid system.

2. Flexbox

In this video, you will learn about Flexbox.

3. Media Queries

In this video, you will learn about media queries.

14. Mini Project

In this section, we will work on a mini project.

1. Mini Project

As part of our mini project, we will build the homepage for a restaurant in this video, using all the techniques we have learnt thus far.

Course Images

HTML5 and CSS3 Complete Course: Build Websites Like a Pro

By Packt

Booking options

Highlights

Description

Course Content

About The Provider

Tags

Reviews