HTML 4.01: Web Authoring, Level 2

Course description

Overview:

This course was developed primarily for Internet Explorer 5.0 for Windows and Netscape Navigator 4.7 for Windows. Other versions of these browsers might lead to different results than indicated in the task observations. The course was also tested using Internet Explorer 5 and Netscape Navigator 4.6 for the Macintosh. Where necessary, support issues for certain browsers are mentioned in task steps or in notes along the margins of relevant tasks.

This course is meant to provide you with the tools to create your own HTML documents. The sample files are not necessarily intended as design suggestions or principles. The course files are meant to provide the student with solutions that are easy to grasp, and to a certain extent, represent realistic applications. The concepts and tasks in this book are designed for sequential completion. Each topic builds on previous experience, so it makes sense to complete the tasks in the order they appear. You might want to skip certain tasks if you are already familiar with the material, but in some cases, this might lead to different results than you'll see in the screenshots throughout the book.

Some of the files for this course have "solution files" that you can use to check your work if you're not sure how to proceed in a task. These files begin with x, followed by the name of the file they're associated with.

Prerequisites:

This course is designed for the student who is an experienced computer user, is familiar with the Internet, and is familiar with HTML. This course does not provide basic computer, Internet, or introductory HTML concepts. A student who isn't familiar with basic computer terminology, or who hasn't used the Internet or HTML should first take the following Element K courses:

Windows 95: Introduction or Windows 98: Introduction

Netscape Communicator or Internet Explorer 4.0: Introduction

HTML 4.01: Web Authoring, Level 1

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:

Create well-formed code that conforms to the XHTML standard.

Modify tables and create nested tables.

Control the sizing, spacing, and alignment of images, and understand how image maps work.

Create Web forms with a variety of different controls.

Modify form attributes to make forms more usable and navigable.

Apply the meta tag and understand how JavaScript is embedded into HTML documents.

Create framed pages.

Use style sheets (CSS) to design Web documents.

Course content

Lesson 1: The New HTML

Authoring with HTML 4.01

The Advent of XHTML

Lesson 2: Advanced Tables

Adding Images and Links

Adding Color to Tables

Creating Nested Tables

Using Tables for Page Layout

Lesson 3: Graphics and Image Maps

Sizing, Spacing and Aligning Images

Creating Image Maps

Lesson 4: Creating Forms

Introduction to Forms

Lesson 5: Creating Forms, Part 2

Applying Other Input Types

Setting Input Type Attributes

Creating a Text Area Field

Creating Select Lists

Lesson 6: Applying the Meta Tag and JavaScript

The <meta> Tag

JavaScript in HTML Documents


Lesson 7: Frames

Introduction to Frames

Applying Frame Attributes

Using Nested Framesets

Lesson 8:         Introduction to Cascading Style Sheets

Introduction to CSS

Working with Properties and Selectors

Linked (external) Style Sheets

Additional information:

Appendix A: HTML/CSS Quick Reference