Home Page Icon
Home Page
Table of Contents for
Close
by Adrian W. West
Practical HTML5 Projects
Title
Contents at a Glance
Contents
About the Author
About the Technical Reviewer
Acknowledgments
Introduction
Chapter 1: Moving to HTML5
Moving to HTML5
The New Elements in HTML5
Simple Examples of Page Layout with Semantic Tags
The Solution for Internet Explorer 7 and 8
The <nav> Tag
A More Complex Example Using Semantic Tags
The <section> vs. <article> Controversy
The <aside> Tag
The <mark> Tag
The <figure> Tag
The <hgroup> Tag
The New HTML5 Form Controls
SVG Images
The <details> and <summary> Tags
APIs (Application Programming Interfaces)
A Strategy for Moving to HTML5
Summary
Chapter 2: A Rollover Picture Gallery
An Introduction to the Technique
A Mixture of Sizes and Formats in Three Columns
More Columns and More Rows
Placing the Gallery Within a Real Web Page
Summary
Chapter 3: Backgrounds
Overview
Create Gradient Backgrounds
A Background Header Image
Overlay a Background Image with Text
Superimpose an Image on the Header
What About Backgrounds in Semi-Liquid Layouts?
Transparent Backgrounds
Background Bullets
Multiple Backgrounds Using HTML5 and CSS2
Multiple Backgrounds Using CSS3
Multiple CSS2 and Images in a Real-World Page
The Rules for CSS Background Images
Summary
Chapter 4: Rollover Menus
Horizontal Rollover Navigation Menus
The Types of Horizontal Menu
Vertical Rollover Navigation Menus
Horizontal and Vertical Menus on the Same Page
Summary
Chapter 5: Moving to CSS3
CSS3 Gradients
CSS3 Opacity and RGBA Colors
New CSS3 Selectors and Elements
Font Selectors
Using Current, Future, and Other Modules
Summary
Chapter 6: Audio, Video, and Slide Shows
When to Use Audio and Video (AV)
Video Overview: Yesterday’s Video Formats
Online Solutions: Using YouTube or Vimeo
Testing Your Video and MIME Types
Create a Slide Show
Summary
Chapter 7: Rounded Corners
A Simple JavaScript Solution
A Web Page with Rounded Borders
Nifty Corners on Tab Menus
The CSS3 Rounded Corners Module
Elliptical Corners with CSS3
Summary of Shorthand Rules for CSS3 Rounded Corners
Tabs with Rounded Corners Using CSS3
Summary
Chapter 8: Drop Shadows
CSS3 Drop Shadows do not Need Shadow Images
Creating Drop Shadows for IE 7 and IE 8
The .png Shadow Images
Using the Shape Collage Software
Summary
Chapter 9: Create Collages and Galleries
Make a Paper-and-Paste Collage and Scan it
Use a Word Processor
Use CSS to Position Separate Images on a Page
Merged Images
Using Proprietary Software
Using a Graphics Program to Create a Collage
A Picture Gallery with Captions
Summary
Chapter 10: Add PayPal
How Does PayPal Work?
Setting up a PayPal Account
Add a Donation Button
Summary
Chapter 11: Secure Feedback Methods
Enciphering Email Addresses to Prevent Spam
A Minor Problem Solved
Secure Feedback Forms
An Example of a Hack-Proof Feedback Form
The Form Handler and Its Anti-Hack Filters
For the Curious: An Explanation of Some of the PHP Code
The “Thank You” Page and the Error Messages
The New HTML5 Form Controls
Using CAPTCHA
Summary
Chapter 12: Monitor Mayhem
Monitors and the Problem of Color Rendition
Monitor Sizes and Screen Resolutions
Monitors and the Problem with Fixed-Width Layouts
Monitors and the Problem with Liquid Layouts
Monitors and Semi-Liquid Layouts
An Acceptable Compromise
Other Monitor-Related Considerations
Will the Web Site Work on a Handheld Device?
Summary
Chapter 13: Appearance and Usefulness
Appearance
Usefulness
Summary
Chapter 14: Accessibility
Laws and Guidelines
Help for the Partially Sighted and Color Blind
General Advice
Testing Your Web Sites for General Accessibility
Screen Readers for the Blind and Severely Visually-Impaired
Data Tables and Screen Readers
Screen Readers and Feedback Forms
Screen Readers for HTML5, XHTML5, and CSS3
Testing Your Web Site for Screen Reader Accessibility
Summary
Chapter 15: Dump Those Deprecated Items
The Deprecated Items
Data Tables Good, Layout Tables Bad
Multiple Columns Without Tables
Four Columns with Differing Background Colors
An Extendable, Colored, Central Panel with No Tables
CSS Boxes and Borders
The New CSS3 Module for Columns
Summary
Chapter 16: Search Engine Optimization
Overview
Beware of False Promises
Page Rank and Popularity
Keywords and Phrases
Choosing Keywords and Phrases
Well-Designed Internal Links
External Links to Your Site
Things You Should Never Do
A Web Site Containing No Search Engine Optimization
Sitemaps Help SEs Index a Web Site
Let People Know That Your Web Site Exists
Summary
Chapter 17: Printing, Counting, and Redirecting
Page Printing
A DIY Visitor Counter
Redirection
Summary
Chapter 18: Validation
Why You Should Validate
Logos
Using the W3C Validator
The .nu HTML5 Validator
Validating CSS2
Summary
Chapter 19: Troubleshooting
Testing Your Pages
If a Browser Treats the Page As If It Has No DOCTYPE
If You Have Positioning Problems
If You Have a Horizontal Menu Problem
If You Have a Server Problem
If You Have a Browser Variation Problem
Should We Troubleshoot Problems with IE 6 and Other Older Browsers?
Browsers Can Have Minor Display Differences
If Strange Symbols Appear on the Screen
If You Changed the CSS, but It Looks the Same
If You Experience Float Drop
If an HTML5 Page Has No Styling in IE 7 and IE 8
If Data Tables Have Double Borders
If the Site Owner Is Not Receiving Replies from the Secure Feedback Form
Summary
Appendix: Quick Reference, Techniques, and Useful Data
Quick Reference Section
CSS3 Quick Reference
Summaries of Techniques
Data Tables
Index
Search in book...
Toggle Font Controls
Playlists
Add To
Create new playlist
Name your new playlist
Playlist description (optional)
Cancel
Create playlist
Sign In
Email address
Password
Forgot Password?
Create account
Login
or
Continue with Facebook
Continue with Google
Sign Up
Full Name
Email address
Confirm Email Address
Password
Login
Create account
or
Continue with Facebook
Continue with Google
Next
Next Chapter
Title
Add Highlight
No Comment
..................Content has been hidden....................
You can't read the all page of ebook, please click
here
login for view all page.
Day Mode
Cloud Mode
Night Mode
Reset