|
Teach Yourself Web Publishing with HTML & CSS in One Houe a Day
Sams Teach Yourself Web Publishing with HTML and CSS in One Hour a Day is a new edition of the best-selling book that started the whole HTML/web publishing phenomenon. The entire book has been revised and refined to reflect current web publishing practices and technologies. It includes extensive coverage of Cascading Style Sheets (CSS), which have
become a staple in web development.
You'll have no problem learning from expert author Laura Lemay's clear and approachable writing style. Simple, step-by-step instructions with lots of practical, interesting examples of web pages will guide you as you master current web publishing technologies and practices.
CONTENTS:
Introduction
Part I: Getting Started
Lesson 1: Navigating the World Wide Web
How the World Wide Web Works
The Web Is a Hypertext Information System
The Web Is Graphical and Easy to Navigate
The Web Is Cross-Platform
The Web Is Distributed
The Web Is Dynamic
The Web Is Interactive
Web Browsers
What the Browser Does
An Overview of Some Popular Browsers
Using the Browser to Access Other Services
Web Servers
Uniform Resource Locators
Summary
Workshop
Q&A
Quiz
Quiz Answers
Exercises
Lesson 2: Preparing to Publish on the Web
Anatomy of a Website
What Do You Want to Do on the Web?
Setting Your Goals
Breaking Up Your Content into Main Topics
Ideas for Organization and Navigation
Hierarchies
Linear
Linear with Alternatives
Combination of Linear and Hierarchical
Web
Storyboarding Your Website
What’s Storyboarding and Why Do I Need It?
Hints for Storyboarding
Summary
Workshop
Q&A
Quiz
Quiz Answers
Exercises
Lesson 3: Introducing HTML and XHTML
What HTML Is–And What It Isn’t
HTML Describes the Structure of a Page
HTML Does Not Describe Page Layout
Why It Works This Way
How Markup Works
A Brief History of HTML Tags
The Current Standard: XHTML 1.0
What HTML Files Look Like
Text Formatting and HTML
Using Cascading Style Sheets
Including Styles in Tags
Programs to Help You Write HTML
Summary
Workshop
Q&A
Quiz
Quiz Answers
Exercises
Lesson 4: Learning the Basics of HTML
Structuring Your HTML
The <html> Tag
The <head> Tag
The <body> Tag
The Title
Headings
Paragraphs
Lists, Lists, and More Lists
List Tags
Numbered Lists
Customizing Ordered Lists
Unordered Lists
Customizing Unordered Lists
Glossary Lists
Nesting Lists
Comments
Summary
Workshop
Q&A
Quiz
Quiz Answers
Exercises
Part II: Creating Simple Web Pages
Lesson 5: Adding Links to Your Web Pages
Creating Links
The Link Tag–<a>
Linking Local Pages Using Relative and Absolute Pathnames
Absolute Pathnames
Using Relative or Absolute Pathnames?
Links to Other Documents on the Web
Linking to Specific Places Within Documents
Creating Links and Anchors
Linking to Anchors in the Same Document
Anatomy of a URL
Parts of URLs
Special Characters in URLs
HTML 4.01 and the <a> Tag
Kinds of URLs
HTTP
Anonymous FTP
Non-anonymous FTP
Mailto
Usenet Newsgroups
File
Summary
Workshop
Q&A
Quiz
Quiz Answers
Exercises
Lesson 6: Formatting Text with HTML and CSS
Character-Level Elements
Logical Styles
Physical Styles
Character Formatting Using CSS
The Text Decoration Property
Font Properties
Preformatted Text
Horizontal Rules
Attributes of the <hr> Tag
Line Break
Addresses
Quotations
Special Characters
Character Entities for Special Characters
Character Entities for Reserved Characters
Text Alignment
Aligning Individual Elements
Aligning Blocks of Elements
Fonts and Font Sizes
Changing the Font Size
Changing the Font Face
Modifying Fonts Using CSS
<nobr> and <wbr>
Summary
Workshop
Q&A
Quiz
Quiz Answers
Exercises
Lesson 7: Adding Images, Color, and Backgrounds
Images on the Web
Image Formats
GIF
JPEG
PNG
Inline Images in HTML: The <img> Tag
Adding Alternative Text to Images
Images and Text
Text and Image Alignment
Wrapping Text Next to Images
Adjusting the Space Around Images
Images and Links
What Is an Imagemap?
Client-Side Imagemaps
Imagemaps and Text-Only Browsers
Creating Client-Side Imagemaps
Getting an Image
Determining Your Coordinates
The <map> and <area> Tags
The usemap Attribute
Other Neat Tricks with Images
Image Dimensions and Scaling
More About Image Borders
Using Color
Specifying Colors
Changing Background Color of a Page
Changing Text Colors
Spot Color
Specifying Colors with CSS
Color-Related Properties
Image Backgrounds
Image Etiquette
Summary
Workshop
Q&A
Quiz
Quiz Answers
Exercises
Part III: Doing More with HTML and XHTML
Lesson 8: Building Tables
Creating Tables
Table Parts
The <table> Element
The Table Summary
Rows and Cells
Empty Cells
Captions
Sizing Tables, Borders, and Cells
Setting Table Widths
Changing Table Borders
Cell Padding
Cell Spacing
Column Widths
Setting Breaks in Text
Table and Cell Color and Alignment
Changing Table and Cell Background Colors
Changing Border Colors
Aligning Your Table Content
Table Alignment
Cell Alignment
Caption Alignment
Spanning Multiple Rows or Columns
More Advanced Table Enhancements
Grouping and Aligning Columns
Grouping and Aligning Rows
The frame and rules Attributes
Other Table Elements and Attributes
How Tables Are Used
Summary
Workshop
Q&A
Quiz
Quiz Answers
Exercises
Lesson 9: Creating Layouts with CSS
Including Style Sheets in a Page
Creating Page-Level Styles
Creating Sitewide Style Sheets
Selectors
Contextual Selectors
Classes and IDs
Units of Measure
Box Properties
Controlling Size
Borders
Margins and Padding
Float
CSS Positioning
Relative Positioning
Absolute Positioning
Controlling Stacking
Modifying the Appearance of Tables
The <body> Tag
Links
Creating Layouts with Multiple Columns
Summary
Workshop
Q&A
Quiz
Quiz Answers
Exercises
Lesson 10: Designing Forms
Understanding Form and Function
Using the <form> Tag
Creating Form Controls with the <input> Tag
Creating Text Controls
Creating Password Controls
Creating Submit Buttons
Creating Reset Buttons
Creating Check Box Controls
Creating Radio Buttons
Using Images As Submit Buttons
Creating Generic Buttons
Hidden Form Fields
The File Upload Control
Using Other Form Controls
Using the button Element
Creating Large Text-Entry Fields with textarea
Creating Menus with select and option
Adding Extras
Displaying Control label Elements
Grouping Controls with fieldset and legend
Changing the Default Form Navigation
Using Access Keys
Creating disabled and readonly Controls
Applying Cascading Style Sheet Properties to Forms
Planning Your Forms
Summary
Workshop
Q&A
Quiz
Quiz Answers
Exercises
Lesson 11: Integrating Multimedia: Sound, Video, and More
Understanding How to Present Sound and Video
The Old Standby: Linking
Embedding Sound and Video
Using the <embed> Element
Using the <object> Element
Combining <embed> and <object>
Embedding Flash Movies
Embedding RealAudio and RealVideo
Multimedia Techniques
Sound and Video File Types
Of Plug-Ins and Players
Windows Media Player
Macromedia Flash
Macromedia Shockwave
Apple QuickTime
RealPlayer
WinAmp
Summary
Workshop
Q&A
Quiz
Quiz Answers
Exercises
Part IV: JavaScript and Dynamic HTML
Lesson 12: Introducing JavaScript
Introducing JavaScript
Why Would You Want to Use JavaScript?
The <script> Tag
The Structure of a JavaScript Script
The src Attribute
Basic Commands and Language Structure
Properties and Methods
Events and JavaScript
Variables
Operators and Expressions
Basic JavaScript Programming
What Is a Script?
Summary
Workshop
Q&A
Quiz
Quiz Answers
Exercises
Lesson 13: Using JavaScript in Your Pages
Creating a Random Link Generator
Validating Forms with JavaScript
Creating an Image Rollover
Summary
Workshop
Q&A
Quiz
Quiz Answers
Exercises
Lesson 14: Working with Frames and Linked Windows
What Are Frames and Who Supports Them?
Working with Linked Windows
The <base> Tag
Working with Frames
The <frameset> Tag
The <frame> Tag
The <noframes> Tag
Changing Frame Borders
Creating Complex Framesets
Magic target Names
Floating Frames
Opening Linked Windows with JavaScript
Summary
Workshop
Q&A
Quiz
Quiz Answers
Exercises
Lesson 15: Creating Applications with Dynamic HTML and AJAX
What Exactly Is Dynamic HTML?
Using the Document Object Model
DOM Data Types
Objects in the DOM
Using the DOM
Coping with Reality: Cross-Browser DHTML Techniques
Sniffing for Browsers
Detecting Capabilities
Testing for the Existence of Objects
Using JavaScript to Manipulate Elements
Hiding and Revealing Elements
Moving Objects Around
Creating a DHTML Pull-Down Menu
Connecting to a Server with AJAX
How AJAX Works
An AJAX Example
Summary
Workshop
Q&A
Quiz
Quiz Answers
Exercises
Part V: Designing Effective Web Pages
Lesson 16: Writing Good Web Pages: Do’s and Don’ts
Standards Compliance
Validating Your Pages
HTML Tidy
Writing for Online Publication
Write Clearly and Be Brief
Organize Your Pages for Quick Scanning
Make Each Page Stand on Its Own
Be Careful with Emphasis
Don’t Use Browser-Specific Terminology
Spell Check and Proofread Your Pages
Design and Page Layout
Use Headings As Headings
Group Related Information Visually
Use a Consistent Layout
Using Links
Use Link Menus with Descriptive Text
Use Links in Text
Avoid the “Here” Syndrome
To Link or Not to Link
Using Images
Don’t Overuse Images
Use Alternatives to Images
Keep Images Small
Watch Out for Assumptions About Your Visitors’ Hardware
Be Careful with Backgrounds and Link Colors
Other Good Habits and Hints
Link Back to Home
Don’t Split Topics Across Pages
Don’t Create Too Many or Too Few Pages
Sign Your Pages
Provide Nonhypertext Versions of Hypertext Pages
Summary
Workshop
Q&A
Quiz
Quiz Answers
Exercises
Lesson 17: Designing for the Real World
What Is the Real World, Anyway?
Considering User Experience Level
Add a Search Engine
Use Frames Wisely
Use Concise, Sensible URLs
Navigation Provides Context
Are Your Users Tourists or Regulars?
Determining User Preference
Deciding on an HTML 4.01 or XHTML 1.0 Approach
HTML 4.01 and XHTML 1.0 Transitional
HTML 4.01 and XHTML 1.0 Frameset
HTML 4.01 and XHTML 1.0 Strict
What Is Accessibility?
Common Myths Regarding Accessibility
Section 508
Alternative Browsers
Writing Accessible HTML
Tables
Links
Images
Designing for Accessibility
Use Color
Fonts
Take Advantage of All HTML Tags
Frames and Linked Windows
Forms
Validating Your Sites for Accessibility
Summary
Workshop
Q&A
Quiz
Quiz Answers
Exercises
Part VI: Going Live on the Web
Lesson 18: Putting Your Site Online
What Does a Web Server Do?
Other Things Web Servers Do
Locating a Web Server
Using a Web Server Provided by Your School or Work
Using a Commercial Internet or Web Service
Setting Up Your Own Server
Free Hosting
Organizing Your HTML Files for Publishing
Questions to Ask Your Webmaster
Keeping Your Files Organized with Directories
Having a Default Index File and Correct Filenames
Publishing Your Files
Moving Files Between Systems
Troubleshooting
I Can’t Access the Server
I Can’t Access Files
I Can’t Access Images
My Links Don’t Work
My Files Are Being Displayed Incorrectly
Registering and Advertising Your Web Pages
Getting Links from Other Sites
Yahoo!
dmoz: The Open Directory Project
Yellow Pages Listings
Private Directories
Site Indexes and Search Engines
Google
Yahoo!
MSN Search
Ask.com
Search Engine Optimization
Paying for Search Placement
Business Cards, Letterhead, Brochures, and Advertisements
How to Win Friends and Influence People
Finding Out Who’s Viewing Your Web Pages
Log Files
Access Counters
Summary
Workshop
Q&A
Quiz
Quiz Answers
Exercises
Lesson 19: Taking Advantage of the Server
Web Applications
CGI
Active Server Pages
JSP/J2EE
PHP
Server-Side Includes
Using Server-Side Includes
Using Apache Access Control Files
Managing Access to Pages
Redirecting Users
Summary
Workshop
Q&A
Quiz
Quiz Answers
Exercises
Lesson 20: Understanding Server-Side Processing
How PHP Works
Getting PHP to Run on Your Computer
The PHP Language
Comments
Variables
Arrays
Strings
Conditional Statements
PHP Conditional Operators
Loops
foreach Loops
for Loops
while and do...while Loops
Controlling Loop Execution
Built-in Functions
User-Defined Functions
Returning Values
Processing Forms
Handling Parameters with Multiple Values
Presenting the Form
Using PHP Includes
Choosing Which Include Function to Use
Expanding Your Knowledge of PHP
Database Connectivity
Regular Expressions
Sending Mail
Object-Oriented PHP
Cookies and Sessions
File Uploads
Summary
Workshop
Q&A
Quiz
Quiz Answers
Exercises
Lesson 21: Using Tools to Make Publishing Easier
The Rise of Content Management
Is a Content Management System Right for You?
Types of Content Management Systems
Weblogging Tools
Community Publishing Applications
Wikis
Image Galleries
General-Purpose Content Management Systems
Working with Packaged Software
Relational Databases
Deploying Applications
TypePad: A Hosted Weblogging Application
WordPress
MediaWiki
Downloading and Installing MediaWiki
Using MediaWiki
Coppermine
Using Coppermine
Other Applications
Spam
Summary
Workshop
Q&A
Quiz
Quiz Answers
Exercises
Part VII: Appendixes
Appendix A: Sources for Further Information
Appendix B: HTML 4.01 Quick Reference
Appendix C: Cascading Style Sheet Quick Reference
Appendix D: Colors by Name and Hexadecimal Value
Appendix E: MIME Types and File Extensions
0672328860, TOC, 5/24/06
|
