Log In
Or create an account ->
Imperial Library
Home
About
News
Upload
Forum
Help
Login/SignUp
Index
About This eBook
Title Page
Copyright Page
Table of Contents
About the Author
We Want to Hear from You!
Reader Services
Introduction
Beyond HTML
Visual Examples
Special Elements
Q&A, Quiz, and Exercises
Part I: Getting Started on the Web
Hour 1. Understanding How the Web Works
A Brief History of HTML and the World Wide Web
Creating Web Content
Understanding Web Content Delivery
Selecting a Web Hosting Provider
Testing with Multiple Web Browsers
Creating a Sample File
Using FTP to Transfer Files
Understanding Where to Place Files on the Web Server
Distributing Content Without a Web Server
Tips for Testing Web Content
Summary
Q&A
Workshop
Hour 2. Structuring an HTML Document
Getting Prepared
Getting Started with a Simple Web Page
HTML Tags Every Web Page Must Have
Organizing a Page with Paragraphs and Line Breaks
Organizing Your Content with Headings
Understanding Semantic Elements
Validating Your Web Content
Summary
Q&A
Workshop
Hour 3. Understanding Cascading Style Sheets
How CSS Works
A Basic Stylesheet
A CSS Style Primer
Using Style Classes
Using Style IDs
Internal Stylesheets and Inline Styles
Summary
Q&A
Workshop
Part II: Building Blocks of Practical Web Design
Hour 4. A Closer Look at HTML5 Page Structure
Conceptualizing the Page
Using <header> in Multiple Ways
Understanding the <section> Element
Using <article>
Implementing the <nav> Element
When to Use <aside>
Using <footer> Effectively
Summary
Q&A
Workshop
Hour 5. Working with Text Blocks and Lists
Aligning Text on a Page
The Three Types of HTML Lists
Placing Lists Within Lists
Summary
Q&A
Workshop
Exercises
Hour 6. Working with Fonts
Working with Special Characters
Boldface, Italics, and Special Text Formatting
Tweaking the Font
Using Web Fonts
Summary
Q&A
Workshop
Hour 7. Working with Colors and Borders
Best Practices for Choosing Colors
Understanding Web Colors
Using Hexadecimal Values for Colors
Using CSS to Set Background, Text, and Border Colors
Creating Rounded Corners
Summary
Q&A
Workshop
Hour 8. Using External and Internal Links
Using Web Addresses
Linking Within a Page Using Anchors
Linking Between Your Own Web Content
Linking to External Web Content
Linking to an Email Address
Opening a Link in a New Browser Window
Using CSS to Style Hyperlinks
Summary
Q&A
Workshop
Hour 9. Using Tables and Columns
Creating a Simple Table
Controlling Table Sizes
Alignment and Spanning Within Tables
Page Layout with Tables
Using CSS Columns
Summary
Q&A
Workshop
Hour 10. Creating Images for Use on the Web
Choosing Graphics Software
The Least You Need to Know About Graphics
Preparing Photographic Images
Creating Banners and Buttons
Reducing or Removing Colors in an Image
Creating Tiled Background Images
Creating Animated Web Graphics
Summary
Q&A
Workshop
Hour 11. Using Images in Your Website
Placing Images on a Web Page
Describing Images with Text
Specifying Image Height and Width
Aligning Images
Turning Images into Links
Using Background Images
Using Imagemaps
Summary
Q&A
Workshop
Hour 12. Using Multimedia in Your Website
Linking to Multimedia Files
Embedding Multimedia Files
Using Pure HTML5 for Audio and Video Playback
Additional Tips for Using Multimedia
Summary
Q&A
Workshop
Part III: Advanced Web Page Design with CSS
Hour 13. Working with Margins, Padding, Alignment, and Floating
Using Margins
Padding Elements
Keeping Everything Aligned
Understanding the Float Property
Summary
Q&A
Workshop
Hour 14. Understanding the CSS Box Model and Positioning
The CSS Box Model
The Whole Scoop on Positioning
Controlling the Way Things Stack Up
Managing the Flow of Text
Summary
Q&A
Workshop
Hour 15. Creating Fixed or Liquid Layouts
Understanding Fixed Layouts
Understanding Liquid Layouts
Creating a Fixed/Liquid Hybrid Layout
Considering a Responsive Web Design
Summary
Q&A
Workshop
Hour 16. Using CSS to Do More with Lists
HTML List Refresher
How the CSS Box Model Affects Lists
Placing List Item Indicators
Creating Image Maps with List Items and CSS
Summary
Q&A
Workshop
Hour 17. Using CSS to Design Navigation
How Navigation Lists Differ from Regular Lists
Creating Vertical Navigation with CSS
Creating Horizontal Navigation with CSS
Summary
Q&A
Workshop
Hour 18. Using Mouse Actions to Modify Text Display
Creating a ToolTip with CSS
Displaying Additional Rollover Text with CSS
Accessing Events
Using onclick to Change <div> Appearance
Summary
Q&A
Workshop
Hour 19. Implementing CSS3 Transformations, Transitions, and Animations
Accounting for Browser Differences
Using 2D Transformations
Using 3D Transformations
Implementing CSS3 Transitions
Getting Started with CSS3 Animation
Summary
Q&A
Workshop
Part IV: Advanced Website Functionality and Management
Hour 20. Creating Print-Friendly Web Pages
What Makes a Page Print-Friendly?
Applying a Media-Specific Stylesheet
Designing a Stylesheet for Print Pages
Viewing a Web Page in Print Preview
Summary
Q&A
Workshop
Hour 21. Understanding Dynamic Websites and HTML5 Applications
Understanding the Different Types of Scripting
Including JavaScript in HTML
Displaying Random Content
Understanding the Document Object Model
Changing Images Based on User Interaction
Thinking Ahead to Developing HTML5 Applications
Summary
Q&A
Workshop
Hour 22. Working with Web-Based Forms
How HTML Forms Work
Creating a Form
Accepting Text Input
Naming Each Piece of Form Data
Exploring Form Input Controls
Using HTML5 Form Validation
Submitting Form Data
Summary
Q&A
Workshop
Hour 23. Organizing and Managing a Website
When One Page Is Enough
Organizing a Simple Site
Organizing a Larger Site
Writing Maintainable Code
Thinking About Version Control
Using HTML and CSS Frameworks
Summary
Q&A
Workshop
Hour 24. Helping People Find Your Web Pages
Publicizing Your Website
Listing Your Pages with the Major Search Sites
Providing Hints for Search Engines
Additional Tips for Search Engine Optimization
Summary
Q&A
Workshop
Index
← Prev
Back
Next →
← Prev
Back
Next →