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 (), 308 adding , 336 event listeners to objects, 56–57 alert box (JavaScript), 49 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 , 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 (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 tag, 219–220, 267 class, defi ning devices by, 122–127 CAPTCHA, BC17–BC18 class selectors, 137 Cascading Style Sheets (CSS). class systems, refi ning, 127 See also CSS3 classifi cation strategy, 102 div tag containers, 24 click, compared with tap, 55 about, 27–31 client-side detection, compared with add-ons, 89 server-side detection, 112–113 creating body containers, 142–144 code, reducing, 34 creating container styles, 144 code completion, 72 creating containers, 138–146 code hinting, 72 creating footer links, 153–154 code snippets (Dreamweaver), 81 creating footers, 144–146 code syntax checking, 74 creating headers, 141 color coding, 72 creating sidebars, 141–142 color depth, 200 Dreamweaver, 77–78 color element, 225 color space support (CSS3), 232, 240

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 , 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

tag, 165 (Warner), 71
tag, 24, 39, 136–137, 216 Dreamweaver Exchange, 79 division (/), 58–61 drop-down lists, compared with display Docs (Google), 229 lists, 184 doctype dual orientation feature, 109 defi ned, 131 duration property, 257 HTML5, 215 doctype tag, 16 Document Object Model (DOM) • E • defi ned, 54 ease of use graphics, 62 online mobile E-Commerce services, 349 using for data storage in forms, 290–292 for search engines, 322 using with forms, 282–283 ease-in, 263 document types, of search engines, 321 ease-in-out, 263 documentation templates, 379 ease-out, 263 document.forms statement, 282 E-Commerce shopping cart document.write( ) statement, 271, 279, 281 about, 341–342 DOM (Document Object Model) creating server-side mobile shopping defi ned, 54 carts, 350–366 graphics, 62 deploying online mobile E-Commerce using for data storage in forms, 290–292 service, 348–350 using with forms, 282–283 requirements, 342–348 dots per inch (dpi), 199 Secure Socket Layer (SSL), 345 downloadable products, selling, 347 security, 360 downloading digital videos, 202–207 editing blogs, BC12–BC14 dpi (dots per inch), 199

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 tag, 207–208, 221 embedding digital videos, 202–207 • F • fonts, 227–228 fade, 255 API code, 339–340 feature phones, compared with emulators (mobile) smartphones, 98–99 Adobe Device Central, 369–371 fi eldset form element, 187, 189 Android Emulator, 374 tag, 189 DeviceAnywhere, 375 fi le groups (source code editors), 74 iPad Peek, 373–374 fi les Mobile Phone Emulator, 376 digital video, 202 Mobile Simulator, 375 font, 227 Opera Mini Simulator, 372 fi nding TestiPhone, 372–373 Firefox add-ons, 84–87 Switcher, 375–376 Google Chrome add-ons, 87–88 entering products into shopping carts, mobile blog themes, BC7–BC9 361–365 mobile devices, 271–273 search engine utilities, 320–328

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