HTML Complete Course
* 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
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.
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 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.
Part III: Working with Graphics.
Session 3: Drawing Graphic Elements.
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 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.
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 6: Working with Pictures.
Separating an Image into Segments.
Testing Image Quality.
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.
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 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.
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 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.
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.
Determining Page Coordinates for an Imagemap.
Using an Imagemap for Navigation.
Changing the Message on the Browser Status Bar.
Displaying an Automatic Date.
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 13: Adding a Form to Your Site.
Displaying Messages for the Reader.
Adding a Form to a Web Page.
Constructing the Basic Form.
Working with Form Attributes.
Validating a Field on the Form.
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 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.
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".||703.80 KB||Click to Download|
Do you think you've discovered an error in this book? Please check the list of errata below to see if we've already addressed the error. If not, please submit the error via our Errata Form. We will attempt to verify your error; if you're right, we will post a correction below.
|37||Page 37 Step 2
Step 2 instructs: 2. On line 1 and 2, type: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "DTD/xhtmll-transitional.dtd"> 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.
|65||Page 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>."
|84||Page 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.
|103||Page 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.
|132||Page 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.
|338||Page 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: http://www.w3.org/QA/2005/01/Validator-IE_WinXP_SP2