Step-by-step HTML and CSS for Absolute Beginners Premium class

Kathleen Farley, Robobunnyattack!

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
36 Videos (3h 58m)
    • Course introduction and welcome

      2:04
    • Project overview: A "Coming Soon" webpage

      1:06
    • Getting started with HTML and CSS

      8:52
    • Creating HTML and CSS files

      5:09
    • Learning HTML syntax

      13:19
    • Adding headings and paragraph text

      11:01
    • Using special characters

      3:51
    • Adding web and email links

      8:05
    • Adding images

      16:08
    • Finding icons and other graphics

      7:33
    • Making clickable images

      3:07
    • Checking your HTML code for mistakes

      8:22
    • Adding CSS to your webpage

      9:51
    • Learning CSS syntax

      11:42
    • Changing fonts

      10:11
    • Choosing a good color scheme

      6:19
    • Changing colors on your webpage

      6:19
    • Checking your CSS code for mistakes

      2:23
    • Understanding FTP: File Transfer Protocol

      10:35
    • Getting your files online using FTP

      8:37
    • Editing your webpage online

      5:16
    • Dividing sections of content using DIVs

      8:21
    • Changing the background color of a section

      7:09
    • Changing the width of a section

      2:20
    • Centering content inside a section

      1:51
    • Repositioning an entire section

      7:21
    • Controlling the way links appear on your webpage

      1:18
    • Changing your text to uppercase or lowercase

      3:14
    • Categorizing your webpage content using classes

      4:47
    • Repositioning images on your webpage

      3:37
    • Changing the space around sections of content

      8:04
    • Making rounded corners

      3:55
    • Tweaking line spacing

      2:10
    • Changing the way a link appears when you hover over it

      3:48
    • Adding a drop shadow effect

      7:54
    • Creating special effects with images

      12:26

About This Class

This is a comprehensive and friendly course designed for beginners with no previous coding or programming experience. In this course, we'll create a simple "Coming Soon" webpage using valid HTML5 and CSS3 code.

As we build our webpage, we'll cover:

  • what tools you need to write HTML and CSS;
  • how to use HTML to organize and manage the content of your webpage;
  • how to use CSS to control the look of your webpage;
  • and how to use web building tools such as code validators and color scheme generators.

Why learn HTML and CSS?

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.

Yes, it's possible to build a website without knowing HTML or CSS. Many modern websites are built using content management systems such as WordPress. These systems often provide WYSIWYG (What You See Is What You Get) editors that function a lot like regular word processors. But, as many would-be web designers soon discover, there's only so much you do without understanding HTML and CSS code.

  • Maybe you want to change the background color on your website, or change the size of your text.
  • Maybe you want to make changes to your site's template, but you don't know what to look for or what to change.
  • Maybe you just want to understand what the heck you're doing whenever you cut-and-paste embed codes from sites like YouTube or SlideShare.

Understanding HTML and CSS makes all of this possible, and more. It also makes it easier for you to communicate with developers, should you ever need to hire one. Or maybe you're taking your first step towards becoming a developer yourself!

What are the 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!

What am I going to get from this course?

  • 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!

What is the target audience?

  • 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!

Learning HTML and CSS is fun and rewarding. Let's jump in!

3 of 3 students recommendSee All

I've been working so hard to learn CSS and HTML with limited progress! This course is different! Robobunny is just quirky enough in her presentation to keep me curious and engaged, and she actually explains the WHY behind how the code works which makes it so much easier for me to remember the details! I am SO glad I decided to give this course a try!
Mac Fife

You got this!

132

Students

--

Projects

Kathleen Farley

Robobunnyattack!

Kathleen Farley is a computer geek, teacher, learner, vinyl junkie, hockey fan, and recovering non-profit executive. Occasionally she breaks (and fixes) computers. Not necessarily in that order.

Kathleen produces technology training videos under the moniker Robobunnyattack!

The Montreal-born technologist trained as an audio engineer before moving to Hamilton, Canada in 2007. She now runs Maisonneuve Music, a Hamilton-based independent record label.

Kathleen teaches technology and management skills at a music industry school in Toronto, Canada. She's also the co-founder of Audiohackr, a startup that helps indie musicians, producers, and DIY labels make the most of technology.