Great web typography

Select an Action

Place Hold(s)
Add to My Lists
Email
Print

Title:

Personal Author:

Peck, Wendy, 1956-

Publication Information:

New York : Wiley Pub., 2003

ISBN:

9780764537004

Subject Term:

Graphic design (Typography)

Web typography

Web sites -- Design

Computer fonts

Available:*

Library	Item Barcode	Call Number	Material Type	Item Category 1	Status
Searching... PSZ JB	30000010048174	Z250.7 P42 2003	Open Access Book	Book	Searching... Unknown

* Demystifies Web typography by revealing the secrets of professional developers!
* Shows how to find, select and implement Web typography that will give any site a slick, professional look!
* Demonstrates how to use Cascading Style Sheets and other technologies to control the way type appears on any browser!
* Describes how to make beautifully design sites download super-fast.
* Shows how to set type that wraps around images and other objects on the page.
* Provides professional secrets for increasing type legibility.
* Provides recipes for type special effects that will "wow" site visitors and ensure that they come back for more!
* Includes real-world case studies and examples from top companies.
* Includes interviews with top Web design experts and Web type gurus.

Author Notes

Wendy Peck is a professional Web designer, columnist, and trainer in graphics, communication, and desktop publishing. A graphic designer since 1989, she has focused on Web design since 1997. Wendy is the author of Dreamweaver MX Weekend Crash Course and Web Menus With Beauty and Brains .

Foreword	p. ix
Preface	p. xi
Acknowledgments	p. xiii
Part I Getting Started with Web Typography	p. 3
Chapter 1 Defining Web Type Issues	p. 5
Understanding How Web Type Works	p. 5
Looking at Basic Web Type Variables	p. 6
Selecting Fonts	p. 6
Understanding Flexible Page Size	p. 7
Type and Browsers	p. 8
HTML Versus CSS Type Control	p. 8
Creating Graphic Type for the Web	p. 10
Using Graphic Text Unwisely	p. 10
Using Graphic Text Wisely	p. 11
Movies and Text	p. 12
Ten Steps to Professional Web Type	p. 13
Chapter 2 Design Principles for Web Type	p. 19
Legibility Is the First Principle	p. 19
Choosing a Font	p. 19
Text Created in a Graphics Program	p. 19
Web Content Text	p. 22
Selecting Type Color	p. 22
Picking a Font Size	p. 23
Balancing Text Areas on a Page	p. 24
Identifying Balance in a Page	p. 24
Weighing Your Pages	p. 25
Working with Images and Text	p. 26
Choosing the Star of Your Page	p. 27
Placing Images	p. 29
Using Background Images	p. 29
Separating Images and Text	p. 30
Wrapping Text Around Images	p. 30
Placing Inline Images	p. 31
Understanding the Power of Color and Contrast	p. 31
Understanding Web Page Color	p. 32
Web-Safe Color	p. 32
Mac Versus PC Gamut	p. 32
Finding Color Resources	p. 33
Selecting Color	p. 34
Working with Contrast	p. 35
Using Contrast for Balance	p. 35
Using Contrast to Catch Attention	p. 36
Using Contrast to Hide Information in Plain View	p. 37
Creating Accessible Pages	p. 37
Design Checklist for Every Page	p. 38
Chapter 3 Working with HTML Text	p. 41
Creating HTML Text	p. 41
Working with the [left angle bracket]font[right angle bracket] Tag	p. 41
Working Without the [left angle bracket]font[right angle bracket] Tag	p. 46
Designing with Lists	p. 47
Content Text and Search Optimization	p. 48
Using the Right Keywords	p. 48
Seeding Your Pages with Relevant Content	p. 49
Developing Useful Page Titles	p. 50
Creating a Page Description	p. 50
Treating Each Page Separately	p. 51
Don't Stop Here with SEO	p. 51
Part II Controlling Web Type with Cascading Style Sheets (CSS)	p. 53
Chapter 4 What Is CSS?	p. 55
Separating Content from Page Layout	p. 55
Measuring the Difference Between CSS and HTML Control	p. 57
Adding CSS Styles to Web Pages	p. 58
Placing CSS into a Document	p. 59
Creating a Linked File	p. 59
Embedding CSS Styles in the Document	p. 60
Adding Inline CSS	p. 61
Importing CSS Style Sheets	p. 62
Determining Final Attributes	p. 63
Introducing CSS Terminology	p. 64
Meeting the Key CSS Players	p. 64
Understanding Syntax	p. 64
Working with Inheritance in CSS	p. 65
Accessibility and Browser Issues with CSS	p. 66
Keeping Up with Browser Standards	p. 67
Working with CSS to Reach Accessibility Goals	p. 68
Chapter 5 Creating Cascading Style Sheets	p. 71
Selecting Font Properties	p. 71
Selecting Font Size	p. 72
Absolute or Relative Font Sizing?	p. 72
Selecting Font Face and Size	p. 74
Headlines	p. 74
Body Text	p. 76
Web Fonts and Antialiasing	p. 77
Using [left angle bracket]h[right angle bracket] Styles	p. 77
Enhancing Type with CSS Control	p. 78
Selecting Line Height	p. 78
Underlining Text for Links	p. 79
Using the Correct Order for Link Specification	p. 80
Adding Bold or Italics to CSS Type	p. 81
Using the [left angle bracket]strong[right angle bracket] and [left angle bracket]em[right angle bracket] Tags with CSS	p. 81
Creating Bold or Italic Type as Part of a Style	p. 82
Using Type Backgrounds	p. 82
Creating CSS with Software Programs	p. 83
Creating CSS with Dreamweaver MX	p. 83
Adding CSS in Dreamweaver	p. 84
Adding CSS Styles to a Dreamweaver Style Sheet	p. 84
Editing a CSS Style in Dreamweaver	p. 85
Editing CSS with the Properties Panel	p. 86
Creating CSS with TopStyle	p. 86
Chapter 6 CSS Menus	p. 91
CSS and Menus: A Heavenly Match	p. 91
Why and Where to Use CSS Menus	p. 92
Starting with CSS Menus	p. 94
Defining Multiple Link Styles on a Page with Class Styles	p. 95
Defining Link Attributes for Class Styles	p. 97
Creating the Basic Main Menu Style	p. 100
Adding Link Attributes to the Main Menu	p. 101
Adding Decorative Styling: Top Menu	p. 102
Formatting a Menu in a Table	p. 105
Design Tips for CSS Menus	p. 108
Chapter 7 Designing with CSS Content Text	p. 117
Using CSS for Consistent Pages	p. 117
Using Content Text to Communicate	p. 118
Working with Body Text	p. 119
Body Text Color	p. 120
White Space in Body Text	p. 121
Using CSS Backgrounds and Borders to Define Text Areas	p. 123
Creating Effective Headlines and Subheads	p. 124
Working with Color in Headlines	p. 125
Spacing Headlines Effectively	p. 126
Using Creative Text Styling	p. 128
Working with CSS Backgrounds for Impact	p. 130
Designing Effective Lists	p. 132
Part III Graphic Type for the Web	p. 137
Chapter 8 Introduction to Graphic Typography	p. 139
Understanding Typography	p. 140
Proportional Fonts	p. 140
Kerning and Tracking	p. 141
Line Spacing or Leading	p. 142
Typography Extras	p. 143
Quotation Marks	p. 143
Character Position and Size	p. 144
Web Versus Print: Making the Shift to Monitor Display	p. 146
Selecting Fonts	p. 147
Avoid the Top Ten Errors in Graphic Typography	p. 149
Working with Graphics Programs for the Web	p. 150
Working with Text in Photoshop	p. 150
Creating Point Type in Photoshop	p. 151
Adjusting Kerning and Tracking in Photoshop	p. 152
Adjusting Leading in Photoshop	p. 153
Adding Creative Effects in Photoshop	p. 153
Working with Text in Fireworks	p. 154
Creating Text in Fireworks	p. 155
Adjusting Kerning and Tracking in Fireworks	p. 156
Adjusting Leading in Fireworks	p. 156
Adding Creative Effects in Fireworks	p. 157
Chapter 9 Creating Graphic Text for the Web	p. 159
Creating Great Text for Export	p. 159
Working with Antialiasing	p. 160
Creating Pixel Text for Menus	p. 163
Understanding the Trip from Graphics Program to the Web	p. 166
GIF or JPG?	p. 166
What's a Slice?	p. 169
Creating Rollover Images	p. 170
Rollover Effects You Should Use	p. 171
Rollover Effects You Should Never Use	p. 173
Planning for Liquid Design	p. 174
Keeping File Size Down	p. 176
Optimizing Image Files	p. 176
Working with Background Colors	p. 177
Blending Graphic Text into the Page	p. 178
Chapter 10 Customizing Graphic Text for the Web	p. 181
Exporting Images from a Graphics Program	p. 181
Automating Rollover Images in Photoshop (ImageReady)	p. 182
Automating Rollover Images in Fireworks	p. 191
Creating Graphic Headlines	p. 196
Creating Graphic Type Elements for Your Pages	p. 198
Using Dingbat Fonts as Graphic Elements	p. 200
Chapter 11 Graphic Type Special Effects	p. 205
Setting a Mood with Text	p. 205
What Is Mood?	p. 205
Using Text to Set Mood	p. 206
Adding Effects to Text	p. 208
Manipulating Text as Text	p. 210
Using and Creating Styles to Automate Effects	p. 211
Setting Text in Motion	p. 212
Moving Beyond Simple Effects	p. 214
Working with Filters in Photoshop	p. 215
Automating Effects for Consistency	p. 216
Automating Steps in Fireworks with the History Palette	p. 216
Automating Steps in Photoshop with Actions	p. 218
The Wow! Factor: Exceptional Type from the Web	p. 220
Cyber NY	p. 220
netdiver	p. 221
DotContent	p. 222
Endless River Adventures	p. 222
Marc Klein	p. 223
Mando Group	p. 223
Ken Mayer	p. 224
Michaela Sucha	p. 225
Moonrock Paper Company	p. 225
Susan Sweeney	p. 226
Wanda Cummings	p. 227
Wanda Cummings (2000)	p. 227
Web Page Design for Designers (WPDFD)	p. 228
Netymology	p. 229
Elevista	p. 229
Chapter 12 Putting It All Together	p. 233
Preparing a New Site	p. 234
Establishing the Purpose and Creating a Site Map	p. 234
Establishing the Mood	p. 235
Creating a Logo	p. 236
Creating a Site Proof	p. 240
Creating Menu Areas	p. 241
Creating a Page Title	p. 244
Checking for Page Layout	p. 245
Preparing the Content Text Area	p. 246
Slicing the Image for Export	p. 248
Creating HTML Layout	p. 250
Creating the Basic Page	p. 250
Building the Top Table	p. 250
Building the Content Table	p. 252
Building the CSS File	p. 253
Part IV Typography for Flash	p. 259
Chapter 13 Creating Basic Type in Flash	p. 261
Understanding Flash Type	p. 261
Comparing Vector and Raster Formats	p. 261
Understanding How Flash Type Works	p. 264
Entering Text in Flash	p. 265
Creating Static Text	p. 266
Creating Dynamic Text	p. 267
Beating the Fuzzies	p. 271
Aligning Text Perfectly	p. 271
Using Pixel Fonts in Flash	p. 272
Chapter 14 Perfecting Type in Flash	p. 277
Using Typography Controls in Flash	p. 277
Kerning and Tracking Control	p. 279
Adjusting Character Position	p. 282
Creating Objects from Characters	p. 283
Adjusting Paragraph Settings	p. 284
Creating a Bulleted List in Flash	p. 286
Appendix A Where To From Here?	p. 289
Continuing CSS Learning	p. 289
Learning More About Typography	p. 290
Learning More About Flash Type	p. 291
Appendix B Which Software Does What?	p. 293
Software for the Web Overview	p. 293
Raster Programs	p. 294
Adobe Photoshop	p. 294
Jasc Paint Shop Pro	p. 294
Macromedia Fireworks	p. 295
Illustration (Vector) Programs	p. 295
CorelDRAW	p. 296
Adobe Illustrator	p. 296
Macromedia Freehand	p. 297
Visual HTML Editors	p. 297
Appendix C Chapter 6 HTML Code and Style Sheet	p. 299
CSS Style Sheet for Menu Sample Page in Chapter 6	p. 299
HTML Code for Sample Menu in Chapter 6	p. 300
Index	p. 304

Available:*

On Order

Summary

Summary

Author Notes

Table of Contents