Professional Web Design: Techniques and Templates, Fourth Edition

More documents

Recommendations

Info

442 Chapter 16 ■ Tips and Techniques #a5-menu a:hover { background: url(images/bg-menu-on.gif) no-repeat 0px 0px; font-weight:bold; color:#ffffff; } 3. The menu items need to be added to a container with the ID value of a5-menu. home about services ezine contact Figure 16.18 illustrates how the menu is displayed and how it appears when an item is moused over. Notice that the background image changes and the Services link becomes bold. Note A more complex CSS menu that provides drop-down menus is included on the DVD. It allows for multi-level flyouts and customization possibilities. Figure 16.18 CSS-driven mouseover in the menu section of the site. Copyright † 2006 Innergy Coaching, LLC. Used with permission. Game Developing GWX
Page 2:
Download from Wow! eBook Professio
Page 6:
Christian, I never thought I would
Page 10:
About the Author Clint Eccher (Fort
Page 14:
Contents vii Uncompressed Images ..
Page 18:
Contents ix Chapter 8 Creating CSS
Page 22:
Contents xi Adding the Body Content
Page 26:
Contents xiii Use to Tags .......
Page 30:
Introduction The methods and proces
Page 34:
DVD-ROM Downloads xvii 91-100-signa
Page 38:
chapter 1 Overview of Web Developme
Page 42:
Defining Web Design 3 Many of the t
Page 46:
Knowing the Seven Rules of Web Desi
Page 50:
Understanding Three Web-Design Phil
Page 54:
Page 58:
Page 62:
Page 66:
Page 70:
Summary 17 book employ simple, crea
Page 74:
chapter 2 Designing for the Past, P
Page 78:
Feeling Browser Pains 21 Figure 2.1
Page 82:
Incorporating Usage Statistics 23 F
Page 86:
Understanding Bandwidth 25 Subseque
Page 90:
Understanding Bandwidth 27 designed
Page 94:
Building on Previous Design Weaknes
Page 98:
Page 102:
Page 106:
Page 110:
Page 114:
Page 118:
chapter 3 Things to Consider Before
Page 122:
Using Requirements 43 additional ch
Page 126:
Using Requirements 45 12. Proposed
Page 130:
Knowing Bandwidth Requirements 47 1
Page 134:
Knowing Bandwidth Requirements 49 2
Page 138:
Deciding on Resolution 51 wide. If
Page 142:
Deciding on Resolution 53 which is
Page 146:
Deciding on Resolution 55 Looking a
Page 150:
Deciding on Color Depth 57 The adva
Page 154:
Deciding on Color Depth 59 Figure 3
Page 158:
Designing for Scalability 61 Downlo
Page 162:
Designing for Scalability 63 Figure
Page 166:
Summary 65 designer does not need t
Page 170:
chapter 4 Enhancing Usability Users
Page 174:
Simplifying Architecture 69 One ins
Page 178:
Simplifying Architecture 71 Create
Page 182:
Positioning Content Probably the mo
Page 186:
Developing Navigation 75 that is ad
Page 190:
Developing Navigation 77 can actual
Page 194:
Designing for Content 79 Figure 4.5
Page 198:
Designing for Content 81 2. Medium
Page 202:
chapter 5 Gathering Requirements an
Page 206:
Gathering and Basing a Site on Requ
Page 210:
Gathering and Basing a Site on Requ
Page 214:
Creating a Comp for the Client 89 C
Page 218:
Creating a Comp for the Client 91 C
Page 222:
Creating a Comp for the Client 93 P
Page 226:
Creating a Comp for the Client 95 F
Page 230:
Creating a Comp for the Client 97 F
Page 234:
Creating a Comp for the Client 99 U
Page 238:
Summary 101 the designer is keeping
Page 242:
chapter 6 What Is Needed to Build M
Page 246:
Understanding the Concept of Mortis
Page 250:
Page 254:
Page 258:
Page 262:
Understanding XHTML 113 #a5-text-ri
Page 266:
Understanding CSS 115 Table 6.1 Bas
Page 270:
Understanding CSS 117 Figure 6.11 A
Page 274:
Block- and Line-Level Tags 119 Tabl
Page 278:
Block- and Line-Level Tags 121 Incl
Page 282:
Understanding Include Files 123 Fig
Page 286:
chapter 7 Understanding Graphics On
Page 290:
Learning about Vector and Bitmap Im
Page 294:
Learning about JPGs, PNGs, and GIFs
Page 298:
Page 302:
Page 306:
Page 310:
Page 314:
Page 318:
Page 322:
Misusing Image Formats 143 Figure 7
Page 326:
Misusing Image Formats 145 reduced
Page 330:
Page 334:
Page 338:
Understanding Graphics/Compression
Page 342:
Summary 153 Note When choosing to c
Page 346:
chapter 8 Creating CSS Designs Whil
Page 350:
CSS-Based Design Versus XHTML Table
Page 354:
Page 358:
Page 362:
Page 366:
Page 370:
Page 374:
Page 378:
Understanding the Box Model 171 Whe
Page 382:
Understanding the Box Model 173 bod
Page 386:
absolute, instead of relative, posi
Page 390:
Testing Designs in Various Browsers
Page 394:
chapter 9 Case Study: Low-Content C
Page 398:
Understanding the Design’s Struct
Page 402:
Page 406:
Building the Structure 185 ■ ■
Page 410:
Building the Structure 187 Enter
Page 414:
Building the Structure 189 /* +++
Page 418:
Building the Structure 191 Figure 9
Page 422:
Page 426:
Building the Structure 195 Listing
Page 430:
Building the Structure 197 #a5-menu
Page 434:
Page 438:
Page 442:
Building the Structure 203 #a5-head
Page 446:
Building the Structure 205 menu it
Page 450:
Constructing Second-Level Pages 207
Page 454:
Page 458:
Page 462:
Page 466:
Page 470:
Page 474:
Page 478:
Page 482:
chapter 10 Case Study: Medium-Conte
Page 486:
Page 490:
Page 494:
Building the Structure 229 border:1
Page 498:
Page 502:
Building the Structure 233 color:#0
Page 506:
Building the Structure 235 ■ The
Page 510:
Building the Structure 237 This con
Page 514:
Building the Structure 239 #a5-body
Page 518:
Building the Structure 241
Page 522:
Page 526:
Building the Structure 245 lang="en
Page 530:
Building the Structure 247 line-hei
Page 534:
Building the Structure 249 width="1
Page 538:
Building the Structure 251 ■ The
Page 542:
Page 546:
Page 550:
Page 554:
Page 558:
Page 562:
Page 566:
Summary 265 ■ The only rule added
Page 570:
chapter 11 Case Study: High-Content
Page 574:
Page 578:
Page 582:
Page 586:
Building the Structure 275 rule wou
Page 590:
Building the Structure 277 /* remov
Page 594:
Page 598:
Building the Structure 281 Note The
Page 602:
Building the Structure 283 color:#f
Page 606:
Building the Structure 285 Categori
Page 610:
Page 614:
Building the Structure 289 font: 15
Page 618:
Building the Structure 291 font-wei
Page 622:
Building the Structure 293 src="ima
Page 626:
Building the Structure 295 Prod
Page 630:
Page 634:
Page 638:
Page 642:
Page 646:
Page 650:
Page 654:
Page 658:
Page 662:
Page 666:
Page 670:
Page 674:
Page 678:
chapter 12 Case Study: Full-Height
Page 682:
Page 686:
Page 690:
Building the Structure 327 Listing
Page 694:
Building the Structure 329 to 100%.
Page 698:
Building the Structure 331 Note The
Page 702:
Building the Structure 333 #a5-foot
Page 706:
Page 710:
Building the Structure 337 font-siz
Page 714:
Building the Structure 339 display:
Page 718:
Building the Structure 341
Page 722:
Page 726:
chapter 13 Case Study: Background-B
Page 730:
Page 734:
Page 738:
Page 742:
Page 746:
Building the Structure 355 .color-2
Page 750:
Building the Structure 357 complet
Page 754:
Building the Structure 359 hyperlin
Page 758:
Building the Structure 361 .color-1
Page 762:
Building the Structure 363 #a5-left
Page 766:
Building the Structure 365 &n
Page 770:
Page 774:
Page 778:
chapter 14 Case Study: A CSS Form B
Page 782:
Understanding the Form’s Structur
Page 786:
Explaining the Style Sheet Used for
Page 790:
Building the Form Row by Row 377 Li
Page 794:
Building the Form Row by Row 379 Li
Page 798:
Building the Form Row by Row 381 Fi
Page 802:
Building the Form Row by Row 383 Ad
Page 806:
Building the Form Row by Row 385 Fi
Page 810:
Building the Form Row by Row 387 C
Page 814:
Summary 389 Summary C
Page 818:
chapter 15 Case Study: Low-Content
Page 822:
Understanding the Strengths and Wea
Page 826:
Creating the Parent Table 395 Note
Page 830:
Creating and Linking the Style Shee
Page 834:
Creating the Menu Table 399 Figure
Page 838:
Adding an Image to the Center Colum
Page 842:
Creating the Content (Right-Area) T
Page 846:
Page 850:
Page 854:
Summary 409 Listing 15.4 Code for F
Page 858:
chapter 16 Tips and Techniques When
Page 862:
Tantek or Box Model Hack 413 To acc
Page 866:
Tantek or Box Model Hack 415 top:-5
Page 870: Naming Rules and Properties Correct
Page 874: Naming Rules and Properties Correct
Page 878: Creating the Framework for a Fixed-
Page 898: Taking into Account Increasing and
Page 902: Centering a Fixed-Width Design 433
Page 906: Centering a Fixed-Width Design 435
Page 910: Creating a Liquid Design 437 When t
Page 914: Creating a Line 439 Figure 16.15 Tw
Page 918: Coding CSS Mouseovers 441 ■ ■ T
Page 924: 444 Chapter 16 ■ Tips and Techniq
Page 928:
446 Chapter 16 ■ Tips and Techniq
Page 932:
Page 936:
Page 940:
Page 944:
Page 948:
Page 952:
Page 956:
Page 960:
Page 964:
Page 968:
466 Chapter 17 ■ Search Engine Op
Page 972:
Page 976:
Page 980:
Page 984:
Page 988:
Page 992:
Page 996:
Page 1000:
Page 1004:
Page 1008:
Page 1012:
Page 1016:
Page 1020:
Page 1024:
Page 1028:
Page 1032:
Page 1036:
Page 1040:
Page 1044:
Page 1048:
Page 1052:
508 Chapter 18 ■ Conversion Rate
Page 1056:
Page 1060:
Page 1064:
Page 1068:
Page 1072:
Page 1076:
Page 1080:
Page 1084:
Page 1088:
Page 1092:
Page 1096:
Page 1100:
Page 1104:
Page 1108:
536 Chapter 19 ■ Customizing the
Page 1112:
Page 1116:
Page 1120:
Page 1124:
Page 1128:
Page 1132:
Page 1136:
Page 1140:
Page 1144:
Page 1148:
Page 1152:
Page 1156:
560 Chapter 20 ■ Templates Includ
Page 1160:
Page 1164:
Page 1168:
Page 1172:
Page 1176:
Page 1180:
Page 1184:
Page 1188:
Page 1192:
Page 1196:
Page 1200:
Page 1204:
Page 1208:
Page 1212:
Page 1216:
Page 1220:
Page 1224:
Page 1228:
Page 1232:
Page 1236:
Page 1240:
Page 1244:
Page 1248:
Page 1252:
Page 1256:
Page 1260:
Page 1264:
Page 1268:
Page 1272:
Page 1276:
Page 1280:
Page 1284:
Page 1288:
Page 1292:
Page 1296:
Page 1300:
Page 1304:
Page 1308:
Page 1312:
Page 1316:
Page 1320:
Page 1324:
Page 1328:
Page 1332:
Page 1336:
Page 1340:
Page 1344:
Page 1348:
Page 1352:
Page 1356:
Page 1360:
Page 1364:
Page 1368:
Page 1372:
Page 1376:
Page 1380:
Page 1384:
Page 1388:
Page 1392:
Page 1396:
Page 1400:
Page 1404:
Page 1408:
Page 1412:
Page 1416:
Page 1420:
Page 1424:
Page 1428:
Page 1432:
Page 1436:
Page 1440:
Page 1444:
Page 1448:
Page 1452:
Page 1456:
Page 1460:
Page 1464:
Page 1468:
Page 1472:
Page 1476:
Page 1480:
Page 1484:
Page 1488:
Page 1492:
Page 1496:
Page 1500:
Page 1504:
Page 1508:
Page 1512:
Page 1516:
Page 1520:
Page 1524:
Page 1528:
Page 1532:
Page 1536:
Page 1540:
Page 1544:
Page 1548:
Page 1552:
Page 1556:
Page 1560:
Page 1564:
Page 1568:
Page 1572:
Page 1576:
Page 1580:
Page 1584:
Page 1588:
Page 1592:
Page 1596:
Page 1600:
Page 1604:
Page 1608:
Page 1612:
Page 1616:
Page 1620:
Page 1624:
Page 1628:
Page 1632:
Page 1636:
Page 1640:
Page 1644:
Page 1648:
Page 1652:
Page 1656:
Page 1660:
Page 1664:
Page 1668:
Page 1672:
Page 1676:
Page 1680:
Page 1684:
Page 1688:
Page 1692:
Page 1696:
Page 1700:
Page 1704:
Page 1708:
Page 1712:
Page 1716:
Page 1720:
Page 1724:
Page 1728:
Page 1732:
Page 1736:
Page 1740:
Page 1744:
Page 1748:
Page 1752:
Page 1756:
Page 1760:
Page 1764:
Page 1768:
Page 1772:
Page 1776:
Page 1780:
Page 1784:
Page 1788:
Page 1792:
878 Index bits per second (bps), 26
Page 1796:
880 Index saving uncompressed image
Page 1800:
882 Index tag, 371, 376 format mis
Page 1804:
884 Index box modelmethod, 172-174
Page 1808:
886 Index savingfor weboption, 536-
Page 1812:
888 Index when to use, 176 tag, 40
Page 1816:
This page intentionally left blank
Page 1820:
This page intentionally left blank
Page 1824:
Design 131 Homepage Design 134 Home
Page 1828:
Page 1832:
Page 1836:
Page 1840:
Page 1844:
Page 1848:
Page 1852:
show all

Professional Web Design: Techniques and Templates, Fourth Edition

Create successful ePaper yourself

Delete template?

Save as template?