HTML5 & CSS3 Site Design

Coding websites doesn't have to be rocket science. In fact, it can be a lot of fun! You'll be feeling like a pro in no time!

This course includes...

  • Unlimited lifetime access
  • Downloadable project files
  • 30 day money-back guarantee

Start right now!


Enroll in this course
  • Project files included!
  • No recurring monthly fees!
  • Unlimited lifetime access!

How does it work?

"Excellent course for building your own web site. The casual tone and clear instructions make it easy to follow and understand. I felt like Geoff was in the room instructing me personally! The step-by-step instructions helped me to feel more comfortable in tackling HTML coding, and Geoff’s insider tips on how to make a great site were invaluable."


Discover how all the pieces fit together!

Find out how fundamental web components like HTML and CSS fit together and interact!

Integrate Photoshop and Illustrator into your web workflow!

See how you can work Photoshop and Illustrator into your web projects, and discover how to best handle your web graphics!

Take your site live to the web!

Find out how to go live with your web projects using simple approaches to move your content to a web server, !

Bonus course included at no extra cost!

5 Steps To Launch Your Online Business

  • Learn the 3 critical web services you'll need!
  • Discover the 10 criteria your web tool must meet!
  • 20+ page workbook included!
  • Over 1 hour of free training!
Web design for small business owners

Let's make sure this is a good fit

Before going further, let's make sure you're in the right spot. The info below will help...

Who is this course for?

Those wanting a solid understanding of web design, including...

  • People who don't know where to start, who just want simple answers.
  • People who want to become full or part-time web designers.
  • Print designers who want to expand their skills into web design.
  • Employees who want to add to their skills, advance their careers, and become more marketable.
  • Small business owners who want complete control over their website.
  • Those who've been out of web design for a while, who feel out of touch, but who want to get back into the swing of things.
  • Those wanting to save the cost and headache of hiring an expensive web designer.
  • Non-profits, churches, and fundraising organizations.
  • Those who are retired, who want to supplement their income and help their community.
  • People with ideas for side-projects, small businesses, and creative online ventures.
  • Hobbyists and those interested in doing web design on the side.

Sound like a good fit? Then let's get started! If not, then let's find the right course for you.

Course description

Need to learn how to build a website, or brush up on your coding skills to enhance an existing site? This course will show you, step-by-step, how to set up a web site from scratch and tips and tricks of the trade to make your site more attractive and user-friendly. From what tools you need to build your site and creating and formatting pages, to what to test and look for before your site goes live, award-winning trainer Geoff Blake gives detailed and valuable information that will help you to master HTML coding skills. Geoff’s casual tone, real world examples, and the follow-along video make this course as entertaining as it is informative.

Course prerequisites

It's a good idea to be familiar with the following before enrolling in this course:

  • General computer skills (comfortable copying and pasting, navigating through folders...the basics).
  • Comfortable using a web browser, navigating web pages, etc.
  • No prior experience with coding or web design is required.

Sound like a good fit? Then let's get started! If not, then let's find the right course for you.

"This course gave me a solid, strong foundation in web design and coding to build upon. I can now troubleshoot code more easily, and build pages and sites from scratch, whereas before I was just too intimidated. Well paced, easy to follow. Awesome course!"


Let a friend show you how

Hey, I’m Geoff. I help graphic designers, small business owners, and creative people just like you learn about web design, develop valuable, in-demand skills, launch online businesses and creative projects...and yeah, make more money! Learn more about me here.

Learning how to build websites is no different than figuring out perspective drawing, how to weave literary prose, or how to combine chords to make beautiful music. It’s like cooking or woodworking or learning how to fix your car...But for whatever reason, web design’s made out to be highly technical and overly complicated. Let’s change that.

Whatcha waitin’ for?!

Start right now!


Enroll in this course
  • Project files included!
  • No recurring monthly fees!
  • Unlimited lifetime access!

How does it work?

What others are saying

People just like you are building dream web projects every day. A few would love to tell you how Ten Ton helped them get there.

"With Geoff’s excellent training, I graduated at the top of my 3-year college program in just 2 years."

Ian's story

"I fired my web designer and saved tons of money, thanks to Geoff's videos."

Bridgette's story

"It’s because of Geoff that I can now call myself a web designer and can get paid for it."

Patrick's story

Start right now!


Enroll in this course
  • Project files included!
  • No recurring monthly fees!
  • Unlimited lifetime access!

How does it work?

Course outline

Here's a complete outline of all of the topics covered in this course


  1. Welcome to HTML5 & CSS3! (Free Lesson!)
  2. A Look At What We'll Build (Free Lesson!)

Chapter 1: Let's Get Started!

  1. Programs I'll Be Using (Free Lesson!)
  2. In The Beginning...HTML Fundamentals (Free Lesson!)
  3. Understanding What CSS is All About (Free Lesson!)
  4. Viewing A Page's Background Code (Free Lesson!)

Chapter 2: Gettin' Your Files Organized!

  1. Organizing Site Files
  2. Creating A Page and Understanding Index Files
  3. Setting Up An External Style Sheet

Chapter 3: Doin' Nuthin'? Let's Build A Web Layout From Scratch!

  1. Setting Up The Page Structure
  2. Connecting the External Style Sheet and Testing
  3. Inserting and Formatting the Site Header
  4. Finishing Up The Basic Layout
  5. Debugging for Internet Explorer
  6. Understanding How the Layout Works
  7. Using Divs for Page Layout
  8. A More Economical Approach to Layout and CSS
  9. Using Float And Clear
  10. Centering the Layout
  11. Nesting Layout Objects
  12. Spacing Apart the Layout
  13. Final Touches

Chapter 4: Insertin' And Formattin' Text!

  1. Inserting Text Into the Layout
  2. Setting Up Paragraphs and Headings
  3. Adjusting the Layout For Text, Part 1
  4. Adjusting the Layout For Text, Part 2
  5. Formatting HTML Headings with CSS
  6. Formatting Paragraphs
  7. Using Class Rules to Format Text
  8. More Formatting with Class Rules
  9. Working More Efficiently with CSS
  10. Inserting and Formatting Lists
  11. Using A List to Build The Main Navigation Menu
  12. Setting Up the Footer Navigation

Chapter 5: Now It's Time For Some Graphics!

  1. Inserting an Image
  2. Resizing Images with your Graphics Editor
  3. Controlling Graphics with CSS
  4. Inserting the FeatureBox Images
  5. Adjusting the FeatureBox Layout
  6. Setting Up the FeatureBox Titles
  7. Illustrator, Photoshop, HTML, and CSS Workflow

Chapter 6: Site Rollout: From A Single Page To A Multi-Page Site!

  1. Getting Ready for Site Rollout
  2. How to Not Roll Out A Website
  3. Rollout Part 1: Setting Internal Hyperlinks
  4. Rollout Part 2: Creating The Site's Pages
  5. Previewing And Testing The Site
  6. A Final Thought on Site Rollout

Chapter 7: Inserting Additional Page Elements!

  1. Adjusting the Site's Hyperlink Formatting
  2. Inserting A Simple Slideshow
  3. Inserting and Formatting Tables
  4. Inserting A Google Map
  5. Formatting A Customer Testimonial Page
  6. Setting Up A Contact Us Page
  7. Finalizing the Site
  8. Organizing the CSS File

Chapter 8: Going Live: Uploading the Completed Site!

  1. Setting the Remote Site Info
  2. Uploading the Local Site to the Remote Server
  3. Testing the Live Site
  4. Making Edits and Updating the Live Site
  5. Testing And Debugging For Other Browsers

Wrapping Up HTML5 & CSS3

  1. Where to Go from Here

Frequently Asked Questions

Got questions? We've got answers!

What is Ten Ton?

Hey, I'm Geoff, an award-winning teacher, artist, and designer. Ten Ton Online is my premium online training platform to help graphic designers, small business owners, hobbyists, and other creative rabble-rousers learn about web design. If you want to discover how to build beautiful looking websites, how you can develop valuable, in-demand skills, or how to launch and market online businesses and creative projects, you're in the right spot! You can view the full list of courses here.

Can I sign up any time?

Yes. All courses are completely self-paced. This means you can enroll now, and start your course whenever you like.

How do I watch the videos?

After enrolling, you'll be able to stream your course lessons on the web, to your computer, tablet, or smartphone.

Can I download the video lessons?

To best serve the community, lessons are provided as streaming video only. This is because courses are sometimes updated to provide users with the latest information and content.

Learn how to build your small business website!

How long will I have access to my courses?

All courses come with unlimited, lifetime access. This means you can access your course as often as you’d like, without any limitations.

Are there recurring monthly costs?

Nope. There’s just a single one-time enrollment fee for your course.

Are courses self-paced or scheduled?

Courses are completely self-paced, allowing you to work through lessons at your own speed. You can skip ahead or go back, and otherwise move through your courses as quickly or slowly as you'd like. You can find out more about how it all works right here.

Are project files included?

You bet! Courses come with downloadable project files, allowing you to get the most out of your learning experience. You're encouraged to follow along, step-by-step, so you can gain real-world, hands-on skills.

What is your refund policy?

All courses come with a 30-day money back guarantee. If you’re not satisfied with your course within 30 days of purchase, let us know. We’re here to help.

Where should I start?

Start with my free 5 Steps To Launch Your Online Business course. It’ll give you a solid foundation in web design for business owners, and help you determine which direction you should head in based on your interests and goals.

I have more questions, how can I contact you?

You can contact me right here.

Start right now!


Enroll in this course
  • Project files included!
  • No recurring monthly fees!
  • Unlimited lifetime access!

How does it work?

"Geoff has given me a great foothold of knowledge and insight into web design from which to grow from. I was quite amazed by his knowledge of everything: web, print, design, production, etc. He’s the whole package. He’s a natural, with a myriad of talents."


Welcome to HTML5 & CSS3! (Free Lesson!)

A Look At What We'll Build (Free Lesson!)

Programs I'll Be Using (Free Lesson!)

In The Beginning...HTML Fundamentals (Free Lesson!)

Understanding What CSS is All About (Free Lesson!)

Viewing A Page's Background Code (Free Lesson!)