Other Courses Available:

• Ajax Fundamentals
• Excel Macros & VBA 2007
• HTML & CSS - Fundamentals -- Introduction & Intermediate - Class Outline
• HTML & CSS Advanced
• Java
• JavaScript Intermediate / Advanced
• JavaScript Introduction & Intermediate
• Microsoft Access 2003 - VBA Programming (Visual Basic for Application) - Class Outline
• Microsoft Access 2007 VBA
• PHP Programming Intro/Interm
• SQL Advanced Training Class
• SQL Fundamentals -- Introduction & Intermediate - Class Outline
• XML DOCUMENT DESIGN (XML, XHTML, XSL, XPath, XLink, XSLT)

HTML & CSS » HTML & CSS - Fundamentals - Introduction & Intermediate

HTML & CSS Fundamentals

* Training at your company site (group or 1on1) -- click here.


Course Description

Overview: Students will learn about how to create Web documents using HMTL 4.01.

Performance-based objectives

Lesson objectives help students become comfortable with the course, and also provide a means to evaluate learning. Upon successful completion of this course, students will be able to:

• Understand what HTML is, how it is used, and how it came to be.
  
• Use a text editor to set up both global and content structures of an HTML
  
• document.
  
• Create links to locations within a site and out to other sites on the Internet.
  
• Efficiently format Web page content by using both non-deprecated HTML tags and
  
• Cascading Style Sheets.
  
• Incorporate graphics into Web pages as embedded images, links, and backgrounds.
  
• Generate unordered, ordered, and nested lists in HTML documents.
  
• Build and format tables for presenting data.

Course content

Lesson 1: HTML 4.0

The Basics
Web Browsers
What is HTML?
HTML as a Markup Language
What Does HTML Look Like?
Nesting Tags

Lesson 2: HTML Structure

Global Structure
The HTML, BODY, HEAD, TITLE Elements
Creating an HTML Document
Basic Content Structure
Headings
Paragraphs
Horizontal Rules
Divisions
Line Breaks

Lesson 3: Links

Local Links and Navigation Bars
Remote Links
E-mail Links
Named Anchors (Bookmarks)

Lesson 4: Formatting

Block-level Formatting
Inline Formatting
HTML Entities
Using Colors
Fundamentals -- Introduction & Intermediate to Cascading Style Sheets
Embedded Styles
Inline Styles

Lesson 5: Graphics

Embedding Images in a Web Page
The "alt" Attribute and Accessibility
Graphic Formats (GIF, JPEG, and PNG)
Using Graphics as Links
Using Background Images

Lesson 6: Lists

Creating Unordered (Bulleted) Lists
Creating Ordered (Numbered) Lists
Nesting Lists

Lesson 7: Tables

Creating and Modifying Tables
Table Coding Guidelines
Working Around Browser Inconsistencies
Formatting Tables
Table Headers and Captions
Spanning Rows and Columns

Additional information:

This Book:

• Has been written for and tested on both PCs and Macs and contains a separate set of data files for each platform.
  
• Contains staged data files that allow students and instructors to easily skip a task or lab. Students can also use these partially completed files as references if they have difficulty with a task or lab.
  
• Addresses browser inconsistencies and how to work around these issues.
  
• Was written to teach HTML basics while preparing students for a smooth transition to XML-based XHTML 1.0, which will be the next Web authoring standard.
  
• Contains an Fundamentals -- Fundamentals -- Introduction & Intermediate to Cascading Style Sheets—a powerful complementary Web design tool that requires no additional hardware or software.
  
• Focuses on reliable and forward-thinking practices of Web page design, including the use of Cascading Style Sheets. Thus, the use of deprecated elements (those considered obsolete by the World Wide Web Consortium) is discouraged; when used in this course, deprecated elements are noted as such.
  

Day 2 -- HTML & CSS

Overview: This part of the course is designed for students who want to learn how to use Cascading Style Sheets (CSS) to develop and design Web sites. Students will learn how to use all the features of the CSS-1 specification, and a few features of CSS-2. Students will explore browser workarounds and sound development principles along the way. Upon completion of this course, students will be able to identify style sheets of various types, customize styles, apply positioning properties, control background appearance, and create styles that break down gracefully

Performance-based objectives

• Lesson objectives help students become comfortable with the course, and also provide a means to evaluate learning. Upon successful completion of this course, students will be able to:
  
• Identify style sheets of various types, understand the advantages and risks of designing with style sheets, and apply correct style sheet syntax.
  
• Apply CLASS and ID selectors to customize styles, use the DIV and SPAN elements to construct styles, and create an external style sheet and linking documents to it.
  
• Understand the rules of the cascade, and create cascading styles.
  
• Style text with typographical properties, including aligning and indenting text, controlling the spacing of lines and characters modifying other text characteristics; declare specific and generic fonts size fonts with various methods; and create variations of font styles.
  
• Apply text and background colors with a variety of methods and other background techniques, like controlling background tiling and position.
  
• Control the margins, borders, and padding of page elements, and create floating elements and list styles.
  
• Apply position properties to control page layout by absolute and relative coordinates, and control the width, overflow, and layering of page elements.
  
• Create styles that break down gracefully, such as dynamic hyperlinks and cursor styles, and apply filters and contextual styles.
  

Course content

Lesson 1: Fundamentals -- Introduction & Intermediate to Cascading Style Sheets (CSS)

Designing with Style Sheet
Style Sheet Syntax
Creating Simple Rules

Lesson 2: Creating Rules

Applying Class and ID Selectors
The DIV and SPAN Elements
Linked (External) Style Sheets

Lesson 3: Conflicting Rules: The Cascade

Rules in Conflict; Cascading Order

Lesson 4: Text and Font Properties

Typographical Properties
Font Properties

Lesson 5: Applying Colors and Backgrounds

Applying Colors
Background Techniques

Lesson 6: Box Properties

Formatting with the Box Model
Borders
Floating Elements
Styling Lists

Lesson 7: CSS Positioning

Positioning Elements Absolutely and Relatively
Layering Elements with the z-index Property

Lesson 8: Design and Usage Techniques

Dynamic Link Colors
Cursor Styles
Styling Form Elements
Dynamically Linked Style Sheets
Contextual Selectors