Step-by-step Web Development HTML and CSS for Absolute Beginners

T
Tricdot Education
|
Last updated at 05/2022
100+ already enrolled

About this course

Want to learn how to build web pages, but feel intimidated by HTML and CSS? Not sure where to start? Step by Step Web Development HTML and CSS for Complete Beginners is a complete and friendly course designed for beginners who do not have previous coding or programming.

  • HTML (HyperText vernacular) and CSS (Cascading Style Spreadsheets) web building blocks. If you have ever looked at a website, you have seen HTML and CSS work!

Whether you want to make changes to your website template, create new webpages from scratch, or just understand what you do when you cut and paste embedded codes from sites like YouTube or SlideShare - understanding HTML and CSS makes it possible.

HOW IS THIS COURSE DIFFERENT?

My goal in this lesson is to help you develop an accurate understanding of how HTML and CSS work.

In this tutorial, we will create a simple "Portfolio" web page using valid HTML5 and CSS3 code. As we work together, I will explain WHY the code we write looks the way it looks. I will point out simple patterns in the code, so you can read faster and more confidently.

As we build our web page, we will include:

  • What tools do you need to write HTML and CSS, and how to use them
  • How HTML is used to organize and manage the content of your webpage
  • How to use CSS to control the presentation or "look" of your webpage
  • How web publishing works, and how to get your HTML and CSS files from your computer and upload them to the web
  • How to use other useful and free web building tools, including code verifiers, free thumbnail libraries, color scheme generators and more.


By the end of this tutorial, you will be able to use HTML and CSS with confidence, following the best steps in all your steps..

WHAT'S INCLUDED?

  • This tutorial includes lifelong access to 4 hours of step-by-step videos. You will find additional text expressions, links to helpful resources, examples of HTML and CSS code, and downloadable project files.
  • The short questions at the end of each section will help you to gauge your understanding and evaluate your progress along the way.

HOW LONG WILL IT TAKE ME?

  • This depends entirely on your availability and your choice of reading. You can work on all the video talks in one afternoon, or submit them for a few days or weeks - it's up to you!

I am sure you will enjoy this lesson, and I am happy to help you learn. Enroll now and you can start building your web page using HTML and CSS today!

Gaurav Kumar

Learning Objectives

  • In this tutorial, we will create a simple "Portfolio Webpage" web page using valid HTML5 and CSS3 code.
  • We'll focus on WHY the code we write looks the way it does - so you can develop an accurate understanding of how HTML and CSS work.
  • By the end of this tutorial, you will be able to use HTML and CSS with confidence, following the best practices every step of the way!

Requirements

  • A computer (Windows, Mac, or Linux) with Internet access
  • Any modern web browser (Chrome, Firefox, Internet Explorer, Opera, or Safari)
  • Some basic computer skills (cutting and pasting text, saving files into folders)
  • A desire to learn!

Who this is for?

  • Beginners with no previous coding or programming experience
  • Web designers seeking to strengthen their HTML and CSS skills
  • Learners of all ages who want to REALLY understand HTML and CSS –– not just memorize code!

Curriculum

Welcome to Step-by-step Web Development HTML and CSS for Absolute Beginners! In this lesson, you'll learn more about who this course is for, and what this course covers. You'll also meet me, your instructor!

Introduction | WEB development with HTML and CSS
WebStorm Text Editor | Web development HTML & CSS

HTML stands for HyperText Markup Language. HTML elements form the building blocks of all websites. In this lesson, you'll learn more about what HTML does.

What is HTML? | Web development with HTML & CSS
Setting up the project | Web development with HTML & CSS
Headings, Paragraphs & Title | Web development with HTML & CSS
Images and attributes | Web development with HTML & CSS
Links | Web development with HTML & CSS
Lists and Tables | Web development HTML & CSS

Now that we understand what HTML do, let's put it all together! In the next few lessons, we'll edit our HTML file in order to control the layout and presentation of our webpage.

Portfolio Website - I | Web Development with HTML & CSS

In this lesson, we'll learn more about why CSS was designed, and why it's useful to keep content (HTML) separate from presentation (CSS).

Getting started with CSS | Web development with HTML & CSS
Colors in CSS | WEB development with HTML and CSS
Classes and IDs selectors | WEB development with HTML and CSS
CSS Box Model | WEB development with HTML and CSS
Relative v/s Absolute Positions | WEB development with HTML and CSS

Our "Portfolio" webpage is looking good, but it still needs a few more tweaks. In this section, we'll learn how to use CSS to fine-tune the look of a webpage.

Portfolio Website - II CSS styling | WEB development with HTML and CSS
Publish Your web page to Github

Wow, we did it! Our "Portfolio Webpage" page is now complete!

The End ! WEB development with HTML and CSS

₹ 400

₹ 1000

 60.00% Off

₹ 400

₹ 1000

 60.00% Off