Download at WoweBook.Com Advance Praise for Head First Web Design “Building websites has definitely become more than just writing code Head First Web Design shows you what you need to know to give your users an appealing and satisfying experience Another great Head First book!” — Sarah Collings, User Experience Software Engineer “Simplified, but far from dumbed-down Practical and intuitive I wish I had access to a book like this when I was getting started.” — Matt DiGangi, real life Web Designer “Head First Web Design really demystifies the web design process and makes it possible for any web programmer to give it a try For a web developer who has not taken web design classes, Head First Web Design confirmed and clarified a lot of theory and best practices that seem to be just assumed in this industry.” — Ashley Doughty, Senior Web Developer “Finally a developer can fully understand the whole process of creating a GREAT website Web Design 101, you finally got the book you needed/wanted.” — J ohannes de Jong, Web Programmer “The Head First series learning technique works well You feel as though you are working through an actual design process instead of just reading a how-to manual It’s a much more holistic approach to learning The books work with your mind, rather than against it.” — Jonathan Moore, owner of Forerunner Design Download at WoweBook.Com Other related books from O’Reilly Learning Web Design Web 2.0: A Strategy Guide Ajax: The Definitive Guide Website Optimization Other books in O’Reilly’s Head First series Head First JavaTM Head First Object-Oriented Analysis and Design (OOA&D) Head First HTML with CSS and XHTML Head First Design Patterns Head First Servlets and JSP Head First EJB Head First PMP Head First SQL Head First Software Development Head First JavaScript Head First Ajax Head First Physics Head First Statistics Head First Rails Head First PHP & MySQL Head First Algebra Download at WoweBook.Com Head First Web Design Wouldn’t it be dreamy if there was a web design book that went beyond code and really helped me make my websites work and look better? It’s probably just a fantasy Ethan Watrall Jeff Siarto Beijing • Cambridge • Kln • Sebastopol • Taipei • Tokyo Download at WoweBook.Com the index site hierarchy and card sorting 93–94 site message 280 site statistics 363–366, 367 website analytics tools 364 sketches 16–19 functionality 17 slashdot.org 254 Sole Proprietor/Partnership 418–420 stacks (card sorting) 86–89 stack names 87 storyboards 21–23, 36, 61, 67 Mark in Japan 64–66 Photoshop 66 Strict XHTML 102 surveys 157, 322–342, 367 asking the right questions 328–341 cost 325 jargon 331 open-ended questions 328, 367 limits 339 RPM Records final user survey 338–339 results 340–341 Surveys Exposed 327 symmetrical balance 137 T tabbing through website 289–293 Safari 289 tabindex attribute ( tag) 291–293 more than just 308–311 tech.originalsignal.com 254 testing tools 451 tetradic color scheme 182–184, 191 text, scannability 28–33 checklist 31–32 what makes text scannable? 29 text contrast 448 textural links 216–218 462 Index themes 41–55 defined 42 developing 46–48 IA and 99 tools for design 451 top level navigation 13–14, 36 clear top navigation categories 76 triadic color scheme 171, 191 Trilobite Labs project 421–438 podcast 433 Red Lantern Design estimate worksheet 428–429 requirements 421 Tritanopia 305 U unordered lists 102, 257 usability 319–368 browser testing 343 focus groups 322–327 cost 325 generic browser stats 343 :hover pseudo-property 344–346 site statistics 363–366 website analytics tools 364 surveys 322–342 asking the right questions 328–341 cost 325 jargon 331 open-ended questions 328 RPM Records final user survey 338–339 usability testing 347–362, 367 Behind the Scenes 349 friends and family 359 moderator scripts 351–357 contruction 355–357 number of participants 359 on a budget 351 user-centered design 35, 36 user experience 146–147 user experience designer 415 Download at WoweBook.Com the index users 110 informed decisions 129 (see also usability) workflow “wrap” 102 WriteMaps 451 U.S Federal Rehabilitation Act 296 writing for the web 28–33, 35, 36, 227–274 editing text down 249 headings 259–263, 264–266 fonts 268 level of importance 269 inverted pyramid 241–246, 249, 252–254 lists 251, 255–258 reading online 239 removing unnecessary content 247 serif versus sans-serif fonts 270–271 what makes text scannable? 29 V vertical menu type 15 vertical navigation 206–207, 225 vertical ratios 152 vertical tabs menu type 15 Visio 96 visual indicators 306 visual metaphor 40–55, 67 brainstorming 45 page elements shaping 49–51 X XAMPP 396 VoiceOver 278 web markup, future of 442–443 XHTML College of New Media project secondary navigation 222 updating XHTML to use textural links 218 evolutionary design 385–386 Foo Bar project 406 horizontal tabs 204 lists 257 Mark in Japan project 56 index.html 102 joining XHTML and CSS 58–59 RPM Records project content and navigation markup 151 optimized for 1024x768 128 SampleRate project 173 Strict XHTML 102 vertical navigation 206 web-safe colors 303 XHTML2 versus HTML5 442–443 website analytics tools 364 Y W Watch it! blogs 394 Kuler 176 WCAG checkpoints 308 WCAG checkpoints 308 Audio-2-Go project 313–316 WCAG (Web Content Accessibility Guidelines) 298 Priority 298–301, 308–311 web applications 446 web designers, types of 415–420 Web Developer (Firefox add-in) 451 whitespace 49–50 WordPress 395–399 Geek Bits 396 themes 400 Yahoo UI (YUI) Grid CSS 143 you are here 4 463 Download at WoweBook.Com ... EJB Head First PMP Head First SQL Head First Software Development Head First JavaScript Head First Ajax Head First Physics Head First Statistics Head First Rails Head First PHP & MySQL Head First. .. Head First series Head First JavaTM Head First Object-Oriented Analysis and Design (OOA&D) Head First HTML with CSS and XHTML Head First Design Patterns Head First Servlets and JSP Head First. .. life Web Designer ? ?Head First Web Design really demystifies the web design process and makes it possible for any web programmer to give it a try For a web developer who has not taken web design