- Copyright 2005
- Edition: 1st
-
Book
- ISBN-10: 0-13-148199-1
- ISBN-13: 978-0-13-148199-2
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.
Online Sample Chapter
Creating Multicolumn Layouts with CSS
Downloadable Sample Chapter
Untitled Document
Download the
Sample Chapter related to this title.
Table of Contents
Preface xv
Part I: Design and Usability Topics 1
Topic 1: Designing to Aid Navigation 3
Topic 2: Grouping Similar Functions 9
Topic 3: Designing Graphics for Clicks 17
Topic 4: Achieving Balance 25
Topic 5: Choosing Colors 33
Choosing Text and Background Colors 33
Choosing Link Colors 37
Choosing Interface Colors 38
Topic 6: Designing for Accessibility 41
Making Images Accessible 42
Making Multimedia Accessible 44
Managing Your Use of Color 45
Topic 7: Leaving Breadcrumb Trails 47
Topic 8: Using Jump Menus 53
Topic 9: Managing Popup Windows 59
Making Popups 61
Topic 10: Creating Popup Menus 67
Understanding Layers 68
Laying Out Popup Menus 69
Topic 11: Providing a Way Back 79
Topic 12: Working with Scripts and Style Sheets 83
Embedding Scripts 83
Embedding Style Sheets 85
Attaching Scripts 86
Attaching Style Sheets 86
BLOG: Embedding or Attaching? 89
Topic 13: Launching Scripts with Links 91
BLOG: JavaScript Links or onClick Links? 93
Part II: Layout Topics 95
Topic 14: Creating Fixed-Width Layouts with Tables 97
BLOG: HTML or CSS for Layout? 103
Topic 15: Creating Fixed-Width Layouts with CSS 105
Topic 16: Centering Fixed-Width CSS Layouts 111
Topic 17: Creating Liquid Layouts with Tables 115
Topic 18: Creating Liquid Layouts with CSS 121
Topic 19: Slicing Images for Layout Tables 127
Topic 20: Creating Multicolumn Layouts with Tables 133
Topic 21: Creating Multicolumn Layouts with CSS 137
Topic 22: Preventing a Nav Bar from Breaking 141
Topic 23: Coloring Table Cells 149
Topic 24: Coloring and Formatting CSS Divs 155
Topic 25: Controlling Design Space with HTML 163
Topic 26: Controlling Design Space with CSS 165
Part III: Image Topics 167
Topic 27: Choosing the Right Image File Type 169
Topic 28: Optimizing Web Images 171
Optimizing Resolution 172
Optimizing Image Size 173
Optimizing the Palette in GIFs and PNGs 174
Optimizing the Compression in JPEGs 174
Topic 29: Transforming Images with HTML Attributes 177
Topic 30: Positioning Inline Images with HTML 181
Topic 31: Floating Inline Images with CSS 185
Topic 32: Designing Button States 189
Topic 33: Making Rollover Graphics 193
Topic 34: Making Images More Accessible 197
Topic 35: Creating Image Maps 199
Topic 36: Making Image Maps More Accessible 203
Topic 37: Using Background Images in Table Cells 207
Topic 38: Using Background Images in CSS Divs 211
Topic 39: Using Background Images on Web Pages 215
Part IV: Text Topics 219
Topic 40: Using Text Elements Properly 221
Working with Header Tags 222
Marking up Paragraphs 224
Using Quote Elements 224
Displaying Addresses 225
Topic 41: Using Phrase Elements Properly 227
Topic 42: Adding Cascading Style Sheets 231
Writing CSS 232
Topic 43: Replacing Formatting Tags with CSS 243
Topic 44: Creating Custom Formatting Styles 247
Topic 45: Changing the Look of a Text Element 251
Defining Contextual Selectors 251
Defining Child Selectors 254
Defining Sibling Selectors 255
Mixing It Up 257
Topic 46: Defining Class Styles 259
Forming an Exclusive Club 262
Topic 47: Controlling the Typeface 265
Troubleshooting Fonts 266
Choosing the Best Typeface 268
Topic 48: Controlling Type Size 269
Using the Font Tag 269
Using the Font-Size Attribute 270
BLOG: Sizing up Type Sizing 273
Topic 49: Controlling Spacing 275
Controlling Space around Elements 275
Controlling Space inside Elements 277
Controlling Space between Lines of Type 277
Controlling Space between Words 278
Controlling Space between Letters 279
Topic 50: Controlling Justified and Ragged Type 281
Topic 51: Controlling Indents 285
Topic 52: Building Lists 291
Nesting Lists in HTML 293
Adjusting List Properties with CSS 295
Topic 53: Highlighting Text with Color 303
Topic 54: Rehabilitating Horizontal Rules 307
Creating End Signs 310
Topic 55: Adding a Dateline and Timestamp 311
Topic 56: Designing Data Tables 319
Making the Most of the Grouping Tags 323
Working with Colspans and Rowspans 324
Adjusting Cellpadding and Cellspacing 328
Changing the Border 331
Improving Accessibility 335
Topic 57: Using Pseudo-Elements 341
Topic 58: Defining ID Styles 347
Part V: Link Topics 349
Topic 59: Applying Styles to Hyperlinks 351
BLOG: In Defense of the Hyperlink Underline 357
Topic 60: Making Rollover Hyperlinks 359
Topic 61: Choosing the Right Path 363
Using Absolute Paths 363
Using Document-Relative Paths 364
Using Root-Relative Paths 366
Topic 62: Changing the Color of a Single Hyperlink 369
Changing the Default Color for All Link States 369
Changing the Default Color for Individual Link States 370
Topic 63: Choosing the Right Text for a Hyperlink 373
Topic 64: Creating ScreenTips for Hyperlinks 379
Topic 65: Opening a New Browser Window 381
Topic 66: Using Named Anchors 383
Setting Named Anchors 383
Linking to Named Anchors 385
Topic 67: Creating Email Links 387
Part VI: Form Topics 389
Topic 68: Working with Form Widgets 391
Working with Generic Buttons 392
Working with Checkboxes 393
Working with File Fields 395
Working with Hidden Fields 396
Working with Image Fields 397
Working with Lists 399
Working with Menus 401
Working with Password Fields 402
Working with Radio Buttons 403
Working with Reset Buttons 405
Working with Submit Buttons 406
Working with Text Areas 407
Working with Text Fields 408
Topic 69: Applying Styles to Text Widgets 411
Changing the Text Style 411
Changing the Colors and the Border 414
Topic 70: Validating Form Input 417
Topic 71: Setting the Tab Order 425
Topic 72: Working with Fieldsets 429
Topic 73: Working with Labels 437
Part VII: Tricks Topics 441
Topic 74: Embedding Media 443
Topic 75: Automatically Refreshing the Page 449
Topic 76: Automatically Redirecting the Browser 453
Topic 77: Displaying Random Content 457
Topic 78: Displaying a Browser Alert 467
Topic 79: Displaying a “You Are Now Leaving” Popup 473
Part VIII: Basic Training Topics 475
Topic 80: Creating HTML Documents 477
Organizing Your Web Site 482
Topic 81: Adding Keywords and Page Descriptions 487
Topic 82: Blocking Parts of Your Site from Search Engines 489
Topic 83: Testing Your Site 493
Topic 84: Choosing a Web Host 495
Finding a Web Host 495
Considering Features 497
Topic 85: Uploading Your Site 501
Topic 86: Validating Your Source Code 503
Glossary 505
Index 515
Preface
Untitled Document
Download the
Preface related to this title.
Index
Untitled Document
Download the
Index related to this title.