Spring Into HTML and CSS
Published on 5. May 2005
Book
Paperback/Softback
336 pages
978-0-13-185586-1 (ISBN)
Description
The fastest route to true HTML/CSS mastery!
Need to build a web site? Or update one? Or just create some effective new web content? Maybe you just need to update your skills, do the job better.
Welcome. This book's for you. We'll leverage what you already know about the web, so you'll go further, faster than you ever expected. You'll master today's best practices: the real nuts and bolts, not theory or hooey. You'll learn through dozens of focused HTML, XHTML, and CSS examples: crafted for simplicity and easy to adapt for your own projects.
Need specific solutions? This book's modular, visual, high-efficiency format delivers them instantly. Molly E. Holzschlag draws on her unparalleled experience teaching Web design and development. No other HTML/CSS guide covers this much, this well, this quickly. Dig in, get started, get results!
All you need to succeed with HTML, XHTML, and CSS in real-world projects
Learn how to build web pages that'll work in any environment, on virtually any contemporary browser
Construct templates that simplify every page you develop
Structure and tag text so it's easy to work with and manage
Add images, media, and scripts-quickly and reliably
Discover the right ways to use HTML tables
Build easy-to-use forms and validate your users' input
Use CSS to take total control over your site's look and feel
Master core CSS techniques: color, images, text styles, link effects, lists, navigation, and more
Control margins, borders, padding, positioning, floats, even Z-index
Design efficient, compatible, easy-to-manage CSS layouts
Includes concise XHTML and CSS annotated references: quick help for every language element
Spring Into... is a new series of fast-paced tutorials from Addison-Wesley. Each book in the series is designed to bring you up to speed quickly. Complex topics and technologies are reduced to their core components, and each component is treated with remarkable efficiency in one- or two-page spreads. Just the information you need to begin working...now! And because the books are example-rich and easy to navigate, you'll find that they make great on-the-job references after you've mastered the basics.
(c) Copyright Pearson Education. All rights reserved.
Need to build a web site? Or update one? Or just create some effective new web content? Maybe you just need to update your skills, do the job better.
Welcome. This book's for you. We'll leverage what you already know about the web, so you'll go further, faster than you ever expected. You'll master today's best practices: the real nuts and bolts, not theory or hooey. You'll learn through dozens of focused HTML, XHTML, and CSS examples: crafted for simplicity and easy to adapt for your own projects.
Need specific solutions? This book's modular, visual, high-efficiency format delivers them instantly. Molly E. Holzschlag draws on her unparalleled experience teaching Web design and development. No other HTML/CSS guide covers this much, this well, this quickly. Dig in, get started, get results!
All you need to succeed with HTML, XHTML, and CSS in real-world projects
Learn how to build web pages that'll work in any environment, on virtually any contemporary browser
Construct templates that simplify every page you develop
Structure and tag text so it's easy to work with and manage
Add images, media, and scripts-quickly and reliably
Discover the right ways to use HTML tables
Build easy-to-use forms and validate your users' input
Use CSS to take total control over your site's look and feel
Master core CSS techniques: color, images, text styles, link effects, lists, navigation, and more
Control margins, borders, padding, positioning, floats, even Z-index
Design efficient, compatible, easy-to-manage CSS layouts
Includes concise XHTML and CSS annotated references: quick help for every language element
Spring Into... is a new series of fast-paced tutorials from Addison-Wesley. Each book in the series is designed to bring you up to speed quickly. Complex topics and technologies are reduced to their core components, and each component is treated with remarkable efficiency in one- or two-page spreads. Just the information you need to begin working...now! And because the books are example-rich and easy to navigate, you'll find that they make great on-the-job references after you've mastered the basics.
(c) Copyright Pearson Education. All rights reserved.
More details
Person
Coined "one of the greatest digerati" and deemed one of the "Top 25 Most Influential Women on the Web," there is little doubt that in the world of web design and development, Molly E. Holzschlag is a vibrant and influential thinker, teacher, and author. With more than 30 web development book titles to her credit, Molly is a Steering Committee member for the Web Standards Project (WaSP) and an advisory board member to the World Organization of Webmasters. She also has taught Webmaster courses for the University of Arizona, University of Phoenix, New School University, and Pima Community College. Many recognize Molly from her books, feature articles, and popular web site, molly.com.
(c) Copyright Pearson Education. All rights reserved.
(c) Copyright Pearson Education. All rights reserved.
Content
Preface.
Acknowledgments.
About the Author.
About the Series Editor.
1. Building an HTML Page.
Declaring and Identifying the Document
Adding the html Element
The head and title Elements
The meta Element
The body Element
HTML Comments
Reviewing the Template
Text Is Next!
2. Adding Text and Links.
Using Headers Properly
Adding Paragraphs
Working with Page Breaks
Ordered Lists
Unordered Lists
Nesting Lists
Definition Lists
The Good Old Link
Email Links
Intrapage Linking
Adding Content to the Template
Wrapping It Up
3. Adding Images, Media, and Scripts.
The img Element
Adding width and height Values
Providing Alternative Text
Linking the Image
Linking to an Audio or Video File
Embedding Files Using the object Element
But Your Honor, I Object!
Adding Scripts
Scripting and Browser Concerns
Imagine That!
4. Creating Tables.
The table Element
Adding a Table Row
Adding Table Cells
Adding Table Headers
Adding a Caption
Table Summaries
Spanning Rows
Spanning Columns
Combining colspan and rowspan
Grouping Table Columns: The col Element
Grouping Table Columns with colgroup
Grouping Table Rows
The Table's Set
5. Building Forms.
The form Element
Adding an Input Textbox
Adding Check Boxes and Radio Buttons
Preselecting Checked Items
Using Form Menus
Working with Text Areas
Reset and Submit Buttons
Using a Graphic Submit Button
Making Forms More Accessible with label
Grouping Form Fields
Grouping Menu Items
Customizing and Advancing Your Forms
Now That You're Well-Formed
6. Working with Frames.
The Power of Three
Creating a Frameset
Adding Columns
Working with Rows
Combining Columns and Rows
Margin, Resize, and Scroll Controls
Naming and Targeting Frames
Frames Without Frontiers
Making Frames Accessible with noframes
Wonderful Inline Frames
You're Framed!
7. Using CSS.
CSS Theory Simplified
Adding Style Inline
Using Embedded Style
Creating a Linked Style Sheet
Importing Style Sheets
Commenting and Formatting CSS
Time to Put Your Imagination to Work!
8. Working with Color and Images Using CSS.
Color and CSS
Adding Color to Backgrounds
Spicing Up a Table Using Background Color
Attaching a Background Graphic
Controlling How Backgrounds Tile
Positioning a Background Graphic
Fixing and Scrolling Background Images
Making a Background Color Transparent
CSS Shorthand for Backgrounds
Having Fun Yet?
9. Styling Text.
Choosing Fonts
Applying Font Families to Text
Sizing Fonts
Font Weight and Style
Coloring Text
Aligning Text
Text Decoration
Indenting Text
Transforming and Varying Text
Setting Line Height
Spacing Letters and Words
Modifying First-Letter and First-Line Text
Using Shorthand for Font Styles
Now You're Getting Fancy!
10. Link Effects, Lists, and Navigation.
Working with Link States
Modifying Link Styles
Multiple Link Styles Using Class Selectors
Styling Links Using Descendant Selectors
Styling Ordered Lists
Styling Unordered Lists
Shorthand CSS for List Styles
List-Based Vertical Navigation Using Color
Vertical List Navigation with Image Effects
Horizontal List-Based Navigation with Color
Horizontal List Navigation with Images
Rich Links, Lists, and Navigation
11. Margins, Borders, and Padding.
Exploring the Box Model
Using Margins
Using Negative Margins
Margin Shorthand
Styling Borders
Border Shorthand
Using Padding
Padding Shorthand
Toward Gaining More Control
12. Positioning, Floats, and Z-index.
Getting into Position
Normal Flow
Containing Blocks
The Browser Viewport
Absolute Positioning: To the Root Element
Absolute Positioning: To Another Block
Relative Positioning
Fixed Positioning
Floating Elements
Clearing Floats
Z-index
Just Like a Pro
13. CSS Layouts.
Three Columns with Fixed Flanking Menus
Three Columns with Masthead and Footer
Nested Float
Centered Designs
Complex Layouts
Repeat After Me
Appendix A: XHTML 1.0 Annotated Reference.
Appendix B: CSS 2.1 Annotated Reference.
Index.
Acknowledgments.
About the Author.
About the Series Editor.
1. Building an HTML Page.
Declaring and Identifying the Document
Adding the html Element
The head and title Elements
The meta Element
The body Element
HTML Comments
Reviewing the Template
Text Is Next!
2. Adding Text and Links.
Using Headers Properly
Adding Paragraphs
Working with Page Breaks
Ordered Lists
Unordered Lists
Nesting Lists
Definition Lists
The Good Old Link
Email Links
Intrapage Linking
Adding Content to the Template
Wrapping It Up
3. Adding Images, Media, and Scripts.
The img Element
Adding width and height Values
Providing Alternative Text
Linking the Image
Linking to an Audio or Video File
Embedding Files Using the object Element
But Your Honor, I Object!
Adding Scripts
Scripting and Browser Concerns
Imagine That!
4. Creating Tables.
The table Element
Adding a Table Row
Adding Table Cells
Adding Table Headers
Adding a Caption
Table Summaries
Spanning Rows
Spanning Columns
Combining colspan and rowspan
Grouping Table Columns: The col Element
Grouping Table Columns with colgroup
Grouping Table Rows
The Table's Set
5. Building Forms.
The form Element
Adding an Input Textbox
Adding Check Boxes and Radio Buttons
Preselecting Checked Items
Using Form Menus
Working with Text Areas
Reset and Submit Buttons
Using a Graphic Submit Button
Making Forms More Accessible with label
Grouping Form Fields
Grouping Menu Items
Customizing and Advancing Your Forms
Now That You're Well-Formed
6. Working with Frames.
The Power of Three
Creating a Frameset
Adding Columns
Working with Rows
Combining Columns and Rows
Margin, Resize, and Scroll Controls
Naming and Targeting Frames
Frames Without Frontiers
Making Frames Accessible with noframes
Wonderful Inline Frames
You're Framed!
7. Using CSS.
CSS Theory Simplified
Adding Style Inline
Using Embedded Style
Creating a Linked Style Sheet
Importing Style Sheets
Commenting and Formatting CSS
Time to Put Your Imagination to Work!
8. Working with Color and Images Using CSS.
Color and CSS
Adding Color to Backgrounds
Spicing Up a Table Using Background Color
Attaching a Background Graphic
Controlling How Backgrounds Tile
Positioning a Background Graphic
Fixing and Scrolling Background Images
Making a Background Color Transparent
CSS Shorthand for Backgrounds
Having Fun Yet?
9. Styling Text.
Choosing Fonts
Applying Font Families to Text
Sizing Fonts
Font Weight and Style
Coloring Text
Aligning Text
Text Decoration
Indenting Text
Transforming and Varying Text
Setting Line Height
Spacing Letters and Words
Modifying First-Letter and First-Line Text
Using Shorthand for Font Styles
Now You're Getting Fancy!
10. Link Effects, Lists, and Navigation.
Working with Link States
Modifying Link Styles
Multiple Link Styles Using Class Selectors
Styling Links Using Descendant Selectors
Styling Ordered Lists
Styling Unordered Lists
Shorthand CSS for List Styles
List-Based Vertical Navigation Using Color
Vertical List Navigation with Image Effects
Horizontal List-Based Navigation with Color
Horizontal List Navigation with Images
Rich Links, Lists, and Navigation
11. Margins, Borders, and Padding.
Exploring the Box Model
Using Margins
Using Negative Margins
Margin Shorthand
Styling Borders
Border Shorthand
Using Padding
Padding Shorthand
Toward Gaining More Control
12. Positioning, Floats, and Z-index.
Getting into Position
Normal Flow
Containing Blocks
The Browser Viewport
Absolute Positioning: To the Root Element
Absolute Positioning: To Another Block
Relative Positioning
Fixed Positioning
Floating Elements
Clearing Floats
Z-index
Just Like a Pro
13. CSS Layouts.
Three Columns with Fixed Flanking Menus
Three Columns with Masthead and Footer
Nested Float
Centered Designs
Complex Layouts
Repeat After Me
Appendix A: XHTML 1.0 Annotated Reference.
Appendix B: CSS 2.1 Annotated Reference.
Index.