Creating Web Pages 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.
Recommended Preparation: Welcome
to Windows XP or Welcome to
Windows Vista equivalent knowledge. Internet
Explorer 6 Basic or equivalent knowledge.
Register for
a class
Personalized training and consulting is available upon
request.
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
|
