HTML 5 and CSS 2019940290, 9780357107140

Table of contents :
Cover
Preface
Brief Contents
Table of Contents
HTML Level I: Tutorials
Tutorial 1: Getting Started with HTML 5: Creating a Website for a Food Vendor
Session 1.1 Visual Overview: The Structure of an HTML Document
Exploring the World Wide Web
Introducing HTML
Tools for Working with HTML
Exploring an HTML Document
Creating the Document Head
Adding Comments to Your Document
Session 1.1 Quick Check
Session 1.2 Visual Overview: HTML Page Elements
Writing the Page Body
Linking an HTML Document to a Style Sheet
Working with Character Sets and Special Characters
Working with Inline Images
Working with Block Quotes and Other Elements
Session 1.2 Quick Check
Session 1.3 Visual Overview: Lists and Hypertext Links
Working with Lists
Working with Hypertext Links
Specifying the Folder Path
Linking to a Location within a Document
Linking to the Internet and Other Resources
Working with Hypertext Attributes
Validating Your Website
Session 1.3 Quick Check
Review Assignments
Case Problems
Tutorial 2: Getting Started with CSS: Designing a Website for a Fitness Club
Session 2.1 Visual Overview: CSS Styles and Colors
Introducing CSS
Exploring Style Rules
Creating a Style Sheet
Working with Color in CSS
Employing Progressive Enhancement
Session 2.1 Quick Check
Session 2.2 Visual Overview: CSS Typography
Exploring Selector Patterns
Working with Fonts
Setting the Font Size
Controlling Spacing and Indentation
Working with Font Styles
Session 2.2 Quick Check
Session 2.3 Visual Overview: Pseudo Elements and Classes
Formatting Lists
Working with Margins and Padding
Using Pseudo-Classes and Pseudo-Elements
Generating Content with CSS
Inserting Quotation Marks
Validating Your Style Sheet
Session 2.3 Quick Check
Review Assignments
Case Problems
HTML Level II: Tutorials
Tutorial 3: Designing a Page Layout: Creating a Website for a Chocolatier
Session 3.1 Visual Overview: Page Layout with Floating Elements
Introducing the display Style
Creating a Reset Style Sheet
Exploring Page Layout Designs
Working with Width and Height
Floating Page Content
Session 3.1 Quick Check
Session 3.2 Visual Overview: CSS Grid Layouts
Introducing Grid Layouts
Introducing CSS Grids
Creating a CSS Grid
Working with Grid Rows and Columns
Outlining a Grid
Placing Items within a Grid
Defining the Grid Gap
Managing Space within a Grid
Session 3.2 Quick Check
Session 3.3 Visual Overview: Layout with Positioning Styles
Positioning Objects
Handling Overflow
Clipping an Element
Stacking Elements
Session 3.3 Quick Check
Review Assignments
Case Problems
Tutorial 4: Graphic Design with CSS: Creating a Graphic Design for a Genealogy Website
Session 4.1 Visual Overview: Backgrounds and Borders
Creating Figure Boxes
Exploring Background Styles
Working with Borders
Session 4.1 Quick Check
Session 4.2 Visual Overview: Shadows and Gradients
Creating Drop Shadows
Applying a Color Gradient
Creating Semi-Transparent Objects
Session 4.2 Quick Check
Session 4.3 Visual Overview: Transformations and Filters
Transforming Page Objects
Exploring CSS Filters
Working with Image Maps
Session 4.3 Quick Check
Review Assignments
Case Problems
Tutorial 5: Designing for the Mobile Web: Creating a Mobile Website for a Daycare Center
Session 5.1 Visual Overview: Media Queries
Introducing Responsive Design
Introducing Media Queries
Exploring Viewports and Device Width
Creating a Mobile Design
Creating a Tablet Design
Creating a Desktop Design
Session 5.1 Quick Check
Session 5.2 Visual Overview: Flexible Layouts
Introducing Flexible Boxes
Working with Flex Items
Reordering Page Content with Flexboxes
Exploring Flexbox Layouts
Creating a Navicon Menu
Session 5.2 Quick Check
Session 5.3 Visual Overview: Print Styles
Designing for Printed Media
Working with the @page Rule
Working with Page Breaks
Session 5.3 Quick Check
Review Assignments
Case Problems
HTML Level III: Tutorials
Tutorial 6: Working with Tables and Columns: Creating a Program Schedule for a Radio Station
Session 6.1 Visual Overview: Structure of a Web Table
Introducing Web Tables
Adding Table Borders with CSS
Spanning Rows and Columns
Creating a Table Caption
Session 6.1 Quick Check
Session 6.2 Visual Overview: Rows and Column Groups
Creating Row Groups
Creating Column Groups
Exploring CSS Styles and Web Tables
Tables and Responsive Design
Designing a Column Layout
Session 6.2 Quick Check
Review Assignments
Case Problems
Tutorial 7: Designing a Web Form: Creating a Survey Form
Session 7.1 Visual Overview: Structure of a Web Form
Introducing Web Forms
Starting a Web Form
Creating a Field Set
Creating Input Boxes
Adding Field Labels
Designing a Form Layout
Defining Default Values and Placeholders
Session 7.1 Quick Check
Session 7.2 Visual Overview: Web Form Widgets
Entering Date and Time Values
Creating a Selection List
Creating Option Buttons
Creating Check Boxes
Creating a Text Area Box
Session 7.2 Quick Check
Session 7.3 Visual Overview: Data Validation
Entering Numeric Data
Suggesting Options with Data Lists
Working with Form Buttons
Validating a Web Form
Applying Inline Validation
Session 7.3 Quick Check
Review Assignments
Case Problems
Tutorial 8: Enhancing a Website with Multimedia: Working with Sound, Video, and Animation
Session 8.1 Visual Overview: Playing Web Audio
Introducing Multimedia on the Web
Working with the audio Element
Exploring Embedded Objects
Session 8.1 Quick Check
Session 8.2 Visual Overview: Playing Web Video
Exploring Digital Video
Using the HTML 5 video Element
Adding a Text Track to Video
Using Third-Party Video Players
Session 8.2 Quick Check
Session 8.3 Visual Overview: Transitions and Animations
Creating Transitions with CSS
Animating Objects with CSS
Session 8.3 Quick Check
Review Assignments
Case Problems
Tutorial 9: Getting Started with JavaScript: Creating a Countdown Clock
Session 9.1 Visual Overview: Creating a JavaScript File
Introducing JavaScript
Working with the script Element
Creating a JavaScript Program
Debugging Your Code
Session 9.1 Quick Check
Session 9.2 Visual Overview: JavaScript Variables and Dates
Introducing Objects
Changing Properties and Applying Methods
Writing HTML Code
Working with Variables
Working with Date Objects
Session 9.2 Quick Check
Session 9.3 Visual Overview: JavaScript Functions and Expressions
Working with Operators and Operands
Working with the Math Object
Working with JavaScript Functions
Running Timed Commands
Controlling How JavaScript Works with Numeric Values
Session 9.3 Quick Check
Review Assignments
Case Problems
Tutorial 10: Exploring Arrays, Loops, and Conditional Statements: Creating a Monthly Calendar
Session 10.1 Visual Overview: Creating and Using Arrays
Introducing the Monthly Calendar
Introducing Arrays
Session 10.1 Quick Check
Session 10.2 Visual Overview: Applying a Program Loop
Working with Program Loops
Comparison and Logical Operators
Program Loops and Arrays
Session 10.2 Quick Check
Session 10.3 Visual Overview: Conditional Statements
Introducing Conditional Statements
Completing the Calendar App
Managing Program Loops and Conditional Statements
Session 10.3 Quick Check
Review Assignments
Case Problems
Appendix A: Color Names with Color Values, and HTML Character Entities
Appendix B: HTML Elements and Attributes
Appendix C: Cascading Styles and Selectors
Appendix D: Making the Web More Accessible
Appendix E: Designing for the Web
Appendix F: Page Validation with XHTML
Glossary
Index