Index
Adobe Device Central, 83–84, 104–105, • Symbols and 209–210, 369–371 Adobe Dreamweaver Numerics • about, 67, 76–77 + (addition), 58–61 advantages of, 74–75 / (division), 58–61 automating procedures with, 133 * (multiplication), 58–61 code snippets, 81 # (pound symbol), 150–151 cons of, 70–71 \ (slash), 180 CSS, 77–78 - (subtraction), 58–61 extensions, 79–80 3D Rotation Viewer, 390 generating basic structure HTML tags 3GPP (Third Generation Partnership with, 133 Project) fi le format, 202 generating doctype with, 133 9-slice scaling, 23 Library (Assets) technology, 169 “22 Handy HTML5 and CSS3 Tools, Multiscreen views, 82 Resources, and Guides,” 43 New Document dialog box, 163–165 setting up test servers in, 91 as source code editor, 78 • A • templates, 162–166 action attribute, 195 widgets, 79–80 actions, 74 Adobe Flash. See Flash ActionScript 1.0, 209 Adobe Kuler, 299 activating forms, 195–196 Adobe Media Encoder, 203 adaptation system, 111 AdSense (Google), 308 adding Ajax, 336 event listeners to objects, 56–57 alert box (JavaScript), 49 Google search to existing site templates, alert( ) function, 48–50, 292, 294, 304 336–337 alt attribute, 307, 315 headers, 141 anatomy of blog themes, BC9–BC14 images to layouts, 154–157 Android Emulator, 374 products to shopping cart, 363–365 animations addition (+), 58–61 creating WebKit, 259–264 add-ons COPYRIGHTEDtiming, MATERIAL 263 browser, 66, 85–86 Apple Firefox, 84–87 non-support of Flash, 97 Google Chrome, 87–88 Safari website, 252 for web developers, 88–89 arithmetic operators, 58–61 administering article element, 216 blog users, BC14–BC18 artwork, creating with WebKit extensions, blogs, BC5 252–258 Adobe Creative Suite, 67 aside element, 216
229_9781118026229-bindex.indd9_9781118026229-bindex.indd 393393 88/4/11/4/11 22:37:37 PPMM 394 HTML, CSS & JavaScript Mobile Development For Dummies
ASP language, 324 automating websites ASP.NET language, 324 browsers, 268–269 attributes iPhone, 270–273 about, 18 with JavaScript, 267–284 action, 195 making changes for mobile devices, alt, 307, 315 273–281 autofocus, 226 validating forms, 282–284 background, 234 background-clip, 234 background-origin, 234 • B • background-size, 234 tag, 315 border-color, 234 backend border-image, 234 blogging, BC4–BC5 border-radius, 231, 234 defi ned, 70 box-shadow, 231, 233 background attribute, 234 color-stop, 253–254 background-clip attribute, 234 content, 243 background-origin attribute, 234 description, 312 background-size attribute, 234 device-width, 243 banner, 130 gradient, 253 basic HTML page structure, 15–16 initial-scale, 243 Big Commerce, 350 keywords, 312 Birley, Shane (author) left top, 253 Blogging For Dummies, BC2 linear, 253 bit depth, 200 maximum-scale, 243 bitmap images, compared with vector maxlength, 181 images, 198–200 minimum-scale, 243 bits per second (bps), 205 name, 243 Blogger (Google), BC6. See also blogging opacity, 234, 258 blogging outline-offset, 235 about, BC1–BC2 placeholder, 226 administering blog users, BC14–BC18 resize, 235 administering blogs, BC5 right bottom, 253 backend, BC4 size, 181, 183–184 basics, BC3–BC5 text fi eld, 181 server detect and switch options, BC6 text-overfl ow, 235 themes, BC5–BC20 text-shadow, 231, 233–234 Blogging For Dummies (Gardner and value, 181, 189 Birley), BC2 word-wrap, 235 bMobilized, 384 audio (digital), HTML5 tags for, 222 tag
229_9781118026229-bindex.indd9_9781118026229-bindex.indd 394394 88/4/11/4/11 22:37:37 PPMM Index 395
icons, 5 editing options, BC12–BC14 organization, 3–5 formatting boxes with, 136–146 border-color attribute, 234 formatting columns with, 136–146 border-image attribute, 234 formatting elements with, 188 border-radius attribute, 231, 234 formatting form labels with, 188 bots, 307, 309 formatting text with, 146–149 boxes, formatting with CSS, 136–146 future of, 44 box-shadow attribute, 231, 233 global formatting, 29–30 bps (bits per second), 205 for JavaScript quiz, 299–300
tag, 180 selectors, 137–138 browser previews (source code editors), 74 serif compared with sans-serif, 38 browsers source code editing features, 73–74 add-ons, 66, 85–86 standards, 41–44 describing objects for, 17 style types, 31–36 describing pages for, 15–17 using to layout XHTML pages, 38–41 mobile, 101 using XHTML with, 36–37 page order, 136 versions, 41–44 relationship with website automation, CGI language, 324 268–273 chapter7.css fi le, 155–157 using as testing environments, 84–91 checkboxes buttons checkbox form element, 185, 288–289 about, 189 checkbox groups form element, 185–186 creating custom, 196 storing and retrieving data in, 296–299 making hot, 151–152 Checkout (Google), 341 scroll, 107–108 choosing profi ling strategies, 124–126 search engine scripting language, 324 • C • search engines, 321–322 calculating total cost, 59 template structures, 167–171 call, 51 templates, 378–379 call to action, 129–130 Chrome (Google), 84, 87–88
229_9781118026229-bindex.indd9_9781118026229-bindex.indd 395395 88/4/11/4/11 22:37:37 PPMM 396 HTML, CSS & JavaScript Mobile Development For Dummies
colors crawling, 307, 309 editing, BC12–BC14 creating hexadecimal, 140 body containers, 142–144 color-stop attributes, 253–254 adaptive solutions with CSS3 media columns, formatting with CSS, 136–146 queries, 116 comments, 139 artwork with WebKit extensions, 252–258 Communications Technology Watch confi rmation pages, 194–195 (blog), BC3 contact forms, 190–196 composing article text for blogs, containers, 39, 138–146 BC18–BC19 custom buttons, 196 compound selectors, 138 databases for shopping cart, 352–354 compression, 204–205 dual pages for different user agents, 275 computer screen style sheets, 278–280 external CSS fi les, 134, 247–250 confi guring footer links, 153–154 products in shopping cart, 361–365 footers, 144–146 shopping carts, 358–361 headers, 141 test bed, 89–90 includes, 169 confi rmation pages, creating, 194–195 JavaScript, 250–251 consistency menu lists, 150–153 controlling with templates, 160 mobile quizzes, 285–304 maintaining, 34 mobile web pages, 132–133 constructing modular template fi les, 167–171 PHP script, 192–194 password fi elds, 182 XHTML forms, 176–179 product categories, 361–362 contact forms, creating, 190–196 product images for shopping cart, container tags (HTML5), 216–219 362–363 containers search applications, 323–328 creating, 39, 138–146 server-side detection systems, formatting, 39–41 113, 115–122 content. See also objects server-side mobile shopping carts, keywords, 312–313 350–366 matching templates to, 378–379 sidebars, 141–142 switching for non-Flash devices, 212 Sitemaps, 318 content attribute, 243 sites from dynamic mobile device contributors (blog), BC14–BC15 profi les, 100 controlling static template fi les, 167 consistency with templates, 160 WebKit animations, 259–264 text fi eld attributes, 181 WebKit gradients, 252–254 user zoom/scale, 243 WebKit transitions, 255–258 conventions, explained, 2 Creative Suite (Adobe), 67 converting CSS (Cascading Style Sheets). See also fonts for Internet Explorer, 227 CSS3 thumbnails to larger graphics, 63 about, 27–31 cost add-ons, 89 of hand-coding, 69–70 creating body containers, 142–144 online mobile E-Commerce services, 349 creating container styles, 144 of search engines, 321 creating containers, 138–146
229_9781118026229-bindex.indd9_9781118026229-bindex.indd 396396 88/4/11/4/11 22:37:37 PPMM Index 397
creating footer links, 153–154 database-driven detect and redirect creating footers, 144–146 systems, 121–122 creating headers, 141 databases, creating for shopping cart, creating sidebars, 141–142 352–354 div tag containers, 24 date element, 224 Dreamweaver, 77–78 datetime-local element, 225 editing options, BC12–BC14 declaration, 131 formatting boxes with, 136–146 default, 18 formatting columns with, 136–146 default themes (blog), BC8–BC9 formatting elements with, 188 delay property, 257 formatting form labels with, 188 density (keyword), 315–316 formatting text with, 146–149 deploying future of, 44 digital videos in web pages, 207–208 global formatting, 29–30 fl ash movies in web pages, 210–211 for JavaScript quiz, 299–300 footer includes in main web page, selectors, 137–138 170–171 serif compared with sans-serif, 38 gadgets, BC10–BC12 source code editing features, 73–74 Google search engines, 334–335 standards, 41–44 Google Searches of your website, 328–337 style types, 31–36 HTML5 form elements, 225–226 using to layout XHTML pages, 38–41 images with HTML, 200–201 using XHTML with, 36–37 online mobile E-Commerce services, versions, 41–44 348–350 CSS1, 42 shopping carts, 351–361, 366 CSS2 (CSS 2.1), 42 sidebar includes in main web page, CSS3 170–171 about, 43, 213 widgets, BC10–BC12 creating adaptive solutions with media describing queries, 116 objects for browsers, 17 formatting multicolumn layouts in, pages for browsers, 15–17 238–239 description attribute, 312 new features, 230–232 design software, advantages of, 76–82 setting up multiple columns in, 236–237 designing using, 232–240 menus, 150–154 custom meta fi elds, in search results, 328 for mobile devices, 13–15 customizing navigation, 150–154 search engines, 322 search and results pages, 326–327, shopping cart interfaces, 361 331–332 search fi elds, 331–332 detect-and-adapt system, 115–121 • D • detecting devices with JavaScript, 114–115 data storage Device Atlas, 121 about, 286, 290 Device Central (Adobe), 83–84, 104–105, in checkboxes, 296–299 209–210, 369–371 in forms, 290–292 device detection system, 111 in radio buttons, 292–296 device profi les, website design based on, 24–25
229_9781118026229-bindex.indd9_9781118026229-bindex.indd 397397 88/4/11/4/11 22:37:37 PPMM 398 HTML, CSS & JavaScript Mobile Development For Dummies
DeviceAnywhere, 375 drag-and-drop feature (HTML5), 228 device-independent, 199 drawing vector graphics, 219–220 devices. See also mobile devices Dreamweaver (Adobe) defi ning by class, 122–127 about, 67, 76–77 detecting with JavaScript, 114–115 advantages of, 74–75 orientation, 244–251 automating procedures with, 133 device-width attribute, 243 code snippets, 81 digital audio, HTML5 tags for, 222 cons of, 70–71 digital video CSS, 77–78 deploying in web pages, 207–208 extensions, 79–80 downloading, 202–207 generating basic structure HTML tags embedding, 202–207 with, 133 HTML5 tags for, 221–222 generating doctype with, 133 playing, 202–207 Library (Assets) technology, 169 using in mobile web pages, 201–208 Multiscreen views, 82 display New Document dialog box, 163–165 resolutions, 199 setting up test servers in, 91 size, 203 as source code editor, 78 display lists, compared with drop-down templates, 162–166 lists, 184 widgets, 79–80 distributed confi guration fi le, 119 Dreamweaver CS5 For Dummies
229_9781118026229-bindex.indd9_9781118026229-bindex.indd 398398 88/4/11/4/11 22:37:37 PPMM Index 399
elements. See also form elements; objects errors article, 216 avoiding with templates, 161 aside, 216 reporting, 72 checkbox, 185, 288–289 evalNow function, 302–304 checkbox groups, 185–186 event handlers, 52, 55–58 color, 225 event listeners date, 224 adding to objects, 56–57 datetime-local, 225 removing, 56–57 email, 224 events, 51–54 fi eldset, 187, 189 onclick, 54 footer, 216 onload, 54 formatting with CSS, 188 orientationchange, 244 getElementByID, 258 window.orientation, 244 header, 216 expansion with templates, 161 hgroup, 216 eXtensible HyperText Markup Language month, 225 (XHTML) nav, 216 about, 24–25 number, 224, 225 using CSS to layout pages, 38–41 object, 211 using with CSS, 36–37 range, 225 eXtensible HyperText Markup Language search, 225 (XHTML) forms section, 216 about, 176 select, 182–185 basic construction, 176–179 tel, 225 elements, 179–189 Text Area, 182 tags, 190–191 time, 224, 225 extensions (Dreamweaver), 79, 80 Url, 224 external CSS fi les, 134, 247–250 week, 225 external style sheet, 35–36 email element, 224 external styles, 33–36
229_9781118026229-bindex.indd9_9781118026229-bindex.indd 399399 88/4/11/4/11 22:37:37 PPMM 400 HTML, CSS & JavaScript Mobile Development For Dummies
Firebug add-on, 89 formatting Firefox (Mozilla) boxes with CSS, 136–146 add-ons, 84–87 columns with CSS, 136–146 fi nding and installing add-ons, 84–87 containers, 39–41 fi res, 259 elements with CSS, 188 Flash form labels with CSS, 188 on mobile devices, 208–212 multicolumn layouts in CSS3, 238–239 relationship with Apple, 97 text with CSS, 146–149 Flash Lite, 209 text with tags, 18–19 Flash Player, 208, 210 form-fi eld validation, 126 Flash Video (FLV), 208 forms. See also mobile forms fl oat property, 143 activating, 195–196 FLV (Flash Video), 208 data storage in, 290–292 tag, 18 HTML5, 223–226 fonts scripting, 192–196 converting for Internet Explorer, 227 FPS (frames per second), 202–203, 263 editing, BC12–BC14 frame size, 203 embedding, 227–228 frames per second (FPS), 202–203, 263 in HTML5, 215 framework, laying out, 130–135
229_9781118026229-bindex.indd9_9781118026229-bindex.indd 400400 88/4/11/4/11 22:37:37 PPMM Index 401
Google Search formatting text with CSS, 146–149 adding to existing site templates, 336–337 laying out framework, 130–135 deploying, 328–337 making buttons and text links hot, signing up for, 329–330 151–152 Google Site Search, 329 page order, 136 Google Standard Edition, 329 HTML (HyperText Markup Language). Google Web Fonts (website), 227 See also HTML5 Google Web Toolkit Button, 391–392 about, 10, 15 GoogleAdWords For Dummies data storage script, 290–291 (Jacobson), 315 deploying images with, 200–201 Googlebot, 314 describing pages for browsers, 15–17 Google’s Blogger, BC6. See also blogging limitations, 22–24 gradients selectors, setting up page containers attributes, 253 with, 143–144 WebKit, 252–254 source code editing features, 73–74 graphics standards, 19 with JavaScript, 62–64 starting pages, 131–135 using on mobile sites, 198–201 tables, 22–24 tags, 18–22 user interface and storage module, • H • 300–302 hand-coding using JavaScript in script, 46–51 benefi ts of, 68–71 validation with JavaScript validation, compared with Web design programs, 283–284 66–67 HTML, XHTML, & CSS All-in-One For defi ned, 65 Dummies (Harris), 3, 113 with source code editors, 72–76 tag, 16 Harris, Andy (author) HTML5 HTML, XHTML, & CSS All-in-One For about, 26, 213 Dummies, 113 container tags, 216–217 JavaScript and AJAX For Dummies, 219 deploying form elements, 225–226 head container, 46–47 doctype, 215
section, 212, 309–313 forms, 223–226 tag, 16 multimedia tags, 221–222 header element, 216 new features, 214–220 headers semantic elements, 217–218 creating, 141 HTML5 Video Player Widget, 390 defi ned, 130 HTTPS protocol, 345 hexadecimal colors, 140 hyperlinks. See links hgroup element, 216 HyperText Markup Language (HTML). home pages See also HTML5 adding images to layouts, 154–157 about, 10, 15 call to action, 129–130 data storage script, 290–291 designing menus and navigation, 150–154 deploying images with, 200–201 formatting boxes with CSS, 136–146 describing pages for browsers, 15–17 formatting columns with CSS, 136–146 limitations, 22–24229_9781118026229-bindex.indd9_9781118026229-bindex.indd 401401 88/4/11/4/11 22:37:37 PPMM 402 HTML, CSS & JavaScript Mobile Development For Dummies
HyperText Markup Language (continued) installing selectors, setting up page containers Firefox add-ons, 84–87 with, 143–144 Google Chrome add-ons, 87–88 source code editing features, 73–74 shopping cart software, 354–358 standards, 19 shopping carts, 351–361 starting pages, 131–135 test web servers, 89–91 tables, 22–24 instruction, 131 tags, 18–22 inter-case letters, 270 user interface and storage module, interface, customizing shopping cart, 361 300–302 internal styles, 32–33 using JavaScript in script, 46–51 Internet Explorer (Microsoft) validation with JavaScript validation, converting fonts for, 227 283–284 HTML5 and CSS3 support, 237 Internet resources 3D Rotation Viewer, 390 • I • Adobe Kuler, 299 tag, 315 Android Emulator, 374 icons, explained, 5 Apple Safari, 252 ID selectors, 138 Big Commerce, 350 tag, 201 iTouchMap.com, 340 includes jQuery Droppable Widget, 388 creating, 169 jQueryUI Accordion Menu, 386 defi ned, 159 jQueryUI Tab Menu Widget, 387 index.html fi le, 155 MEE Templates, 381–382 indexing MobiCart, 350 defi ned, 320 mobiHybrid, 382–383 what to index, 324–325 Mobile Phone Emulator, 376 initial fi eld value, setting up, 182 Mobile Simulator, 375 initial-scale attribute, 243 MoveToDotMobi, 380–381 inline styles, 31–32 Opera Mini Simulator, 372 innerHTML property, 258 OSWD, 382 tag, 180, 185, 189 Perfectory, 383 inserting images in blogs, BC20
229_9781118026229-bindex.indd9_9781118026229-bindex.indd 402402 88/4/11/4/11 22:37:37 PPMM Index 403
Rounded Corners, Gradients, and Drop support, 74 Shadow Widget, 391 using in HTML script, 46–51 Safari (Apple), 252 validation, 283–284 TemplateMonster.com, 161, 380 variables, 54 Templates.com, 379–380 writing a program, 48–50 Tera-WURFL, 103, 122 JavaScript and AJAX For Dummies TestiPhone, 372 (Harris), 219 Two-Column Widget, 388 jQuery Droppable Widget, 388–389 User Agent Switcher, 375–376 jQueryUI Accordion Menu, 386–387 W3C, 230 jQueryUI Tab Menu Widget, 387–388 W3C HTML5 vocabulary reference, 215 jumping to mobile pages, 274–278 W3.org, 42, 43 WebKit Open Source, 252 WordPress plug-in, BC6 • K • WURFL (Wireless Universal Resource keyboard events, 52 File), 121 keywords XAMPP, 89 about, 312–313 XML Sitemap Generator for for blogs, BC20 WordPress, BC20 density, 315–316 Yahoo Store, 350 placement, 315 YouTube, 222 site content, 313 YouTube Video Bar Widget, 387 using, 313–316 iPad Peek, 373–374 keywords attribute, 312 iPhone, 209, 270–271 kHz (kilohertz), 205 iteration, 294 Kuler (Adobe), 299 iTouchMap.com, 340 • J • • L •
229_9781118026229-bindex.indd9_9781118026229-bindex.indd 403403 88/4/11/4/11 22:37:37 PPMM 404 HTML, CSS & JavaScript Mobile Development For Dummies
loops mobile devices. See also devices for, 294 designing for, 13–15 for..in, 271 fi nding, 271–273 lossless compression, 204 mouse clicks, 106–109 lossy compression, 204 mouse events, 54 lowest common denominator, 123–124 switching to, 277 technological advances, 96–101 mobile emulators • M • Adobe Device Central, 369–371 Mac, viewing appearance of websites on Android Emulator, 374 mobile devices, 50 DeviceAnywhere, 375 macros, 74 iPad Peek, 373–374 making buttons and text links hot, 151–152 Mobile Phone Emulator, 376 managing payments in shopping carts, Mobile Simulator, 375 343–346 Opera Mini Simulator, 372 manufacture specifi cations, 105–106 TestiPhone, 372–373 markup languages, recommended, 25 User Agent Switcher, 375–376 matching templates to content, 378–379 mobile forms. See also forms maximum-scale attribute, 243 about, 175–176 maxlength attribute, 181 contact forms, 190–196 Media Encoder (Adobe), 203 XHTML, 176–189 media events, 52 mobile Internet user, 10–11 media formatting tags, 19–21 mobile operating systems, 99, 101 media queries, 116, 240 mobile pages, jumping to, 274–278 MEE Templates, 381–382 Mobile Phone Emulator, 376 members (blog), BC15–BC18 mobile quizzes menu lists, creating, 150–153 creating, 285–304 menus, designing, 150–154 data storage, 290–299 tag, 47, 135, 212, 309–313 JavaScript quiz project, 299–304 method, 268 multiphase application development, 286 Microsoft Internet Explorer user interface, 286–289 converting fonts for, 227 mobile screen style sheets, 278–280 HTML5 and CSS3 support, 237 mobile search pages Microsoft Offi ce suite, 70–71 about, 319–320 minimum-scale attribute, 243 Ajax, 336 MobiCart, 341, 350 deloying Google Search, 328–337 mobiHybrid, 382–383 designing, 326–327 mobile browsers, 101 making sites searchable, 320 mobile device detection placing Google Maps on websites, about, 112 338–340 creating server-side detection systems, search engine utilities, 320–328 113, 115–122 Web APIs, 336 detecting services with JavaScript, mobile shopping cart 114–115 about, 341–342 server-side compared with client-side creating server-side mobile shopping detection, 112–113 carts, 350–366
229_9781118026229-bindex.indd9_9781118026229-bindex.indd 404404 88/4/11/4/11 22:37:37 PPMM Index 405
deploying online mobile E-Commerce navigation, designing, 150–154 service, 348–350 navigator property, 268 requirements, 342–348 navigator.userAgent, 270 Secure Socket Layer (SSL), 345 nested color defi nitions, 254 security, 360 New Document dialog box (Dreamweaver), Mobile Simulator, 375 163–165 mobile view, 50–51 new schoolers, 11–13 mobile web pages, creating, 132–133 9-slice scaling, 23 mobile web technology, 12 non-Flash devices, switching content mobile1 profi le name, 125 for, 212 mobile2 profi le name, 125 number element, 224–225 mobile3 profi le, 126 mobile4 profi le, 126 Modify Headers add-on, 88 • O • modular template fi les, 167–171 object element, 211 money, saving with templates, 161