Index

Adobe Dreamweaver. See Dreamweaver, Symbols and Numerics Adobe Adobe Fireworks @import method, 285 advantages of, 95 @media method, 284–285 optimization in, 184 2D Transitions module, CSS3, 331 overview, 92, 94 3D Transitions module, CSS3, 331 rollover buttons, outputting in, 386–389 301 Redirect, 213, 635 Slice tool, 187–188 401 error pages, creating, 608–611 Adobe Illustrator 404 error pages, creating, 608–611 overview, 90–91, 94 508 compliance information, 24, 512, Save for Web optimization command, 184, 528–529 185–186, 197–203 site maps, designing, 75 A Slice tool, 187–191 Adobe ImageReady, 95, 183, 184–185 About Me pages, 20 Adobe Photoshop About Us pages, 20 hexadecimal equivalents of Pantone About.com, 31 colors, fi nding, 100–102 above fold, designing, 161–164 out of gamut colors, identifying, 179–180 absolute box elements, 312 overview, 90–91, 94 absolute option, position attribute, 326 Save for Web optimization command, 184, accessibility 185–186, 197–203 adding features to pages, 245–249 Slice tool, 187–191 forms, 414–415 Adobe Save for Web tool, 185–186 general discussion, 352 adobe.com, 355 Site Map pages, 629 ads for programmers, 109 standards for, 528–529 AdSense, Google, 121 web layouts, 351–353 advanced combinators, 296, 345 accesskey attribute, 249 AdWords, Google, 614, 625 accordion panels, creating, 456–458 age of ideal site visitor, 41–42 AChecker Accessibility Validator, 555 A-heads, 171–172 ActionScript, 381 alignment activating domain names, 575 of graphics, 228 active links, 300 of tables and cells, 258–259 adaptive color algorithms,COPYRIGHTED 197 of text, MATERIAL 223 AddThis, 476–477 All media type, 282 adjectives alt attribute, 620 describing ideal site visitor, 42–43 alternative text attributes, 225, 226–227, describing site image, 16 246 Adobe BrowserLab, 537 anatomy of CSS styles, 275–276 Adobe Contribute, 485 anchor links, 241–244 Adobe CS6 Creative Cloud, 93 animations, 131 Adobe CS6 Web Premium, 93 animations module, CSS3, 331

331_9781118404102-bindex.indd1_9781118404102-bindex.indd 641641 112/11/122/11/12 12:1212:12 PMPM 642 Web Design All-In-One For Dummies, 2nd Edition

AOL Search, 625 benefi ts to visitors, determining, 44–48 Apply Source Formatting option, Adobe bgcolor attribute, 264–265 Dreamweaver, 544 billing, for content gathering, 51 articles for visitors, 115–116 Bing, 625 artwork. See graphics biographies, 12, 20 assets, organizing, 480–482 bit depth statistics, 32–33 Attach External Style Sheet dialog box, bitmap programs, 89, 92, 176 Adobe Dreamweaver, 288 blink attribute, 315 attracting visitors block boxes, 310 with articles, 115–116 block option, display attribute, 320 by blogging, 116–121 block properties, CSS, 318–321 with contests, 121–123 blocking out parts of pages, 159–161 with e-newsletters, 111–112 blogging with free tips, 115–116 blog sites, 27 overview, 111–112 daily entries, 475 with share buttons, 123–124 Google AdSense, 121 with social media links, 123–124 overview, 116–117 with sweepstakes, 121–123 profi les, adding, 119 attributes, 217. See also specifi c attributes pros and cons of, 119–121 by name syndication, 121 Aural media type, 282 tool for, choosing, 119 auto option, overflow attribute, 328 using on sites, 117–118 auto slices, 189 blogosphere, 117 availability of domain names, checking, BlueFish, 94 570–573 Blur setting for JPEGs, 200 Axure RP Pro, 61 tags, 84–85, 366, 385–386 bold tags, 222–223 border attributes, 236–237 B border module, CSS3, 330 background attribute, 265 border properties, CSS, 322–323 background colors in tables, 264–266 bordercolor attribute, 264–265 background images, 173, 316, 333–334 border-radius style, 335 background properties, CSS, 316–318 borders background-attachment attribute, of graphics, 226–228 316–317 of tables, 260–261, 264–266 background-color attribute, 316 box model, CSS, 309–312 background-image attribute, 316 box properties, CSS, 321–322 background-position attributes, box shadow, creating, 336–337 317–318 Braille media type, 282 background-repeat attribute, 316 brand, positioning on site, 149–150 backgrounds module, CSS3, 330 Bravenet’s Site Search, 22 Bare Bones BBEdit software, 81, 94 breadcrumb links, 634 Bare Bones TextWrangler software, 94 brochureware websites, 12 BCC (Browser Compatibility Check), 307 broken links, checking for, 551–552 behaviors, 389 browser chrome, 133, 450, 451

331_9781118404102-bindex.indd1_9781118404102-bindex.indd 642642 112/11/122/11/12 12:1212:12 PMPM Index 643

Browser Compatibility Check (BCC), 307 layers-based layouts, styling, 364–371 Browser Compatibility tool, Adobe linking with Dreamweaver, 287–289 Dreamweaver, 550–551 list navigation menus, with graphics, browser display statistics, 32–33, 34 393–399 browser interfaces, transferring fi les list navigation menus, without graphics, through, 595–596 391–392 Browser Sandbox, 537 lists, customizing, 271–272 browser windows media types, 281–285 deciding when to launch, 448–450 online resources, 348–349 overview, 448 overview, 273–274 pop-up windows, 450–454 for print layout, 139 BrowserLab, Adobe, 537 for printing graphics, 182 browsers structure, 83–85 compatibility, checking, 549–551 table alignment, 258–259 compatibility issues, 307 table backgrounds, 264–265 CSS3 prefi xes by, 332 as web standard, 274–275 JavaScript, researching use of, 33 CDs testing on multiple, 534–537 clip-art, 68 usage, researching, 31–32, 33 of royalty free images, 65 browser-safe color palette, 96–97 cellpadding attribute, 260–262 building phase of project, 10 cells, table bulleted lists, 267–269 alignment, 258–259 cellpadding attribute, 260–262 cellspacing attribute, 260–262 C content, adding to, 255 cancellation policy, host providers, 578 merging, 263–264 Cascading Style Sheets (CSS). See also nowrap attribute, 263 style selectors, CSS; validating splitting, 263–264 background images, 173 cellspacing attribute, 260–262 border color styles, 264–265 certifi cates, SSL digital security, 23, combining types of, 278–279 106–107, 408–410 comments, 399 CGI (Common Gateway Interface) scripts, compliance information, 24 108, 411 CSS3 media queries, 286–287 cgi-bin folder, 417, 602 descendant selector styles, 363 check box fi elds, 422–423 external, 278, 280–281 checklists, layout, 152–153 externalizing, 279–280 class attribute, 256 formatting with, 523–528 class ID types for sound media fi les, 469 free page layout templates, 373 class styles, applying, 289–291 general discussion, 275–276 Clean Up HTML/XHTML command, Adobe inline, 277 Dreamweaver, 542–543 internal, 277 Clean Up Word feature, Adobe labeling content for markup, 244–245 Dreamweaver, 541–542 layers-based layouts, building, 360–364 clear attribute, 321, 346

331_9781118404102-bindex.indd1_9781118404102-bindex.indd 643643 112/11/122/11/12 12:1212:12 PMPM 644 Web Design All-In-One For Dummies, 2nd Edition

clients. See also content hexadecimal colors, 98–102 design choices, making with, 127–128 of hyperlink states, 300–301 discussing content with, 131 message portrayed by, 15–16 input on website design, 12 in mock-up, 161 mock-ups, presenting to, 169–171 optimization settings, 197 rapport with, 78 overview, 96 written approval on designs, 170, 487 palette, picking, 139–141 Clients page, 53 of table backgrounds, 264–266 clip attribute, 328 web-safe, 96–97, 178–179 clip-art CDs, 68 color attribute, 314, 322 closing tags, 84 Color Cache, 142 CMS (Content Management System), 22, Color Mixer, 98–99 25, 483 color modes, 177–178 CMYK (Cyan, Magenta, Yellow, and Black) color names, 99 color mode, 177–178 Color Picker dialog box, Adobe Photoshop, Coda software, Panic, 81 179–180 code cleaning color reduction algorithms, 197 browser compatibility, checking, 549–551 Color Wheel Pro, 142 converting syntax by DTD, 544–547 color-conversion tools, 99 fi nding and replacing errors, 539 colspan attribute, 263–264 formatting, removing unwanted, 541–542 columns, creating multiple, 335–336 HTML and XHTML syntax, applying combining CSS, 278–279 consistent, 542–543 comment tags links, verifying, 551–552 CSS, 306–307, 399 overview, 538, 547–549 templates, 491–492 site reports, generating, 552–554 Common Gateway Interface (CGI) scripts, source formatting, applying, 543–544 108, 411 spelling, checking, 540 compact option, display attribute, 320 validating markup, 549 company information, 20, 52 code editors, 81 compass-style.org, 356 coding. See also code cleaning competition HTML pages, 86–87, 214–217 keyword searches, performing for similar to launch pop-up windows, 450–452 companies, 35–38 meta tags, 71 keywords used by, viewing, 36 pages, 217–219 overview, 35 pages by hand, 214–217 researching websites of, 11, 31, 38–39 rollover buttons, 384–386 sales tactics used by, awareness of, 20 CoffeeCup, 94 summarizing research on, 39–40 CoffeeCup Free FTP, 596 compliance with standards, 24, 508–509 ColdFusion Markup Language pages, 89 compound styles, building, 295–296 collaborative wireframing tools, 60 compression. See optimization color computer usage statistics, researching, accessibility considerations, 248 30, 31 of borders on tables, 264–266 connection speeds, Internet, 198 in competitor sites, 39 Constant Contact, 114 gamut warnings, 178–180 contact information, 18, 52–53

331_9781118404102-bindex.indd1_9781118404102-bindex.indd 644644 112/11/122/11/12 12:1212:12 PMPM Index 645

content. See also graphics; text Contribute, Adobe, 485 Clients page, 53 control panels, transferring fi les company information, 52 through, 595 Contact page, 52–53 conversion rates, 614–615 copywriters, hiring, 63 Convert Syntax tool, Adobe Dreamweaver, Events page, 54 544–547 footers, styling, 340–342 converting syntax by DTD, 544–547 freelance artists, hiring, 64–65 cookies, including in privacy policy, 18 gathering, 50–51 copyright notices, 364 graphics and branding information, copyrights, 21, 66, 68 providing, 57 copywriters, hiring, 63 headings, styling, 340–342 Corbis, 66 images, styling, 345–348 CorelDraw, 94 industry-specifi c pages, 55 Creative Commons, 67 language options, 55–56 credit card payments, setting up merchant layers, styling, 345–348 account for, 23 lists, styling, 342–344 CS6 Creative Cloud, Adobe, 93 main pages, 51–52 CS6 Web Premium, Adobe, 93 marketing and sales content, 19–24 CSS (Cascading Style Sheets). See also meta tags, 70–72 style selectors, CSS; validating minimum requirements, 17–19 background images, 173 news or press releases pages, 54 border color styles, 264–265 organizing, 72–75 combining types of, 278–279 overview, 16–17, 49–50 comments, 399 page titles, 68–69 compliance information, 24 paragraphs, styling, 340–342 CSS3 media queries, 286–287 Products page, 53–54 descendant selector styles, 363 RSS feeds, 55 external, 278, 280–281 Services page, 54 externalizing, 279–280 shopping carts, 54 formatting with, 523–528 site maps, building, 75–78 free page layout templates, 373 stock images, licensing, 65–68 general discussion, 275–276 tables, styling, 344–345 inline, 277 text and graphics, 56–57, 68 internal, 277 updating regularly, 636–638 labeling content for markup, 244–245 wireframes, 58–61 layers-based layouts, building, 360–364 Content Management System (CMS), layers-based layouts, styling, 364–371 22, 25, 483 linking with Dreamweaver, 287–289 Content-Language meta tag, 213 list navigation menus, with graphics, content-related pseudo-classes, 296, 298 393–399 Content-Type meta tag, 213 list navigation menus, without graphics, contests for visitors, 121–123 391–392 contract phase of projects, 10, 29 lists, customizing, 271–272 contracts, 29, 68 media types, 281–285 online resources, 348–349

331_9781118404102-bindex.indd1_9781118404102-bindex.indd 645645 112/11/122/11/12 12:1212:12 PMPM 646 Web Design All-In-One For Dummies, 2nd Edition

CSS (Cascading Style Sheets) (continued) overview, 273–274 D for print layout, 139 daily content for printing graphics, 182 blog entries, 475 structure, 83–85 news items, 471–475 table alignment, 258–259 overview, 471 table backgrounds, 264–265 tips, 471–475 as web standard, 274–275 data encryption, 410–413 CSS box model, 309–312 data transfer, in web hosting plans, 581 .css fi le extension, 278 databases CSS list menus, 380 defi ned, 24 CSS play, 349 need for, determining, 26 CSS Portal CSS Validator, 555 purpose of, 25 CSS Zen Garden, 348–349, 360, 526–528 services, in web hosting plans, 579 CSS3 compliance information, 24 declarations, 275, 276 CSS3 Files, 349, 356 declarations, DTD, 513 CSS3 media queries, 286–287 dedicated IP addresses, in web hosting CSS3 style categories plans, 581 background images, adding multiple, deep navigation menus, 73, 378–379 333–334 default method, 417 box shadows, creating, 336–337 defi nitions, DTD, 513 columns, creating multiple, 335–336 delay setting, transition property, 338 gradients, creating, 339–340 demographic research on target audience, 31 modules, 330–332 dependent fi les, transferring, 603 overview, 330 dependent selectors, 345 resizing elements, 339 deposits, 29 rotating objects, 334 deprecated tags, 218–219 rounding edges, 335 descendant selector styles, 363 selectors, 332–333 descendant selectors, 296 text shadow, adding, 337 description transitions, making, 338 meta tag, 70, 212, 620–622 transparency, using, 337 design. See also layout CSS-Tricks, 349 brand, positioning, 149–150 cultural considerations of colors, 141 clients, making design choices with, 127–128 cursor attribute, 329 grids, designing layouts on, 151 custom classes, 289–290 layout checklists, 152–153 custom search engine tool, Google, 22 navigation systems, 145–148 custom server-based search tools, 22 overview, 127 custom shopping carts, building, 105 phase of project, 10, 29 customer service site themes, defi ning, 128–131 host provider, 577–578 design editors, 82 in sites, 23–24 devices, testing on multiple, 534–537 CuteFTP, 596 diffusion dither, 198 Cyan, Magenta, Yellow, and Black (CMYK) digital security certifi cates, SSL, 23, color mode, 177–178 106–107, 408–410 Cyberduck, 596

331_9781118404102-bindex.indd1_9781118404102-bindex.indd 646646 112/11/122/11/12 12:1212:12 PMPM Index 647

directories, creating, 482 hotspots, adding to images, 240–241 display attribute, 319–320 individual form fi elds, adding, 420–426 dithering, 198 JavaScript Shake effect, 447–448

tags, 359–360 jQuery slideViewer, adding, 458–461 DNS transfer, 575 layers-based layouts, 371–373 DOCTYPEs (DTDs) Lightbox2 image viewer, adding, 461–464 adding, 209–211 Link Checker tool, 551–552 Dreamweaver, adding in, 517–518 linking CSS with, 287–289 HTML 4.01, 514 multimedia fi les, adding, 465–467 HTML5, 516 multipart rollover effects, creating, overview, 512–513 441–446 selecting, 513–516 multitier Spry menus, creating in, W3C recommendations, 510 399–404 XHTML, 514–516 overview, 82 document relative paths, 501, 502–504 pop-up windows, adding with, 452–454 domain name generators, using, 569–570 remote connections, setting up, 597–600 domain names rollover buttons, creating in, 389–391 activating, 575 Site Reports feature, 552–554 availability of, checking, 570–573 Spry web forms, building in, 429–432 domain name generators, using, 569–570 styling footer links, 370 domain registrars, registering with, tables, inserting content in, 255 573–575 templates, 485–486, 488–489 general discussion, 565–569 validate form behavior, adding to forms host provider, registering with, 575 in, 427–429 overview, 566 Validator tool, 549 selecting, 569 Dreamweaver CS6, Adobe, 94 domain pointers, in web hosting plans, 581 DTDs (DOCTYPEs) domain registrars, 573–575 adding, 209–211 DomainsBot, 571–573 Dreamweaver, adding in, 517–518 downtime, in web hosting plans, 580 HTML 4.01, 514 dpi (dots per inch), 180–182 HTML5, 516 drag and drop editors, 82 overview, 512–513 DrawPlus, Serif, 92, 95 selecting, 513–516 Dreamstime, 66, 67 W3C recommendations, 510 Dreamweaver, Adobe XHTML, 514–516 Apply Source Formatting option, 544 duplicate page submissions, 616 Browser Compatibility tool, 307, 550–551 duration setting, transition property, Clean Up HTML/XHTML command, 338 542–543 Dynamic Drive, 439 Clean Up Word feature, 541–542 dynamic websites Convert Syntax tool, 544–547 content needs, analyzing, 107–108 DOCTYPEs, adding in, 517–518 including content in wireframes, 59 Files panel, 603–606 requirements, 24–27 forms, creating, 414–419

331_9781118404102-bindex.indd1_9781118404102-bindex.indd 647647 112/11/122/11/12 12:1212:12 PMPM 648 Web Design All-In-One For Dummies, 2nd Edition

W3C recommendations, 509 E writing semantic code, 519–523 eXtensible Markup Language (XML), e-commerce hosted plans, 104 512–513 e-commerce websites, 26, 27 extension properties, CSS, 329–330 edges, rounding, 335 extensions, domain name, 567–569 editable regions in template-based pages, extensions, fi le, 88, 89, 224, 481 484, 485, 490–492 external CSS, 278, 280–281, 481 editing external links, verifying, 551–552 .htaccess fi le, 610–611 externalizing paths to work with SSIs, 501–504 CSS, 279–280 SSIs, 495 support code, 481 template-based fi les, 492–493 tags, 222–223 e-mail F encryption, 238–240 links, 238–240 Facebook, 123–124 marketing services, 435 failing acceptably, 561–562 in web hosting plans, 579 FAQs pages, 22, 637 embedded styles, 277 FeedBurner, 24 embedding YouTube and Vimeo videos, fees 467–468 merchant accounts, 106 embossed media type, 282 programmer, 110 ems, 366 Fetch, 596 encryption fi elds, adding to forms, 420–426 data, 410–413 fi le extensions, 88, 89, 224, 481 e-mail, 238–240 fi le formats, graphic, 191–192 e-newsletters, 111–112 fi le size for graphics, 182 entities, 239 File Transfer Protocol (FTP) error pages, creating, 608–611 access with hosting plans, 578 errors in code, fi xing. See code cleaning placeholder pages, publishing, 589–592 ethical SEO techniques, 615–617 uploading fi les with, 594–600 etiquette, network, 113, 115, 233 fi lenames, 87–89, 224, 433, 480–481 event handler script, 384 fi les, media type, 282–284 Events page, 54 Files panel, Adobe Dreamweaver, 603–606 expandability, 377 FileZilla, 596, 597 expandable-width design, 136, 137 filter attribute, 329–330 Expression Studio 4 Web Professional, fi nal site testing, performing, 606–608 Microsoft, 94 fi nalizing mock-up eXtensible HyperText Markup Language overview, 167 (XHTML) presenting to client, 169–171 cleaning up syntax, 542–543 subnavigation, showing, 167–169 compliance information, 24 fi nancial retainers, 29 DOCTYPEs, 514–516 Find and Replace tool, 539 overview, 83 fi ndlegalforms.com, 18, 22 templates, creating from, 488–489 Firefox FireFTP add-on, 589–591

331_9781118404102-bindex.indd1_9781118404102-bindex.indd 648648 112/11/122/11/12 12:1212:12 PMPM Index 649

Fireworks, Adobe borders, 260–261, 264–266 advantages of, 95 cellpadding attribute, 261–262 optimization in, 184 cellspacing attribute, 261–262 overview, 92, 94 class attribute, 256 rollover buttons, outputting in, 386–389 headers, 262–263 Slice tool, 187–188 height, 256–258 508 compliance information, 24, 512, 528–529 id attribute, 256 fixed attribute, 317 merging cells, 263–264 fixed option, position attribute, 326 nesting tables, 266–267 fi xed-width layout, 132–133, 135–138 nowrap attribute, 263 Flash menus, 381 overview, 256 FlashFXP, 596 splitting cells, 263–264 fl exible-width websites, 132–133, 135–138 tiling background images, 266 float attribute, 321, 346, 369 width, 256–258 fl oating box elements, 312 formmail.pl script, 411–412 fl uid-width websites, 132–133, 136, 137 forms folders, using to organize by type, 481–482 button graphics, 425 folders of images, 224 check box fi elds, adding, 422–423 Follow links, 173 encrypting data, 408–413 font sets, 143–144 hidden fi elds, 419 font-family attribute, 313 individual fi elds, adding, 420–426 fonts online services, 435 adjustable, 40–41 overview, 405–406 choosing, 142–145 processing data, 408–413 Google Web Fonts, 144 radio button fi elds, adding, 424 in mock-up, 161 Spry forms, building in Dreamweaver, Typekit, 144 429–432 fonts module, CSS3, 330 structure of, 413–415 font-size attribute, 314 structure of, creating, 415–419 font-style attribute, 314 testing validated, 432–434 font-variant attribute, 315 text fi elds, adding, 420–421 font-weight attribute, 315 validating, 426–429 footer links, 19, 161, 248, 370, 494–495 visitor information, collecting, 406–408 footers, 19, 340–342, 498–499 forwarding Thank You pages, 412–413 form menus, 380–381 Fotolia, 66, 67 form objects, 416 foundation.zurb.com, 356 form services, 435 401 error pages, creating, 608–611

tags, 414 404 error pages, creating, 608–611 formatting. See also formatting tables frames, 515 in code, removing unwanted, 541–542 free CSS page layout templates, 373 with CSS, 523–528 free gifts for visitors, 121–123 lists, 271–272 free image editing software, 92 formatting tables free online validation tools, 554–558 alignment, 258–259 free site-search tools, 22 background colors, 264–266 free tips for visitors, 115–116

331_9781118404102-bindex.indd1_9781118404102-bindex.indd 649649 112/11/122/11/12 12:1212:12 PMPM 650 Web Design All-In-One For Dummies, 2nd Edition

freelance artists, hiring, 64–65 descriptions, embedding keywords in, 620 freelancedesigners.com, 63 fi le and page size, 182 freeprivacypolicy.com, 18 form buttons, 425 frequently asked questions (FAQs), 22, 637 headers, 171–172 FTP (File Transfer Protocol) on home page, 17 access with hosting plans, 578 image padding, 228 placeholder pages, publishing, 589–592 interlaced settings for, 199, 200 uploading fi les with, 594–600 licensing stock images, 65–68 FTP Client, 596 linking, 234–237 Fugu SFTP, 596 message portrayed by, 15–16 FusionBot’s Free Package, 22 multipart rollover effects, 441–446 overview, 61–62, 171, 175–177, 223–225 quality of, 180–182 G resolution, 180–182 gathering content, 50–51 rollover, 172 gender of ideal site visitor, 41 size, 225 get method, 417 slicing, 186–191 GIF (Graphic Interchange Format), 192, for social media, 173 193–194, 195–196, 197–199 source of, determining, 55–56, 57 global links, 229–231 stock images, licensing, 65–68 Google AdSense, 121 styling, 345–348 Google AdWords, 614, 625 tables, adding to, 255 Google Analytics, 35 text in, 143 Google Checkout, 23, 103–104 tiling background images in tables, 266 Google FeedBurner, 24 unit of measure, 182 Google search bar, 472 web format, selecting, 191–196 Google search engine, 625–626 graphics software Google Site Search, 22 optimization programs, 95 Google Translate tool, 55 overview, 89 Google Web Fonts, 144 types of, 90–95 Google+, 123–124 Greeking text, 59 gradient editors, 339 grids, designing layouts on, 151 gradients, creating, 339–340 growth of company, projecting, 26 Graphic Interchange Format (GIF), 192, GUI (graphical user interface), 149 193–194, 195–196, 197–199 graphical mock-ups. See mock-ups H graphical user interface (GUI), 149 graphics. See also optimization hand-coding script alignment, 228 HTML pages, 86–87, 214–217 alternative text for description tags, 225 to launch pop-up windows, 450–452 artists, hiring freelance, 64–65 rollover buttons, 384–386 background, 173 handheld media type, 282 border, 226–228 hard drive space, in web hosting color gamut warnings, 178–180 plans, 580 color mode, 177–178 tags, 84, 385

331_9781118404102-bindex.indd1_9781118404102-bindex.indd 650650 112/11/122/11/12 12:1212:12 PMPM Index 651

headers linking to external CSS, 280 graphics, 171–172 media types, adding, 284–285 styling, 340–342 metadata, adding, 211–214 table, 262–263 overview, 80, 208–209 heading tags, 221–222 page titles, adding, 209 height attribute, 321, 326 semantic HTML code, writing, 519–523 height of tables, 256–258 structure, 83–85 Help section, 23–24 templates, creating from, 488–489 hexadecimal colors, 98–102 W3C recommendations, 509 hidden form fi elds, 419 HTML 4.01 DOCTYPEs, 514 hidden option, overflow attribute, 328 HTML Site Map pages hidden option, visibility attribute, accessibility, 632–634 326 content, 628–629 hidden text, 616 creating, 629–632 hiring overview, 627–628 copywriters, 63 HTML Source, 439 freelance artists, 64–65 HTML5 HiSoftware Cynthia Says Portal, 555 compliance information, 24 histories, 12 CSS, combining with, 348 home pages, 17, 88–89 overview, 83 horizontal alignment options, 259 templates, creating from, 488–489 horizontal text navigation menus, 382 W3C recommendations, 509 host directories, 599 writing semantic code, 519–523 host providers HTML5 DOCTYPE, 516 form encryption from, 411 HTTP (HyperText Transfer Protocol), 567 overview, 576 hyperlinks plan packages, 578–581 e-mail, 238–240 registering domain names with, 575 empty, correcting, 538 researching, 576–578 footer, 19 shopping carts from, 104 global, 229–231 hotspots, image map, 240–241 graphics, linking, 234–237 hover links, 300 image map, 240–241 href attribute, 280 local, 229–231 .htaccess fi le, editing, 610–611 named anchor, 241–244 HTML (HyperText Markup Language). See null, 453 also validating; web editors overview, 229, 238 cleaning up syntax, 542–543 SEO techniques, 619 coding pages, 217–219 Site Credit, 24 compliance information, 24 styles, creating with pseudo-classes, CSS formatting versus, 523–524 300–302 DOCTYPE, adding, 209–211 target attributes, 249 fonts, 143 targets, linking, 231–233 hand-coding web pages, 86–87, 214–217 testing, 551–552 keywords, fi nding in competitor sites, 36 Web Design By [Yourname], 24

331_9781118404102-bindex.indd1_9781118404102-bindex.indd 651651 112/11/122/11/12 12:1212:12 PMPM 652 Web Design All-In-One For Dummies, 2nd Edition

HyperText Markup Language (HTML). See importing media-dependent style sheets, also validating; web editors 284–285 cleaning up syntax, 542–543 indexing services, in web hosting plans, coding pages, 217–219 579 compliance information, 24 industry-specifi c pages, 55 CSS formatting versus, 523–524 informal market research, 30–31 DOCTYPE, adding, 209–211 inherit attribute, 317 fonts, 143 inherit option, display attribute, 320 hand-coding web pages, 86–87, 214–217 inherit option, visibility attribute, keywords, fi nding in competitor sites, 36 327 linking to external CSS, 280 inheritance, CSS, 366 media types, adding, 284–285 InkScape, 95 metadata, adding, 211–214 inline boxes, 310 overview, 80, 208–209 inline CSS, 277 page titles, adding, 209 inline option, display attribute, 320 semantic HTML code, writing, 519–523 inline-block option, display attribute, structure, 83–85 320 templates, creating from, 488–489 input and link pseudo-classes, 296, 297–298 W3C recommendations, 509 Input Tag Accessibility Attributes dialog HyperText Transfer Protocol (HTTP), 567 box, Adobe Dreamweaver, 422–423 Insert Rollover Image dialog box, Adobe I Dreamweaver, 390–391 integrated FTP programs, 595 ICANN (Internet Corporation for Assigned interactivity. See also browser windows, Names and Numbers), 569 launching; jQuery; multimedia fi les ICC profi le setting for JPEGs, 201 daily content, 471–475 id attribute, 244–245, 256 JavaScript, 438–441 ID styles, creating, 293–295 multipart rollover effects, creating, ideal site visitors, 40–44, 128–130 441–446 Illustrator, Adobe overview, 437–438 overview, 90–91, 94 Shake effect, 447–448 Save for Web optimization command, 184, share buttons, adding, 476–477 185–186, 197–203 in wireframes, 59 site maps, designing, 75 interlaced settings for graphics, 199, 200 Slice tool, 187–191 internal CSS, 277, 279–280 image map links, 240–241 internal links, verifying, 551–552 image of site, building, 15–16 Internet browsing habits, researching, 30, image padding, 616 31–32 image viewer, Lightbox2, 461–464 Internet connection speeds, 198 ImageReady, Adobe, 95, 183, 184–185, Internet control panels, transferring fi les 187–188 through, 595 images. See graphics Internet Corporation for Assigned Names images folder, 481 and Numbers (ICANN), 569 tags, 224 Internet Protocol (IP) addresses, 575 Internet traffi c reports, real-time, 35

331_9781118404102-bindex.indd1_9781118404102-bindex.indd 652652 112/11/122/11/12 12:1212:12 PMPM Index 653

Internet usage statistics jsLinux simulator, 536 fi nding online, 31–33 jump menus, 380–381 interpreting, 33–35 Jupiterimages, 68 overview, 31 intranets, 134 inventory management systems, 23 K IP (Internet Protocol) addresses, 575 keyword meta tags, 70, 72, 212, 620–622 IRT.org, 439 keyword spamming, 619 isolated virtual environments, 537 keywords iStockphoto, 66 on competitor sites, searches for, 35–38 italic tags, 222–223 general discussion, 36 on home page, 17 J maximizing, 617–619 unethical use of, 616 JavaScript. See also interactivity; rollover used by competitors, viewing, 36 buttons KnowThis.com, 31 daily tips, converting into external .js fi le, KompoZer, 94 474–475 encryption, 239–240 externalizing, 481 L interactivity, adding with, 438–441 labeling content for CSS markup, 244–245 limitations of, 440 language options, 55–56 multitier menus, 381, 399–404 layers online resources, 439 adding to pages, 359–360 Shake effect, 447–448 descendant selector styles, 363 user statistics, 33 overview, 357–358 validating forms, 426–427 styling, 345–348 JavaScript Kit, 439 layers-based layouts The JavaScript Source, 439 benefi ts of, 356–357 JavaServer pages, fi le extensions for, 89 building with CSS, 360–364 JPEG (Joint Photographic Experts Group) layers, adding to pages, 359–360 format, 192, 194, 195–196, 200–201 layers, discussion of, 357–358 jQuery online resources, 371–373 accordion panels, creating, 456–458 overview, 356 free resources, 455 styling with CSS, 364–371 Lightbox2 image viewer, 461–464 layout. See also layers-based layouts overview, 455–456 accessibility, 351–353 slide shows, creating, 458–461 checklists for, 152–153 jQuery Mobile, 455 color palette, picking, 139–141 jQuery Project, 455 fi xed-width, 135–138 jQuery Tools, 455 fl exible, 135–138 jQuery Tutorial, 455 fonts, choosing, 142–145 jQuery UI, 455 grids, designing on, 151 .js fi les, converting daily tip JavaScript mobile fi rst, 353–354 into, 474–475 overview, 132, 351

331_9781118404102-bindex.indd1_9781118404102-bindex.indd 653653 112/11/122/11/12 12:1212:12 PMPM 654 Web Design All-In-One For Dummies, 2nd Edition

layout (continued) liquid design, 136 printing, 139 A List Apart, 349 responsive web, 353–356 list navigation menus, CSS size of site, choosing, 132–135 with graphics, 393–399 standards, compliance with, 351–353 without graphics, 391–392 unifying with design elements, 165–166 list properties, CSS, 323–325 LCD resolutions, 133 listing keywords, 616 leading, 314–315 list-item option, display attribute, 320 Learn jQuery in 30 days, 455 lists legal issues adding content, 271–272 copyrights, 21, 66, 68 formatting, 271–272 form-related, 406 item tags, 269 Terms of Service page, 22 nesting, 269–271 letter-spacing attribute, 318–319 overview, 267 licensing stock images, 65–68 styling, 342–344 Lightbox2 image viewer, 461–464 text navigation menus in, 383 line-height attribute, 314–315 types of, 267–269 line-through attribute, 315 list-style-image attribute, 324 Link Checker tool, Adobe Dreamweaver, list-style-position attribute, 324 551–552 list-style-type attribute, 323–324 linked styles, 278 local links, 229–231 LinkedIn, 123–124 location of navigation system, 146–147 linking lock icons, 409 CSS with Dreamweaver, 287–289 logos, positioning, 149–150 external CSS to pages, 280–281 long descriptions, 247 media-dependent style sheets, 284 look and feel. See also layout links clients, making design choices with, e-mail, 238–240 127–128 empty, correcting, 538 navigation systems, 145–148 footer, 19 organizing, 149–153 global, 229–231 overview, 127 graphics, linking, 234–237 site themes, defi ning, 128–131 image map, 240–241 lossy (GIF only) compression, 197 local, 229–231 Lunarpages, 576–577 named anchor, 241–244 Lynx Viewer, 536 null, 453 overview, 229, 238 SEO techniques, 619 M Site Credit, 24 Macs, testing sites on, 534–537 styles, creating with pseudo-classes, MailChimp Resource Center, 114 300–302 main navigation links, 376 target attributes, 249 main pages, 51–52 targets, linking, 231–233 maintenance of websites testing, 551–552 adding new content regularly, 636–638 Web Design By [Yourname], 24 with CSS, 274 Linux, testing sites on, 536

331_9781118404102-bindex.indd1_9781118404102-bindex.indd 654654 112/11/122/11/12 12:1212:12 PMPM Index 655

overview, 634 merchant accounts, 23, 106 performing, 635–636 merging table cells, 263–264 scheduling site updates, 636 meta tag generators, 212 margin attribute, 322 meta tags margin spacing, 292–293 adding, 620–622 marker option, display attribute, 320 Content-Language, 213 marketing content Content-Type, 213 biographies, 20 creating, 68 company information, 20 description, 70, 212, 620–622 compliance information, 24 fi xing code errors, 547 customer service, 23–24 general discussion, 70–72 FAQs, 22 keyword, 70, 72, 212, 620–622 news and press information, 21 keywords, fi nding in competitor overview, 19–20 sites, 36 portfolios, 21 refresh, 213 product/service information, 20–21 revised, 214 RSS feeds, 24 robots, 212–213 shopping carts, 23 metadata, adding, 211–214 site credits, 24 Microsoft Active Server pages, fi le site searches, 22 extensions for, 89 Terms of Service, 22 Microsoft Expression Studio 4 Web video and podcasts, 21 Professional, 94 marketing services, 12 Microsoft Visio, 61 Marketing Virtual Library, 31 Mobile 1.0 XHTML, 516 master CSS fi le, creating, 302–307 mobile fi rst, 353–354 master pages, 483–484 Mobile Web Initiative, 511 matte settings for graphics, 199, 200 mock-ups Max Design, 349 blocking out parts of pages, 159–161 media queries, CSS3, 286–287 designing above fold, 161–164 media type class IDs, 469 fi nalizing, 167–171 media types, CSS graphics, 171–174 adding to HTML fi les, 284–285 overview, 155–156, 158–159 overview, 281 presenting to client, 169–171 separate fi les for, creating, 282–284 red herrings in, 169 types of, 281–282 site maps, working from, 157–158 menus unifying layout with design elements, deep, 378–379 165–166 list, with graphics, 393–399 value of, 156–157 list, without graphics, 391–392 modules, CSS3, 330–332 multitier, 379–380 monitor resolution multitier Spry, creating in Dreamweaver, above-the-fold design area, 162 399–404 layouts, designing, 132–133 single-tier, 379 statistics, 32–33, 34 text, 382–383 mouseover state, 168 types of, 380–382 multiline text input fi elds, 420, 421 wide, 378–379

331_9781118404102-bindex.indd1_9781118404102-bindex.indd 655655 112/11/122/11/12 12:1212:12 PMPM 656 Web Design All-In-One For Dummies, 2nd Edition

multimedia fi les netiquette, 113, 115, 233 adding to pages, 21, 465–467 Network Solutions, 571–572 embedding YouTube and Vimeo videos, news items, 21, 54, 471–475 467–468 newsletters, 112–115 overview, 464 Noise dither, 198 sound, adding with Dreamweaver, noncompliant code, fi xing, 558–561 468–470 none attribute, 315 multipart rollover effects, creating, 441–446 non-navigational links, 376 multiple background images, adding, normal links, 300 333–334

331_9781118404102-bindex.indd1_9781118404102-bindex.indd 656656 112/11/122/11/12 12:1212:12 PMPM Index 657

optimization page views, in web hosting plans, 581 GIFs, 197–199 page-break-before/-after attribute, JPG graphics, 200–201 329 output options, 201–203 PageBreeze, 94 overview, 183, 196 paid placement, 614 PNG-24 graphics, 200 Paint.NET, 92, 95 PNG-8 graphics, 197–199 Panic Coda software, 81 previewing optimized graphics in Pantone colors, 99–102 browsers, 187 paragraphs, styling, 340–342 programs, choosing, 183–185 parsing, 495, 496 Save for Web tool, 185–186 password text input fi elds, 420, 421 understanding, 183 paths optimization programs, 95–96 document relative, 501, 502–504 Optimized setting for JPEGs, 200 editing to work with SSIs, 501–504 ordered lists, 267–268, 383 site-root relative, 496, 497, 502–504 organizing assets, 480–482 Pattern dither, 198 organizing site content, 72–75 paying programmers, 110 orphans, checking for, 552 payment processing services, third-party, out of gamut, 178 410 output options PayPal shopping carts, 23, 103 for optimized graphics, 201–203 pay-per-click advertising, 614 for sliced graphics, 190–191 PCs, testing sites on, 534–537 overflow attribute, 327–328 PDFs, 78 overline attribute, 315 perceptual color algorithms, 197 oversubmitting to search engines, 616, 627 Perl (Practical Extraction and Reporting Language), 108, 411 permissions to use copyrighted P material, 21 padding personal websites, 12 image, 228 phases of web projects, 10–11 keywords, 616 PhotoPlus, Serif, 92, 95 table cells, 260–262 Photos.com, 68 Photoshop, Adobe padding attribute, 321 hexadecimal equivalents of Pantone page content colors, fi nding, 100–102 graphics, adding, 223–228 out of gamut colors, identifying, 179–180 overview, 220 overview, 90–91, 94 text, inserting, 220–224 Save for Web optimization command, page headers, 58 184, 185–186, 197–203 page layout programs, 91–92 Slice tool, 187–191 page layout templates, CSS, 373 Photoshop Elements 10, Adobe, 94 page size, 182 PHP Huggins Email Form Script, 412 page titles PHP script pages, extension for, 89 adding, 209 Pinterest, 123–124 creating, 68–69 pixels per inch (ppi), 180–182 fi xing code errors, 547 updating, 623–624

331_9781118404102-bindex.indd1_9781118404102-bindex.indd 657657 112/11/122/11/12 12:1212:12 PMPM 658 Web Design All-In-One For Dummies, 2nd Edition

placeholder pages privacy policies, 18, 406 creating, 584–587 privacyaffi liates.com, 18 overview, 581–583 products styling, 587–589 benefi ts, 47 uploading, 589–592 information about, 20–21, 54 placement attribute, 328 sales, 12 plan packages, hosting, 578–581 Products page, 53–54 planning phase. See also content profi les, adding to blogs, 119 dynamic requirements, 24–27 programmers overview, 9 dynamic content needs, analyzing, projects phases, 10–11 107–108 purpose of site, determining, 11–15 hiring, 108–109 site image, building, 15–16 overview, 107 platforms, testing on multiple, 534–537 paying, 110 PNG (Portable Network Graphics) format, Progressive setting for JPEGs, 201 192, 194–196 projection media type, 282 PNG-24 format, 192, 195, 200 property setting, transition property, PNG-8 format, 195, 197–199 338 podcasts, 21 property/value pairs, 275, 276 pop-up windows proxy, research by, 41 accessibility, 449 pseudo-classes adding with Dreamweaver, 452–454 content-related, 296, 298 hand-coding script to launch, 450–452 hyperlink styles, creating with, 300–302 Portable Network Graphics (PNG) format, input and link, 296, 297–298 192, 194–196 overview, 296–299 portfolio websites, 12 position/number-based, 296, 298–299 portfolios, 21 relational, 296, 299 position attribute, 325–326 text-related, 296, 299–300 positioning properties, CSS, 325–329 publishing position/number-based pseudo-classes, 401 error pages, creating, 608–611 296, 298–299 404 error pages, creating, 608–611 post method, 416–417 fi nal site testing, performing, 606–608 post-launch site maintenance, 11 overview, 593, 611–612 ppi (pixels per inch), 180–182 placeholder pages, 589–592 Practical Extraction and Reporting test directory, setting up, 600–602 Language (Perl), 108, 411 transferring fi les to remote server, preload script, 384 602–603 press information, 21, 54 transferring fi les with Dreamweaver, previewing optimized graphics in 603–606 browsers, 187 uploading fi les with FTP, 594–600 print graphics versus web graphics, purpose of site, determining 176–177 checking out competition, 11 print media type, 282, 283–284 gathering information, 12 printing overview, 11 layout, 139 statements of purpose, 13–15 quality of graphics, 180–182

331_9781118404102-bindex.indd1_9781118404102-bindex.indd 658658 112/11/122/11/12 12:1212:12 PMPM Index 659

Q responsive web, 353–356 restrictive (Web) color algorithms, 197 Results panel, Adobe Dreamweaver, 548 Quality setting for JPEGs, 200 retesting for code accuracy, 561–562 QuickTime Player, 469, 470 revised meta tag, 214 QuirksMode, 439 revisions to site design, specifying number of, 157 R RF (royalty-free) stock images, 65 RGB (red-green-blue) color mode, 98, radio button fi elds, 424 177–178 rapport with clients, 78 rights-managed (RM) stock images, 65 raster programs, 90, 92, 176 robots, 617 RBrowser, 596 robots meta tag, 212–213 RealPlayer, 469, 470 rollover buttons real-time Internet traffi c reports, 35 building, 384 red herrings, 169 Dreamweaver, creating in, 389–391 redesigning websites, 51, 525 hand-coding, 384–386 red-green-blue (RGB) color mode, 98, in mock-up, 168 177–178 multipart rollover effects, creating, refresh meta tag, 213 441–446 rel attribute, 280 outputting in Fireworks, 386–389 relational pseudo-classes, 296, 299 overview, 33, 380, 383 relative option, position attribute, touchscreen limitations regarding, 377 326, 367 rollover graphics, 172 remote connections, setting up, 596–600 rollover script, 384 remote servers root directories, 599 remote connections, setting up, 596–600 rotating objects, 334 test directories, creating on, 600–602 rounding edges, 335 transferring fi les to, 602–603 rows, table, 253–254 rendering bugs, 307 rowspan attribute, 263–264 rendering engines, 82 royalty-free (RF) stock images, 65 repeat attribute, 316 royalty-free online image services, 68 repeating regions in template-based RP Pro, Axure, 61 pages, 485 RSS Feed Creator, 24 reports, Adobe Dreamweaver, 552–554 RSS feeds, 24, 55 resampling, 90 run-in option, display attribute, 320 research by proxy, 41 researching host providers, 576–578 resizing elements, 339 S resolution sales content above-the-fold design area, 162 biographies, 20 layouts, designing, 132–133 company information, 20 overview, 180–182 compliance information, 24 statistics, 32–33, 34 customer service, 23–24 responsive architecture, 354 FAQs, 22

331_9781118404102-bindex.indd1_9781118404102-bindex.indd 659659 112/11/122/11/12 12:1212:12 PMPM 660 Web Design All-In-One For Dummies, 2nd Edition

sales content (continued) security certifi cates, SSL digital, 23, news and press information, 21 106–107, 408–410 overview, 19–20 selective color algorithms, 197 portfolios, 21 selectors, 275, 276 product/service information, 20–21 selectors, CSS3, 332–333 RSS feeds, 24 self-validating forms, 426 shopping carts, 23 selling products, 12 site credits, 24 semantic HTML code, writing, 519–523 site searches, 22 semantics, 218, 352 Terms of Service, 22 SEO (search engine optimization) video and podcasts, 21 descriptive text, including, 619 salesperson, basing site image on, 15 ethical techniques, 615–617 Save As Template dialog box, Adobe hyperlinks, including, 619 Dreamweaver, 488 keywords, maximizing, 617–619 Save for Web optimization command, meta tags, 70–72, 620–622 Adobe software, 184, 185–186, 197–203 object and image descriptions, saving embedding, 620 fi les as templates, 488 overview, 613–615 web fi les, 87–89 page titles, updating, 623–624 scheduling site updates, 636, 638 submitting URL to search engines, Scoop.it, 356 624–627 Screen media type, 282 Serif DrawPlus, 92 Scripts folder, Adobe Dreamweaver, 466 Serif PhotoPlus, 92 scroll attribute, 317 server-based search tools, custom, 22 scroll option, overflow attribute, 328 server-side includes (SSIs) search engine optimization (SEO) creating, 496–500 descriptive text, including, 619 editing, 495 ethical techniques, 615–617 editing paths to work with, 501–504 hyperlinks, including, 619 fi le extensions for, 89 keywords, maximizing, 617–619 including, 496–500 meta tags, 70–72, 620–622 including fi les inside pages, 494–495 object and image descriptions, overview, 493–494 embedding, 620 templates compared to, 482–483 overview, 613–615 testing, 496–500 page titles, updating, 623–624 tips for using, 496 submitting URL to search engines, 624–627 service benefi ts, 47 search engines, 625 Services page, 54 searches, site, 22 shadows Section 508, 24, 512, 528–529 box, creating, 336–337 secure transactions, planning for, 106–107 text, creating, 337 security Shake effect, 447–448 e-mail links, 238–240 share buttons, 123–124, 173, 476–477 encryption, 238–240, 410–413 shared SSL certifi cates, 410 forms, 406 ShareThis, 476 spam, protecting e-mail addresses from, sharing services, 124, 476 238–240 Shockwave for Director 6, 469

331_9781118404102-bindex.indd1_9781118404102-bindex.indd 660660 112/11/122/11/12 12:1212:12 PMPM Index 661

Shockwave for Flash, 469 sound, adding with Dreamweaver, 468–470 shopping carts source formatting, applying, 543–544 custom, building, 105 spacing cells in tables, 260–262 general discussion, 23 spam, protecting e-mail addresses from, Google Checkout, 103–104 238–240 overview, 54, 102–103 spam-bots, 238 PayPal, 103 tag, 290–291 secure transactions, planning for, 106–107 special-effect fi lters, 329–330 third-party, 104–105 speeds of Internet connections, 198 web-hosted, 104–105 spelling errors, correcting, 540 sidebars, 56 spiders, 617 single line text fi elds, 420, 421 splitting table cells, 263–264 single-tier navigation menus, 379 spreadsheets for site inventory, 62 site credits, 24 Spry Menu Bar widget, Adobe site image, building, 15–16 Dreamweaver, 399–404 site launch, 11 Spry validation widgets, Adobe site maps Dreamweaver, 429–432, 434 accessibility, 248, 632–634 SpryAssets folder, Adobe Dreamweaver, building, 75–78 400, 430 content, 628–629 SSIs (server-side includes) creating, 629–632 creating, 496–500 general discussion, 18–19 editing, 495 mock-ups, creating from, 157–158 editing paths to work with, 501–504 overview, 627–628 fi le extensions for, 89 Site Reports feature, Adobe Dreamweaver, including, 496–500 552–554 including fi les inside pages, 494–495 site reports, generating, 552–554 overview, 493–494 site statistics tools, 637 templates compared to, 482–483 site themes, 128–131 testing, 496–500 SitePoint, 349 tips for using, 496 site-root relative paths, 496, 497, 502–504 SSL digital security certifi cates, 23, size of graphics fi les, 182, 225 106–107, 408–410 size of site, choosing, 132–135 standalone FTP programs, 594–595, 596 Slice tool, Adobe software, 187–191 standard naming conventions, 480–481 slicing graphics, 186–191 standards. See web standards slideViewer, jQuery, 458–461 statements of purpose, 13–15 SmartFTP, 596 static option, position attribute, 326 SmartObjects, 91, 92 statistical research on target audience, 31 smartphones stickiness, 22, 117 device sizes, 133 stock images, licensing, 65–68 fl uid-width design, 137 Strict XHTML 1.1, 515 navigation systems on, 148 tags, 222–223 testing on, 535–536 structure social media of forms, 413–415 graphics for, 173 of forms, creating, 415–419 links, attracting visitors with, 123–124 of tables, 253–255

331_9781118404102-bindex.indd1_9781118404102-bindex.indd 661661 112/11/122/11/12 12:1212:12 PMPM 662 Web Design All-In-One For Dummies, 2nd Edition

style attribute, 322 sweepstakes for visitors, 121–123 style of navigation system, choosing, syntax 146–147 cleaning up, 542–543 style properties, CSS. See also CSS3 style converting by DTD, 544–547 categories of CSS, 276 background, 316–318 block, 318–321 border, 322–323 T box, 321–322 tabindex attribute, 249 CSS box model, 309–312 table borders, 260–261 extension, 329–330 table headers, 262–263 footers, styling, 340–342 table option, display attribute, 320 headings, styling, 340–342 table title attributes, 247 images, styling, 345–348

tag, 253 layers, styling, 345–348 tables list properties, 323–325 adding content to cells, 255 lists, styling, 342–344 alignment, 258–259 online resources, 348–349 background colors, 264–266 overview, 309, 312–313 border colors, 264–266 paragraphs, styling, 340–342 borders, 260–261 positioning, 325–329 cellpadding and cellspacing tables, styling, 344–345 attributes, 261–262 type, 313–315 class attribute, 256 style selectors, CSS headers, 262–263 class styles, applying, 289–291 height, 256–258 compound styles, building, 295–296 id attribute, 256 hyperlink styles, creating with pseudo- merging cells, 263–264 classes, 300–302 nesting, 266–267 ID styles, creating, 293–295 nowrap master CSS fi le, creating, 302–307 attribute, 263 overview, 289 overview, 251–253 pseudo-classes, 296–299 splitting cells, 263–264 tag redefi ne styles, 291–293 structure of, 253–255 subdirectories, creating, 482 styling, 344–345 subdomains, 567 text navigation menus in cells, 383 submenus, handling, 147–148 tiling background images, 266 submitting URL to search engines, 624–627 width, 256–258 subnavigation tablets links, 376 device sizes, 133 showing in mock-up, 167–169 testing on, 535–536 subsites, 567 tag redefi ne styles, 291–293 support code, externalizing, 481 tags survey services, 435 accessibility improvement, 246–249 susy.oddbird.net, 356 deprecated, 218–219 Swap Image JavaScript behavior, 442–446 list item, 269

331_9781118404102-bindex.indd1_9781118404102-bindex.indd 662662 112/11/122/11/12 12:1212:12 PMPM Index 663

overview, 83–85 italic tags, 222–223 padding, 616 language options, 55–56 pairs, 84 meta tags, 68, 70–72 target attributes, 231–233, 249 in mock-up, 161 target audience overview, 61–62, 220–221 benefi ts to site visitors, determining, page titles, 68–69 44–48 SEO techniques, 619 color considerations, 141 shadow, adding, 337 competition, researching, 35–40 tables, adding to, 255 ideal site visitor, defi ning, 40–44 text effects module, CSS3, 331 informal market research, 30–31 text fi elds, 420–421 Internet usage statistics, 31–35 text navigation menus, creating, navigation system design, considering in, 382–383 377 text-align attribute, 319 overview, 29–30 text-decoration attribute, 315 targets, linking, 231–233 text-indent attribute, 319 template-based fi le, creating and editing, text-only menus, 380 492–493 text-related pseudo-classes, 296, 299–300 templates text-transform attribute, 315 comparing to SSIs, 482–483 TextWrangler software, Bare Bones, 94 Dreamweaver, 485–486, 488–489

tag, 263 with editable regions, 490–492 Thank You pages, 410–413 free CSS page layout, 373 theexpressiveweb.com, 355 overview, 484–485 Thinkstock, 68 preparing pages, 486–487 third-party services template-based fi le, creating and editing, form processing, 410 492–493 payment processing services, 410 Terms of Service, 22 shopping carts, 104–105 Terms of Use Agreement, 22 testing tools, 537 test directories, 600–602, 612 3D Transitions module, CSS3, 331 testing 301 Redirect, 213, 635 on multiple platforms, browsers, and tiling background images in tables, 266 devices, 534–537 timing-function setting, transition overview, 533 property, 338 phase of project, 10 tips, daily, 471–475 SSIs, 496–500 title attribute, 247, 620 third-party tools, 537 title tags, 246 validated web forms, 429, 432–434 tools. See also specifi c tools by name web-testing checklist, 533–534 blogging, 119 text optimization programs, 183–185 alignment, 223 overview, 79–80 bold tags, 222–223 touch-based devices, navigation systems copywriters, hiring, 63 on, 148, 377 heading tags, 221–222 331_9781118404102-bindex.indd1_9781118404102-bindex.indd 663663 112/11/122/11/12 12:1212:12 PMPM 664 Web Design All-In-One For Dummies, 2nd Edition traffi c usability, 145, 376–377 increasing, 614–615 user accounts, in web hosting plans, 580 real-time Internet reports, 35 user interface module, CSS3, 331 transactions, privacy law and, 406 transferring fi les with Dreamweaver, 603–606 V with FTP, 594–600 validating to remote server, 602–603 failing acceptably, 561–562 transitions, making, 338 forms, 426–429 transitions module, CSS3, 331 markup, 549 translation software, 55 noncompliant code, fi xing, 558–561 transparency, 199, 200, 337 online validation tools, 554–558 tree-style menus, 381 overview, 554 Tty media type, 282 process of, 532 Tumblr, 119, 120 retesting, 561–562 Tv media type, 282 Validator tool, Adobe Dreamweaver, 549 tv.adobe.com, 356 Validator.nu Living Validator, 555 Twitter, 123–124 vector programs, 89, 92, 176 2D Transitions module, CSS3, 331 Veer, 66 type attribute, 280 vertical alignment options, 259 type properties, CSS, 313–315 Vertical Response, 114 Typekit fonts, 144 vertical text navigation menus, 382 vertical-align attribute, 319 U videos overview, 21 Under Maintenance web pages, 635 tables, adding to, 255 underline attribute, 315 Vimeo, embedding, 467–468 units of measure for graphics, 182 YouTube, embedding, 467–468 unordered lists, 267–268, 383 Vimeo videos, embedding, 467–468 Update Links dialog box, Adobe visibility attribute, 326–327 Dreamweaver, 489 visible option, overflow attribute, updating site information, 26, 51–52, 116, 328 636 visible option, visibility attribute, uploading 327 with Dreamweaver, 603–606 Visio, Microsoft, 61 with FTP, 594–600 visited links, 300 placeholder pages, 589–592 visitors. See also attracting visitors to remote server, 602–603 forms for, on contact page, 18 validating by, 555 ideal, 40–44, 128–130 uptime, in web hosting plans, 580 taking perspective of to fi nd site benefi ts, URLs 46–48 oversubmitting to search engines, 616 visual editors, 82 submitting to search engines, 624–627 Visual jQuery, 455 test, 606–607 visual profi le of target audience, 40, 43 validating by, 555 331_9781118404102-bindex.indd1_9781118404102-bindex.indd 664664 112/11/122/11/12 12:1212:12 PMPM Index 665 formatting with CSS, 523–528 W overview, 507–508 resources, 512 W3C semantic HTML code, writing, 519–523 general discussion, 351 W3C recommendations, 509–510 recommendations, 509–510 W3C website, 511–512 website, 511–512 web layouts, compliance with, 351–353 W3C CSS Validator, 555 The Web Standards Group, 512 W3C Link Checker, 555 The Web Standards Project, 512 W3C Log Validator, 555 WebAim WAVE Web Accessibility W3C Markup Validator, 555, 556–558 Evaluation Tool, 555 W3C Tutorial, 349 web-based statistics, in web hosting plans, W3C Unicorn Unifi ed Validator, 555 581 W3C’s CSS, 349 webdesign.tutsplus.com, 356 W3Schools Tutorial, 349 Webdeveloper.com, 439 W3Schools.com, 31, 439, 455 web-development process, 10–11 Web Accessibility in Mind, 512 web-hosted shopping carts, 104–105 web application menus, 381 webplatform.org, 355 Web Design By [Yourname] link, 24 web-safe colors, 96–97, 178–179 web editors web-safe fonts, 143–145 CSS structure, 83–85 websites. See also specifi c websites by HTML structure, 83–85 name overview, 80 blogs on, 117–118 selecting, 81–83 real-time Internet traffi c reports, 35 web fi les, saving, 87–89 web-testing checklist, 533–534 web page structure, 85–86 What’s New pages, 637 web pages, building, 86–87 white-space attribute, 319 web fi les, saving, 87–89 wide navigation menus, 73, 378–379 web format, selecting, 191–196 width attribute, 263, 321, 322, 326 web forms. See forms web graphic optimization programs, 95 width of tables, 256–258 Windows Media Player, 469, 470 web layouts. See layout Windows systems, testing sites on, web pages. See also specifi c pages by name building, 86–87 534–537 structure, 85–86 wireframes, building, 58–61 web projects, phases of, 10–11 WordPress, 22, 26, 119, 120 Web Snap setting for graphics, 199 word-spacing attribute, 318 web standards. See also DOCTYPEs World Wide Web Consortium (W3C). See accessibility standards, 528–529 W3C compliance information, posting on written client approval on designs, 170, website, 24 487 compliance with, 352, 508–509 Wroblewski, Luke, 354 CSS, 274–275 WS_FTP, 596 WYSIWYG user interface, 82 331_9781118404102-bindex.indd1_9781118404102-bindex.indd 665665 112/11/122/11/12 12:1212:12 PMPM 666 Web Design All-In-One For Dummies, 2nd Edition X Y XHTML (eXtensible HyperText Markup Yahoo!, 625 Language) Yahoo! Advertising Solutions, 625 cleaning up syntax, 542–543 Yahoo! Shops, 23 compliance information, 24 YouTube videos, embedding, 467–468 DOCTYPEs, 514–516 Yummy FTP, 596 overview, 83 templates, creating from, 488–489 W3C recommendations, 509 Z writing semantic code, 519–523 z-index attribute, 327 XHTML-CSS Validator, 555 XML (eXtensible Markup Language), 512–513 331_9781118404102-bindex.indd1_9781118404102-bindex.indd 666666 112/11/122/11/12 12:1212:12 PMPM