Web Development and Design Foundations with XHTML

Cover......Page 1
Title Page......Page 2
Copyright......Page 3
Contents......Page 12
CHAPTER 1 Introduction to the Internet and World Wide Web......Page 20
1.1 Evolution of the Internet......Page 21
The Evolution of the World Wide Web......Page 22
1.4 Standards and the World Wide Web Consortium......Page 23
Accessibility and the Web......Page 24
Ethical Use of Information on the Web......Page 25
1.5 Network Overview......Page 26
1.6 The Client/Server Model......Page 28
Transmission Control Protocol/Internet Protocol (TCP/IP)......Page 29
URIs and URLs......Page 31
Domain Names......Page 32
1.9 Markup Languages......Page 33
HTML 5—The Next Version of (X)HTML......Page 34
1.10 Internet and Web Trends......Page 35
Review Questions......Page 38
Hands-On Exercise......Page 39
Focus on Web Design......Page 40
CHAPTER 2 XHTML Basics......Page 42
2.2 Why XHTML and Not HTML?......Page 43
2.3 Document Type Definition......Page 44
2.4 Your First Web Page......Page 45
The Heading Element......Page 50
The Paragraph Element......Page 51
The Line Break Element......Page 53
The Blockquote Element......Page 55
Definition Lists......Page 56
Ordered Lists......Page 58
Unordered Lists......Page 59
XHTML Logical Style Elements......Page 62
XHTML—Physical Style Elements......Page 63
Special XHTML Characters......Page 64
The Anchor Element......Page 66
Absolute and Relative Links......Page 67
E-Mail Links......Page 70
Accessibility and Links......Page 71
2.9 XHTML Validation......Page 72
Review Questions......Page 75
Apply Your Knowledge......Page 76
Hands-On Exercises......Page 78
Web Site Case Study......Page 79
CHAPTER 3 Configuring Color and Text with CSS......Page 94
Types of Cascading Style Sheets......Page 95
Introduction to CSS Syntax......Page 96
3.2 Using Color on Web Pages......Page 97
Web Color Palette......Page 98
Accessibility and Color......Page 99
The Style Attribute......Page 100
3.4 Configuring Color with Embedded Styles......Page 101
The Style Element......Page 102
CSS and Fonts......Page 105
The Class Selector......Page 109
The Id Selector......Page 110
3.7 The Div and Span XHTML Elements......Page 112
3.8 Using External Style Sheets......Page 114
3.9 Centering XHTML Elements with CSS......Page 118
Center the Page Content......Page 119
3.10 CSS Validation......Page 120
Review Questions......Page 123
Apply Your Knowledge......Page 124
Hands-On Exercises......Page 126
Web Research......Page 128
Focus on Web Design......Page 129
Web Site Case Study: Implementing CSS......Page 130
CHAPTER 4 Visual Elements and Graphics......Page 140
The border and padding Properties......Page 141
4.2 Types of Graphics......Page 146
GIF Images......Page 147
JPEG Images......Page 149
The Image Element......Page 151
Accessibility and Images......Page 152
Image Links......Page 155
Background Images......Page 157
Configuring Background Images with CSS......Page 159
Image Maps......Page 161
The Favorities Icon......Page 164
Sources of Graphics......Page 165
Guidelines for Using Images......Page 166
Accessibility and Visual Elements......Page 167
Review Questions......Page 169
Apply Your Knowledge......Page 170
Hands-On Exercises......Page 172
Web Site Case Study: Using Graphics......Page 174
CHAPTER 5 Web Design......Page 188
5.1 Web Site Organization......Page 189
Hierarchical Organization......Page 190
Random Organization......Page 193
Navigation Bars......Page 194
Table of Contents......Page 197
Site Map and Site Search Features......Page 198
Repetition: Repeat Visual Elements throughout Design......Page 199
5.4 Web Page Design—Best Practices......Page 200
Load Time......Page 201
Web Page “Real Estate”......Page 202
Target Audience......Page 203
Browser-Friendly......Page 205
Wireframes and Page Layout......Page 206
Ice Design......Page 208
Liquid Design......Page 209
5.6 Text Design—Best Practices......Page 211
5.7 Graphic Design—Best Practices......Page 212
5.8 Design to Provide Accessibility......Page 216
WCAG 2.0 Quick Reference List......Page 217
5.9 Best Practices Checklist......Page 218
Review Questions......Page 222
Hands-On Exercises......Page 223
Focus on Web Design......Page 227
Web Site Case Study: Web Design Best Practices......Page 228
CHAPTER 6 Page Layout with CSS......Page 232
6.1 CSS Page Layout Overview......Page 233
Advantages of Using CSS for Page Layout......Page 235
6.2 The Box Model......Page 236
Relative and Absolute Positioning......Page 239
The float Property......Page 243
The clear Property......Page 245
The overflow Property......Page 246
The z-index Property......Page 248
6.4 Exploring CSS Page Layout......Page 255
6.5 Two-Column Page Layout......Page 259
CSS Debugging Techniques......Page 265
6.7 CSS Page Layout Resources......Page 266
Review Questions......Page 268
Apply Your Knowledge......Page 269
Hands-On Exercises......Page 272
Web Site Case Study: Implementing CSS Two-Column Page Layout......Page 274
CHAPTER 7 More on Links, Lists, and Layout......Page 290
Relative Link Examples......Page 291
Linking to Fragment Identifiers......Page 292
7.2 CSS Pseudo-Classes and Links......Page 295
7.3 CSS Navigation Layout Using Lists......Page 300
7.4 Three-Column CSS Page Layout......Page 302
7.5 CSS Styling for Print......Page 310
7.6 CSS Styling for the Mobile Web......Page 313
7.7 The “Cascade”......Page 316
Review Questions......Page 320
Apply Your Knowledge......Page 321
Hands-On Exercises......Page 324
Web Research......Page 325
Web Site Case Study: Navigation Links in a List......Page 326
CHAPTER 8 Tables......Page 330
Overview of an XHTML Table......Page 331
XHTML Table Captions......Page 332
XHTML Table Attributes......Page 334
Applying Attributes to Rows and Cells......Page 337
Accessibility and Tables......Page 341
XHTML Table Row Groups......Page 343
8.2 XHTML—Table Page Layout......Page 344
Accessibility and Layout Tables......Page 345
More Sample Page Layout Tables......Page 346
Flexible and Fixed Table Widths......Page 347
Nested Tables......Page 350
8.3 Using CSS to Style a Table......Page 352
Review Questions......Page 358
Apply Your Knowledge......Page 359
Hands-On Exercises......Page 361
Web Research......Page 362
Web Site Case Study: Using Tables......Page 363
CHAPTER 9 XHTML Forms......Page 370
9.1 Overview of Forms......Page 371
9.2 XHTML—Using Forms......Page 372
The Form Element......Page 374
Form Controls......Page 376
The Label Element......Page 388
The Fieldset and Legend Elements......Page 389
Accessibility and Forms......Page 390
Image Buttons and the Button Element......Page 392
9.4 Using CSS to Style a Form......Page 393
Styling Forms with Tables and CSS......Page 394
Styling Forms with Only CSS......Page 395
9.5 Server-Side Processing......Page 397
Steps in Utilizing Server-Side Processing......Page 398
Privacy and Forms......Page 400
Exploring Server-Side Processing Technologies......Page 401
Review Questions......Page 403
Apply Your Knowledge......Page 405
Hands-On Exercises......Page 406
Web Research......Page 408
Web Site Case Study: Adding a Form......Page 409
CHAPTER 10 Web Site Development......Page 418
Content Manager......Page 419
10.2 The Development Process......Page 420
Conceptualization......Page 422
Design......Page 423
Testing......Page 425
10.3 Domain Name Overview......Page 428
Choosing a Domain Name......Page 429
Web Host Providers......Page 430
Hosting Needs......Page 431
10.5 Choosing a Virtual Host......Page 432
Review Questions......Page 435
Hands-On Exercises......Page 436
Web Research......Page 439
Web Site Case Study: Testing Phase......Page 440
CHAPTER 11 Web Multimedia and Interactivity......Page 442
11.1 Helper Applications and Plug-Ins......Page 443
11.2 Multimedia File Types......Page 444
Obtaining Multimedia Files......Page 445
11.3 Using Sound on a Web Page......Page 446
The Object Element......Page 447
11.4 Podcasting Overview......Page 451
The Object Element......Page 452
11.7 Copyright Issues and Media Files......Page 455
11.8 Adobe Flash......Page 456
Common Uses of Flash......Page 457
Web Design and Flash......Page 458
Adding a Flash Animation to a Web Page......Page 459
11.9 Java......Page 462
Common Uses of Java Applets......Page 463
Adding a Java Applet to a Web Page......Page 465
11.10 JavaScript......Page 468
Common Uses of JavaScript......Page 469
11.11 Dynamic HTML (DHTML)......Page 470
Sources of Free DHTML......Page 471
11.12 Ajax......Page 472
Common Uses of Ajax......Page 473
11.13 Accessibility and Multimedia/Interactivity......Page 474
Review Questions......Page 476
Apply Your Knowledge......Page 477
Hands-On Exercises......Page 479
Web Research......Page 480
Web Site Case Study: Adding Multimedia......Page 481
CHAPTER 12 E-Commerce Overview......Page 488
Advantages of E-Commerce......Page 489
Risks of E-Commerce......Page 490
12.3 Electronic Data Interchange (EDI)......Page 491
12.4 E-Commerce Statistics......Page 492
12.5 E-Commerce Issues......Page 493
Encryption......Page 494
Integrity......Page 495
Secure Sockets Layer (SSL)......Page 496
Digital Certificate......Page 497
SSL and Digital Certificates......Page 498
Credit Model......Page 499
Smart Card......Page 500
Instant Online Storefront......Page 501
Semi-Custom-Built Solutions on a Budget......Page 502
Review Questions......Page 504
Hands-On Exercise......Page 505
Web Research......Page 507
Web Site Case Study: Adding a Catalog Page for an Online Store......Page 508
CHAPTER 13 Web Promotion......Page 522
13.2 Popular Search Engines......Page 523
Search Form......Page 524
Heading Tags......Page 525
Meta Tags......Page 526
Content of Value......Page 527
Preferential Placement......Page 528
Map Your Site......Page 530
13.6 Monitoring Search Listings......Page 531
13.7 Link Popularity......Page 533
Social Networking......Page 534
Banner Ads......Page 535
Reciprocal Link Agreements......Page 536
Personal Recommendations......Page 537
13.10 Serving Dynamic Content with Inline Frames......Page 538
Review Questions......Page 543
Hands-On Exercises......Page 544
Web Research......Page 545
Web Site Case Study: Meta Tags to Promote Web Sites......Page 546
CHAPTER 14 A Brief Look at JavaScript......Page 550
14.2 The Development of JavaScript......Page 551
Popup Windows......Page 552
Jump Menus......Page 553
Mouse Movement Techniques......Page 554
JavaScript Statement Block Template......Page 555
Practice with Debugging......Page 558
14.5 Document Object Model Overview......Page 559
14.6 Events and Event Handlers......Page 561
Writing a Variable to a Web Page......Page 565
Collecting Variable Values Using a Prompt......Page 567
Arithmetic Operators......Page 569
Decision Making......Page 570
Functions......Page 573
14.9 Form Handling......Page 576
14.10 Accessibility and JavaScript......Page 582
14.11 JavaScript Resources......Page 583
Review Questions......Page 584
Apply Your Knowledge......Page 586
Hands-On Exercises......Page 587
Web Site Case Study: Adding JavaScript......Page 588
Web Developer’s Handbook Appendixes......Page 594
A. XHTML Reference......Page 596
B. Special Characters......Page 626
C. CSS Property Reference......Page 630
D. Comparison of HTML 4, XHTML, and HTML 5......Page 640
E. Section 508 Standards......Page 652
Answers......Page 654
A......Page 674
B......Page 675
C......Page 676
D......Page 677
F......Page 678
H......Page 679
I......Page 680
M......Page 681
N......Page 682
P......Page 683
S......Page 684
T......Page 685
W......Page 686
Z......Page 688