Step-by-step HTML and CSS for Absolute Beginners

Learn how to code HTML5 + CSS3 to create your own website in this beginner-level course. No coding experience required!

4.80 (1678 reviews)
Udemy
platform
English
language
Web Development
category
instructor
9,871
students
4 hours
content
Jul 2016
last update
$99.99
regular price

What you will learn

In this course, we'll create a simple "Coming Soon" webpage 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 intuitive understanding of how HTML and CSS work

By the end of this course, you'll be able to use HTML and CSS with confidence, following best practices every step of the way!

Description

Want to learn how to create webpages, but feeling intimidated by HTML and CSS? Not sure where to start? Step-by-step HTML and CSS for Absolute Beginners is a comprehensive and friendly course designed for beginners with NO previous coding or programming experience.

  • HTML (HyperText Markup Language) and CSS (Cascading Style Sheets) are the building blocks of the web. If you've ever looked at a website, you've seen HTML and CSS in action!


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


HOW IS THIS COURSE DIFFERENT?

My name is Kathleen, and I've been teaching technology to beginners under the moniker Robobunnyattack! since 2009. I believe that with the right approach, anyone can learn anything.

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

In this course, we'll create a simple "Coming Soon" webpage using valid HTML5 and CSS3 code. As we work together, I'll explain WHY the code we write looks the way it does. I'll point out the simple patterns in the code, so you can learn more quickly and with more confidence.

As we build our webpage, we'll cover:

  • What tools you need to write HTML and CSS, and how to use them
  • How to use HTML 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 onto the web
  • How to use lots of other helpful and free web building tools, including code validators, free icon libraries, color scheme generators and more


By the end of this course, you'll be able to use HTML and CSS with confidence, following best practices every step of the way.


Here's just a sample of what my (awesome!) students have to say about this course:

"My favourite part was learning how to tilt images and add drop shadows. Also, the instructor cares enough to answer questions promptly. Can't say enough good things about this course!" —R.B.

"Very accurate and detailed explanations with real time examples. For me it was a big step ahead..." —Mihai E.

"[Kathleen] knows exactly the info to deliver and what to leave out to avoid confusion." —Tara

"What I once thought would be overwhelming to learn is surprisingly quite straight forward." —Odette

"This course finally made CSS make sense to me." —Julie G.

"Thank you, Kathleen, for a wonderful course! Never thought coding could be made fun." —Leslie V.


WHAT'S INCLUDED?

  • This course includes lifetime access to 4 hours of step-by-step videos. You'll also get supplementary text lectures, links to helpful resources, HTML and CSS code examples, and downloadable project files.
  • Short quizzes at the end of each section will help you gauge your own understanding and check your progress along the way.


HOW LONG WILL IT TAKE ME?

  • This completely depends on your availability and learning preference. You can work through all the video lectures in one afternoon, or pace yourself over several days or weeks — it's up to you!


WHAT IF THIS COURSE ISN'T FOR ME?

  • This course comes with an unconditional 30-day Udemy-backed guarantee. Try out this course for 30 days and see for yourself if my approach to learning HTML and CSS is right for you. If you're not 100% satisfied with this course, simply request a full refund within 30 days — no conditions, no questions asked!


I'm confident you'll LOVE this course, and I'm excited to help you learn. Enrol now and you can start building your own webpage using HTML and CSS today!

—Kathleen Farley (aka Robobunnyattack!)

Content

On your mark, get set... GO!

Course introduction and welcome
Project overview: A "Coming Soon" webpage
Getting started with HTML and CSS
Creating HTML and CSS files
Check your progress!

Adding content to your webpage using HTML

Understanding HTML
Learning HTML syntax
Adding headings and paragraph text
Using special characters
Adding web and email links
Adding images
Finding icons and other graphics
Making clickable images
Checking your HTML code for mistakes
Check your progress!

Controlling the look of your content with CSS

Understanding CSS
Adding CSS to your webpage
Learning CSS syntax
Changing fonts
Choosing a good color scheme
Changing colors on your webpage
Checking your CSS code for mistakes
Check your progress!

Publishing your webpage: The (not-so-scary) technical stuff

How web publishing works
Understanding FTP: File Transfer Protocol
Getting your files online using FTP
Editing your webpage online
Check your progress!

Putting it all together: Webpage layout and design

Using HTML and CSS together
Dividing sections of content using DIVs
Changing the background color of a section
Changing the width of a section
Centering content inside a section
Repositioning an entire section
Controlling the way links appear on your webpage
Changing your text to uppercase or lowercase
Categorizing your webpage content using classes
Repositioning images on your webpage
Changing the space around sections of content
Check your progress!

Getting fancy: Tweaking your webpage design

Going further with HTML and CSS
Making rounded corners
Tweaking line spacing
Changing the way a link appears when you hover over it
Adding a drop shadow effect
Creating special effects with images
Check your progress!

Wrapping up

Project review: Coming Soon page
Bonus Lecture: Additional Resources

Screenshots

Step-by-step HTML and CSS for Absolute Beginners - Screenshot_01Step-by-step HTML and CSS for Absolute Beginners - Screenshot_02Step-by-step HTML and CSS for Absolute Beginners - Screenshot_03Step-by-step HTML and CSS for Absolute Beginners - Screenshot_04

Reviews

SHARON
October 9, 2023
So far I am enjoying the course. I love the fact that a lot of the apps we need are free. I love her energy and her explanations are easy to understand.
Selena
September 28, 2023
It is very easy to understand the content so far. The instructor keeps the content simple and interesting. I am excited about learning more!
J
April 7, 2023
Really enjoyed the project. Kathleen went through building the project step by step and really explained the techniques and ideas on how to structure the page, sections, and the elements within them. The course is short but provides a really good starting point and first project to learn HTML and CSS and expand from it.
Emily
March 31, 2023
Amazing!!! I love the instructor. She does a great job at explaining every detail to someone with 0 experience.
Sidney
February 17, 2023
I have quite a bit of writing HTML experience. CSS came along later and I haven’t integrated it into my thinking/planning but I intend to learn how to do that with this course.
Nutchanun
February 17, 2023
I have a wonderful time going through these lessons. I just leaped onto the IT job and had no idea what HTML and CSS are. But, here I come!
Mike
January 22, 2023
Being a complete beginner, I still had to find out many errors by myself like; Defining language - Meta character set - Order of some lines that, although I followed exactly the course would not render properly so I had to "re-order" them for the page to look like it should. But in the whole it was a good initial course for me.
Gregory
January 16, 2023
This class is very well taught, however, it needs to be updated. Will look for videos on youtube for more current information for future learning.
Nienke
December 15, 2022
This was a great course! Kathleen is a very enthusiastic instructor, explains everything in plain language and put it all together in a very structured, easy-to-digest training. Can highly recommend to those who have no knowledge in HTML and CSS.
Shannon
December 12, 2022
There was an issue with making a change using her instruction and there was no way to reach her for assistance. I believe it is because this Vid is extremely outdated and she is no longer available. Also, she wanted us to use Test Wrangler and the only version I could locate was from 2016!
Nadine
October 3, 2022
Excellent... 49 year old teacher who has to teach this to primary school learners next year. No experience or knowledge in this field... I can now understand the curriculum terminology as well as the content I need to cover.
Dave
July 28, 2022
This is a great course to explain the basics. However, the course is quite old, and a lot of the materials referenced in this course is outdated.
Evan
July 27, 2022
Super straightforward explanation of the basics of HTML and CSS, great intro and a quick start on Udemy courses in general.
Clare
July 25, 2022
Thank you so much! Straight forward jargon-free language that beginners can follow. The course builds on your knowledge from the previous lessons and teaches the basics of html and CSS. Fab course! Thoroughly recommend to anyone with zero html and CSS knowledge
Amira
July 16, 2022
When I started this course, I never thought i would make it through to this extent. Kathleen made it easy from the beginning that it made me brag to my sister that i can now create a web link and that was just my first day of lecture LOL! I am enjoying myself so far, i'm learning and taking notes, going over what i have learned here and on other platforms to keep me on tracks. Thank you Kath and Udemy.

Charts

Price

Step-by-step HTML and CSS for Absolute Beginners - Price chart

Rating

Step-by-step HTML and CSS for Absolute Beginners - Ratings chart

Enrollment distribution

Step-by-step HTML and CSS for Absolute Beginners - Distribution chart

Related Topics

73080
udemy ID
8/2/2013
course created date
11/6/2019
course indexed date
Bot
course submited by