Course Excerpts, Screenshots And Videos

Help Yourself To Some Excerpts, Screenshots And Videos From The Online Web Design Class, Intro to HTML.

Excerpts

The material gets more challenging as you move from one lesson to the next.

To view these excerpts you’ll need Adobe Acrobat Reader.

Excerpt From Lesson 3 on Making Lists
Here’s the page on how to make an unordered list.
Excerpt From Lesson 4 on Error Checking Your Page
Why you need to validate your code is explained.
Excerpt From Lesson 6 on How To Add An Image To Your Page
This explains how images are added to a web page.
Excerpt From Lesson 9 on Grouping Tags
Some of the new great HTML5 tags are show in this page.
Excerpt From my Old World, New World article
Not exactly a rant but a calm, cool and rational explanation about the differences of print and electronic design.

Screenshots

This will give you an idea of what the major sections of the class look like. Select any image to get a larger view.

The Home Room

Screenshot of the Home Room

When you login, the Home Room is the first page you’ll see. All of the course’s material is available from this starting point.

As each week begins, hyperlinks appear giving you access to the new material for that Lesson.

No links are ever removed, so you’ll always be able to go back and refer to an earlier Lesson or Lab.

A Lesson Page

Screenshot of a Lesson  Page

Here’s a typical Lesson page. Links to the content inside this section are on the right side

A Lab Page

Screenshot of a Lab  Page

With each lesson comes a lab where you’ll do hand-on exercise that I review by email. Here’s what a typical Lab page looks like

The Project

Screenshot of a Project  Page

As you complete each lab you will be making five page web site. Here is what the home page looks like.

Your Work Space

Screenshot of the Work Space

After you’ve completed your lab work for a lesson, you’ll upload your web pages (files) to your Work Space for Your Friendly Web Design Instructor (me) to review.

Here one file, index.html, has been uploaded for me to review. My review is sent to you by email within 48 hours after you’ve uploaded it to your Work Space.

Videos

Videos like these are used as supplemental material for my online web design class, Intro To HTML. Turn out the lights and get the popcorn going!!

Here I show you how to error check your HTML code which is a very important part of the class.

Running Time: 10:30.

Want to add a video to your web page? That’s one of the things I go over in Lab 6 – First Embeds.

Running Time: 4:06

Share

Intro To HTML

Take my Practical CSS class if you have a good handle on HTML.

Testimonials Intro To HTML was truly a joy. Bud's writing style is clear, simple, and humorous. He does not use jargon, which is a refreshing change from the books and other courses on coding. I've read many books on web design topics - from HTML to CSS - and I've taken the classes. ...I found myself saying, "Oh! I get it!" so many times I can't recall.. ...If you have a choice of courses, take this one, you won't be disappointed.

Lisa Cohn, Librarian
Interlibrary Loan Webmaster.


I am so happy to have found Joy of Code! I could have taken this class at my college but I didn't want the pressure of grades. Now I can enjoy learning without pain! Bud is always there when I need him, guiding me along and keeping it simple and straightforward. If I make a mistake, he carefully explains what happened instead of just handing me a bad grade. I'm now on my way to doing something I've wanted to do for a long time, make my own websites!

Louise Yarborough
Designer