HTML Complete Course

Description:

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™. 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

 

Table of Contents:

Introduction.

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.

Index.