In 10 Weeks – Or Less – Go From Someone Who Wishes They Could Create Web Pages To Someone Who Can!
After you complete Intro to HTML using the most current markup – HyperText Markup Language (HTML 5) – you’ll be able to create web pages that unleash the power of industry standards.
With each Lesson you’ll be building the skills needed to create any web site project because you will be learning how to build a site the right way. We will build a five page site I call In My Garden. It features all of the important tags you need to know.
(Excerpts require Adobe’s Acrobat Reader.)
Lesson 1 – The Basics
- Getting familiar with the layout of the course – Home Room, Front
- What HTML is all about
- Requirements for every HTML document
- HTML syntax
- Testing out the Code Tester
- LAB 1: Hello World (simple test page to get you started)
Lesson 2 – Fundamental Elements
- Using block-level tags to create paragraphs and headings
- The quote tag
- Strong and emphasis tags
- Character entities
- The comment tag
- LAB 2: First Tags (starting to build the five page In My Garden site with heading, paragraph, and other basic tags)
Lesson 3 – Lists
- Making Unordered (bulleted) lists
- Making Ordered (numbered) lists
- Making Definition lists
- Creating a nested list and the importance of nesting
- EXCERPT from this Lesson on how to make an Unordered List
- LAB 3: First Lists (adding different lists to In My Garden)
Lesson 4 – Validation
- Importance of testing your HTML markup for its validity
- The W3C Validation Service
- Other validation tools
- EXCERPT from this Lesson explaining why you need to error check your HTML
- LAB 4: First Checking (error checking your five pages and learning how to fix all coding boo-boos)
Lesson 5 – Links
- The anchor tag
- Linking from page to page and within pages
- Path statements – the importance of folders and files
- Email links
- LAB 5: First Site (linking your five pages together – that’s a web site!!)
Lesson 6 – Images And Videos
- Web image formats
- How images are used in web design
- The img tag
- Clickable images
- Embedding videos
- EXCERPT from this lesson showing how you add an image to your page
- LAB 6: First Embeds (adding images and videos to In My Garden)
Lesson 7 – Forms
- Creating the ability to collect user data
- Making text fields, radio buttons, and check boxes
- Making drop down menus
- LAB 7: First Forms (creating different form elements to go with the site)
Lesson 8 – Data Tables
- The table, tr, and td tags
- The th tag
- The caption tag
- Spanning multiple rows and columns
- The thead, tbody, and tfoot tags
- LAB 8: First Data Tables (adding a few data tables to your web site)
Lesson 9 – Grouping Elements
- The importance of grouping elements to fortify the structure
- The section, article, nav, aside, header, hgroup, and footer tags
- Grouping tags for forms and data tables
- EXCERPT from this lesson showing how some of the new HTML 5 tags are used
- LAB 9: First Grouping (adding grouping elements to help create well formed documents for your web site)
Lesson 10 – A Look At CSS
- What CSS is and how it works
- How CSS attaches to an HTML file
- Five things I have to tell you about CSS
- How I applied CSS to style the five page of the In My Garden site
