Learning Web Design, 3e

Updates & Errata

The Web changes quickly and printed books don't. Here's where we'll post the inevitable tweaks and corrections. Additional errata may be available on O'Reilly's page for this book.

To submit an error, use the errata form at O'Reilly.com.

Updates

page 14: Another popular (and free) editor for HTML and CSS documents is jEdit, available for all platforms at jedit.org
page 111: Enkoder is now provided by Hivelogic, not Automatic Labs. The new URL is hivelogic.com/enkoder. It is now available as an online form and as a plugin for Ruby on Rails. It is no longer available as a Mac OS, Windows, or Java application.
page 125: The price of MapEdit is now US$15.
page 168: HTML 5 sidebar: A new "HTML Working Group" was established by the W3C on March 7, 2007 (www.w3.org/html/wg)
page 173: 3rd paragraph: location of language codes changed to www.loc.gov/standards/iso639-2/php/code_list.php
page 177: Validation Tools sidebar: Firebug is now available at www.getfirebug.com
page 188: Meet the Standards sidebar: CSS Level 2, Revision 1 (CSS 2.1) is now a candidate recommendation.
page 264: Microsoft conditional comment tutorial is now located at msdn2.microsoft.com/en-us/library/ms537512.aspx
page 272: Note, 2nd paragraph: The transparent border color value is supported in IE7 (css-discuss.incutio.com/?page=IE7)

Errata

CHAPTER 1
page 11: In the list of Server-side programming languages, C+ should be C++.
page 15: "Corel Paint Shop Pro" should be "Corel Paint Shop Pro Photo" (name changed since version 11 (Sept.2006)
page 16: [typo] "Window Media Encoder" should be "Windows Media Encoder"
page 17: URL for Apple Final Cut Studio should be "www.apple.com/finalcutstudio/"; also, Firefox can also be accessed at simply "www.firefox.com"; "Corel Paint Shop Pro" should be "Corel Paint Shop Pro Photo"; "Adobe (Macromedia) Flash" should be "Adobe (Macromedia) Flash, Adobe After Effects"; "Apple QuickTime (www.apple.com/quicktime)" is missing; Apple Final Cut Studio now includes Color and Compressor; Sony Sound Forge (www.sonycreativesoftware.com/products/soundforgefamily.asp)" is missing; Audacity (audacity.sourceforge.net) is missing; in Browsers, Safari is missing (www.apple.com/safari)
The operating system information is also missing for the following listings:
Adobe (Macromedia) Flash (Windows, Mac OS)
Apple QuickTime and iMovie (Mac OS, Windows; iMovie is Mac OS only)
Apple Final Cut Pro (Mac OS X only)
Microsoft Windows Movie Maker (Windows only)
Adobe After Effects (Windows, Mac OS)
Sony Sound Forge (Windows only)
Audacity (all platforms)
CHAPTER 2
page 25, Figure 2-3: [typo] in caption, "and HTML text document" should be "an HTML text document"
page 27, Figure 2-4: "masthead.gif" should be "kitchen.gif" (2x)
CHAPTER 3
page 30, Table 3.1: [typo] WIndows should be Windows;
-- Internet Explorer 7, Platforms should be "Windows XP and Vista" (not supported on Unix)
-- Internet Explorer 6, Platforms should be "Windows"
-- Internet Explorer 5 and 5.5, Platforms should be "Windows, Unix & Mac (IE 5.0 only)"; Release date of 5.5 should be 2000, not 2001
-- Mozilla Firefox 1.0 should be updated to "Mozilla Firefox 1.x & 2.x" Released: "2002 (1.0), 2006 (2.0)"
-- Netscape 7 & 8, Released should read "Released: 2002 (7), 2005 (8)"
-- Opera 8+ should be "Opera 8 & 9", Released: "2005 (8), 2006 (9)"
-- Safari 3.0, Platforms should be "Macintosh OS X, Windows XP and Vista"
page 34: 1st line: URL should be http://www.w3.org/TR/WAI-WEBCONTENT/ which always points to the most current version, not just the one dated 5 May, 1999)
page 38: Exercise 3-1:
• Is: Select Edit -> Preferences. Should be: Select Tools -> (Internet) Options [Internet Options in Internet Explorer, Options in Firefox]
• Is: In Internet Explorer, select Web Content and Language/Fonts.
Should be: In Internet Explorer, select General and Colors/Fonts.
• Is: In Firefox, select General then Fonts and Colors.
Should be: In Firefox, select Content then Fonts & Colors. [it has changed in FF 2.x]
page 40: last line on page: should be "Chapter 16, Page Layout with CSS"
page 45: Figure 3-9: The screenshots are mislabled, the lighter one on top should be labeled "Macintosh gamma" and the one on the bottom is Windows.
page 48: Test Yourself: Should be "Macs, Windows, and Unix/Linux systems.
CHAPTER 4
page 55: Naming Conventions sidebar: Under "Use proper suffixes...", .png was omitted from the graphics list.
page 61, Exercise 4-3: Step 4: The second sentence in the example shown in Figure 4-9, "The menu changes regularly to highlight the freshest ingredients." is missing from the markup example. Step 5: the markup should have a period after "cooking" and a character space after the </em>.
CHAPTER 5
page 72, table 5-1: the address element (contact informaton for the author of the document) is missing from the table of block elements.
page 73: the first h2 in the code sample should say "Serif Typefaces" to match Figure 5-1.
page 74: [typo] Paragraph 1, line 2: "morae" should be "more"
page 78: [typo] element list in sidebar, <dd>...</dt> should be </dd>...</dd>
page 79, first paragraph: Should read "The dl element is only allowed to contain the dt and dd elements."
page 83: The margin notes for inserted and deleted elements are missing. Should read: <ins>...</ins> Inserted text and <del>...</del> Deleted text. Also, in the markup example for inserted/deleted text, there is a character space missing after "Officer:".
page 85: Table 5-3, <tt> listing: [typo] courier should be Courier
page 88: markup example: <img src="bringhurst.gif" alt=" /"> should be <img src="bringhurst.gif" alt="" />
page 88, TIP sidebar: [missing text] "The class attribute is used to classify."
CHAPTER 6
materials: There is a missing trailing slash in the <meta /> element in the jenskitchen downloadable files, which would prevent these files from validating.
page 105: Exercise 6-7, Number 5: "tapenade.com" should be "tapenade.html". [also, "Create a link on" should not be bold]
Exercise 6-7 source materials: the document "linguine.htm" should be renamed "linguini.html" for the links to work properly. There is an updated version of the Chapter 6 materials online, but readers can rename the file themselves if they have already downloaded it.
page 112: Figure 6-13, "logo.gif" should be "bullet.gif" to match the text examples
page 113: Paragraph after question 8: "src element" should be "src attribute"
CHAPTER 7
page 115: [typo] 2nd to last paragraph, "Decorate Images Move On Back" should be "Decorative Images Move On Back"
page 119: The short summary for longdesc is missing. Should be: longdesc="text", Longer image description
page 120: Image Accessibility sidebar: is: www.w3.org/TR/2006/WDWCAG20-TECHS-20060427 should be: http://www.w3.org/TR/WCAG20-TECHS/ [always the address
of the latest version]
page 120: [typo] Pixel Dimensions sidebar: WIndows should be Windows
page 122: Exercise 7-1: the exercise refers to sienna_100.jpg and duomo_100.jpg, but the files are actually named alley_100.jpg and cathedral_100.jpg, respectively. The same is true of the full-sized images.
page 124: in the margin, the description of <area> should be "Defines a clickable area in an image map"
page 125: [typo] Last paragraph, line 4: "would be the pretty much the same" should read "would be pretty much the same" Also, reference to Figure 7-5 should be to Figure 7-6.
CHAPTER 8
page 129: Third paragraph: HTML should be (X)HTML (2 times)
page 130: Table at bottom of the page: "Fat" header should be "Fat (g)".
page 131: Figures 8-2 and 8-3: "noodle" was omitted from "Chicken noodle soup" due to space constraints in the figure.
pages 135-6: Exercises 8-2 and 8-3: [layout] It would be better to extend the blue shaded box to include the hints in the side column because they are easily overlooked.
page 140: under "headers", delete the final </th> in the markup example
page 141: step 5: "the first and last cells in the second column" should be "the first and last cells in the second row"
CHAPTER 9
page 145: Last <li> element in the code example: should be <li><label for="email">...
page 148: 3rd paragraph under "Naming your variables": "Another fundamental part of marking up tables" should be "Another fundamental part of marking up forms..."
page 148: first code example: the "!" at the end of the example should be replaced with "%21
page 149: 2nd paragraph: [typo] "contro'ls id reference The..." should be "control's id reference. The..."
page 150: Figure 9-3: Under Features, the "Metallic Logo" box should be checked. Also, under "Features" should be "Sparkley" laces
page 154: Figure 9-6, "Color:" should be "Color (choose one)"; "(sizes reflect standard men s sizing):" should be "Sizes reflect standard men's sizes:" (per Figure 9-3); Under feaures, should be "Sparkley" laces.
pages 154 and 158: The instructions on the form sketch say to give the Features form control the name "features". As it turns out, the PHP script that processes this form requires checkbox field names to end with [] (left and right square brackets). Therefore, the checkbox controls should be given the name "features[]" in order for the script to process more than just the last control in the list.
page 155: Step 5: Should read: "Now add a multiline text area for the shoe description on a new line." Also, and more importantly, it turns out there is no maxlength attribute for the <textarea> form control, so the 300 character maximum is not achievable without using scripts. You can change the rows="5" which will create 300 character spaces, but you cannot limit the users' input using (X)HTML alone. This part of the exercise will be corrected at the first opportunity.
page 158: Exercise 9-2: Step 3, insert this at the end of the last sentence: "(use the color names, all lowercase, as the values for each input)."
page 158: Exercise 9-2: Step 4 omits some critical information to getting the form to work properly. Add this sentence to the end of Step 4:
The values for the checkboxes should be identified as "laces," "logo," "heels," and "mp3," in that order.
page 159: Scrolling menus section:
-- [typo] <label f0r= should be <label for=
-- <select .... f0r="EightiesBands" should be <select ... id="EightiesBands"
page 160: Step 1, markup example: Should be <legend>Size</legend> (slash missing on closing tagJ)
page 161: Under Hidden Controls, the description of the tag summary should read "Hidden control field" (not File selection field)
page 164: [typo] Description for the label attribute under "optgroup" should read a "group of options"(missing s); Description for "disabled" attribute should read "disables the optgroup" (not option)
CHAPTER 10
page 166: 3rd paragraph: Mosaic Communications should be Mosaic Communication Corporation; "Netscape browser" should be "Netscape Navigator browser"; "(in Netscape only, naturally)" should be "(in Netscape Navigator only, naturally)"
page 167: Sidebar NOTE: delete the "#h-A.1.1.14" from the end of the w3.org URL.
page 168, "HTML 5?" sidebar: Add the following note to the bottom:
Update as of 2008 reprinting:
HTML 5 is now an official W3C Working Draft as of January 2008 (www.w3.org/TR/html5/)
page 175: "HTML DTDs" heading should be "HTML 4.01 DTDs"
page 178: Exercise 10-2, Step 2: [typo] after "HTML 1.0 Strict", the character space and quotation mark should be switched.
page 179: Exercise 10-2, Step 4: The document x-blackgoose.html as downloaded from the materials returns 18 errors, so the numbering on their results has changed. Change "14 compared" to "18 compared", "look at Error 3" to "look at Error 4", and "Now look at Error 5" to "Now look at Error 6"
page 180: 2nd paragraph under Unicode: [typo] period missing after "validator results"
CHAPTER 11
page 195-6: Figures 11-6, 11-7, and 11-8 are missing the <meta> element in the diagrams. It should appear alongside <title> and <style> under <head>.
page 198: Assigning Importance sidebar: "The only way an !important rule...", the word "rule" should not be formatted as code.
page 201: CSS Showcase Sites: www.cssgarden.com should be www.csszengarden.com
page 201: CSS Tools sidebar: "Addons page at mozilla.org" should be "Addons page at addons.mozilla.org.
CHAPTER 12
Chapter 12 materials: In menu-summer.html, there should be a colon following "Friday and Saturday", not a semicolon. This file has been updated in the downloaded materials.
page 203, second paragraph: The page view in Figure 12-1 is not exactly the same as the one at the end of Chapter 5. The first line should read "Throughout the chapter, we'll be sprucing up the Black Goose Bistro online menu similar to the one we marked up back in Chapter 5, Marking Up Text."
page 207: Exercise 12-1, Step 1: The <meta> element is missing from the markup example (although it is in the menu-summer.html file available for download).
page 208: font-size values: should be "length unit | percentage | xx-small..." (with pipes, not commas for consistency). This correction should be made for line-height (p.223), text-indent (p.224), letter-spacing and word-spacing (p.227).
page 208: First line after font-size summary: Should read "You can specify text size in several ways." (add "size", delete "a")
page 211: Font Sizing Techniques sidebar, 2nd para: font glitch on word "up".
page 212: Exercise 12-1, Step 1: The step should instruct readers to insert the font-size: small; declaration into the existing style rule for the body element that was added in the previous step.
page 213: Figure 12-8: Caption for left figure should read "Rendered on Safari (Mac)" because Safari is available on Windows now as well.
page 213: Exercise 12-1: font glitch on word "not"
page 214: Figure 12-9: Should be: "Applying the font-weight property to dt elements in the menu."
page 216: values for the font property should be in constant width italic to indicate they are replaceable and not exact values.
page 219: Figure 12-14: "property: value" in the figure should be italic because they are replaceable.
page 221: More About Specificity sidebar, 2nd para: URL for CSS Recommendation should be www.w3.org/TR/CSS21/cascade.html#specificity
page 224, text-indent and page 225, text-align: These properties also apply to inline blocks.
page 227: Figure 12-20: label under top figure should read "text-transform: none (as was typed in)"
page 230: [font issue] Points b, c, and f have the wrong font.
page 231: Figure 12-24: The numbering in this figure is incorrect. The example currently numbered (1) is the default font size example and should not be numbered. All numbers should be moved down one, ending with the flush-right example that should be number (7). (8) and (9) are correctly labeled.
CHAPTER 13
page 233: 3rd line: Should be "Then came the Netscape Navigator browser..."
page 235, Figure 13-2: [typo] In the "Why 255?" note, 28⁸=256 should read 2⁸=256
page 235: last paragraph: should be "Corel Paint Shop Pro Photo"
page 237: Hexadecimal Calculators, 3rd para: should be "...dividing your number by 16 to get the first digit, and then using the remainder for the second digit."
page 239: [typo] First line markup example: Delete the period after "day!"
page 240: At a Glance sidebar: "property: value" should be constant width italic throughout to indicate they are replaceable
page 241: Anchor pseudoclasses: replace "pseudoselectors" with "pseudoclass selectors"
page 241: CSS2.1 Pseudoclasses [font]: Font glitch on "Example" (3 times)
page 242: 1st Note in side column: Should be "Netscape Navigator 4"
page 242: 2nd Note in side column: replace "pseudoselector" with "pseudoclass selector".
page 242: Figure 13-10: the label for the 4th figure on the far right should read a:visited (not a:link)
page 244: Generated Content sidebar: first paragraph [typo]: WIndows should be Windows; right column, 1st paragraph: should read, "(and keep in mind that IE users won't see the generated content even if they are using version 7)."
page 244: Attribute Selectors sidebar:
• attribute structures (ex.: element[attribute]) should be constant width italic to indicate they are replaceable. In addition, there is a font glitch with the italic descriptions following examples.
• Under "Exact attribute value" [typo], the "Ex." is missing before the example
• Under "Hyphen-separated attribute value", there is a space missing after Ex. and the sample should be in constant width font.
page 245: Step 8: Should be "As the link is clicked..."
page 250: Figure 13-18: Top two images are reversed
page 250: First line under Keyword Positioning: center keyword is listed twice; should be "position the origin image relative to the edges of the element's padding."; the sentence starting "Keywords are typically..." should not have additional indent.
page 250: Figure 13-18: Label for third figure down should read: background-position: 50px 50px; (note 0 instead of o and missing end semicolon)
page 251: Figure 13-19, code at bottom: first line should be:
background-image: url(cabbage_C_rightside.gif) (note, close up space after "url")
page 253: Exercise 13-2 materials: The graphic file cabbage_D.gif was originally missing from the downloadable materials. It is included as of Dec. 2007.
page 253: Exercise 13-2, last line: URL should be simply www.firefox.com
page 254: Watch Out sidebar: [font] Font glitch on "not"
page 257: CSS for Other Media sidebar: description for braille should read "Used with braille tactile devices.": Description for embossed should read "Used with braille printers"
page 259-260: [font] style sheet rules and values are not formatted in constant width font.
CHAPTER 14
page 263: First paragraph, line 5: Should be "...make the content area of an element a specific width or height."; Last line: should end with "=262px"
page 264: Figure 14-3: Bottom label should be "Box border model (IE 5, 5.5 and 6 in Quirks Mode)"; Figure caption: Should be "Box model interpretation in IE 5 and 5.5 (Windows)."
page 266: Padding properties: Delete the "auto" keyword value for padding, padding-top, padding-right, padding-bottom, and padding-left. The default for all is 0 (zero) not auto. In addition, "Applies to" for all padding properties should be changed to "All elements except table-row, table-row-group, table-header-group, table-footer-group, table-column, and table-column-group".
page 266: [font] Last paragraph, line 1: padding-left should appear in highlighted code font
page 267: [font] All instances of "top right bottom left" should be in constant width italic to indicate they are replaceable.
page 270: border-style properties: The keyword "hidden" is missing from the list of values (2 times); The first sentence below should read: "The value is... one of ten keywords..."
page 273: border properties: "border-style border-width border-color" should appear in constant width italic font and be separated from "inherit" by a vertical bar "|" (2 times)
page 275: Exercise 14-2, last line: Should be "See Figure 14-13..."
page 275: First paragraph under Margins: "The last remaining component of the element box is its margin..."
page 275 & 276: margin properties: "Applies to" should read "all elements except elements with table display types other than table-caption, table, and inline-table"
page 277: Figure 14-14: last line of code in right column should be
body {margin: 0 10%}
page 279: 2nd paragraph, line 3: Should be "In the left view..."
page 281: display property: Default value should be "inline" and Applies to should read "all elements" (oh, the hazards of "copy and paste!)
page 283: In the code top left, add the following two properties: text-align: justify;
font-family: sans-serif; The bottom two parts of the figure should have light blue dotted lines to match the text.
page 284: border-top-color, etc.: Should be "Specify the border color for each side..."; border-top-style, etc.: Should be "Specifiy the border style for each side..."; border-top-width, etc.: Should be "Specify the border width for each side..."
CHAPTER 15
page 286: Dealing with Browser Bugs: [font] italic font glitch on "supposed"
page 287: Dealing with Browser Bugs: Should be "Peter-Paul Koch"
page 288: Figure 15-3: The dashed rule should be blue, not black. Also, under "Margins are maintained", should read "in Figure 15-3 by the blue, dashed line."
page 289: Figure 15-4: The dashed rule should be blue, not black.
page 291: 2nd Note: There is an extra "www.w3.org/" at the beginning of the first URL.
page 291: The style sheet code: should be p.float (not p#float) because it is a class.
page 293: Exercise 15-1, last paragraph, line 2: There is an extra "the" before "testimonials"
page 295: Note: Should be "Dealing with Browser Bugs sidebar"
page 298: 2nd paragraph: Should be "...however, is the location of the positioned element."; also, should be "... and 60 pixels to the right of the top-left corner..."
page 299: Or, to put it another way sidebar: [font] italic font glitch on "positioned" and "not"
page 303: Figure 15-15: "div.a" and "div.b" should be "div#a" and "div#b". There should also be a semicolon at the end of each declaration in the figure.
page 304: Figure 15-16: There should be a semicolon at the end of each declaration
page 304: Note: This note is not necessary because I ended up not giving an extra credit assignment at the end of Exercise 15-1 that instructed readers to try floating the sidebar to the left.
page 304: Exercise 15-2, line 3: Should be "jenware.html" and "jenware_2.html". Also, the graphic "awesomesite.gif" was originally missing from the downloadable materials for this exercise. It has been updated as of 12/07.
page 307: Warning: [typo] Should be "...versions 6 and earlier."
page 307: Figure 15-19: Semicolons should be added to the end of each red z-index declaration in the figure on the right (ex. z-index: 10;)
page 309: Question 2, part b: There should be a semicolon (not a colon) after float: right;
CHAPTER 16
pages 314-318: There is a problem with heading levels in the first part of the chapter. p.314, "Fixed Layouts" should be a 2nd (blue) heading "Fixed layouts"
p.316, "Elastic Layouts" should be a 2nd (blue) heading "Elastic Layouts"
p.317, "How to create eleastic layouts" should be a 3rd (gray) heading
page 314: 1st paragraph, 4th line: should be "60 to 75 characters per line,..."
page 316: Under Disadvantages: First entry should read: "Images don't lend themselves to automatic rescaling along with the text and the rest of the layout (but there are methods to achieve this)."
page 317: Zoom Layouts sidebar: Joe Clark's presentation at @media 2005 is available at joeclark.org/appearances/atmedia2005/atmedia-NOTES-2.html
page 321: (and on pages 323, 327, 331 and in olympus.html file) Verdana should be capitalized in body {font-family: Verdana, sans-serif;...
page 323: 5th style sheet line: #CCC should be in italic
page 324: Exercise 16-1: Should be "...save it as a new file called 2col-olympus.html"
page 325: Step 6: should be "width: 530px;"; Step 9: Should be "Now make the background of the "extras" div red by adding background-color: red; to the #extras rule.
page 329: in style sheet, under #links, should be width: 22% /* less than main margins to add space between cols */
page 329: The rules for body, ul, and li are missing from the style sheet. They are identical to the ones listed on page 327.
page 334: 2nd paragraph: should be "(even Netscape Navigator 4)"
page 334: Top-to-Bottom Column Backgrounds sidebar, 4th paragraph: Should be "The column shading in Figure 16-18...
page 335: 3rd paragraph: Should be (including Netscape Navigator 4); last line: should be "(see the Dealing with Browser Bugs sidebar..."
CHAPTER 17
page 341: Figure 17-3, top image: The suffixes (.gif. jpg, etc.) are italic in this image, but I did not introduce this style into the final exercise. They should be changed to roman in the next reprint.
page 342: Table 17-1, "decimal": [typo] There is an extra character space after "5"
page 342: Change note to: NOTE: CSS2.1 also includes armenian and georgian as values for list-style-type, but they are poorly supported. CSS2 included hebrew and various Japanese number sets, but these were dropped in CSS2.1.
page 343: Under list-style-type, there should not be brackets around <URL> (for consistency)
page 343: under "Make your own bullets"change "disc" to "circle" in the 2nd paragraph and in the code example. (The disc bullet style is used as the default background, so it isn't necessary to specify it. Circle is a better choice for illustrating the point.
page 344: Values for list-style entry: [font] list-style-type, list-style-position, and list-style-image should appear in constant width italic with no brackets.
page 344: change "disc" to "circle" in each of the list-style code examples (3x).
• Also, the second example has the semicolon in the wrong place. It should be:
ul {list-style: circle outside url(/images/happy.gif); }
• In the third example, there is an extra space before the semicolon. Should be circle;
page 345: There should be semicolons at the end of declarations in text: list-style-type: none; ... display: inline; and clear: both; (at bottom of page)
page 346: Step 1 should be list-style-type: none; , Add semicolons after declarations in text.
page 346: [font] In style sheet code example, the orange highlighted declarations should not be in italic.
page 346: Browser Bug sidebar: IE(Mac) should be IE5(Mac)
page 346: Last paragraph, 3rd line: should be "apply width and height properties to the a elements."
page 348: Note: Should be (of CSS Zen Garden fame)
page 348: Figure 17-11 caption: Should be "... by using a large negative text-indent to hide the text ...
page 349: Under CSS Rollovers: Should be "Chapter 13, Colors and Backgrounds"
page 349: a:hover at bottom of page should be constant width only, not italic.
page 352: [font] "A-ha!" in 2nd paragraph is in the wrong font. In Step 3, it should say "In Design A, each anchor is styled as a dark teal (#0A6D73) rectangular box..." (for consistency with other examples).
page 353: Step 6: [typo] positions, not posiitions.
page 356: First line: [type] properties, not properteies
page 356: empty-cells entry, description should be "Whether borders and backgrounds shoud render for empty cells.
CHAPTER 18
page 361, 364, 365 (2x), 370, 372, and 373 (2x): All instances of Paint Shop Pro should be changed to Paint Shop Pro Photo.
page 368: Sidebar should be titled "Cumulative Image Quality Loss"
page 369: under Grayscale, should be "65,536 shades of gray (2¹⁶)"
page 370: First paragraph: Should be "in the upcoming Working with Transparency section"; Warning: last line is cut, should read "Transparency sidebar in the Working with Transparency Section."
page 373: Figure 18-13, note: Should be "Select a file type..."
page 375: Working in Low Resolution sidebar: [typo] should be pixelated
page 376: Step 3, Should be: When "constrain proportions" is checked, the height changes
automatically when you enter the new width.
page 376: Figure 18-17, bottom note: Should be "The Optimized view..."
page 378: Sidebar: [font] the word "lot" is in the wrong italic font; the URL for Microsoft Developers Network should be msdn2.microsoft.com/en-us/library/ms532969.asp
page 381: Step 8: Should be "Save for Web & Devices dialog box"
page 381: Note: [font format] "PNG-8 "Alpha" Transparency" should be blue because it is a cross-reference.
page 383: 4th paragraph: Should be "Figures 18-26 and 18-27"
CHAPTER 19
page 394: Should be Paint Shop Pro Photo
page 402: Should be "in Part V, we'll take..."
CHAPTER 21
page 417: 3rd paragraph: Should be "... to purchase the domain from its owner."
page 417: Dot What?! sidebar: add .info to the list of TLDs in the 2nd text paragraph.
page 417: Under Finding Server Space: should be: (in fact, every new Mac comes with web server software installed; the same is true for almost all GNU/Linux distributions and to some extent also Windows).
page 418: Under Advantages at the bottom of the page: Should be "littlechair.com" (not www.littlechair.com)
page 422: Testing on the Server sidebar: [font] development and staging are in the wrong italic font; also, should be "dev.jenskitchensite.com"
page 423: FTP Clients sidebar: URL should be en.wikipedia.org/wiki/Comparison_of_FTP_clients
page 423: [typo] Last paragraph, should be Interarchy
page 424: sidebar: [font] images, graphics, news, and everything are in the wrong italic font.
APPENDIX
page 431: the class="newitem" attribute should be applied to Southwestern Napoleons (not Black Bean Purses); also, the &mdash; in "Jerk rotisserie chicken" should be highlighted orange.
page 433: Question 5: Should be (.gif, .jpg, .jpeg, or .png, as appropriate)
page 433: All the <img> elements are missing their end slashes (<img />). The files for download, however, are correct.
page 435: Exercise 8-3: the <tr> before <td>lychees</td> is missing.
page 435: Exercise 8-4: should be <table border="0" cellspacing="4"> (not 6)
page 436: Question 2, second to last answer should be just "Eight check boxes" (delete "or a pull-down menu" because that only permits one, not multiple, selection)
page 437: Exercise 9-1 through 9-3:
• Under "Contest Entry Information", the label for/id names do not match the exercise or other examples in the book. The values of for and id should be "form-name", "form-city", "form-state" and "form-story", although technically, you can name them anything you choose as long as the for and id values match for each label.
• <legend>Color</legend> should be <legend>Color <em>(choose one)</em>:</legend>
• Under features, add checked="checked" to the <input> element for Metallic Logo so it is checked by default.
page 440: Chapter 11, question 2: Should be "The paragraph will be gray because..."
page 441: The second Test Yourself answer should be numbered "2."
page 441: Exercise style sheet: Should be dt { font-weight: bold; color: olive;} (olive declaration missing)
page 441: First line should be: #header, h2, #appetizers p, #entrees p {text-align: center;}; second line should be should be: #appetizers p, #entrees p {font-style italic;}
page 445: Exercise 17-1, Design A: Delete the .filename style rule (it was not introduced in the exercise).
page 448: Chapter 19, question 4: should be "The Quality (compression) setting is the most effective..."
APPENDIX B
page 452: :active description should start "Specifies a style for any element... "; :first-line description should be "Selects the first line"
page 445: Chapter 17, delete answer number 4 as it does not correspond to a question in Chapter 17 Test Yourself. Renumber following answers 4 and 5.

Learning Web Design, 3e

Updates & Errata

Updates

Errata

Reader Resources