Book description
Tinker with the tools of Web design—in the Garage!
Learn how to construct cool and interactive Web sites with this hands-on guide to the world of Web design and usability. In this title from Prentice Hall PTR’s Garage Series, author Marc Campbell shows you the “ins and outs” of designing sites with HTML, JavaScript, and CSS as core technologies. Using layout diagrams and graphics to illustrate your journey, Campbell takes you through every step of designing Web sites, from basic layout and usability to uploading your site onto the Web. Want to learn more on a specific topic? Flip to one of the book’s “links” that help you delve deeper into certain areas, allowing you to browse the text quickly and easily!
Specific topics covered include
Managing pop-up windows
Working with scripts and style sheets
Controlling design space with HTML and CSS
Making rollover graphics
Using text elements properly
Creating e-mail links and hyperlinks
Embedding media in Web pages
Choosing a Web host
Testing and uploading Web sites
Whether you’re new to Web design or you “speak” HTML as a second language, Web Design Garage will help you discover the solutions you need to create fun and effective Web sites.
Table of contents
- Copyright
- The Garage Series
- Preface
-
Design and Usability Topics
- Designing to Aid Navigation
- Grouping Similar Functions
- Designing Graphics for Clicks
- Achieving Balance
- Choosing Colors
- Designing for Accessibility
- Leaving Breadcrumb Trails
- Using Jump Menus
- Managing Popup Windows
- Creating Popup Menus
- Providing a Way Back
- Working with Scripts and Style Sheets
- BLOG: Embedding or Attaching?
- Launching Scripts with Links
- BLOG: JavaScript Links or onClick Links?
-
Layout Topics
- Creating Fixed-Width Layouts with Tables
- BLOG: HTML or CSS for Layout?
- Creating Fixed-Width Layouts with CSS
- Centering Fixed-Width CSS Layouts
- Creating Liquid Layouts with Tables
- Creating Liquid Layouts with CSS
- Slicing Images for Layout Tables
- Creating Multicolumn Layouts with Tables
- Creating Multicolumn Layouts with CSS
- Preventing a Nav Bar from Breaking
- Coloring Table Cells
- Coloring and Formatting CSS Divs
- Controlling Design Space with HTML
- Controlling Design Space with CSS
-
Image Topics
- Choosing the Right Image File Type
- Optimizing Web Images
- Transforming Images with HTML Attributes
- Positioning Inline Images with HTML
- Floating Inline Images with CSS
- Designing Button States
- Making Rollover Graphics
- Making Images More Accessible
- Creating Image Maps
- Making Image Maps More Accessible
- Using Background Images in Table Cells
- Using Background Images in CSS Divs
- Using Background Images on Web Pages
-
Text Topics
- Using Text Elements Properly
- Using Phrase Elements Properly
- Adding Cascading Style Sheets
- Replacing Formatting Tags with CSS
- Creating Custom Formatting Styles
- Changing the Look of a Text Element
- Defining Class Styles
- Controlling the Typeface
- Controlling Type Size
- BLOG: Sizing up Type Sizing
- Controlling Spacing
- Controlling Justified and Ragged Type
- Controlling Indents
- Building Lists
- Highlighting Text with Color
- Rehabilitating Horizontal Rules
- Adding a Dateline and Timestamp
- Designing Data Tables
- Using Pseudo-Elements
- Defining ID Styles
-
Link Topics
- Applying Styles to Hyperlinks
- BLOG: In Defense of the Hyperlink Underline
- Making Rollover Hyperlinks
- Choosing the Right Path
- Changing the Color of a Single Hyperlink
- Choosing the Right Text for a Hyperlink
- Creating ScreenTips for Hyperlinks
- Opening a New Browser Window
- Using Named Anchors
- Creating Email Links
-
Form Topics
-
Working with Form Widgets
- Working with Generic Buttons
- Working with Checkboxes
- Working with File Fields
- Working with Hidden Fields
- Working with Image Fields
- Working with Lists
- Working with Menus
- Working with Password Fields
- Working with Radio Buttons
- Working with Reset Buttons
- Working with Submit Buttons
- Working with Text Areas
- Working with Text Fields
- Applying Styles to Text Widgets
- Validating Form Input
- Setting the Tab Order
- Working with Fieldsets
- Working with Labels
-
Working with Form Widgets
- Tricks Topics
- Basic Training Topics
- Glossary
- Index
Product information
- Title: Web Design Garage
- Author(s):
- Release date: January 2005
- Publisher(s): Pearson
- ISBN: 9780131481992
You might also like
book
Web Design All-in-One for Dummies®
Web designers must wear many hats. Among books on Web design, Web Design All-in-One For Dummies …
book
Sexy Web Design
Sexy Web Design is an easy-to-follow guide that reveals the secrets of how to build your …
book
Easy Web Design
Want to build a Web page for yourself, your family, club, committee, school, or small business, …
book
Jump Start Responsive Web Design, 2nd Edition
It used to be so simple. You made a website or application to work on a …