Professional Web Design: Techniques and Templates, Fourth Edition

More documents

Recommendations

Info

300 Chapter 11 ■ Case Study: High-Content CSS Design Figure 11.15 A three-column second-level template created from a customized version of the homepage design. Constructing a Second-Level Page with Three Columns The first second-level template created is the page that appears when the designer clicks on the menu item titled Longer Menu Item 2. This page contains three columns. Such a design offers the designer the ability to supplement content with a right column that could contain information that could be included on more than one page, such as photos and descriptions. Figure 11.15 shows what the design looks like when the final code is added to the page (see Listing 11.5). Note The newly added code is bold to differentiate it from the existing code that is being built upon in this case study. Listing 11.5 Code for Figure 11.15 Design 123 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: Building the Structure 279 Figure 1
Page 598: Building the Structure 281 Note The
Page 602: Building the Structure 283 color:#f
Page 606: Building the Structure 285 Categori
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 634: Constructing Second-Level Pages 299
Page 640: 302 Chapter 11 ■ Case Study: High
Page 680: 322 Chapter 12 ■ Case Study: Full
Page 684: 324 Chapter 12 ■ Case Study: Full
Page 688:
326 Chapter 12 ■ Case Study: Full
Page 692:
Page 696:
Page 700:
Page 704:
Page 708:
Page 712:
Page 716:
Page 720:
Page 724:
Page 728:
346 Chapter 13 ■ Case Study: Back
Page 732:
Page 736:
Page 740:
Page 744:
Page 748:
Page 752:
Page 756:
Page 760:
Page 764:
Page 768:
Page 772:
Page 776:
Page 780:
372 Chapter 14 ■ Case Study: A CS
Page 784:
Page 788:
Page 792:
Page 796:
Page 800:
Page 804:
Page 808:
Page 812:
Page 816:
This page intentionally left blank
Page 820:
392 Chapter 15 ■ Case Study: Low-
Page 824:
Page 828:
Page 832:
Page 836:
Page 840:
Page 844:
Page 848:
Page 852:
Page 856:
Page 860:
412 Chapter 16 ■ Tips and Techniq
Page 864:
Page 868:
Page 872:
Page 876:
Page 880:
Page 884:
Page 888:
Page 892:
Page 896:
Page 900:
Page 904:
Page 908:
Page 912:
Page 916:
Page 920:
Page 924:
Page 928:
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:
Page 1820:
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?