Acknowledgments |
|
xvii | |
Introduction |
|
xix | |
|
PART I Laying the Foundation |
|
|
|
|
3 | (20) |
|
Understand the Internet as a Medium for Disseminating Information |
|
|
4 | (5) |
|
The Anatomy of a Web Site |
|
|
4 | (3) |
|
|
7 | (1) |
|
Internet Service Providers |
|
|
8 | (1) |
|
Be Aware of the Current Version of HTML |
|
|
9 | (1) |
|
Plan for the Audience, Goals, Structure, Content, and Navigation of Your Site |
|
|
10 | (4) |
|
Identify the Target Audience |
|
|
10 | (1) |
|
|
11 | (1) |
|
|
12 | (1) |
|
|
12 | (1) |
|
|
13 | (1) |
|
Identify the Best HTML Editor for You |
|
|
14 | (3) |
|
|
16 | (1) |
|
Learn from the Pros Using the View Source Command of Popular Web Browsers |
|
|
17 | (6) |
|
|
23 | (18) |
|
|
24 | (1) |
|
|
24 | (1) |
|
Preview an HTML File in a Browser |
|
|
25 | (2) |
|
Describe and Apply the Basic HTML Document Format |
|
|
27 | (9) |
|
|
28 | (2) |
|
|
30 | (1) |
|
|
30 | (1) |
|
|
31 | (2) |
|
|
33 | (1) |
|
|
34 | (1) |
|
|
34 | (1) |
|
Spacing and Breaks Within the Code |
|
|
34 | (1) |
|
Spacing and Breaks Between Tags |
|
|
35 | (1) |
|
Spacing Between Lines of Text |
|
|
35 | (1) |
|
Use Character Entities to Display Special Characters |
|
|
36 | (2) |
|
Add Comments to an HTML File |
|
|
38 | (3) |
|
|
41 | (16) |
|
Set Up Style Sheets in an HTML File |
|
|
42 | (6) |
|
|
42 | (1) |
|
|
43 | (1) |
|
|
44 | (3) |
|
|
47 | (1) |
|
Identify the Ways in Which Color Is Referenced in Web Development |
|
|
48 | (4) |
|
|
48 | (2) |
|
RGB Values and Percentages |
|
|
50 | (1) |
|
|
51 | (1) |
|
|
52 | (1) |
|
New and Notable Color Options |
|
|
52 | (1) |
|
|
52 | (1) |
|
|
52 | (1) |
|
|
52 | (5) |
|
|
57 | (22) |
|
Ensure Onscreen Readability of Text |
|
|
58 | (2) |
|
|
60 | (1) |
|
|
61 | (11) |
|
|
63 | (3) |
|
|
66 | (4) |
|
|
70 | (1) |
|
Other Font Style Properties |
|
|
70 | (2) |
|
Offer Printer-Friendly Versions of Text Content |
|
|
72 | (7) |
|
|
72 | (1) |
|
Printer-Specific Style Sheets |
|
|
73 | (2) |
|
Final Tips for Printer-Friendly Pages |
|
|
75 | (4) |
|
|
79 | (26) |
|
Organize Sections of Content |
|
|
80 | (9) |
|
Identifying Natural Divisions |
|
|
80 | (7) |
|
|
87 | (2) |
|
|
89 | (1) |
|
|
89 | (16) |
|
|
89 | (4) |
|
|
93 | (2) |
|
|
95 | (1) |
|
|
96 | (4) |
|
|
100 | (5) |
|
6 Positioning Page Elements |
|
|
105 | (28) |
|
Understand the Concept and Uses of Style Sheets for Page Layout |
|
|
106 | (1) |
|
Create a Single-Column, Centered, Fluid Page Layout |
|
|
107 | (4) |
|
|
109 | (1) |
|
|
110 | (1) |
|
|
111 | (1) |
|
Create a Multicolumn Fluid Page Layout |
|
|
111 | (10) |
|
|
113 | (7) |
|
|
120 | (1) |
|
|
120 | (1) |
|
|
121 | (1) |
|
Layer Content Within a Layout |
|
|
122 | (4) |
|
Realistic Uses of Layers in Web Pages |
|
|
125 | (1) |
|
Use External Style Sheets |
|
|
126 | (7) |
|
Link to an External Style Sheet |
|
|
126 | (1) |
|
Import an External Style Sheet |
|
|
127 | (6) |
|
PART II Adding the Content |
|
|
|
|
133 | (26) |
|
Add Links to Other Web Pages |
|
|
134 | (4) |
|
|
135 | (1) |
|
|
135 | (3) |
|
Add Links to Sections Within the Same Web Page |
|
|
138 | (5) |
|
|
139 | (1) |
|
|
140 | (3) |
|
Add Links to Email Addresses and Downloadable Files |
|
|
143 | (3) |
|
|
143 | (3) |
|
FTP and Downloadable Files |
|
|
146 | (1) |
|
Recognize Effective Links |
|
|
146 | (3) |
|
|
149 | (1) |
|
|
149 | (3) |
|
|
150 | (1) |
|
|
151 | (1) |
|
Customize Links by Setting the Tab Order, Keyboard Shortcut, and Target Window |
|
|
152 | (7) |
|
|
152 | (1) |
|
|
153 | (1) |
|
|
153 | (1) |
|
|
154 | (5) |
|
|
159 | (38) |
|
Locating Web Image Sources |
|
|
160 | (2) |
|
|
160 | (1) |
|
Creating Your Own Graphics |
|
|
161 | (1) |
|
Become Familiar with Graphics Software |
|
|
162 | (2) |
|
Adobe Photoshop and Illustrator |
|
|
162 | (1) |
|
|
163 | (1) |
|
Recognize Appropriate Web Image File Formats |
|
|
164 | (8) |
|
|
164 | (2) |
|
|
166 | (1) |
|
|
167 | (2) |
|
|
169 | (1) |
|
Choose the Best File Format for the Job |
|
|
170 | (2) |
|
Use Images as Elements in the Foreground of a Web Page |
|
|
172 | (1) |
|
Specify the Height and Width of Images |
|
|
173 | (2) |
|
Provide Alternative Text and Titles for Images |
|
|
175 | (2) |
|
Link Images to Other Content on a Web Site |
|
|
177 | (4) |
|
|
178 | (1) |
|
Link Sections of an Image |
|
|
178 | (3) |
|
|
181 | (1) |
|
|
182 | (10) |
|
|
182 | (3) |
|
|
185 | (2) |
|
|
187 | (1) |
|
|
188 | (1) |
|
|
189 | (3) |
|
Use Images as Elements in the Background of a Web Page |
|
|
192 | (5) |
|
|
195 | (2) |
|
9 Working with Multimedia |
|
|
197 | (20) |
|
Understand How Plug-ins Are Used with Web Browsers |
|
|
198 | (2) |
|
Identify the Installed Components |
|
|
199 | (1) |
|
Recognize File Types, Extensions, and Appropriate Plug-ins |
|
|
199 | (1) |
|
Link to Different Types of Media from a Web Page |
|
|
200 | (2) |
|
Embed Different Types of Media onto a Web Page |
|
|
202 | (10) |
|
Start with the audio and video Elements |
|
|
203 | (1) |
|
Customize with Attributes |
|
|
203 | (1) |
|
|
203 | (4) |
|
|
207 | (2) |
|
|
209 | (2) |
|
Use embed for Non-native Multimedia Content |
|
|
211 | (1) |
|
|
212 | (5) |
|
|
217 | (18) |
|
Use Ordered Lists in a Web Page |
|
|
218 | (3) |
|
Use Unordered Lists in a Web Page |
|
|
221 | (1) |
|
Use Definition Lists in a Web Page |
|
|
222 | (1) |
|
Combine and Nest Two or More Types of Lists in a Web Page |
|
|
223 | (3) |
|
|
226 | (9) |
|
|
226 | (1) |
|
|
227 | (1) |
|
Customize the Entire Layout |
|
|
228 | (7) |
|
|
235 | (32) |
|
Understand the Concept and Uses of Tables in Web Pages |
|
|
236 | (1) |
|
Create a Basic Table Structure |
|
|
237 | (5) |
|
|
238 | (1) |
|
|
239 | (3) |
|
Format Tables Within Web Pages |
|
|
242 | (10) |
|
|
242 | (2) |
|
|
244 | (2) |
|
|
246 | (2) |
|
|
248 | (1) |
|
|
249 | (1) |
|
|
250 | (2) |
|
Format Content Within Table Cells |
|
|
252 | (7) |
|
|
252 | (1) |
|
|
253 | (2) |
|
|
255 | (1) |
|
|
256 | (1) |
|
|
257 | (1) |
|
|
257 | (1) |
|
|
258 | (1) |
|
Additional Formatting Techniques for Tables |
|
|
259 | (8) |
|
|
259 | (2) |
|
|
261 | (6) |
|
|
267 | (30) |
|
Understand the Concept and Uses of Forms in Web Pages |
|
|
268 | (1) |
|
|
268 | (22) |
|
|
270 | (5) |
|
|
275 | (2) |
|
|
277 | (1) |
|
|
278 | (1) |
|
|
279 | (2) |
|
|
281 | (2) |
|
|
283 | (1) |
|
|
284 | (2) |
|
|
286 | (1) |
|
|
286 | (1) |
|
|
286 | (1) |
|
|
287 | (3) |
|
Validate the Form Content |
|
|
290 | (2) |
|
|
291 | (1) |
|
Provide a Way for Your Form to Be Processed |
|
|
292 | (5) |
|
|
292 | (3) |
|
The method and enctype Attributes |
|
|
295 | (2) |
|
13 Formatting and Styling Forms |
|
|
297 | (24) |
|
|
298 | (1) |
|
Make Forms More User-Friendly |
|
|
299 | (9) |
|
Set Tab Order and Keyboard Shortcuts |
|
|
300 | (1) |
|
|
301 | (1) |
|
|
302 | (2) |
|
|
304 | (1) |
|
|
304 | (3) |
|
|
307 | (1) |
|
|
308 | (13) |
|
Use Styles and Fieldsets to Eliminate the Table Layout |
|
|
311 | (4) |
|
Use Styles for Client-Side Validation |
|
|
315 | (6) |
|
|
321 | (28) |
|
Understand the Concept and Uses of JavaScript and HTML5 APIs in Web Pages |
|
|
322 | (8) |
|
|
323 | (1) |
|
|
324 | (5) |
|
|
329 | (1) |
|
|
330 | (6) |
|
|
330 | (1) |
|
|
330 | (1) |
|
|
331 | (1) |
|
|
332 | (1) |
|
|
333 | (3) |
|
|
336 | (9) |
|
Add the Current Date and Time |
|
|
336 | (1) |
|
|
336 | (1) |
|
Create a Dynamic Navigation Bar |
|
|
337 | (3) |
|
Display a User's Location on a Map |
|
|
340 | (5) |
|
|
345 | (4) |
|
Online References and Scripts |
|
|
345 | (4) |
|
|
|
|
349 | (24) |
|
Select Possible Domain Names for Your Site |
|
|
350 | (1) |
|
Determine the Most Appropriate Type of Hosting for Your Site |
|
|
351 | (3) |
|
|
351 | (2) |
|
|
353 | (1) |
|
Prepare Your Site for Its Public Debut |
|
|
354 | (9) |
|
|
355 | (1) |
|
|
356 | (3) |
|
|
359 | (1) |
|
Preview on Mobile Devices |
|
|
360 | (2) |
|
Preview in Other Browsers |
|
|
362 | (1) |
|
Upload Your Site to a Host Computer |
|
|
363 | (5) |
|
|
364 | (3) |
|
|
367 | (1) |
|
|
368 | (1) |
|
|
368 | (3) |
|
|
370 | (1) |
|
|
371 | (2) |
|
|
373 | (32) |
|
|
374 | (1) |
|
Determine Whether HTML Email Is Appropriate for Your Needs |
|
|
375 | (2) |
|
The Purpose of Email Is to Communicate |
|
|
375 | (1) |
|
The End-User Display Is Unknown |
|
|
375 | (1) |
|
Plain-Text Email Is Safer and Smaller |
|
|
376 | (1) |
|
But ... HTML Email Marketing Works |
|
|
376 | (1) |
|
|
377 | (1) |
|
|
377 | (1) |
|
Always Provide a Way to Opt Out |
|
|
378 | (1) |
|
Adhere to Other FTC Rules |
|
|
378 | (1) |
|
Identify the Necessary Tools for the Task |
|
|
378 | (2) |
|
Send Live Web Pages with a Personal Email Account |
|
|
378 | (1) |
|
Using an Email Service Provider |
|
|
379 | (1) |
|
Code for Email Readers, Not Web Browsers |
|
|
380 | (9) |
|
|
382 | (1) |
|
|
382 | (2) |
|
|
384 | (2) |
|
|
386 | (3) |
|
Reference Guide to CSS Support in Email Clients |
|
|
389 | (1) |
|
Interactivity and Multimedia in HTML Email |
|
|
389 | (6) |
|
|
389 | (4) |
|
|
393 | (1) |
|
|
393 | (2) |
|
|
395 | (10) |
|
|
397 | (8) |
|
|
|
|
405 | (24) |
|
Chapter 1 Getting Started |
|
|
406 | (1) |
|
|
407 | (1) |
|
Chapter 3 Style Sheet Setup |
|
|
408 | (1) |
|
Chapter 4 Working with Text |
|
|
409 | (1) |
|
|
410 | (1) |
|
Chapter 6 Positioning Page Elements |
|
|
411 | (2) |
|
Chapter 7 Working with Links |
|
|
413 | (1) |
|
Chapter 8 Working with Images |
|
|
414 | (2) |
|
Chapter 9 Working with Multimedia |
|
|
416 | (2) |
|
Chapter 10 Creating Lists |
|
|
418 | (2) |
|
|
420 | (2) |
|
Chapter 12 Creating Forms |
|
|
422 | (1) |
|
Chapter 13 Formatting and Styling Forms |
|
|
423 | (1) |
|
Chapter 14 Beyond Static HTML |
|
|
424 | (2) |
|
Chapter 15 Making Pages Available to Others |
|
|
426 | (1) |
|
Chapter 16 HTML for Email |
|
|
426 | (3) |
|
B HTML/CSS Reference Table |
|
|
429 | (26) |
|
|
430 | (1) |
|
|
430 | (1) |
|
|
431 | (3) |
|
|
434 | (1) |
|
|
434 | (13) |
|
|
447 | (8) |
|
|
455 | (10) |
|
My Page Is Blank in the Browser! |
|
|
456 | (1) |
|
All I See Is Code in the Browser! |
|
|
457 | (1) |
|
|
457 | (1) |
|
I Tried to Change the Font, But Nothing Happened! |
|
|
457 | (1) |
|
When I Use a Special Character, It Doesn't Appear! |
|
|
457 | (1) |
|
|
458 | (1) |
|
My Page Looks Great in One Browser, But Terrible in Another! |
|
|
458 | (1) |
|
When I Link My Images, They Have Little Colored Dashes Next to Them! |
|
|
459 | (1) |
|
I Saved My Image as a JPEG, But the Browser Says It's Not a Valid File Format! |
|
|
459 | (1) |
|
Strange Characters Are at the Top of My Page! |
|
|
459 | (1) |
|
I Added Internal Links to Sections of a Web Page, But When I Click Them, the Browser Launches a Brand New Window! |
|
|
460 | (1) |
|
I Specified One Color, But Got a Totally Different One! |
|
|
460 | (1) |
|
I Need to Protect Some of My Pages from Unwanted Visitors! |
|
|
460 | (1) |
|
I Need to Prevent People from Stealing My Images! |
|
|
461 | (1) |
|
I Tried to Send My Web Page in an Email, But the Page Looked Terrible! |
|
|
461 | (1) |
|
I Updated My Web Page, But I Don't See the Changes in the Browser! |
|
|
461 | (1) |
|
My Whole Page Is________! (Fill in the Blank) |
|
|
462 | (1) |
|
My Page Has a White Background in One Browser, But Not in Others! |
|
|
462 | (1) |
|
I Shrank My Images, But They Still Take Forever to Download! |
|
|
462 | (1) |
|
I Embedded a Flash File That Works Fine on My Computer, But Doesn't Work Properly on Other Computers! |
|
|
463 | (1) |
|
My Tables Look Fine in One Browser, But Terrible in Another! |
|
|
463 | (1) |
|
|
464 | (1) |
|
|
465 | (6) |
|
|
466 | (5) |
|
|
471 | (4) |
Index |
|
475 | |