Learning Web Design

Errata for Learning Web Design

Submit your own errata for this product.


The errata list is a list of errors and their corrections that were found after the product was released. If the error was corrected in a later version or reprint the date of the correction will be displayed in the column titled "Date Corrected".

The following errata were submitted by our customers and approved as valid errors by the author or editor.

Color Key: Serious Technical Mistake Minor Technical Mistake Language or formatting error Typo Question Note Update



Version Location Description Submitted By Date Submitted Date Corrected
PDF
Page 57
Introducing Unicode Sidebar

"UTF-8, UTF-16, and UTF-32—that differ in the number of bytes used to represent the characters (1, 2, or 3, respectively)" UTF-32 requires 4 bytes, not 3.

Note from the Author or Editor:
Confirmed. It should be four, not three. "Introducing Unicode" sidebar: end of 2nd para., change last line to: (1, 2, or 4, respectively).

Peer Reynders  Oct 11, 2018 
PDF
Page 126
EXERCISE 6-8. Linking to a fragment

The exercise materials: LWD5e_materials/ch06/Exercise 6-8/glossary.html LWD5e_materials/ch06/finished exercises/glossary-done.html Are still marked up as XHTML 1.0, not HTML5.

Note from the Author or Editor:
These exercise files were carried over from the 3rd or 4th edition when XHTML was all the rage. No changes are needed to the book files. I have updated the two .html documents and uploaded them to the materials for 5e online.

Anonymous  Oct 12, 2018 
Printed
Page 149
"When to use x-descriptors" section, 3rd line

Change "x-selectors" to "x-descriptors" reason, x-descriptors are best used for images...

Jennifer Robbins
Jennifer Robbins
 
Oct 26, 2018 
PDF
Page 165
top

"table markup using Flexbox and Grid Layout techniques (see Chapter 1, CSS Layout with Flexbox and Grid)." Should be Chapter 16 not Chapter 1

Note from the Author or Editor:
This is correctly "Chapter 16" in the print book, but it may be incorrect in the PDF. I don't have access to it, so please check and correct it if necessary.

Anonymous  Oct 15, 2018 
Printed
Page 189
Under "Drop-Down Suggestions", the paragraph:

<p>Education completed: <input type="text" list="edulevel" name="education"> it is missing a closing tag "</p>" at the end of the paragraph.

Note from the Author or Editor:
Please add </p> at end of paragraph element.

Anonymous  Jul 05, 2018  Aug 03, 2018
PDF
Page 191
Figure 9-9

"Name the text fields **customername**, **address**, **telephone**, **email** and **instructions**, respectively. " pizza.php is actually coded for emailaddress not email

Note from the Author or Editor:
Yep! There is a mismatch between the Figure instructions and what is in the .php file that processes the form. Leave the book as-is. I think I'm going to just change the script to match the book. That way, it will work for people who already have the book. I will just have to change the "final" .html file that is included in the materials for this chapter. I think this is the best way to handle this.

Anonymous  Oct 15, 2018 
Printed
Page 192
Exercise 9-1. #3

The numbers are wrong In this exercise, we'll work on the “Your information” section of the form. Start with the first FOUR (should be “five”) shourt text-entry form controls that are marked up appropriately as an unordered list. Here's the first one; you insert the other THREE (should be “four”).

Note from the Author or Editor:
Please change "four" to "five" and "three" to "four" as noted.

Anonymous  Jul 05, 2018  Aug 03, 2018
PDF
Page 194
Exercise 9-2

Suggestion: "Be sure the variable name for each is toppings[]" It would be useful to at least in a footnote allude to fact that the naming convention stems from PHP (i.e. pizza.php) and has nothing to do with HTML checkbox inputs. As it stands it's confusing why the preceding example would simply use name="genre" while the exercise requires a "[]" suffix for name="toppings[]"

Note from the Author or Editor:
Great suggestion! On page 194, add the following note (using the NoteTipHeader and Note paragraph styles) in the column to the left of the exercise text. In the ebook, insert the note after numbered list item 2. "toppings[]" should be in Literal,fc (code) character style. NOTE The toppings[] variable name has brackets at the end because it follows a PHP naming convention. It is only a coincidence that it resembles a checkbox.

Anonymous  Oct 16, 2018 
Printed
Page 205
Exercise 9-3 #4

The “name=”fullname”” is incorrect. In the previous exercise 9-1, below #3, you have it as “name=”customername””. In exercies 9-3 #4, you need to go in and edit it, delete “fullname” and put “customername” to what was already declared as “name=”customername”” in exercise 9-1.

Note from the Author or Editor:
In the code example in #4, change name="fullname" to name="customername"

Anonymous  Jul 05, 2018  Aug 03, 2018
Printed
Page 211
Under “textarea”:

I believe this is wrong: maxlength=”text” minlength=”text” Shouldn't it be: maxlength=”number” minlength=”number”

Note from the Author or Editor:
Please change "text" to "number" for both maxlength and minlength entries.

Anonymous  Jul 05, 2018  Aug 03, 2018
Printed
Page 216
Middle of page

<h1>An Inline Frame</h1> <iframe src=”glossary.html” width=”400” height=”250” > Read the <a href=”glossary.html”>glossary</a> </iframe> The “Read the” and “glossary” do not appear in the image below it and this should probable be removed, unless you fix the image to include it.

Note from the Author or Editor:
This is NOT errata. The line of content inside the <iframe> tags is fallback content that gets displayed if the iframe is not supported. The image is correctly displaying the glossary.html file. However, I could make this more clear by adding a second sentence to the figure caption for Figure 10-1. There is room on the page for more text. Be sure it does not push content onto the next page. Please update the figure caption to read (make sure both "iframe" are in Literal, fc style): Inline frames (added with the iframe element) are like a browser window within the browser that displays external HTML documents and resources. If the iframe element is not supported, the content within the iframe element displays instead (not shown).

Anonymous  Jul 16, 2018 
Printed
Page 248
Figure 11-7

Replace Figure 11-7. I will email the updated figure to Kristen and Ron. It is also in the LWD PRODUCTION Dropbox folder. (Issue, it should be "sans-serif" not "sans serif")

Jennifer Robbins
Jennifer Robbins
 
Oct 26, 2018 
Printed
Page 250
The bottom paragraph

“In this scenario, paragraph text will be green because (it is) the last rule....” The 'it is' needs to be added.

Anonymous  Jul 16, 2018 
Printed
Page 268
#3

“I want a fancy font for the “Black Goose Bistro, Summer Menu”. The “,” comma needs to be removed between "Bistro" and "Summer".

Note from the Author or Editor:
Confirmed. On page 268, remove comma between Bistro and Summer in the first line of #3.

Anonymous  Jul 16, 2018 
Printed
Page 405
List of Values for position property

Add "sticky" to the end of the list of values for the position property. (Watch that character spaces around the pipe character are not in the constant width font.) Values: static | relative | absolute | fixed | sticky

Jennifer Robbins
Jennifer Robbins
 
Oct 26, 2018 
Printed
Page 432
Figure 16-12

Replace Figure 16-12 (I will email the corrected figure and it is in the Dropbox folder) Issue: Space-between and space-around are incorrect

Jennifer Robbins
Jennifer Robbins
 
Oct 26, 2018 
Printed
Page 458
WARNING note

Replace the Warning note with the following text. Use Literal, fc for: repeat(), fr, auto, min-content, max-content, auto-fill, auto-fit, minmax() You can only use one repeat() notation for a given declaration. You cannot use fr units with repeat(). Content-based keywords (auto, min-content, and max-content) cannot be used with auto-fill or auto-fit. Note that you can use minmax() notation inside repeat(), and you an use it with frs and content-based keywords if they are in the max position with a min length.

Jennifer Robbins  Oct 26, 2018 
Printed
Page 466
First code block, third line

There should be a semi-colon (;) after main in the third line: #three { grid-area: main; }

Jennifer Robbins
Jennifer Robbins
 
Oct 26, 2018 
Printed
Page 606
Code example after "Here's an example of a for loop in action"

In the first line of code, there is an equals (=) sign missing after the <. It should read i <=2;: for( var i = 0; i <= 2; i++ ) {

Jennifer Robbins
Jennifer Robbins
 
Oct 26, 2018 
PDF
Page 761
Top; Chapter 9 answers

3. a. The type attribute is missing. According to MDN the "type" can be absent - it will simply be assumed to be "text". However the intent behind "Your country here." (p.208) seems to be that of a "placeholder" rather than "value".

Note from the Author or Editor:
[Note: this error seems to be on page 742 in the print book.] I agree that this is a misleading question because the type attribute *is* optional. I think the best thing to do is delete the question 3.a on page 208 and delete the answer on page 742. Renumber remaining Q&A to a. through d.

Anonymous  Oct 17, 2018