New Perspectives HTML5 and CSS3: Comprehensive

Cover......Page 1
Preface......Page 5
Table of Contents......Page 11
Tutorial 1: Getting Started with HTML5 Creating a Website for a Food Vendor......Page 19
Session 1.1......Page 20
Exploring the World Wide Web......Page 22
Introducing HTML......Page 23
Tools for Working with HTML......Page 24
Exploring an HTML Document......Page 25
Creating the Document Head......Page 33
Adding Comments to your Document......Page 36
Session 1.2......Page 40
Writing the Page Body......Page 42
Linking an HTML Document to a Style Sheet......Page 50
Working with Character Sets and Special Characters......Page 51
Working with Inline Images......Page 54
Working with Block Quotes and Other Elements......Page 57
Session 1.3......Page 64
Working with Lists......Page 66
Working with Hypertext Links......Page 75
Specifying the Folder Path......Page 78
Linking to a Location within a Document......Page 81
Linking to the Internet and Other Resources......Page 82
Working with Hypertext Attributes......Page 86
Tutorial 2: Getting Started with CSS Designing a Website for a Fitness Club......Page 101
Session 2.1......Page 102
Introducing CSS......Page 104
Exploring Style Rules......Page 108
Creating a Style Sheet......Page 113
Working with Color in CSS......Page 115
Employing Progressive Enhancement......Page 122
Session 2.2......Page 124
Exploring Selector Patterns......Page 126
Working with Fonts......Page 133
Setting the Font Size......Page 139
Controlling Spacing and Indentation......Page 143
Working with Font Styles......Page 145
Session 2.3......Page 150
Formatting Lists......Page 152
Working with Margins and Padding......Page 157
Using Pseudo-Classes and Pseudo-Elements......Page 163
Generating Content with CSS......Page 170
Inserting Quotation Marks......Page 172
Tutorial 3: Designing a Page Layout Creating a Website for a Chocolatier......Page 187
Session 3.1......Page 188
Creating a Reset Style Sheet......Page 190
Exploring Page Layout Designs......Page 194
Working with Width and Height......Page 196
Floating Page Content......Page 201
Session 3.2......Page 218
Introducing Grid Layouts......Page 220
Setting up a Grid......Page 222
Outlining a Grid......Page 234
Introducing CSS Grids......Page 237
Session 3.3......Page 242
Positioning Objects......Page 244
Handling Overflow......Page 258
Clipping an Element......Page 261
Stacking Elements......Page 262
Tutorial 4: Graphic Design with CSS Creating a Graphic Design for a Genealogy Website......Page 275
Session 4.1......Page 276
Creating Figure Boxes......Page 278
Exploring Background Styles......Page 282
Working with Borders......Page 291
Session 4.2......Page 304
Creating Drop Shadows......Page 306
Applying a Color Gradient......Page 314
Creating Semi-Transparent Objects......Page 325
Session 4.3......Page 328
Transforming Page Objects......Page 330
Exploring CSS Filters......Page 338
Working with Image Maps......Page 342
Tutorial 5: Designing for the Mobile Web Creating a Mobile Website for a Daycare Center......Page 359
Session 5.1......Page 360
Introducing Responsive Design......Page 362
Introducing Media Queries......Page 363
Exploring Viewports and Device Width......Page 370
Creating a Mobile Design......Page 373
Creating a Tablet Design......Page 381
Creating a Desktop Design......Page 385
Session 5.2......Page 390
Introducing Flexible Boxes......Page 392
Working with Flex Items......Page 395
Reordering Page Content with Flexboxes......Page 406
Exploring Flexbox Layouts......Page 408
Creating a Navicon Menu......Page 412
Session 5.3......Page 418
Designing for Printed Media......Page 420
Working with the @page Rule......Page 423
Working with Page Breaks......Page 433
Tutorial 6: Working with Tables and Columns Creating a Program Schedule for a Radio Station......Page 451
Session 6.1......Page 452
Introducing Web Tables......Page 454
Adding Table Borders with CSS......Page 460
Spanning Rows and Columns......Page 465
Creating a Table Caption......Page 471
Session 6.2......Page 476
Creating Row Groups......Page 478
Creating Column Groups......Page 482
Exploring CSS Styles and Web Tables......Page 485
Tables and Responsive Design......Page 492
Designing a Column Layout......Page 496
Tutorial 7: Designing a Web Form Creating a Survey Form......Page 517
Session 7.1......Page 518
Introducing Web Forms......Page 520
Starting a Web Form......Page 522
Creating a Field Set......Page 525
Creating Input Boxes......Page 528
Adding Field Labels......Page 532
Designing a Form Layout......Page 534
Defining Default Values and Placeholders......Page 541
Session 7.2......Page 546
Entering Date and Time Values......Page 548
Creating a Selection List......Page 549
Creating Option Buttons......Page 555
Creating Check Boxes......Page 558
Creating a Text Area Box......Page 560
Session 7.3......Page 564
Entering Numeric Data......Page 566
Suggesting Options with Data Lists......Page 571
Working with Form Buttons......Page 574
Validating a Web Form......Page 577
Applying Inline Validation......Page 583
Tutorial 8: Enhancing a Website with Multimedia Working with Sound, Video, and Animation......Page 603
Session 8.1......Page 604
Introducing Multimedia on the Web......Page 606
Element......Page 609
Exploring Embedded Objects......Page 616
Session 8.2......Page 618
Exploring Digital Video......Page 620
Using the HTML5......Page 621
Adding a Text Track to Video......Page 625
Using Third-Party Video Players......Page 634
Session 8.3......Page 640
Creating Transitions with CSS......Page 642
Animating Objects with CSS......Page 652
Tutorial 9: Getting Started with JavaScript Creating a Countdown Clock......Page 683
Session 9.1......Page 684
Introducing JavaScript......Page 686
Working with the......Page 688
Creating a JavaScript Program......Page 691
Debugging your Code......Page 695
Session 9.2......Page 700
Introducing Objects......Page 702
Changing Properties and Applying Methods......Page 706
Writing HTML Code......Page 707
Working with Variables......Page 711
Working with Date Objects......Page 713
Session 9.3......Page 720
Working with Operators and Operands......Page 722
Working with the Math Object......Page 725
Working with JavaScript Functions......Page 732
Running Timed Commands......Page 736
Controlling How JavaScript Works with Numeric Values......Page 738
Tutorial 10: Exploring Arrays, Loops, and Conditional Statements Creating a Monthly Calendar......Page 753
Session 10.1......Page 754
Introducing the Monthly Calendar......Page 756
Introducing Arrays......Page 759
Session 10.2......Page 772
Working with Program Loops......Page 774
Comparison and Logical Operators......Page 778
Program Loops and Arrays......Page 779
Session 10.3......Page 788
Introducing Conditional Statements......Page 790
Completing the Calendar App......Page 798
Managing Program Loops and Conditional Statements......Page 808
Appendix A: Color Names with Color Values, and HTML Character Entities......Page 827
Appendix B: HTML Elements and Attributes......Page 835
Appendix C: Cascading Styles and Selectors......Page 857
Appendix D: Making the Web More Accessible......Page 875
Appendix E: Designing for the Web......Page 893
Appendix F: Page Validation with XHTML......Page 899
Glossary......Page 913
Index......Page 923