The Knowledge Network: Creating Webpages with (X)HTML

Explore (X)HTML markup, structure and formatting; add images, links and lists; create tables and forms; work with cascading style sheets; define selectors; format with styles; test and debug web pages.

In addition to learning to create web pages in HTML, students will learn how to create accessible and usable web pages by following the World Wide Web Consortium Guidelines. Following these guidelines makes web content more available to all users, regardless of ability, equipment, browsers or environment. Students will also learn what special codes to add and design techniques to provide optimal access and usability. Content accessibility guidelines are integrated throughout the presentation.

Lesson 1: Web Page Building Blocks

Markup: elements, attributes and values
File names
HTML vs. XHTML
DOCTYPE

Lesson 2: Working with Web Page Files

Designing your site
Creating, saving and editing web pages
Organizing files
Viewing in a browser

Lesson 3: Basic (X)HTML Structure

(X)HTML Foundation
Titling web pages
Creating section headers and paragraphs
Breaking up a page into divisions
Line breaks and spans
Adding comments

Lesson 4: Basic (X)HTML Formatting

Making text bold or italic
Changing the size of text
Using structural elements
Centering elements on a page

Lesson 5: Images

About images for the web
Inserting images
Creating alternate text
Specifying size and alignment
images
Horizontal rules

Lesson 6: Creating hyperlinks

Anchors
Targeting links to specific windows
Accessibility features (keyboard shortcuts, tab order)
Image links
Image maps

Lesson 7: Lists

Creating ordered and unordered lists
Creating definition lists
Nesting lists
Styling lists

Lesson 8: Tables

Creating a simple table
Formatting tables
Controlling table space
Spanning cells across rows and columns

Lesson 9: Forms

Creating a form
Processing forms
Creating and organizing form objects
Setting the tab order in a form
Adding keyboard shortcuts

Lesson 10: Cascading Style Sheet Building Blocks

Constructing a style rule
Adding comments to a style rule
The cascade

Lesson 11: Working with Style Sheet Files

Creating an external style sheet
Linking external style sheets
Creating an internal style sheet
Applying styles locally

Lesson 12: Defining Selectors

Constructing selectors
Selecting elements by name
Selecting elements by ID or class
Selecting link elements based on their state

Lesson 13: Formatting with Styles

Selecting fonts
Italics and bold formatting
Setting the font size
Setting color
Backgrounds
Controlling spacing

Lesson 14: Testing and Debugging Web Pages

Testing your page
Browser differences
Validating your code