Index
Advanced Audio Coding (AAC) format, Symbols and Numerics 394–395 @font, CSS3, 295–297 AdWords (Google), 726 3D (three-dimensional) transforms, aggregators, feed, 658 CSS3, 281, 297 AJAX (Asynchronous JavaScript and 365 project blogs, 770–772 XML), 461–462 960 grid, 70–76 Akismet plug-in, 664 alert popup, JavaScript, 472–475 Align attribute, CSS, 163 A Alt attribute, CSS, 163 alt text, 639, 699 tag, HTML, 162, 168 Amazon website, 492 AAC (Advanced Audio Coding) format, Analytics (Google). See Google 394–395 Analytics absolute links, 162 anchor points, 222 absolute position Divs (AP Divs), animation, 420, 429–431, 445. See also Dreamweaver, 304 JavaScript accessibility attributes, Dreamweaver, AP Divs (absolute position Divs), 212–213 Dreamweaver, 304 accountants, 32 apps. See also mobile pages ACID Pro program, 394 Dreamweaver CS6, 534 action, HTML form, 545 Highslide, 501–505 ActionScript, 417 mobile pages, 508–509 Active Server Pages (ASP), 132–133, professional, for generating 566–567 JavaScript, 492 Add Media dialog box, WordPress, versus websites, 125 640, 644 WOW slider, 498–501 address element, HTML5, 191–192 architecture, website, 65 Address Verifi cation Service (AVS), 678
555_9781118270035-bindex.indd5_9781118270035-bindex.indd 779779 77/6/12/6/12 77:49:49 PPMM 780 Building Websites All-in-One For Dummies, 3rd Edition
attributes integrating into website, 93 CSS, 261–264, 266–267 modifying, 765–769 HTML head element, 150–151 overview, 763 Audacity application, 400 using widgets, 767–768 audio content body element, HTML, 152 adding Flash audio to page, 396–401 body element, HTML5, 158–163 adding to WordPress blog, 644–646 Border attribute, attaching to HTML delivering message, 401–402 tag with CSS, 262 embedding fi les in HTML5 document, border-radius effect, CSS3, 284–286 395–396 borders, CSS, 264–266 exploring formats for web, 393–395 borrowed styles, CSS, 257–259 HTML5, 131 borrowing JavaScript, 463 web-ready, 107 box-shadow effect, CSS3, 288–289 Audition application (Adobe), 400
tag, HTML, 168 Autocomplete feature, code editor, 136 brainstorming, 12–14, 41 AVS (Address Verifi cation Service), 678 break tags, HTML, 159–160 brick-and-mortar business, 46 Bridge (Adobe), 379–380 B BrowserLab (Adobe), 167, 233 back-end system, 31 browsers, 130, 232–233 backing up budget, 14–15, 24 web-hosting service, 58 bulleted (unordered) lists, 160–161, website, 719–720 219–220, 253 bandwidth Business account, PayPal, 672 calculator, 57 Button Editor, Fireworks, 355 web-hosting service, 57 buttons banners creating in Fireworks, 353–359 banner exchanges, 729 exporting artwork from Fireworks, creating graphics, 377–380 376–377 exporting artwork from Fireworks, Flash navigation menu, 435–439, 376–377 441–443 optimizing PNG artwork in Fireworks, generating link in jQuery mobile, 375–376 623–624 BBEdit code editor, 137 HTML form, 546, 555–556 best practices, domain name, 51–53 navigation menu, 359–362 Bing, submitting website to, 711 optimizing PNG artwork in Fireworks, bitmaps (raster graphics), 27, 337–338 375–376 blockquote tag, applying to paragraph popup menu, 362–367 (Dreamweaver), 220 Blogger, 587, 592–593 blogs C 365 project blogs, 770–772 creating, 763–765 call to action, website, 692 defi ned, 627 CAPTCHA, 592 embedding, 587 Card Security Code (CSC), 678 iFrame, embedding with, 592–594 cascading style sheet. See CSS; CSS3
555_9781118270035-bindex.indd5_9781118270035-bindex.indd 780780 77/6/12/6/12 77:49:49 PPMM Index 781
case sensitivity, 147, 165 generating and applying, 100–102 check boxes, HTML form, 551, 554–555 mobile devices, 123–124 chicklet, RSS feed, 654 overview, 95 Chrome print color versus web color, 97–99 audio formats in HTML5 ColorSchemer documents, 395 overview, 100 CSS box-shadow effect, 288–289 Studio 2 application, 328 CSS3 border-radius effect, 285 comments, code Yahoo! YSlow tool, 692 CSS, 247 class styles, 272–274 HTML5, 169 clean code, Dreamweaver, 208 comp (client mockup), 370–371 Clean Up HTML dialog box, complex JavaScript, 479–480 Dreamweaver, 235–236 compound styles, CSS, 255–257 Clean-up HTML tools, Dreamweaver, compression application, 406 235–236 computer skills, 28–29 Client folder, 370 Constant Contact, 586, 589 client mockup (comp), 370–371 container elements, HTML, 146 clients, working for content, HTML, 129 defi ning expectations, 37–40 content, website external stakeholders, 43–49 images and media, 87–88 handing off project to client, 49–50 integrating online resources, 92–94 holding kick-off meeting, 40–42 organizing with Dreamweaver, internal stakeholders, 42–43 106–108 overview, 37 overview, 83 selling idea, 40 text, 83–87 client-side data, 544–545 website versus web presence, 88–92 client-side scripting, 456–457, 482–483 content data-role, jQuery Mobile, Client-supplied Assets folder, 370 511–513 CMS (content management system) content developer (writer), 32 PHP, 567 content development, 28 role of, 94 content management system. See CMS CMYK (cyan, magenta, yellow, and context-sensitivity, 203, 215, 302–303 black), 97 copying code blocks, PHP, 574 document content into HTML pages, code editors, 135–137, 606–607 86–87 code hinting, 205, 304–306 image to Dreamweaver document, code validator, Dreamweaver, 221 212 Code view, Dreamweaver, 138, 200, JavaScript code, 492–498 210, 224–225 copyright collaborations, 15 audio and video, 394 color coding feature, code editor, 136 digital video, 412–413 color palette, 336 respecting, 323–325 color scheme cPanel, WordPress, 629–630 accessibility, 100 credit card authorization packages, choosing colors, 95–96 676–678
555_9781118270035-bindex.indd5_9781118270035-bindex.indd 781781 77/6/12/6/12 77:49:49 PPMM 782 Building Websites All-in-One For Dummies, 3rd Edition
credit card processor interchange, 677 applying shadows to type, 289–290 CSC (Card Security Code), 678 border-radius effect, 284–286 CSS box-shadow effect, 288–289 active link state, 252 browser support, 281–283 basic skills needed, 25–26 design tools, new styles, 279–281 borrowed styles, 257–259 HTML5, 176–177 compound styles, 255–257 implementing interactivity with hover creating document, 244–247 states, 298–299 creating styles for link states, 251–253 JavaScript and, 453 external style sheets, 240, 243–244 opacity effect, 290–291 float attribute, 187 overview, 279, 284, 291 global styling, 240 rotate transform, 293–294 grouping styles, 255 scale transform, 291–292 headings styles, 247 shadows effect, 286–288 hexadecimal (hex) color values, 248 skew transform, 294–295 hover link state, 252 translate transform, 292–293 HTML and, 152–153 custom borders, CSS page layout, ID selectors, 478 264–266 Inline, 241 customer service, 24–25 inline styles, 242–243 cyan, magenta, yellow, and black JavaScript plus, 459–461 (CMYK), 97 jQuery Mobile versus, 508 jump menu, 485–486 list (li) style, 247 D meshing CSS styles with JavaScript data table, Dreamweaver, 529–531 data, 480–481 data-roles, jQuery Mobile overview, 239–242 content, 511–513 paragraph style, 246 footers, 511–513 pseudo-classes, 281, 298 headers, 511–513 RGB color values, 99 listviews, 511–513 setting properties for text, 249–251 overview, 510 styles embedded in head of pages, 510–511 document, 243 data-themes, jQuery Mobile, 513 styling lists and menus, 253–254 date element, HTML5, 191 web colors, 247–249 date functions, JavaScript, 468 CSS document, 244–247 dedicated server, 57, 666 CSS panel, Dreamweaver, 198 Dependent Files dialog box, CSS Rule Defi nition dialog box, Dreamweaver, 707 Dreamweaver, 98, 310–312 Design view, Dreamweaver CSS Styles panel, Dreamweaver, defi ned, 138 306–310 Document window, 201 CSS Zen Garden website, 258 editing new pages, 722 CSS3 generating HTML in, 225 @font, 295–297 inserting and editing images, 211 3D transforms, 297 previewing pages, 233
555_9781118270035-bindex.indd5_9781118270035-bindex.indd 782782 77/6/12/6/12 77:49:49 PPMM Index 783
designing pages creating media query in, 316–318 class styles, 272–274 creating site in, 108–114 creating boxes with ID styles, CSS Rule Defi nition dialog box, 270–271 310–312 CSS for page layout elements, CSS Styles panel, 306–310 261–267 defi ning, 104 with media queries, 274–277 Document window, 200–201 overview, 261 editing new pages with, 722–724 designing site forms, 609–614 e-commerce, 757–759 generating and editing JavaScript, 516 mobile-friendly, 121–125 generating HTML, 221–226 development practices, HTML5, head content, 229–231 169–171 images, 211–216 digital video. See DV Insert Div Tag dialog box, 302–304 dithering, 332, 387–389 Insert menu, 203 DIV tags, 228, 478 jQuery mobile form fi elds, 617–624 DIY forms, 544 managing fi les with, 104–105 DIY JavaScript, 456. See also managing sites, 114–120 JavaScript organizing content for site, 106–108 DIY mail form PHP script, 592 overview, 103, 197–198, 301–302, 605 Docs (Google). See Google Docs panels, 201–202 DOCTYPE declaration, 147–148 pasting text into, 87 Document Type Declaration (DTD), 145 previewing HTML documents on Document Type Defi nition (DTD), 145 mobile devices, 314–315 Document window, Dreamweaver, Properties Inspector, 202–203 200–201 scripting PHP in, 605–609 documents setting preferences, 204–205 creating with Flash, 425–427 testing pages and validating code, CSS, 244–247 232–236 HTML, 205–210 text, 210–211, 217–220 HTML5, 395–396 as tool for creating HTML, 138 scope, 11, 41 uploading site with, 705–708 word-processor, saving as HTML view options, 226–229 fi les, 86 Welcome screen, 198–200 domain extensions, top-level, 52 drop-down menus, JavaScript, 450, 490 domain name, 51–55 Drupal, 31, 94 download speed, mobile devices, DTD (Document Type Declaration), 145 124, 453 DTD (Document Type Defi nition), 145 Dreamweaver. See also Spry widgets DV (digital video) adding JavaScript validation in, avoiding pitfalls, 412–413 614–617 capturing video, 404–405 applying CSS3 effects and transforms encoding video, 406 in, 312–314 overview, 404 code hinting, 304–306 dynamic data, complex JavaScript, 480 creating HTML document, 205–210
555_9781118270035-bindex.indd5_9781118270035-bindex.indd 783783 77/6/12/6/12 77:49:49 PPMM 784 Building Websites All-in-One For Dummies, 3rd Edition
video, 93, 413–415 E weather, 600–601 e-commerce evaluating tools for HTML, 135–138, integrating into website, 93 140–143 integrating with credit card expanding site, 742–745 authorization packages, 676–678 exporting website, with Dreamweaver, overview, 90–91, 665, 679–681 119–120 PayPal Account, 671–675, 681–685 external blogs, embedding with PayPal Website Payments Pro, iFrame, 592–594 675–676 External CSS, 242 Shopping cart app, 686–687 external stakeholders site example, 757–762 defi ned, 42 SSL, 678–679 overview, 43–44 Web-hosting services, 665–671 personas (profi les), 43–45, 47–49 Edge (Adobe), 445, 463 target audience, getting information Edit Custom Page Style page, from, 45–47 PayPal, 673 external style sheets editing CSS, 240, 243–244 digital video, 405 Dreamweaver, 229 JavaScript code, 492–498 jQuery Mobile pages, 536–537 F Spry Menu Bar, 525 Spry Tooltip, 522 Facebook Spry widgets, 518–519 promoting website with, 730 styles in CSS Styles panel, 308 using to draw people to blog, 662 website, with Dreamweaver, 118 FaceTime, 28 effects, CSS3 Fair Use Clause, copyrights, 323 border-radius effect, 284–286 Fantastico, 764 box-shadow effect, 288–289 feed data, complex JavaScript, 480 opacity effect, 290–291 feedback, 15–18, 34, 542–543 overview, 284 FeedBurner, 656–657 shadows effects, 286–288 fi eld IDs, Dreamweaver, 612 text-shadow effect, 289–290 fi elds, HTML forms, 550–556 elements, HTML, 145–152. See also figcaption element, HTML5, 190 HTML5 figure element, HTML5, 190 e-mail, 59, 696 File Transfer Protocol (FTP), 705 embedding Files panel, Dreamweaver, 115–117, audio content in HTML5 document, 198, 706 395–396 FileZilla FTP client, 705, 708–710, 720 external blogs with iFrame, 592–594 Firefox Google map with iFrame, 599–600 audio formats in HTML5 images, HTML5, 163–164 documents, 395 live data, 584–589 CSS box-shadow effect, 288–289 RSS feed, 601–603, 655 CSS3 border-radius effect, 285–286 styles, in head of CSS document, 243 Yahoo! YSlow tool, 692 updatable variable in pages, 477–479 FireWire, 405
555_9781118270035-bindex.indd5_9781118270035-bindex.indd 784784 77/6/12/6/12 77:49:49 PPMM Index 785
Fireworks footer data-role, jQuery Mobile, 511–513 basic skills needed, 26–27
555_9781118270035-bindex.indd5_9781118270035-bindex.indd 785785 77/6/12/6/12 77:49:49 PPMM 786 Building Websites All-in-One For Dummies, 3rd Edition
GIF image fi le format, 331–332, 371–374, hex (hexadecimal) color values 387–392 CSS, 248 global styling, CSS, 240 RGB color mode, 97 goals, setting, 10–11 hgroup element, HTML5, 184–185 GoDaddy website, 53–54 Highslide app, 501–505 Google Highslide Editor application, 502 Insights tool, 638–639 hiring web team, 30–32 Keyword tool, 700–703 history object, JavaScript, 475–476 map, embedding with iFrame, hits, website, 714 599–600 home page, 742 search box, embedding, 595–596 horizontal menu bar, JavaScript Kit, submitting website to, 711 493–495 Web Elements search, 595 horizontal scrolling, 72 Google AdWords, 726 host (webmaster), 32 Google Analytics host servers, 32 defi ned, 717 href attribute, CSS, 150 integrating with blog, 662 HTML (HyperText Markup Language). Google Checkout system, 760 See also forms, HTML Google Chrome. See Chrome adding form input validation with Google Custom Search, 587 JavaScript, 613 Google Docs adding JavaScript to page, 465–467 saving word-processor documents as applying tags with Properties HTML fi les, 86 Inspector, Dreamweaver, 217–220 as tool for creating HTML, 143 ASP pages, 132–133 Google Webmaster tools, 715–717 basic skills needed, 25–26 Graphic symbol, Flash, 428 body element, 152 graphics, 338–348 building basic page, 144–147 graphics applications, 22–23, 26–27 complex JavaScript, 479–480 grouping styles, CSS, 255 copying and pasting document content into, 86–87 creating documents with H Dreamweaver, 205–210 H.264/MPEG-4 video format, 402 CSS and, 152–153 head content, Dreamweaver, 229–231 dynamic role of links in, 131–132 head element, HTML, 148–152 editor, 21–22 header data-role, jQuery Mobile, evaluating tools for, 135–143 511–513 generating, 221–226
555_9781118270035-bindex.indd5_9781118270035-bindex.indd 786786 77/6/12/6/12 77:49:49 PPMM Index 787
overview, 129–130, 133–135 Hulu, Tooltips, 519 PHP pages, 132–133 HyperText Markup Language. See saving word-processor documents as forms, HTML; HTML fi les, 86 HyperText Markup Language 5. templates, 144 See HTML5 HTML5 (HyperText Markup Hypertext Preprocessor. See PHP Language 5) address element, 191–192 applying to page layout, 194–195 I article element, 179, 186 ID selectors, CSS, 478 aside element, 179, 186–188 IE (Internet Explorer) audio content, embedding in audio formats in HTML5 document, 395–396 documents, 395 body element, 158–163 box model bug, 263 CSS3, 176–177 CSS box-shadow effect, 288–289 deploying in non-HTML5 CSS3 and, 283 environments, 192–194 CSS3 border-radius effect, 285 development practices, 169–171 iFrame, 592–594, 599–600 elements, 179–180 iFrame tag, HTML, 593 enabling script, 193 Illustrator (Adobe), 27, 70–71 figcaption element, 190 image formats figure element, 190 GIF, 331–332, 371–374, 387–392 footer element, 179, 188 JPEG, 332–333, 374–375, 383–387 forms, 556–558 overview, 331 header element, 179, 182–183 PNG image fi le format, 333–334 hgroup element, 184–185 Image Rotator Magic plug-in, 754–755 images, embedding, 163–164 images instant starter page, 189–190 adding to WordPress blog, 640–644 integrating tags, 180–181 defi ning attributes, 215–216 metadata tags, 190–192 embedding, HTML5, 163–164 native video, 175–176 getting ready for web with nav elements, 183–184 Photoshop, 350–351 organizing header content with HTML5, 131 hgroup element, 184–185 inserting in Dreamweaver overview, 155–158, 173–175 documents, 212–213 saving and testing web pages, mobile devices, 123 164–167 overview, 211 section element, 186 pasting into Dreamweaver, 213–215 standardizing content organization preparing, 87–88 and page layout, 177–178 IMDb (Independent Movie Database) tags, 168–169 page, 131–132 time element, 178, 191 tag, HTML, 168
555_9781118270035-bindex.indd5_9781118270035-bindex.indd 787787 77/6/12/6/12 77:49:49 PPMM 788 Building Websites All-in-One For Dummies, 3rd Edition
inbound links, 725 embedded, 468–469 Independent Movie Database (IMDb) embedding updatable variable in page, 131–132 pages, 477–479 inline CSS, 241–243 Flash and, 452–453 inline JavaScript, 468 HTML and, 455–456 Input Tag Accessibility Options dialog HTML5 enabling script, 193 box, Dreamweaver, 611–612 implementing interactivity with hover Insert Div Tag dialog box, states, 298 Dreamweaver, 302–304 inline, 468 Insert menu, Dreamweaver, jQuery, 462 203, 222–224 jQuery Mobile, 462 Insert panel, Dreamweaver, 221–222 jump menu, 484–485 inset, CSS box-shadow effect, 288 linked, 470 instant starter page, HTML5, 189–190 meshing CSS styles with, 480–481 interactivity. See JavaScript not using or disabling, 470–472 interface, Flash CS6, 418 open source options for, 463 internal stakeholders, 42–43 origin of name, 457 Internet overview, 449, 465 fraud, 677–678 plus CSS, 459–461 requisite skills, 28–29 role in mobile pages, 453–455 Internet Explorer. See IE select menu, 481–486 issuing bank, 676 using for navigation, 475–477 iStockphoto website, 323 JavaScript Kit, 488, 493–495 iWork, 86 job titles, 30 Joomla!, 31, 94 JPEG image fi le format, 332–333, J 374–375, 383–387 JavaScript. See also generating jQuery Mobile JavaScript; Spry widgets challenges of mobile design, 506–507 adding form input validation with, customizing data-themes, 513 613–614 data-roles, 510–513 adding to HTML page, 465–467 form fi elds, 617–624 AJAX, 461–462 JavaScript libraries, 488 alert popup, 472–475 linking scripts, 509 animating and making CSS3 effects mobile devices, 122 interactive, 281 mobile pages and apps, 508–509 borrowing, 463 overview, 507–508 client-side scripting, 456–457 scripts to divert mobile users, code, 458–459 513–514 combining CSS3 effects and Starter pages, 534–535 transforms with, 176 jump menu complex, 479–480 CSS, 485–486 CSS and, 455–456 HTML, 483–484 date functions, 468 JavaScript, 481, 484–485 DIY, 456 Jupiterimages website, 323 Dreamweaver and, 462, 515–516, 534–538
555_9781118270035-bindex.indd5_9781118270035-bindex.indd 788788 77/6/12/6/12 77:49:49 PPMM Index 789
listview data-role, jQuery Mobile, K 511–513 keyframes, Flash Timeline, 422 Live Code, Dreamweaver CS6, 228 Keyword Discovery, 728 live data keywords building pages with, 578–580 domain names, 53 connecting with visitors, 583–584 JavaScript, 467 defi ned, 132 SEO, 698–699 DIY mail form PHP script, 592 kick-off meeting, 40–42 embedding, 584–589, 592–594, Korogodskiy, Iggy, 490 600–603 Kuler (Adobe), 100–101 managing mail list, 589–592 MySQL, 569–571 options, 565–566 L overview, 563–566, 583 search box, 594–598 labels Spry widget, 528–534 Dreamweaver, 612 Live view, Dreamweaver, 164, 227, HTML form, 547–548 533–534, 536 LAMP, 568 logos, 324–325 Lempel-Ziv-Welch (LZW) long scripts, 459 compression, 334 lossless format, 334 li (list) style, CSS, 247 lossy format, 394 lighting, mobile devices, 123 LZW (Lempel-Ziv-Welch) link exchanges, 725–726 compression, 334 linked JavaScript, 459, 470 LinkedIn, 730 linking M CSS style sheets, 149–150, 308–309 Dreamweaver generating JavaScript Magic toolbox, 496–498 content with Spry widgets, 517 mail list management, 92, 586–592 jQuery Mobile scripts, 509 MailChimp, 590–592, 747, 774–778 reciprocal, 725–726 maintaining site, 49, 719–724, 745–747 links MAMP, 568, 582 body element, HTML5, 162–163 Manage Sites dialog box, creating styles for, 251–253 Dreamweaver, 111, 118 dynamic role of in HTML, 131–132 Margin attribute, CSS, 262–264 link targets, 219 marketing site link titles, 219 link exchanges, 725–726 managing with Dreamweaver, 105 overview, 724–725 mobile devices, 123 pay per click promotion, 726–729 overview, 218–219 promoting with social media, 730–731 from site to other elements of web reciprocal linking, 725–726 presence, 91 techniques, 729 list (li) style, CSS, 247 MasterCard SecureCode system, 678 lists McLuhan, Marshall, 84 body element, HTML5, 160–161 media. See web media CSS, 253–254 media designer (web designer), 31 Dreamweaver, 219–220
555_9781118270035-bindex.indd5_9781118270035-bindex.indd 789789 77/6/12/6/12 77:49:49 PPMM 790 Building Websites All-in-One For Dummies, 3rd Edition
Media Encoder (Adobe), 403, multistate button, Fireworks, 406–408, 410 358–359 media queries MySQL, 569–571 designing pages with, 274–277 mobile devices, 122 providing alternate content for N mobile users, 513–514 naming HTML fi les, 165–166 medium-sized images, 107 native video, 173, 175–176 menu bar, Spry widget, 520, 523–525 nav elements, HTML5, 179, 183–184 menus, CSS, 253–254 navigation, 475–477, 692 tag, HTML, 700 navigation menu meta tags, HTML head element, 151–152 buttons, 359–362 metadata, 229 defi ned, 253 metadata tags, HTML5, 190–192 Flash, 418, 434–445 methods, JavaScript, 466–467 navigation structure, website, 79–81 Microsoft Expression Web, 22 networking, 29 Microsoft Internet Explorer. See IE New CSS Rule dialog box, Microsoft Offi ce applications, 142–143. Dreamweaver, 303–304 See also Microsoft Word New Document dialog box Microsoft Word Dreamweaver, 205–209 copying and pasting into HTML- Flash, 425–427 editing program, 29 newsletter, online, 773–778 copying and pasting text into niche website, 14 Dreamweaver, 232 960 Grid System website, 75 saving word-processor documents as non-container element (void element), HTML fi les, 86 148–149 as tool for creating HTML, 140–142 Notepad code editor, 135–136 mind mapping, 13 numbered (ordered) lists, MindNode Pro application, 13 219–220, 253 Miro Video Encoder, 403 mobile devices form fi elds for, 559–562 O implementing interactivity, 299 mobile pages objects apps and, 508–509 creating with Flash, 427–428 creating, 534–537 JavaScript, 466–467 editing themes, 537–538 Ogg Vorbis format, 394–395 overview, 534 OmniGraffl e program, 80–81 role of JavaScript in, 453–455 onclick event handler, JavaScript, 467 saving, 538 online newsletter, 773–778 mobile plug-ins, 124 online payments, 676–677. See also mobile-friendly sites, 121–126 PayPal Account motion tween animation, 420 online resources, 92–94, 487–492 Mozilla Firefox. See Firefox onload event handler, JavaScript, 467 MP3 audio format, 394–395 onunload event handler, JavaScript, 467 multimedia content, 29, 639–649 opacity effect, CSS3, 290–291
555_9781118270035-bindex.indd5_9781118270035-bindex.indd 790790 77/6/12/6/12 77:49:49 PPMM Index 791
open source photography web site, 751–756 content management systems, 31 photos for JavaScript, 463 overview, 380 Opera, 285–286, 288–289, 395, 692 resizing for web, 380–382 optimizing using Photoshop save for Web & defi ned, 31 devices command, 383–392 GIF image, 332, 339, 371–374 using professional optimization JPEG artwork, 374–375 techniques, 382 professional optimization techniques, Photoshop 382 adding to graphics toolbox, 349 testing site, 691–703 basic skills needed, 26–27 option element, JavaScript jump color palette, 336 menu, 483 getting images ready for web with, ordered (numbered) lists, 219–220, 253 350–351 organizing fi les, 106 overview, 23, 27, 348 P resizing image, 382 Padding attribute, CSS, 262–264 Photoshop save for Web & devices page data-role, jQuery Mobile, 510–511 command, 383–392 page layout, CSS, 261–267 PHP Page Properties dialog box, adding form input validation with Dreamweaver, 230 JavaScript, 614 page titles, 148–149, 229, 231 code blocks, 574 panels collecting form data, 575–576 Dreamweaver, 115–117, 198, collecting string values with $_POST 201–202, 706 variable, 574–575 Flash, 423 combining form actions and, 572–573 paragraph style, CSS, 246 commercial-level mail lists, 577 paragraph tags, HTML, 217–218 forms, 571–572 paragraphs, HTML5, 159–160 HTML and, 132–133 password format, HTML forms, live data, 563–567, 569–571, 578–580 552–553 mail() function, 575 password-protected page, JavaScript, scripting in Dreamweaver, 605–609 488–490 string variables, 574 pasting testing form action linked to PHP document content into HTML pages, script, 577 86–87 testing in server, 581–582 JavaScript code, 492–498 placeholder items, 16 pay per click promotion, 726–729 placeholder values, HTML5, 557 PayPal Account, 56, 671–675, 681–685 planning website PayPal Website Payments Pro, 675–676 designs, 64–67 permalink, blog post, 639 fl owcharts, 64–67 personas (profi les) overview, 64 creating, 43–45 site maps, 64–67 using to develop content, 47–49 wireframes, 64–67 PhoneGap (Adobe), 125, 534, 538 plug-ins, 124, 175. See also specifi c plug-ins by name
555_9781118270035-bindex.indd5_9781118270035-bindex.indd 791791 77/6/12/6/12 77:49:49 PPMM 792 Building Websites All-in-One For Dummies, 3rd Edition
PNG (Portable Networks Graphics), referrers, website, 714–715 333–334, 339, 375–376 referring website, 45–46 podcast, 656 registering domain name, 55 point person, web team, 29, 34 rel attribute, CSS style sheets, 150 popup menu, creating, 362–367 relative links, 162 Portable Networks Graphics (PNG), remote server connection, 333–334, 339, 375–376 Dreamweaver and, 110–113 portrait orientation, resizing image researching domain name, 53–55 with, 380 resolution, 87, 337–338 PowerPoint, 142 resources, assessing preferences, Flash, 431–432 building web team, 33–35 previewing choosing graphics application, 22–23 Dreamweaver in browser, 232–233 choosing HTML editor, 21–22 web pages, 166–167 computer and Internet, 28–29 print color, 97–99 content developer/writer, 32 producers, 30 CSS, 25–26 profi les (personas) customer service, 24–25 creating, 43–45 developing content, 28 using to develop content, 47–49 Fireworks, 26–27 programmer (web developer), 31 graphics applications, 26–27 project manager, 30 handling solo project, 29 project purpose, 12 HTML, 25–26 properties, JavaScript, 466–467 incorporating multimedia in Properties Inspector project, 29 Dreamweaver, 198, 202–203, 217–220 managing project, 23–24 Flash, 424 overview, 21, 23, 30 pseudo-classes, CSS, 281, 298 Photoshop, 26–27 Publish Settings dialog box, Flash, 444 professionals, 33 Python, 567 project manager, 30 scripting, 25–26 web designer, 31 Q web developer (programmer), 31 QuickTime Player, 175 webmaster/host, 32 return on investment (ROI), 773 RGB (red, green, and blue) color mode, R 87, 97 ROI (return on investment), 773 radio button groups, HTML forms, 555 rotate transform, CSS3, 293–294 raster graphics (bitmaps), 27, 337–338 royalty-free recordings, 394 rate hosting services, 56 RSS chicklet, 657–658 read-only fi les, Dreamweaver, 204 RSS feed really simple syndication. See RSS feed embedding, 601–603 reciprocal linking, 725–726 integrating with social media, 654–660 red, green, and blue (RGB) color mode, RSSinclude website, 602 87, 97 Ruby, 566–567 redesigning site, 19–20, 733–742
555_9781118270035-bindex.indd5_9781118270035-bindex.indd 792792 77/6/12/6/12 77:49:49 PPMM Index 793
SEO (search engine optimization) S graphics, 279–280 Safari improving, 184 audio formats in HTML5 optimizing and testing site, 698–700 documents, 395 WordPress blogs, 637–639 blocking form styles, 486 serif font, 329 CSS box-shadow effect, 288–289 servers CSS3 border-radius effect, 285–286 defi ned, 32, 132 Yahoo! YSlow tool, 692 JavaScript and, 451 saving web-hosting service, 57 HTML5 web pages, 164–167 server-side data, 544–545 word-processor documents as HTML server-side includes (SSIs), 578–580 fi les, 86 server-side scripts, 104, 529, 566–567. scale transform, CSS3, 291–292 See also PHP scope creep, 12, 35 shadows effects, CSS3, 286–288 scope document, 11, 41 shared server, 57, 666 scope of site, 11–12 ShareThis service, 659