Skip to main content

HTML Complete Course

HTML Complete Course

Donna L. Baker

ISBN: 978-0-764-54092-9

Oct 2003

368 pages

Select type: Paperback

Product not available for purchase


Written by a Web design expert and illustrated throughout in full color, this Complete Course shows you how to master the ins and outs of HTML, the language of the Web, while working on a single project. Fifteen sessions and nearly 100 step-by-step tutorials, accompanied by vivid color images and screen shots, walk you through building a slick, fully functional Web site from start to finish, using HTML and JavaScript(TM). After completing the course, you'll have an impressive portfolio piece, a professional-looking Web site you can adapt to meet your needs, and a thorough understanding of HTML fundamentals. All of the files used to build the Web site conform to XHTML and CSS standards.

CD-ROM Contents
* Image viewing and editing tools PhotoPlus and Irfanview freeware versions
* WS_FTP Pro software that lets you connect to a Web server to upload, modify, and download your Web site files
* HandyTools for Web Designers power pack freeware version, including Handy File Find & Replace, Handy ImageMapper, Gif Color Mapper, ColourSpy, and Gradientex
* Images and all the files needed to complete the project

Confidence Builder.

Building the Basic Page for Your Site.

Creating a Site Page.

Creating the Second Site Page.

Adding More Text and Images to the Site’s Pages.

Finishing the Site.

Part I: Course Setup.

HTML Basics.

Project Overview.

General Work Tips and Source File Instructions.

Part II: Getting Started.

Session 1: Constructing the Basic Site.

Organize Your Thoughts to Organize Your Site.

Creating the Site Folders on Your Hard Drive.

Building Your First Page.

Previewing and Testing the Basic Page.

Creating the Main Interface Pages.

Constructing a Set of Similar Pages.

Starting a Slideshow.

Session Review.

Other Projects.

Session 2: Using Tables for Layouts.

Looking at Tables.

Constructing a Table Template.

Using a Table on the Site’s Main Page.

Using Tables on the Resorts’ Main Pages.

Spanning Columns in Tables.

Adding Tables to the Navigation Pages.

Constructing a Slideshow Page Table.

Session Review.

Other Projects.

Part III: Working with Graphics.

Session 3: Drawing Graphic Elements.

Understanding Color.

Constructing a Color Palette for Your Site.

Choosing Settings and Preferences for Drawing.

Drawing a Striped Image.

Testing the Navigation Tables’ Tiled Image.

Building a Navigation Button.

Finishing the Navigation Button.

Duplicating and Modifying the Navigation Button.

Session Review.

Other Projects.

Session 4: Building the Web Site’s Logos.

Assembling Layers for the Sizzle Logo.

Adding More Layers to the Logo File.

Manipulating and Organizing the Logo’s Layers.

Finishing the Sizzle Logo.

Starting the Resort Pages’ Logos.

Creating the Resort Pages’ Logos.

Completing and Exporting the Logos.

Session Review.

Other Projects.

Part IV: Adding Graphics and Images to Pages.

Session 5: Customizing Tables Using Styles.

Constructing a New Page for the Sizzle Logo.

Styles and Cascading Style Sheets.

Starting the Sizzle Site’s Cascading Style Sheet.

Adding Borders and Logos to the Resort Pages’ Tables.

Validating Page and Style Sheet Content.

Adding a New Page for Booking Information.

Placing Tables on the Booking Information Page.

Attaching Styles to the Booking Information Page.

Session Review.

Other Projects.

Session 6: Working with Pictures.

Separating an Image into Segments.

Testing Image Quality.

Resizing Pictures.

Adding the Fine Print.

Configuring the Seashell Images.

Writing Styles for the Slideshow.

Adding Images and Text to the Slideshow Page.

Attaching Styles to the Slideshow Page.

Session Review.

Other Projects.

Part V: Organizing the Site.

Session 7: Constructing Frames and Links.

Using a Frameset.

Creating the Frameset Page.

Splitting a Browser Window Display into Frames.

Setting Frame Attributes and Content.

Adding More Pages to the Sizzle Site.

Expanding the Navigation Page’s Table.

Linking Pages in Your Site’s Frames.

Linking to a Page Location.

Session Review.

Other Projects.

Session 8: Adding More Navigation Options to the Site.

Planning Your Site’s Navigation.

Adding Links from the Main Page.

Constructing Inter-Page Links.

Building a Site Map.

Attaching Links from the Site Map.

Accessing the Site Map from the Site’s Frameset.

Using Images as Links.

Linking the Airline Logos.

Session Review.

Other Projects.

Part VI: Visually Enhancing Your Site.

Session 9: Using Styles for Text and Positioning.

Writing Heading and Text Styles.

Applying Heading Styles.

Finishing the Heading Styles.

Using Lists on the Web Pages.

Creating a Special Paragraph Style.

Placing Content on a Page Using Styles.

Positioning an Image on a Page.

Session Review.

Other Projects.

Session 10: Attaching Navigation Styles and Elements.

Understanding Pseudo-Classes and Pseudo-Elements.

Writing Link Styles for the Sizzle Site.

Applying a Tiled Image to the Navigation Page’s Table.

Writing Styles for the Navigation Table’s Cells.

Coloring and Positioning Cells in the Navigation Table.

Creating Link Styles for the Navigation Frame.

Working with a Drop-Cap Style.

Session Review.

Other Projects.

Part VII: Using Advanced Features in Your Site.

Session 11: Adding More Pages and Objects to Your Site.

Adding a PDF File to Your Site.

Embedding a Flash Movie.

Building Imagemaps.

Determining Page Coordinates for an Imagemap.

Using an Imagemap for Navigation.

Adding Dynamic Content Using JavaScript.

Changing the Message on the Browser Status Bar.

Displaying an Automatic Date.

Session Review.

Other Projects.

Session 12: Using JavaScript.

Adding the Final Styles to the Logo Page.

Adjusting the Sizzle Site’s Frameset.

Building Styles for the Slideshow Page.

Applying Styles and Links to the Slideshow Page.

More on Writing Variables and Defining Functions.

Writing Scripts for Navigation Using Button Images.

Constructing the Sizzle Slideshow.

Session Review.

Other Projects.

Session 13: Adding a Form to Your Site.

Displaying Messages for the Reader.

Managing Open Windows Using JavaScript.

Controlling Window Sizes Using JavaScript.

Adding a Form to a Web Page.

Constructing the Basic Form.

Working with Form Attributes.

Validating a Field on the Form.

Session Review.

Other Projects.

Part VIII: Showing Your Site to the World.

Session 14: Constructing an Accessible Site.

Accessibility Guidelines and Standards.

Building the No-frames Pages.

Adding Navigation Tables to the No-frames Pages.

Using an Entire Page as an Object.

Tweaking the Main No-frames Pages for Accessibility.

Completing Content in the No-frames Pages.

Reviewing the Sizzle Site’s Pages.

Modifying the Page Display for Page Testing.

Session Review.

Other Projects.

Session 15: Evaluating and Testing Your Site.

Understanding Screen Resolution.

Testing Your Site on Different Screens.

Starting a Final Check of the Sizzle Web Site.

Completing the Review of the Site.

Making Final Content and Layout Corrections.

Session Review.

Other Projects.

Bonus Session Posting Your Site.

Working with FTP.

Uploading Your Site Files to an FTP Server.

Appendix: What’s on the CD-ROM?

End-User License Agreement.


Download the missing Bonus Session on the CD entitled "Posting Your Site".
ChapterPageDetailsDatePrint Run
37Page 37 Step 2
Step 2 instructs:
2. On line 1 and 2, type: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
Make sure the characters in the DTD portion are xhtmll - that is, that they use two letter l's. If one of these characters is the number 1, or both are the number 1, the page won't validate using the W3C Code Validator. Since it can be difficult to determine the character sometimes, check the CD samples' code to ensure you have typed the correct characters.

65Page 65 Step 9
The first line of the step reads: "On line 13, replace <td>Cell B</td>."
The sentence should read "On line 13, replace <td>Cell A</td>."

84Page 84 Step 2
The description of the image is given as Images/stripe.gif; this should read Images/stripe.jpg as shown in the figure.

103Page 103 Steps 25 and 27
These steps refer to using the Blur effect. The steps read: Choose Edit-->Blur-->Soften. The steps should read: Choose Image-->Blur-->Soften.

132Page 132 Step 1
The step currently reads:
1. Open the Image Sources folder, and select booking_bkgd.jpg. The folder is within your Sizzle site folder (if you copied the files) and is also on the CD.
It should read:
1. Open the Image Sources folder, and select pool_bkgd.jpg. The folder is within your Sizzle site folder (if you copied the files) and is also on the CD.

338Page 338 CD Bonus Session Reference
It is indicated that there is a Bonus Session on the CD entitled "Posting Your Site". The Bonus Session is missing from the CD but can be downloaded here.

Issues with Windows XP Service Pack 2
IE and Windows XP Service Pack 2 If you are using Internet Explorer and have installed Windows XP SP2, you won't be able to validate your files using the W3C XHTML Validator. There is a bug in the software that changes the file format from HTML to plain text, which the Validator won't recognize. You will this error message "Sorry, I am unable to validate this document because its content type is text/plain, which is not currently supported by this service." There are several optional ways you can validate the file, such as uploading the files to a Web server or using a different browser. More information is available from the W3C on this page:

Companion Site

To test your skills and earn a certificate of completion visit