Index

absolute but fl exible layout. Special Characters See also layout and Numerics creating, 328–329 description, 326 (comment) tag, 13 heights, 329 != (not equal) operator, 363, 545 margins, 329 $ (dollar sign), 460 overview, 326 % (percent sign), 680 percentages, 326–328 & (ampersand), 528 widths, 329 * (asterisk), 461, 464 absolute layout . (period), 460, 463 CSS, 324–325 / (slash), 12, 342, 462 overview, 322–324 : (colon), 162, 368, 419, 551 XHTML, 324 ; (semicolon), 162, 342, 510, 666 absolute measurements, 189–190 { (left brace), 362, 369 absolute positioning { } (curly braces), 162, 363, 368–369, 464 absolute but fl exible layout } (right brace), 362, 368 creating, 328–329 + (plus sign), 355, 461, 464 description, 326 < (less than) operator, 363, 545 heights, 329 <= (less than or equal to) operator, 545 margins, 329 <> (angle braces), 12 overview, 326 = (equal sign), 364, 528, 678 percentages, 326–328 == (equality) operator, 363, 545, 678 widths, 329 > (greater than) operator, 363, 375, 544–545 absolute layout >= (greater than or equal to) operator, CSS, 324–325 375, 545 overview, 322–324 , (comma), 419 XHTML, 324 “ “ (double quotes) description, 317 coding with, 510 HTML, 318 double quote interpolation, 515 position guidelines, 318–319 embedding quotes within, 431 settings, 319–320 local styles, 242 COPYRIGHTEDz-index MATERIAL property, 320–322 ‘ ‘ (single quotes), 666 absolute references, 89 3D Button fi lter (IrfanView), 113 Accordion tool (jQuery UI), 798, 824–827 action attribute, 524, 534 addClass( ) event, 763 A addContactCSV.php program, 602–603 a value, 593 addContact.php program, 596–597 (anchor) tag, 84–86 addInput.html program, 357–358

559_9780470537558-bindex.indd9_9780470537558-bindex.indd 985985 110/7/100/7/10 99:01:01 PMPM 986 HTML, XHTML & CSS All-in-One For Dummies, 2nd Edition

Adobe Fireworks, 942 AJAXtabs.html program, 831–832 Adobe Flash AJAXtest.html program, 844–845 binary encoding, 262 alert( ) method, 342 disadvantages of, 261–262 alert statement, 345 search engine problems, 262 Align tool (Gimp), 952 technical issues, 262 alt attribute, 98 updating issues, 262 alternate text, 98 in Web-based fonts, 184 ampersand (&), 528 Adobe Photoshop, 942 anchor () tag, 84–86 Airbrush tool (Gimp), 945 AND clause, 725 AJAX (Asynchronous JavaScript and XML) angle braces (<>), 12 asynchronous transactions, 733 animate( ) method, 489, 492, 785 client-side inclusion, 964–966 :animated fi lter (jQuery), 796 CMS, building with, 766–769 animated GIFs, 105 connections animate.html program, 779–782 asynchronous, 741–742 animation checking status, 740–741 automatic motion getAJAX( ) function, 743–744 code, 484–485 HTML forms, building with, 737 overview, 483–485 opening to server, 739 setInterval( ) call, 485–486 overview, 734–737 boundaries, checking, 474–475 reading responses, 745 tag, 155 sending requests and parameters, 740 global variables, 471–472 setting up program, 743 HTML code, 468–470 XMLHttpRequest object, 738–739 image-swapping description, 731 animating sprites, 489–490 features of, 731–732 fi le format, 487 JavaScript in, 733 fi le size, 487 libraries, 747–748 global variables, 488–489 multipass application interval, setting up, 489 HTML framework, setting up, 849–850 names, 487 loadlist.php program, 851–852 overview, 486–487 overview, 847–849 page, building, 487–488 responding to selections, 852–853 preparing images, 487 select element, loading, 850 subdirectory, 487 showHero.php script, 853–854 transparency, 487 sending requests init( ) function, 472 overview, 843–844 JavaScript, 470–471 PHP, simplifying, 846–847 jQuery sending data, 844–846 alternating styles, 795 tabs, using with, in jQuery, 830–833 callback function, 785 text fi les, including with, 765–766 changing position with, 779–782 XML in, 734 cloning, 793–794

559_9780470537558-bindex.indd9_9780470537558-bindex.indd 986986 110/7/100/7/10 99:01:01 PMPM Index 987

CSS in, 775–776 moving sprites, 497 events, setting up, 782–783 overview, 490–492 fading elements in and out, 779 swapping, 492 fi lters, 796 updating images, 497 framework, creating, 782 reading input from keyboard, 475–476 hiding and showing content, sprite div, 467–468 771–773, 777 timer-based movement, 484–485 HTML in, 775–776 anti-aliasing, 945 initializing code, 792 antsFunction.html program initializing page, 776–777 chorus( ) function, 400 JSON object, 785 code, 397–399 modifying elements, 786–791 distraction, 401 move( ) function, 784 passing data to and from functions, node chaining, 783–784 398–401 page, building, 791 text, creating, 401–402 relative motion, 785–786 verse function, 400–401 resetting page, 795–796 antsParam.html program, 398–399 sliding elements, 778 Apache, 644, 872–873 speed attribute, 785 append( ) method, 792, 821 text, adding, 792–793 append mode, 598 time-based animation, 785 Apple Safari, 52 toggling visibility, 778 Apple Webkit framework, 52 transition support, 773–775 Aptana Studio. See also Integrated wrap method, 794–795 Development Environments (IDE) keyboard, reading input from automatic end tag generation, 58 event handlers, 478 on CD-ROM, 981 init( ) function, 477–478 changing extension, 61 key codes, 480 changing initial contents, 61 overview, 475–476 changing view, 61 page, building, 476–477 code completion, 338 responding to keystrokes, 479–480 customizing, 60–61 mouse-following effect debugging, 380–381 followMouse.html, 481–482 error detection, 58, 339 initializing code, 482 features of, 58–60 listener, 483 fi le management tools, 58 moving sprites, 472–474 help fi les, 338–339 overview, 467–468 HTML editor preferences, 60 preloading images issues with, 61 building code, 494–495 Outline view, 58–59 global variables, 495–496 Page preview, 58 initializing data, 496 syntax completion, 58, 338 loadImages( ) method, 496–497 writing JavaScript editor with, 338–339 movement, 492 XHTML template, 58

559_9780470537558-bindex.indd9_9780470537558-bindex.indd 987987 110/7/100/7/10 99:01:01 PMPM 988 HTML, XHTML & CSS All-in-One For Dummies, 2nd Edition

arguments, defi ned, 583 associative arrays. See also arrays arrays creating, 567 accessing, 405–406 extracting rows as, 620 associative foreach, using with, 568–570 creating, 567 normal arrays versus, 568 extracting rows as, 620 asterisk (*), 461, 464 foreach, using with, 568–570 asynch.html program, 742–743 normal arrays versus, 568 Asynchronous JavaScript and XML (AJAX) breaking strings into, 574–577 asynchronous transactions, 733 code, 405 client-side inclusion, 964–966 creating CMS, building with, 766–769 with explode, 574–575 connections overview, 559 asynchronous, 741–742 with preg_split, 576–577 checking status, 740–741 defi ned, 395 getAJAX( ) function, 743–744 description, 355 HTML forms, building with, 737 fi lling, 559–560 opening to server, 739 in HTML, 565–567 overview, 734–737 loops reading responses, 745 for loop, 406–407 sending requests and parameters, 740 foreach loop, 564–565, 568–570 setting up program, 743 overview, 562–567 XMLHttpRequest object, 738–739 multidimensional, 570–574 description, 731 objects, 395 features of, 731–732 one-dimensional JavaScript in, 733 creating, 559 libraries, 747–748 fi lling, 559–560 multipass application preloading, 562 HTML framework, setting up, 849–850 viewing elements of, 560–561 loadlist.php program, 851–852 preloading, 562 overview, 847–849 two-dimensional responding to selections, 852–853 calculating distance with, 573–574 select element, loading, 850 code, 411 showHero.php script, 853–854 description, 409 sending requests main( ) function, 411–412 overview, 843–844 setting up, 410–411 PHP, simplifying, 846–847

tag, 143 sending data, 844–846 ASCII fi les, 666 tabs, using with, in jQuery, 830–833 ascii_general_ci collation setting, 661 text fi les, including with, 765–766 askName.html program, 523 XML in, 734 ASP.NET, 503 :attribute=value fi lter (jQuery), 796

559_9780470537558-bindex.indd9_9780470537558-bindex.indd 988988 110/7/100/7/10 99:01:01 PMPM Index 989

attributes, defi ned, 75 basicColors.html program, 159–161 audience basicDL.html program, 73 broadband access, 900 basicForm.html program, 123 browsers used by, 900 basicLinks.html program, 85 computers used by, 900 basicOL.html program, 67–68 determining, 899–900 basicTable.html program, 74–75 mobile devices used by, 900 batch processing, 101, 115–117 profi ciencies, 900 Bezier path, 948

559_9780470537558-bindex.indd9_9780470537558-bindex.indd 989989 110/7/100/7/10 99:01:01 PMPM 990 HTML, XHTML, & CSS All-in-One For Dummies, 2nd Edition

borders (continued) Firefox, 51–52 codes, 220 advantages of, 51–52 colors, 220 on CD-ROM, 981 dashed, 221 code view, 52 dotted, 221 debugging, 383 double, 221 displaying XHTML pages on, 26–27 groove, 221 error-handling, 52 inset, 221 extensions, 52, 57 outset, 221 history, 50 overview, 219 HTML Validator, 54–55 partial, 222–224 Web Developer toolbar, 55–56, 170–172 ridge, 221 incompatibility, 19 shaded, 220 Internet Explorer shortcut, 222 debugging JavaScript, 381–383 solid, 221 displaying XHTML pages on, 26–27 styles, 221 history of, 50 temporary, 283–284 older versions of, 51 two-column design, 285–287 overview, 50–51 width, 220 support for HTML 5, 156 boundaries loading page into, 11 animation, 474–475 Mosaic, 49 word, 464 Mozilla, 52 box model. See also borders multiple, 43 block-level elements, 224–225 Netscape, 49 border, 225–228 Opera, 52 centering in, 226–228 portable, 53 description, 224 Safari, 52 inline elements, 224–225 text-only, 53 margins, 225–228 use in Web development, 44 overview, 224–225 Webkit framework, 52 paddings, 225–228 buildBlock.html program, 973–976
tags, 623 buildBlock.php program, 976–977 break statement, 370 buildContact.sql script, 666–667, 673 breakpoint, 387, 389 bullets, 66 brightness, 109 business rules, 703 broadband access, 900 button events, 428 browsers tag, 139 Chrome, 52 buttons. See also multiple selections in client-side development system, 870 code, 136 description, 10 description, 123 extensions, 870 events, managing, 428–431 input-style, 137–138 multiple selections, 450

559_9780470537558-bindex.indd9_9780470537558-bindex.indd 990990 110/7/100/7/10 99:01:01 PMPM Index 991

radio, 134–136 quote problems in, 242 check boxes versus, 135 readability of, 242 code, 135–136, 456 using, 241 creating, 134–136 overriding styles, 249–250 description, 122 overview, 170 name attribute, 455 precedence of style defi nitions, 250–251 Reset, 138 user preference, 250 Submit, 138 CDATA element, 438 turning links into, 301–302 CD-ROM Aptana Studio 2.0, 981 C author-created material, 981 customer care, 984 .ca domain, 87 Dia, 981 caches, defi ned, 750 FileZilla, 981 camel-casing, 584 Firefox, 981 tag, 152–155 GIMP, 981 CAPTCHA, 595 HTML Tidy, 982 carriage returns, 14 installing items from, 980 Cartesian join, 717 IrfanView, 982 Cascading Style Sheets (CSS) IZArc, 982 body style, 250 jEdit, 982 changing, 170–172 jQuery, 982 class, 250 Komodo Edit, 982 codes, 247–248 KompoZer, 983 conditional comments, 251–256 Notepad ++, 983 container elements, 250 SQLite, 982 design, 898 system requirements, 979 element id, 250 troubleshooting, 984 element styles, 250 WebsiteBaker, 983 external style sheets, 242–246 XAMPP, 983 hierarchy of styles, 248–249 XnView, 984 incompatibility, 251–252 cellphones, browsing with, 53 inheriting styles, 247–248 cels, 952 Internet Explorer-specifi c code, 252–253

tag, 183, 196 local styles centered fi xed-width layout, 295–298 awkwardness of, 242 change alternative paragraphs code, 240–241 button (jQuery), 788 description, 239 Change event (jQuery), 763 disadvantages of, 242 changeColor( ) function highest precedence in, 250 description, 430–431 ineffi ciency of, 242 writing, 431 lack of separation in, 242

559_9780470537558-bindex.indd9_9780470537558-bindex.indd 991991 110/7/100/7/10 99:01:01 PMPM 992 HTML, XHTML, & CSS All-in-One For Dummies, 2nd Edition

changeDocument.html program, client-side programming, 501–502 788–790 clone( ) function, 793–794 CHAR data type, 640, 642–643 clone( ) method, 820–821 character class, 463 clone button (jQuery), 786 chdir( ) function, 609 Clone tool (Gimp), 945 check boxes. See also multiple selections CMS (content management system) code, 133 characteristics, 916 creating, 132–134 content, adding, 925–926 description, 122, 452 CSS fi les, modifying, 939 ID, 134 data-based pages, creating, 452–453 blocks, adding, 976–978 radio buttons versus, 135 blockType table, 979 responding to, 453–454 CMS versus, 978 checkBounds( ) function, 474 cmsPage table, 979 checked property, 453 code, 967–969 Chrome, 52 creating, 967–978 classes. See also objects pageView view, 979–980 adding to pages, 207–208 PHP page to read from table, 970–972 combining, 208–210 user-generated content, 973–976 CSS classes, 208–210 Drupal, 919–920 defi ning, 206–207 functionality, adding new, 934–935 pseudo-classes, 213–215 index.php, modifying, 938–939 classes.html program, 208 info.php fi le, changing, 937–938 clear attribute, 276–278 installing, 922–924 Click event (jQuery), 763 Moodle, 917–918 clients communication tools, 918 defi ned, 869 online assignment creation/ error codes, 741 submission, 917 expectations, 897–898 online grade book, 917 individual users, 869 online testing, 918 limited, 870 specialized educational content, 918 resources, 869 student and instructor management, 917 temporary connections, 869 overview, 42, 916 in three-tiered architecture, 644 templates turning off, 870 adding additional, 932–933 client-side development system changing, 931–932 browser extensions, 870 packaging, 939–940 Integrated Development Environment, 871 prebuilt, 935–937 text editor, 870–871 themes, creating custom, 935–940 Web browsers, 870 Website Baker, 920–935

559_9780470537558-bindex.indd9_9780470537558-bindex.indd 992992 110/7/100/7/10 99:01:01 PMPM Index 993

WordPress, 918–919 split complementary, 175 WYSIWYG editor, 927–931 tetrad, 176 adding lists, links and images, 927 triad, 175 multiple paste options, 927 specifying in CSS, 163–168 overview, 17, 41, 927–931 style sheets predefi ned fonts and styles, 927 overview, 160–161 cmsAJAX page, 766–769 setting up, 161–162 cmsPage table, 979 value, 172–173 code maintenance, 42 Web-safe palette, 167–169 colon (:), 162, 368, 419, 551 colorTester.html program, 168 color attribute, 162 colspan attribute, 79–80 color balance, 109, 954 columns. See also rows; tables color palette defi ned, 638 GIF images, 103 spanning Web-safe, 167–168 multiple, 79 color parameter, 431 overview, 77–79 Color Picker tool (Gimp), 950 .com domain, 87 Color Scheme Designer, 173–175 Comic Sans font, 179 Color Selector tool (Gimp), 950 comma (,), 419 Colorize fi lter (Gimp), 954–955 command line, 645 colors comment () tag, 13 adding, 170 comparison condition, 363 background-color attribute, 162 comparison operators, 363–364, 545 changing, 162–164, 941, 955–956 compiled language, 504 choosing, 168–169 CONCAT function (SQL), 706 color attribute, 162 concatenation hex codes, 163–165 including spaces in, 347 hexadecimal notation, 165 literals, 347 hue, 172, 174 overview, 345–346 modifying, 169–170 in PHP, 512–513 names, 163–164 text editor, 346 overview, 159 variables, 347 saturation, 172 conditional comments scheme designer, 173–175 description, 252 schemes Internet Explorer accented analogic, 176 checking version, 256 analogic, 176 code specifi c to, 252–253 complementary, 175 using with CSS, 253–255 monochromatic, 175 overview, 175–176

559_9780470537558-bindex.indd9_9780470537558-bindex.indd 993993 110/7/100/7/10 99:01:01 PMPM 994 HTML, XHTML, & CSS All-in-One For Dummies, 2nd Edition

conditions CSS fi les, modifying, 939 Boolean functions, 363 data-based Boolean variables, 363 blocks, adding, 976–978 comparison, 363 blockType table, 979 comparison operators, 363 CMS versus, 978 defi ned, 363 cmsPage table, 979 description, 539 code, 967–969 else clause, 364–365, 367 creating, 967–978 expressions, creating, 368–369 pageView view, 979–980 if statements PHP page to read from table, 970–972 nesting, 370–372 user-generated content, 973–976 overview, 362–363 Drupal, 919–920 if-else structure, 365–367 functionality, adding new, 934–935 nested, 371–372 index.php, modifying, 938–939 switch structure, 367–370 info.php fi le, changing, 937–938 connections installing, 922–924 AJAX Moodle, 917–918 asynchronous, 741–742 communication tools, 918 checking status, 740–741 online assignment creation/ getAJAX( ) function, 743–744 submission, 917 HTML forms, building with, 737 online grade book, 917 opening to server, 739 online testing, 918 overview, 734–737 specialized educational content, 918 reading responses, 745 student and instructor management, 917 sending requests and parameters, 740 overview, 42, 916 setting up program, 743 templates XMLHttpRequest object, 738–739 adding additional, 932–933 creating, 617 changing, 931–932 database name, 616 packaging, 939–940 database password, 616 prebuilt, 935–937 database username, 616 themes, creating custom, 935–940 hostname, 616 Website Baker, 920–935 console object, 386–387 WordPress, 918–919 console.log function, 387 WYSIWYG editor, 927–931 constructors, defi ned, 416 adding lists, links, and images, 927 contactTable.php program, multiple paste options, 927 625–626, 633–634 overview, 17, 41, 927–931 :contains(text) fi lter (jQuery), 796 predefi ned fonts and styles, 927 content management system (CMS) context, selecting in, 216–217 characteristics, 916 contrast, 109 content, adding, 925–926 control and confi guration tools, 872

559_9780470537558-bindex.indd9_9780470537558-bindex.indd 994994 110/7/100/7/10 99:01:01 PMPM Index 995

control structures overriding styles, 249–250 conditions, 539 overview, 170 else clause, 543–545 precedence of style defi nitions, 250–251 if statement, 540–543 user preference, 250 if-else if structure, 552 CSS 3 embedded fonts, 184 for loop, 552–555 css method, 821 switch, 549–552 CSV fi les while loop, 555–558 creating, 685–687 cookies, 590 description, 685–687 corrupted database, rebuilding, 666 storing data in, 601–603 costs, 42 viewing data directly, 603–604 $count variable, 589 curly braces ({ }), 162, 363, 368–369, 464 counting loops, 373–374 CURRDATE( ) function (SQL), 706 CREATE TABLE command (SQL), 667–668 CURRTIME( ) function (SQL), 706 Crop tool (Gimp), 952 cursive fonts, 180 cropping, 101 custom bullets, 93 CSS (Cascading Style Sheets) customer care, 984 body style, 250 changing, 170–172 D class, 250 codes, 247–248 dashed border, 221 conditional comments, 251–256 data connections container elements, 250 AJAX design, 898 asynchronous, 741–742 element id, 250 checking status, 740–741 element styles, 250 getAJAX( ) function, 743–744 external style sheets, 242–246 HTML forms, building with, 737 hierarchy of styles, 248–249 opening to server, 739 incompatibility, 251–252 overview, 734–737 inheriting styles, 247–248 reading responses, 745 Internet Explorer-specifi c code, 252–253 sending requests and parameters, 740 local styles setting up program, 743 awkwardness of, 242 XMLHttpRequest object, 738–739 code, 240–241 creating, 617 description, 239 database name, 616 disadvantages of, 242 database password, 616 highest precedence in, 250 database username, 616 ineffi ciency of, 242 hostname, 616 lack of separation in, 242 Data Defi nition Language (DDL), 638 quote problems in, 242 readability of, 242 using, 241

559_9780470537558-bindex.indd9_9780470537558-bindex.indd 995995 110/7/100/7/10 99:01:01 PMPM 996 HTML, XHTML, & CSS All-in-One For Dummies, 2nd Edition

data normalization passwords, 616, 658 defi ned, 691, 700 printing data, 622–623 entity-relationship diagrams processing input, 632–633 components, 695 processing results, 619–620 defi ned, 695 responding to search requests, 630–632 drawing, 696 searching one-to-many relationship, 719 for any text in fi eld, 681 table defi nition, 696–699 for ending value of fi eld, 679–680 fi rst normal form, 700–701 with partial information, 679–680 second normal form, 701–702 with regular expressions, 681–682 third normal form, 702–703 selecting Data Query Language (DQL), 638 few fi elds, 675–677 data server, 644, 871 subset of records, 677–679 data storage, variables for, 344 sorting responses, 682–683 data types, 639–640 tables, adding to, 658 data-based content management system updating records in, 684 (dbCMS) user interaction, 628–634 blocks, adding, 976–978 username, 616 blockType table, 979 XHTML search form, 629–630 CMS versus, 978 XHTML tables for output, 625–627 cmsPage table, 979 date( ) function, 522 code, 967–969 DATE data type, 640 creating, 967–978 date values pageView view, 979–980 adding calculation to get years, 709 PHP page to read from table, 970–972 calculating, 707–713 user-generated content, 973–976 CONCAT function, 712–713 databases DATEDIFF( ) function, 708–709 connections to, creating, 617 MONTH( ) function, 711–712 corrupted, rebuilding, 666 YEAR( ) function, 711–712 creating DATEDIFF( ) function (SQL), 707–709 overview, 892–893 datePicker( ) method, 834–836 with phpMyAdmin, 659–663 Datepicker tool (jQuery UI), 799, 834–836 defi ned, 639 DAY( ) function (SQL), 707 defi nition lists, 623–625 dbCMS (data-based content management deleting records in, 684–685 system) editing records in, 682–683 blocks, adding, 976–978 extracting rows, 620–622 blockType table, 979 generating output, 633–634 CMS versus, 978 host name, 616 cmsPage table, 979 name, 616 code, 967–969 output format, 623–634 creating, 967–978 passing queries to, 618–619 pageView view, 979–980

559_9780470537558-bindex.indd9_9780470537558-bindex.indd 996996 110/7/100/7/10 99:01:01 PMPM Index 997

PHP page to read from table, 970–972 distance.php program, 571–572 user-generated content, 973–976 div element, 211, 213–217 DblClick event (jQuery), 763

tag, 224, 225–228, 794–795

tags, 72, 625

tag, 72 DDL (Data Defi nition Language), 638 DNS (Domain Name System), 888 debugging doctype, 29 Aptana, 380–381 tag, 22–23 changing DOM properties with, 425 Document Object Model (DOM) console output, 386–387 button events, 428–431 debug mode, 390–391 changeColor( ) function, 431 debugger directive, 389–390 description, 423 Firebug, 383–384 document object, examining, 425–426 Firefox, 383 embedding quotes within quotes, 431 interactive, 387–388 event-driven programming, 432–433 JavaScript on Internet Explorer, 381–383 getElementById( ) method, 434–435 logging to console, 386–387 HTML framework, 436–437 logic errors, 384–387 JavaScript code, 427–428 PHP, 557 navigating, 423–424 setting breakpoint, 389 objects, 426 setting up debugger, 388–389 page colors, controlling, 427–428 steps in, 392 properties, changing with Firebug, 425 dedicated server, 878 text fi elds, manipulating, 435 def property, 628 text input and output, 431–436 defi nition description, 72 writing to document, 436–438 defi nition lists, 65, 72–73, 623–625 XHTML form, creating, 433–434 defi nition terms, 72 document type does not allow DELETE command, 684–685 error, 33 delimited data document variable, 424 reading CSV data in PHP, 604–607 $(document).ready( ) function, storing data in CSV fi le, 601–603 755–756, 765 viewing CSV data directly, 603–604 Dodge/Burn tool (Gimp), 950 delimiter, 601 DOJO, 748 Dia (drawing tool), 901, 981 dollar sign ($), 460 dialog( ) method, 840–842 DOM (Document Object Model) Dialog tool (jQuery UI), 799 button events, 428–431 digital cameras, 98 changeColor( ) function, 431 digits, specifying, 464 description, 423 directories document object, examining, 425–426 changing, 608–609 embedding quotes within quotes, 431 generating list of fi le links, 609–611 event-driven programming, 432–433 opening, 608 getElementById( ) method, 434–435 reading, 608–609 HTML framework, 436–437

559_9780470537558-bindex.indd9_9780470537558-bindex.indd 997997 110/7/100/7/10 99:01:01 PMPM 998 HTML, XHTML, & CSS All-in-One For Dummies, 2nd Edition

DOM (Document Object Model) (continued) dynamic data, 354–355 JavaScript code, 427–428 dynamic graphs, 154 navigating, 423–424 dynamic length, 641 objects, 426 dynamic lists. See also lists page colors, controlling, 427–428 creating, 304–310 properties, changing with Firebug, 425 hiding inner lists, 306–307 text fi elds, manipulating, 435 nested lists, 304–306 text input and output, 431–436 showing inner lists on cue, 307–310 writing to document, 436–438 XHTML form, creating, 433–434 E Domain Name System (DNS), 888 domain names each( ) method, 859 description, 87, 887–888 easing, 784 IP addresses, 888 echo statement, 511 registering, 888–891 editor.css fi le, 937 subdomain, 87 editors Don Ho Notepad ++, 45–46, 339, 983 graphic dotted border, 221 Adobe Fireworks, 942 double border, 221 Adobe Photoshop, 942 DOUBLE data type, 640 building banner graphics with, 956–958 double quotes (“ “) building tiled background, 958–960 coding with, 510 changing colors with, 955–956 double quote interpolation, 515 choosing, 942 embedding quotes within, 431 creating image, 944–945 local styles, 242 description, 942 DQL (Data Query Language), 638 fi le format, 957 drag-and-drop, 155 Gimp, 942–960, 982 drag.html program, 803 GimpShop, 102 DROP command, 684 IrfanView, 101–102, 106–116, 982 drop-down lists modifi cation tools, 949–950 advantages of, 130 multiple windows, 942–943 building form for, 446–447 painting tools, 945–946 code, 131, 446–447 Paint.net, 102, 942 getting input from, 445–446 Pixia, 102 reading list box, 447–448 selection tools, 947–948 droplets, 934 toolbox, 943 Drupal, 919–920 uses for, 941

tags, 72, 625 utilities, 950–952 dx parameter, 473 Windows Paint, 942 dy parameter, 473 XnView, 102

559_9780470537558-bindex.indd9_9780470537558-bindex.indd 998998 110/7/100/7/10 99:01:01 PMPM Index 999

text endless loops, 379–380 building tables in, 77 enhanced text editors, 43–44 in client-side development system, entities, 695 870–871 entity-relationship diagrams. See also Emacs, 48–49, 339 data normalization enhanced, 43–44 components, 695 features lacking in, 43 defi ned, 695 jEdit, 49, 339, 982 drawing, 696 Microsoft Word, 44 one-to-many relationship, 719 Notepad, 16, 44 table defi nition, 696–699 Notepad ++, 45–46, 339, 983 environment variables, 527, 530 opening, 9–10 EOT font format, 148 Scintilla, 49, 339 :eq (equals) fi lter, 795 SynEdit, 49 equal sign (=), 364, 528, 678 TextEdit, 44 equality (==) operator, 363, 545, 678 tools to avoid, 44–45 equals (:eq) fi lter, 795 VI, 339 Eraser tool (Gimp), 945 VIM, 339 error codes, 741 WYSIWYG error messages, 30–31 adding lists, links, and images, 927 eval( ) function, 356–357 multiple paste options, 927 event handlers, setting up, 478 overview, 17, 41 event-driven programming, 432–433 predefi ned fonts and styles, 927 Excel, 687 .edu domain, 87 execute permission, 884 element-level style. See local CSS styles explode method, 574–575 Ellipse Select tool (Gimp), 947 explode.php program, 574–575 else clause, 364–365, 367, 543–545 expressions, creating, 368–369 tag, 96, 204, 438 Extensible Hypertext Markup Language Emacs (text editor), 48–49, 339 (XHTML) email input element, 145 askName.html, 523 embedded fonts, 147–149, 184 building with PHP, 508–509 embedded images, 93, 96–97 coding, 898 embeddedFont.html program, 148 documents embeddedImage.html program, 96–97 code, 22 Emboss fi lter (IrfanView), 113 creating, 22–24 emphasis tag, 22–23 adding, 204 meta tag, 23 strong, 204–206 validator, 23–24 :empty fi lter (jQuery), 796 xmlns attribute, 23 ems, 191 fixedWidth.html, 293–294

559_9780470537558-bindex.indd9_9780470537558-bindex.indd 999999 110/7/100/7/10 99:01:01 PMPM 1000 HTML, XHTML, & CSS All-in-One For Dummies, 2nd Edition

Extensible Hypertext Markup Language for two-column design, 281–282 (XHTML) (continued) twoColumn.html, 281 forms validation, 21 buttons, 123 Extensible Markup Language (XML). See check boxes, 122, 132–134 also AJAX (Asynchronous JavaScript code, 123 and XML) with complex elements, 532–534 attributes, 856 creating, 433–434, 523–525, 629–630 container for elements, 856 drop-down list, 130–132 data elements, 122–123 in AJAX, 734 fi eldsets, 123–126 creating, 690 fl oating layout, 270–275 creating HTML, 858 get method, 527–529 manipulating with jQuery, 857–858 getting data from, 530–531 processing results, 859 input-style buttons, 137–138 retrieving, 858–859 labels, 123–126 storing, 854–855 legends, 123 data nodes, 856 multi-line text input, 128–130 description, 20 password boxes, 122 doctype, 855–856 password fi eld, 127–128 namespace, 23 radio buttons, 122, 134–136 nesting elements, 856 reading with PHP program, 525–526 extensions, 15–16 receiving data, 525–526 external style sheets Reset button, 138 code, 243 responding to, 535–537 defi ning styles, 243–244 search form, 629–630 description, 242–246 select lists, 122 link tags, 245–246 sending to PHP program, 527–529 reusing, 244–245 Submit button, 138 specifying external link, 246 text areas, 122 externalImage.html program, 94 text boxes, 122 externalStyle.html program, 243 text fi eld, 126–127 transmitting data, 529–530 F nestedList.html, 305–306 for site prototype, 908–909 fade in button, 773 standards, 20–21 fadeIn( ) method, 779 switching from PHP to, 517–518 fadeout( ) method, 779 tags Fantasy fonts, 181 , 22–23 fclose( ) function, 591, 594 meta, 23 feof( ) function, 600 template, 898, 907–909 fgets( ) function, 591, 600

559_9780470537558-bindex.indd9_9780470537558-bindex.indd 10001000 110/7/100/7/10 99:01:01 PMPM Index 1001

fi elds interactive debugging, 388 defi ned, 619, 638 logging to console with, 386–387 hidden, 438 setting breakpoint, 389 primary key, 641–642 setting up, 388–389 in records, 639 viewing generated source with, 444 searching for any text in, 681 Firefox searching for ending value of, 680 advantages of, 51–52 selecting, 675–676 on CD-ROM, 981

pair, 125 code view, 52 fieldsetDemo.html program, 124 debugging, 383 fi eldsets displaying XHTML pages on, 26–27 containing form elements with, 430, 434 error-handling, 52 description, 123 extensions, 52, 57 organizing form with, 123–126 history, 50 width, 275–276 HTML Validator, 54–55 file( ) function, 591 Web Developer toolbar fi le extensions, displaying, 15–16 checking accessibility with, 56 fi le management tools, 58 editing pages with, 56 fi le name, 739 features, 170–172 File Transfer Protocol (FTP), 884–887 getting download speed report with, 56 fileList.php program, 609–611 interface, 55 fi les manipulating CSS codes with, 56 generating list of links, 609–611 validating pages with, 56 hidden, 15 viewing generated source with, 794 linking to, 600 FireFTP, 885–886 permissions, 598, 884 fi rewalls, 876, 878 reading from, 599–600 Fireworks, 942 writing text to, 592–594 fi rst normal form, 700–701 FileZilla FTP Server, 872, 981 fi xed menu Fill tool (Gimp), 945–946 code, 331–332 filter_input( ) function, 531 content position, 334 fi lters, 101, 954 creating, 330 find( ) method, 859 CSS values, 332–334 Fire Vox, 53 width, 333–334 Firebug fi xed positioning, 329 adding debugger directive, 389–390 fi xed-width layout. See also layout changing DOM properties with, 425 centered, 295–298 console output, 386–387 description, 293 debug mode, 390–391 jello layout, 298 debugging with, 383–384 using image to simulate true columns, description, 57 294–295 XHTML code for, 293–294

559_9780470537558-bindex.indd9_9780470537558-bindex.indd 10011001 110/7/100/7/10 99:01:01 PMPM 1002 HTML, XHTML, & CSS All-in-One For Dummies, 2nd Edition

fixedWidthCentered.css fi le, 296–297 in hover state, 215 fixedWidth.html program, 293–294 named sizes, 190–191 Flash percentages, 191 binary encoding, 262 pixels, 190 disadvantages of, 261–262 points, 189–190 search engine problems, 262 relative measurements, 190–191 technical issues, 262 setting, 188 updating issues, 262 traditional measurements, 190 in Web-based fonts, 184 tag, 183 Flex, 262 font-family attribute, 179 fl exible layout. See absolute but fl exible fonts. See also text layout aligning text, 196 Flip tool (Gimp), 950 blink attribute, 196 floatForm.html program, 270–271 bold text, 193–194 fl oating columns, 285 commonly installed, 182 fl oating layout. See also layout CSS 3 embedded, 184 description, 262 defi ned, 177 fi xed-width, 293–298 embedded, 147–149, 184 problems with, 290–291 face, 148 three-column design, 287–292 families of, 149 two-column design, 279–287 Flash, 184 using, 264–265 formats, 148 fl oating point number, 355 generic, 180–181 fl oats images, 184–185 adding float property, 264–265 images as, 184–185 clear attribute, 276–278 images as headlines, 185–187 codes, 264 italic text, 192–193 fi eldset width, 275–276 open font library, 149 margins, 268–269 overline attribute, 196 paragraphs, 265–266 problems in, 183–184 styling forms with, 270–275 setting, 177–178 using images with, 262–263 shortcut, 197–199 width, 267–268 strikethrough effect, 195 fl uid layout, 287 text modifi cations, 191–192 Focus event (jQuery), 763 underlining, 194–195 fof( ) function, 591 font-size attribute, 188–189 Folder Options dialog box (Windows), 15 font-style attribute, 192–193, 198 folders, hidden, 15 font-variant attribute, 197–198 font attribute, 197–199 font-weight attribute, 193–194, 198 font size fopen( ) function, 591–593 absolute measurements, 189–190 ems, 191

559_9780470537558-bindex.indd9_9780470537558-bindex.indd 10021002 110/7/100/7/10 99:01:01 PMPM Index 1003

for loop. See also loops Reset button, 138 array length, 407 responding to, 535–537 building standard for, 374 select lists, 122 counting, 373–374 sending to PHP program, 527–529 counting backward, 375 Submit button, 138 counting by 5, 375–376 text areas, 122 creating, 374 text boxes, 122 in PHP code, 552–555 text fi eld, 126–127 using arrays with, 406–407 transmitting data, 529–530 while loop versus, 378 forums, 920 for statement, 374 fputs( ) function, 598 foreach loop, 564–565, 568–570 frame global variable, 495 Foreground Select tool (Gimp), 947 frames. See also layout foreign key reference, 702 aesthetic issues, 260

tag, 123, 125 backup issues, 260 FORMAT function (SQL), 706 complexity, 260 formatted printing, 386 description, 259 formDemo.html program, 122 disadvantages of, 259–260 forms linking issues, 260 buttons, 123 master pages, 260 check boxes, 122, 132–134 search engine problems, 260 code, 123 Free Select tool (Gimp), 947 with complex elements, 532–534 Freedigitalphotos.net, 944 creating, 433–434, 523–525 Freehostia, 656, 880 creating, for PHP processing, 523–525 freeware programs, 980 drop-down list, 130–132 FROMDAYS(INT) function (SQL), 707 elements, 122–123 FTP (File Transfer Protocol), 884–887 fi eldsets, 123–126 FTP server, 871, 878 fl oating layout, 270–275 Fuzzy Select tool (Gimp), 947 get method, 527–529 fwrite( ) function, 591, 594, 598 getting data from, 530–531 HTML 5 form elements, 144–147 G input elements, 124 input-style buttons, 137–138 gaming, 155 labels, 123–126 gaming sites, 920 legends, 123 gamma correction, 110 multi-line text input, 128–130 Gaussian blur, 954, 957 password boxes, 122 generated source, 442–444 password fi eld, 127–128 generic fonts, 180–181 radio buttons, 122, 134–136 geolocation, 155 reading with PHP program, 525–526 get( ) function, 844, 858–859 receiving data, 525–526 get method, 527–529

559_9780470537558-bindex.indd9_9780470537558-bindex.indd 10031003 110/7/100/7/10 99:01:01 PMPM 1004 HTML, XHTML, & CSS All-in-One For Dummies, 2nd Edition

$_GET variable, 530 modifi cation tools, 949–950 getAJAX( ) function, 743–744, 765 Move tool, 950, 952 getElementById( ) method, 434–435, multiple windows, 942–943 442, 448, 473 Opacity slider, 952 getElementsByName method, 456 Paintbrush tool, 945 getName( ) function, 585 painting tools, 945–946 getRequest.php program, 527 Pencil tool, 945 getTime.php program, 519 Perspective Clone tool, 952 GIF images, 103–106, 957 Perspective tool, 950 Gimp. See also graphic editors Plasma fi lter, 956–958 Airbrush tool, 945 Rectangle Select tool, 947 Align tool, 952 Rotate tool, 950 Bezier Select tool, 948 Scale tool, 950 Blend tool, 945–946 Scissors Select tool, 947 Blur/Sharpen tool, 950 Select by Color tool, 947 building banner graphics with, 956–958 selection tools, 947–948 building tiled background, 958–960 Sharpen fi lter, 954 on CD-ROM, 982 Shear tool, 950 changing colors with, 955–956 Smudge tool, 950 Clone tool, 945 Text tool, 952 Color Picker tool, 950 toolbox, 943 Color Selector tool, 950 Toolbox window, 943 Colorize fi lter, 954–955 utilities, 950–952 creating image, 944–945 Zoom tool, 951 Crop tool, 952 GimpShop, 102 description, 942 global privileges, 654 Dodge/Burn tool, 950 global variables, 402, 471–472, 488–489, Ellipse Select tool, 947 495–496 Eraser tool, 945 globalVar, 403–404 fi le format, 957 Gmail, 733 Fill tool, 945–946 GNU software, 980 fi lters, 954 Google Flip tool, 950 loading jQuery from, 750–751 Foreground Select tool, 947 searches, 529 Free Select tool, 947 Google Chrome, 52 Fuzzy Select tool, 947 google.load( ) function, 751 Heal tool, 950 .gov domain, 87 Ink tool, 945 Gradient Map tool (Gimp), 959 Lasso tool, 947 gradients, 235 Layers panel, 952–954 graphic editors Magic Select tool, 947 Adobe Fireworks, 942 Measure tool, 952 Adobe Photoshop, 942

559_9780470537558-bindex.indd9_9780470537558-bindex.indd 10041004 110/7/100/7/10 99:01:01 PMPM Index 1005

building banner graphics with, 956–958 Move tool, 950, 952 building tiled background, 958–960 multiple windows, 942–943 changing colors with, 955–956 Opacity slider, 952 choosing, 942 Paintbrush tool, 945 creating image, 944–945 painting tools, 945–946 description, 942 Pencil tool, 945 fi le format, 957 Perspective Clone tool, 952 Gimp Perspective tool, 950 Airbrush tool, 945 Plasma fi lter, 956–958 Align tool, 952 Rectangle Select tool, 947 Bezier Select tool, 948 Rotate tool, 950 Blend tool, 945–946 Scale tool, 950 Blur/Sharpen tool, 950 Scissors Select tool, 947 building banner graphics with, Select by Color tool, 947 956–958 selection tools, 947–948 building tiled background, 958–960 Sharpen fi lter, 954 on CD-ROM, 982 Shear tool, 950 changing colors with, 955–956 Smudge tool, 950 Clone tool, 945 Text tool, 952 Color Picker tool, 950 toolbox, 943 Color Selector tool, 950 Toolbox window, 943 Colorize fi lter, 954–955 utilities, 950–952 creating image, 944–945 Zoom tool, 951 Crop tool, 952 GimpShop, 102 description, 942 IrfanView, 101–102 Dodge/Burn tool, 950 batch processing tool, 115–116 Ellipse Select tool, 947 Blur fi lter, 111–112 Eraser tool, 945 built-in effects, 110–115 fi le format, 957 on CD-ROM, 982 Fill tool, 945–946 changing image formats in, 106–107 fi lters, 954 Emboss fi lter, 113 Flip tool, 950 enhancing colors in, 109–110 Foreground Select tool, 947 fi lters, 110–115 Free Select tool, 947 Oil Paint fi lter, 113–114 Fuzzy Select tool, 947 overview, 101–102 Heal tool, 950 Red Eye Reduction fi lter, 115 Ink tool, 945 resizing images in, 108–109 Lasso tool, 947 Sharpen fi lter, 111–112 Layers panel, 952–954 3D Button fi lter, 113 Magic Select tool, 947 modifi cation tools, 949–950 Measure tool, 952 multiple windows, 942–943 modifi cation tools, 949–950 painting tools, 945–946

559_9780470537558-bindex.indd9_9780470537558-bindex.indd 10051005 110/7/100/7/10 99:01:01 PMPM 1006 HTML, XHTML, & CSS All-in-One For Dummies, 2nd Edition

graphic editors (continued) hostname, 616 Paint.net, 102, 942 hosts Pixia, 102 advantages of, 878 selection tools, 947–948 choosing, 878–881 toolbox, 943 connecting to, 880–881 uses for, 941 fi le permissions, 884 utilities, 950–952 fi nding, 879–880 Windows Paint, 942 managing remote site, 881–887 XnView, 102 names, 86, 616 graphs, dynamic, 154 HOUR( ) function (SQL), 707 greater than (>) operator, 363, 375, hover( ) function, 761–762 544–545 Hover event (jQuery), 763 greater than or equal to (>=) operator, hover state, 213 363, 375, 545 href attribute, 86, 95 greetUser.php program, 524–526 HTML (HyperText Markup Language) groove border, 221 absolute positioning, 318 Gueury, Marc, 54 addNumbers.html, 352 advantages of, 11–12 H AJAXtabs.html, 831–832 AJAXtest.html, 844–845

tag, 13, 161 animate.html, 779–782

tag, 33 arrays handle, 608 with loops, 406 tag, 13 overview, 405, 565–567 :header fi lter (jQuery), 796 askName.html, 523 Heal tool (Gimp), 950 asynch.html, 742–743 height attribute, 97–98 asynchronous AJAX transmission, help features, 43 742–743 heredoc, 515–517 audio, 149–150 hex codes, 132, 163–165 basic AJAX, 736–737 hexadecimal notation, 165–167 basicDL.html, 73 hidden fi elds, 438 basicForm.html, 123 hidden fi les, 15 basicOL.html, 68 hidden folders, 15 basicTable.html, 74–75 hide( ) method, 777 borderProps.html, 220 hide button, 771 borders hideShow program, 771–772 overview, 220, 222 highLow.php program, 543–545 partial, 222–224 highMidLow.php program, 545–547 browser support for, 142, 156 history variable, 424 buildBlock.html, 974–975 horizontal links, 302–303 canvasDemo.html, 153–154 horizontal menu, 314–316 changeDocument.html, 788–790

559_9780470537558-bindex.indd9_9780470537558-bindex.indd 10061006 110/7/100/7/10 99:01:01 PMPM Index 1007

check boxes, 133 in lists, 237–238 classes.html, 208 list-style, 237–238 clear attribute, 277–278 preloading, 490–491 client-side inclusion, 965 input elements, 144–147 cmsAJAX, 767–768 Internet Explorer version, 256 colors JavaScript background, 430 code to access DOM, 427 controlling, 428 program, 340–341 conditional comments, 254 jQuery data-based content management accordion effect in, 824–827 system, 967–969 drag demo, 803 defi nition, 623–624 resizing theme, 807–809 divspan.html, 211–212 tab effect in, 828–830 doctype, 142 keyboard page, 476–477 drag-and-drop, 155 layout drag.html, 803 absolute, 324 embedded fonts, 147–149 centered fi xed-width, 295–298 externalImage.html, 94 fi xed-width, 293–294 fi eldsets, 124 limitations, 156 fi xed menu, 331–332 links float property, 264 adding to images, 94 fl oating paragraph, 266–267 hyperlinks, 85 font rule, 198 list of, 88–89 form elements, 144–147 navigation as list of, 301–302 forms styling, 214 AJAX, 737 lists with complex elements, 533–534 defi nition, 73 overview, 123, 440 drop-down, 131 PHP processing, 523 nested, 70, 305–306 for predefi ned lists, 446–447 ordered, 68 search, 629–630 sortable, 840 XHTML, 433–434 unordered, 67 framework, 436–437 local storage, 155 function, 397 loops geolocation, 155 endless, 379 horizontal menu, 314–315 if-else structure, 366 hover event, 761–762 marginPadding.html, 226 images movement.html, 468–469 background, 229 multiPass.html, 848–849 external, 94 multiple selections, 449 image-based headers, 186–187 multiSelect.html, 449 inline, 96–97 overview, 141

559_9780470537558-bindex.indd9_9780470537558-bindex.indd 10071007 110/7/100/7/10 99:01:01 PMPM 1008 HTML, XHTML, & CSS All-in-One For Dummies, 2nd Edition

HTML (HyperText Markup Language) UItools.html, 833–834 (continued) underlined paragraph, 194 pages user numbers, 353–354 basic, 9–11 validating, 142 CSS code for primary, 910–911 variables, 343–344 paragraphs, 201–202 version 5, 143 password fi eld, 128 vertical menu, 312 position guidelines, 318–319 video, 151 problems with, 19–20 view, 713 radio buttons, 135–136, 456 XHTML documents, 22 readJSON.html, 862–863 XHTML prototype, 908–909 readXML.html, 857–858 XHTML tables for SQL output, 625–626 ready.html, 755 z-index effect, 321 relative references, 90 HTML Editor Preferences dialog box rollDie.html, 360 (Aptana), 60 semantic elements, 142–144 HTML Tidy, 37–39, 982 Server-Side Includes, 961–963 HTML Validator (Firefox extension), string method, 350 54–55 styleElements.html, 757–758 html_entity_decode( ) function, 607 styles tag, 12 cascading, 247–248 htmlentities( ) function, 604–605 defi ning multiple, 217–218 HTTP (HyperText Transfer Protocol), 86 external style sheets, 243–245 HTTP response codes, 741 local CSS, 240–241 hue, 172, 174 switch, 367–368 hyperlinks tables, 74–75 address, 84 text anchor tag, 84–86 aligning, 196 appearance, 83–84 bold, 193–194 code, 85 font family, setting, 178 integrating into text, 84 italics, 193 lists of, 88–89 multi-line text input, 128–130 overview, 83 strikethrough, 195 requirements, 83–84 subscripts, 199–200 trigger for, 83 superscripts, 199–200 HyperText Markup Language (HTML) text fi eld, 126 absolute positioning, 318 thumbnail-based image directory, 120 addNumbers.html, 352 timer-based movement, 484–485 advantages of, 11–12 Timer.html, 484–485 AJAXtabs.html, 831–832 turning of background repetition, AJAXtest.html, 844–845 234–235 animate.html, 779–782 two-dimensional array, 573

559_9780470537558-bindex.indd9_9780470537558-bindex.indd 10081008 110/7/100/7/10 99:01:01 PMPM Index 1009

arrays fi xed menu, 331–332 with loops, 406 float property, 264 overview, 405, 565–567 fl oating paragraph, 266–267 arrays in, 565–567 font rule, 198 askName.html, 523 form elements, 144–147 asynch.html, 742–743 forms asynchronous AJAX transmission, AJAX, 737 742–743 with complex elements, 533–534 audio, 149–150 overview, 123, 440 basic AJAX, 736–737 PHP processing, 523 basicDL.html, 73 for predefi ned lists, 446–447 basicForm.html, 123 search, 629–630 basicOL.html, 68 XHTML, 433–434 basicTable.html, 74–75 framework, 436–437 borderProps.html, 220 function, 397 borders geolocation, 155 overview, 220, 222 horizontal menu, 314–315 partial, 222–224 hover event, 761–762 browser support for, 142, 156 images buildBlock.html, 974–975 background, 229 canvasDemo.html, 153–154 external, 94 changeDocument.html, 788–790 image-based headers, 186–187 check boxes, 133 inline, 96–97 classes.html, 208 in lists, 237–238 clear attribute, 277–278 list-style, 237–238 client-side inclusion, 965 preloading, 490–491 cmsAJAX, 767–768 input elements, 144–147 colors Internet Explorer version, 256 background, 430 JavaScript controlling, 428 code to access DOM, 427 conditional comments, 254 program, 340–341 creating basic page, 9–11 jQuery data-based content management accordion effect in, 824–827 system, 967–969 drag demo, 803 defi nition, 623–624 resizing theme, 807–809 divspan.html, 211–212 tab effect in, 828–830 doctype, 142 keyboard page, 476–477 drag-and-drop, 155 layout drag.html, 803 absolute, 324 embedded fonts, 147–149 centered fi xed-width, 295–298 externalImage.html, 94 fi xed-width, 293–294 fi eldsets, 124 limitations, 156

559_9780470537558-bindex.indd9_9780470537558-bindex.indd 10091009 110/7/100/7/10 99:02:02 PMPM 1010 HTML, XHTML, & CSS All-in-One For Dummies, 2nd Edition

HyperText Markup Language (HTML) string method, 350 (continued) styleElements.html, 757–758 links styles adding to images, 94 cascading, 247–248 hyperlinks, 85 defi ning multiple, 217–218 list of, 88–89 external style sheets, 243–245 navigation as list of, 301–302 local CSS, 240–241 styling, 214 switch, 367–368 lists tables, 74–75 defi nition, 73 text drop-down, 131 aligning, 196 nested, 70, 305–306 bold, 193–194 ordered, 68 font family, setting, 178 sortable, 840 italics, 193 unordered, 67 multi-line text input, 128–130 local storage, 155 strikethrough, 195 loops subscripts, 199–200 endless, 379 superscripts, 199–200 if-else structure, 366 text fi eld, 126 marginPadding.html, 226 thumbnail-based image directory, 120 movement.html, 468–469 timer-based movement, 484–485 multiPass.html, 848–849 Timer.html, 484–485 multiple selections, 449 turning of background repetition, multiSelect.html, 449 234–235 overview, 141 two-dimensional array, 573 pages UItools.html, 833–834 basic, 9–11 underlined paragraph, 194 CSS code for primary, 910–911 user numbers, 353–354 paragraphs, 201–202 validating, 142 password fi eld, 128 variables, 343–344 position guidelines, 318–319 version 5, 143 problems with, 19–20 vertical menu, 312 radio buttons, 135–136, 456 video, 151 readJSON.html, 862–863 view, 713 readXML.html, 857–858 XHTML documents, 22 ready.html, 755 XHTML prototype, 908–909 relative references, 90 XHTML tables for SQL output, 625–626 rollDie.html, 360 z-index effect, 321 semantic elements, 142–144 hypertext reference attribute, 86 Server-Side Includes, 961–963 HyperText Transfer Protocol (HTTP), 86

559_9780470537558-bindex.indd9_9780470537558-bindex.indd 10101010 110/7/100/7/10 99:02:02 PMPM Index 1011

if statement. See also conditions I creating, 540–543 tag, 183 functions, 362–363 icons (jQuery UI), 800 nesting, 370–371 id attribute, 127 if-else if structure, 552 IDE (Integrated Development if-else structure, 365–367 Environments) if.php program, 541–543 Aptana Studio image directory, 936 automatic end tag generation, 58 image manipulation tools. on CD-ROM, 981 See graphic editors changing extension, 61 images changing initial contents, 61 acknowledging source of, 944 changing view, 61 alternate text, 98 code completion, 338 background customizing, 60–61 changing, 228–230 debugging, 380–381 colors, 232 error detection, 58, 339 contrasts, 232–233 features of, 58–60 description, 93 fi le management tools, 58 gradient, 235–237 help fi les, 338–339 in jello layout, 298 HTML editor preferences, 60 preparing, 941 issues with, 61 problems, 230 Outline view, 58–59 seamless texture, 232 Page preview, 58 tiled, 230–232, 958–960 syntax completion, 58, 338 turning off repeat, 234–235 writing JavaScript editor with, 338–339 using images in lists, 237–238 XHTML template, 58 batch processing, 101, 115–117 in client-side development system, 871 brightness, 109 Komodo Edit bullets, 93 abbreviations, 62 colors on CD-ROM, 982 balance, 109 commands, 62 changing, 955 description, 62 enhancing, 109–110 features, 507 contrast, 109 keyboard macros, 63 creating, 944–945 macros, 62 cropping, 101 snippets, 62 disadvantages of using as Web pages, 261 overview, 44 effects, 110–115 embedded, 93, 96–98

559_9780470537558-bindex.indd9_9780470537558-bindex.indd 10111011 110/7/100/7/10 99:02:02 PMPM 1012 HTML, XHTML, & CSS All-in-One For Dummies, 2nd Edition

images (continued) subdirectory, 487 fi lters, 101, 110–115 transparency, 487 as fonts, 184–185 tag, 96 formats, 102–106 imgList array, 489, 495 formats, changing, 106–107 Import Files tab, 671 gamma correction, 110 incompatibility solutions gradients, 235 “best viewed with” disclaimers, 251 as headlines, 185–187 CSS hacks, 252 height attribute, 97–98 JavaScript-based browser detection, 251 tag, 96 parallel pages, 251 inline, 96–97 indexOf( ) method, 350–351 links index.php program, 875, 936, 938–939 adding to, 94–96 info.php program, 936–937 external, 93–96 inheritance, 416 overview, 117–120 init( ) function, 472, 477–478, 489, in lists, 237–238 589, 758, 761, 782–783 manipulating, 106–117 Ink tool (Gimp), 945 modifying, 941 inline images, adding, 96–97 permissions, 945 inline tag, 85 raw, 103 inner joins. See also joins resampling, 109 advantages of, 720–721 resizing, 98–101, 108–109 combining tables with, 715–721 reusing, 944–945 creating view from, 721 royalty-free, 944 defi ned, 718 saturation, 110 inner lists simulating true columns with, 294–295 hiding, 306–307 src attribute, 97 reappearing on cue, 307–310 text-based, 185–187 innerHTML property, 438 thumbnail, 117–120 innerHTML.html program, 436–437 using fl oat with, 262–263 input width attribute, 97–98 check boxes, 452–454 image-swapping animation drop-down list, 445–448 animating sprite, 489–490 multiple selections, 448–451 building page, 487–488 radio buttons, 454–457 fi le format, 487 reading from keyboard, 475–480 fi le size, 487 regular expressions, 457–465 global variables, 488–489 input elements names, 487 in button events, 430 overview, 486 date, 146 preparing images, 487 description, 124 setting up interval, 489 email, 146

559_9780470537558-bindex.indd9_9780470537558-bindex.indd 10121012 110/7/100/7/10 99:02:02 PMPM Index 1013

id attribute, 127 Komodo Edit, 62–63 multi-line text input, 128–130 abbreviations, 62 number, 146 on CD-ROM, 982 password fi eld, 127–128 commands, 62 range, 146 description, 62 text fi eld, 126–127 features, 507 time, 146 keyboard macros, 63 type attribute, 127 macros, 62 url, 146 snippets, 62 value attribute, 127 overview, 44 tag, 126, 133, 138 interactive debugging, 387–388 input-style buttons, 137–138 Internet Explorer INSERT command (SQL), 667, 715 debugging JavaScript, 381–383 insertAfter( ) method, 792 displaying XHTML pages on, 26–27 insertBefore( ) method, 792 history of, 50 inset, 221 older versions of, 51 INT data type, 640, 642 overview, 50–51 integers, 355, 640, 642 support for HTML 5, 156 Integrated Development Environments interpolation, 514–518 (IDE) interpreted language, 504 Aptana Studio, 58–61 Interval Server Error error automatic end tag generation, 58 code, 741 on CD-ROM, 981 IP addresses, 888 changing extension, 61 iPhones, browsing with, 53 changing initial contents, 61 IrfanView. See also image changing view, 61 manipulation tools code completion, 338 batch processing tool, 115–116 customizing, 60–61 Blur fi lter (IrfanView), 111–112 debugging, 380–381 built-in effects, 110–115 error detection, 58, 339 on CD-ROM, 982 features of, 58–60 changing image formats in, 106–107 fi le management tools, 58 Emboss fi lter (IrfanView), 113 help fi les, 338–339 enhancing colors in, 109–110 HTML editor preferences, 60 fi lters, 110–115 issues with, 61 Oil Paint fi lter (IrfanView), 113–114 Outline view, 58–59 overview, 101–102 Page preview, 58 Red Eye Reduction fi lter (IrfanView), 115 syntax completion, 58, 338 resizing images in, 108–109 writing JavaScript editor with, 338–339 Sharpen fi lter (IrfanView), 111–112 XHTML template, 58 3D Button fi lter (IrfanView), 113 in client-side development system, 871

559_9780470537558-bindex.indd9_9780470537558-bindex.indd 10131013 110/7/100/7/10 99:02:02 PMPM 1014 HTML, XHTML, & CSS All-in-One For Dummies, 2nd Edition

istockphoto.com, 944 javascript console, 339 italic text, 192–193 JavaScript Object Notation (JSON) IZArc, 982 advantages of, 420–421, 860–862 in AJAX, 734 J complex structure, 419–420 description, 417 Java, 338, 503 framework, 864 JavaScript processing results, 865–866 accessing DOM, 427–428 reading data with jQuery, 862–863 addInput.html, 357 retrieving data, 864–865 addNumbers.html, 352 storing data in format, 418–419 alert( ) method, 342 jEdit (text editor), 49, 339, 982 colors, changing, 428, 430 jello layout comments, 342 background image, 298 concatenation, 345–347 center, 298 concat.html, 346 complexity, 298 debugging on Internet Explorer, 381–383 fi xed height, 298 drop-down lists, reading, 447 fi xed width, 298 dynamic data, 354–355 interior width, 298 editor, 338–339 limitations, 298 embedding, 341–342 minimum width, 298 event object, 480 screen space, 298 Hello World, 340–341 joins innerHTML.html, 438 advantages of, 720–721 length of strings, 348–349 Cartesian, 717 libraries, 747–748 combining tables with, 715–721 multiple selections, 450 creating, 724–728 numbers, adding, 352–353 creating view from, 721 object-based programming, 348 defi ned, 718 overview, 337–338, 470–471 description, 721 preloading images, 494–495 encapsulating, 721 regular expression operators, 460–461 inner semicolon, adding, 342 advantages of, 720–721 string methods, 349–351 combining tables with, 715–721 stringMethods.html, 350 creating view from, 721 test browser, 339 defi ned, 718 user numbers, adding, 353 many-to-many variable conversion tools, 356–357 creating, 724–728 variable types, 352–356 description, 721 variables, 342–345 many-to-one, 724 writing fi rst program, 340–341 JPG images, 102–103, 106

559_9780470537558-bindex.indd9_9780470537558-bindex.indd 10141014 110/7/100/7/10 99:02:02 PMPM Index 1015

jQoutput variable, 753–754 HTML in, 775–776 jQuery identifi ers, 759 AJAX importing from Google, 750–751 building CMS with, 766–769 improving usability, 833–842 including text fi le with, 765–766 initialization function, 754–757 making requests with, 764–769 initializing code, 792 using tabs with, 830–833 installing, 750 animate( ) method, 785 JSON object, 785 animate.html, 779–782 move( ) function, 784 application multi-element designs in, 823–832 creating, 751–754 node chaining, 783–784 creating node object, 753–754 node object, 753–754 setting up page, 752–753 pages callback function, 785 building, 791 on CD-ROM, 982 initializing, 776–777 changeDocument.html, 788–790 resetting, 795–796 classes, changing, 762–764 position, changing, 779–782 client-side inclusion, 964–966 relative motion, 785–786 clone( ) function, 793–794 resizing on theme, 805–809 CSS in, 775–776 selecting objects, 759 $(document).ready( ) function sortable list, 839–840 alternatives to, 756–757 speed attribute, 785 overview, 755–756 style, modifying, 759–760 easing, 784 tabbed interface, 827–830 element style, changing, 757–758 text, adding, 792–793 elements time-based animation, 785 fading in and out, 779 toggling visibility, 778 hiding and showing, 771–773 transition support, 773–775 modifying, 786–791 user interface selectable, 838–839 accordion widget, 798, 824–827 sliding, 778 calling back with, 814–816 events cloning elements in, 819–821 adding to objects, 760–764 CSS classes defi ned by, 812 hover, 760–762 custom dialog box, 840–842 overview, 763 datepicker, 799, 834–836 setting up, 782–783 dialog box, 799, 840–842 features of, 749 dragging and dropping with, 802–803, fi lters, 796 814–816 framework, creating, 782 features, 797–798 hideShow program, 771–772 formatting tools, 800 hiding and showing content, 777 handling drop events, 818–819

559_9780470537558-bindex.indd9_9780470537558-bindex.indd 10151015 110/7/100/7/10 99:02:02 PMPM 1016 HTML, XHTML, & CSS All-in-One For Dummies, 2nd Edition

jQuery (user interface) (continued) keyListener( ) function, 479 icons, 800, 812–813 keystrokes, 479–480 importing fi les, 809 Komodo Edit improving usability, 833–834 abbreviations, 62 initializing page with, 817–818 on CD-ROM, 982 library, 804–805, 809 commands, 62 page, building, 816–817 description, 62 progress bar, 799 features, 507 resizable element, 809–810 keyboard macros, 63 resizing on theme, 805–809 macros, 62 selectable widget, 838–839 snippets, 62 sliders, 798, 836–837 KompoZer, 983 sortable list, 839–840 tabs, 799 L themeRoller, 798–802 themes, 798, 810–812 L337 (Leet), 371 widgets, 799–800 tag, 125 writing program, 805 labels, 123–126 wrap method, 794–795 lambda function, 761 XML, manipulating with, 857–858 lap++ operator, 374 JSON (JavaScript Object Notation) Lasso tool (Gimp), 947 advantages of, 420–421, 860–862 LaTeX, 687–688 in AJAX, 734 Law of Seven, 902 complex structure, 419–420 layers description, 417 anchor, 954 framework, 864 creating, 953 processing results, 865–866 defi ned, 952 reading data with jQuery, 862–863 deleting, 954 retrieving data, 864–865 duplicating, 954 moving up or down, 954 K transparency, 952 layout keyboard absolute event handlers, 478 CSS, 324–325 init( ) function, 477–478 overview, 322–324 keycodes, 480 XHTML, 324 page, building, 476–477 absolute but fl exible reading input from, 475–480 creating, 328–329 responding to keystrokes, 479–480 description, 326 keycodes, 480 heights, 329 Keydown event (jQuery), 763 margins, 329 overview, 326

559_9780470537558-bindex.indd9_9780470537558-bindex.indd 10161016 110/7/100/7/10 99:02:02 PMPM Index 1017

percentages, 326–328 fi xed width, 279 widths, 329 fl oating columns, 285 designing, 334 fl uid layout, 287 fi xed-width fonts, 280 centered, 295–298 overall page fl ow, 279 description, 293 percentage width, 279 jello layout, 298 section names, 279 using image to simulate true columns, temporary borders, 283–284 294–295 width indicators, 279 XHTML code for, 293–294 layout_setup.css fi le, 937 fl oating layout_text.css fi le, 936 description, 262 Leet (L337), 371 fi xed-width, 293–298 left brace ({), 362, 369 problems with, 290–291

tag, 125 three-column design, 287–292 legends, 123 two-column design, 279–287 less than (<) operator, 363, 545 using, 264–265 less than or equal to (<=) operator, frames, 259–260 363, 545 huge images in, 261 less-than (:lt) fi lter, 795 jello letter-spacing attribute, 197 background image, 298

tag, 67, 69 center, 298 LIKE clause, 679–680 complexity, 298 line numbers, 43 fi xed height, 298 line-height attribute, 197 fi xed width, 298 link table. See also tables interior width, 298 creating many-to-many joins with, limitations, 298 724–728 minimum width, 298 defi ned, 704 screen space, 298 description, 723–724 scheme, 334 tag, 245–246 table-based, 80–81, 260–261 links three-column adding to images, 94–96 code, 288 address, 84 fl oating layout, 290–291 anchor tag, 84–86 minimum height, 291–292 appearance, 83–84 styling three-column page, 289–290 best practices, 215 two-column code, 85 adding preliminary CSS, 282–283 external, 246 borders, 285–287 generating list of, 609–611 building XHTML, 281–282 hover state color scheme, 280 font size in, 215 designing page, 279–280 overview, 213

559_9780470537558-bindex.indd9_9780470537558-bindex.indd 10171017 110/7/100/7/10 99:02:02 PMPM 1018 HTML, XHTML, & CSS All-in-One For Dummies, 2nd Edition

links (continued) styles, 299–303 images as, 117–120 unordered, 65–67, 838 integrating into text, 84 list-style-image attribute, 237–238 lists of, 88–89 literals, 347 navigation as list of, 300 load( ) method, 850 normal state, 213 loadImages( ) method, 492, 496–497 overview, 83 loadlist.php program, 851–852 requirements, 83–84 local CSS styles styling, 213–215 awkwardness of, 242 turning into buttons, 301–302 codes, 240–241 visited state, 213, 215 description, 239 listLinks.html program, 88–89 disadvantages of, 242 lists ineffi ciency of, 242 defi nition, 65, 72–73, 623–625 lack of separation in, 242 drop-down quote problems in, 242 advantages of, 130 readability of, 242 building form for, 446–447 using, 241 code, 131, 446–447 local storage, 155 getting input from, 445–446 local variable, 402 reading list box, 447–448 localhost server name, 616, 874 dynamic localVar variable, 403 creating, 304–310 location variable, 424 hiding inner lists, 306–307 logic errors, 380, 385 nested lists, 304–306 lookup table, 573 showing inner lists on cue, 307–310 loopingArrays.php program, 562–564 hiding, 306–307 loops horizontal, 302–303 basic requirements, 378 images in, 237–238 counting, 373–374 inner, 306–310 counting backward, 375 of links, 88–89, 300 counting by 5, 375–376 nested defi ned, 373 code, 69–70, 305–306 endless, 379–380 complexity, 305 for creating, 71–72, 304–306 array length, 407 description, 69 building standard for, 374 indenting codes, 70–71 counting, 373–374 ordered counting backward, 375 code, 68 counting by 5, 375–376 creating, 68–69 creating, 374 defi ned, 65 in PHP code, 552–555 tags, 69 using arrays with, 406–407 viewing, 67–68 while loop versus, 378 sortable, 839–840 foreach, 564–565, 568–570

559_9780470537558-bindex.indd9_9780470537558-bindex.indd 10181018 110/7/100/7/10 99:02:02 PMPM Index 1019

logic errors, 380 fi xed reluctant, 379 code, 331–332 using arrays with, 406–407, 562–567 content position, 334 while creating, 330 basic requirements, 378 CSS values, 332–334 conditions, 556 width, 333–334 creating, 377–378 horizontal, 314–316 initialization, 556 vertical, 312–314 for loop versus, 378 Mercury Mail, 871–872 modifi er, 556 meta tag, 23 in PHP code, 555–558 metadata, 628 sentry variable, 556 method attribute, 524, 534 Lorem Ipsum text, 281 Microsoft Access, 643 :lt (less-than) fi lter, 795 Microsoft Excel, 687 Microsoft Internet Explorer M debugging JavaScript, 381–383 displaying XHTML pages on, 26–27 macros, 43 history of, 50 Magic Select tool (Gimp), 947 older versions of, 51 mail server, 871, 878 overview, 50–51 many-to-many joins. See also joins support for HTML 5, 156 creating, 724–728 Microsoft SQL Server, 643 description, 721 Microsoft Windows Notepad, 16, 44 many-to-many relationship, 703 Microsoft Windows Paint, 942 many-to-one joins, 724 Microsoft Word, 44 marginPadding.html program, min-height property, 291–292 226 MINUTE( ) function (SQL), 707 margins, 225–228 MochiKit, 748 match method, 458, 460, 462 modal dialogs, 342 Math.ceil( ) function, 356–357 modal editor, 47 Math.floor( ) function, 356–357 Monospace fonts, 181 Math.random( ) function, 359 MONTH( ) function (SQL), 707, 711–712 Math.round( ) function, 356–357 monty.php program, 532–537 max_length property, 628 Moodle. See also content management MAX_X variable, 496 system (CMS) maxlength attribute, 127 communication tools, 918 Measure tool (Gimp), 952 online assignment creation/ MediaWiki, 504 submission, 917 megapixels (MP), 98 online grade book, 917 menus online testing, 918 advantages of, 310–311 specialized educational content, 918 creating with CSS, 310–316 student and instructor management, 917

559_9780470537558-bindex.indd9_9780470537558-bindex.indd 10191019 110/7/100/7/10 99:02:02 PMPM 1020 HTML, XHTML, & CSS All-in-One For Dummies, 2nd Edition

Mosaic, 49 multiple classes, 209–210 MouseDown event (jQuery), 763 multiple columns, 79 mouse-following effect multiple rows, 79–80 followMouse.html, 481–482 multiple selections initializing code, 482 coding, 449–450 listener, 483 elements move( ) function, 784 buttons, 450 Move tool (Gimp), 950, 952 check boxes, 132–134 moveSprite( ) function, 470, 472, 480 drop-down list, 130–132 Mozilla, 52 radio buttons, 134–136 Mozilla Firefox select boxes, 132 advantages of, 51–52 JavaScript code, 450–451 on CD-ROM, 981 managing, 448–452 code view, 52 multiple styles, defi ning, 217–218 debugging, 383 multiple_key property, 628 displaying XHTML pages on, 26–27 multiSelect.html program, 449 error-handling, 52 myParagraph ID, 758 extensions, 52, 57 MySQL history, 50 advantages of, 613–614, 643–644 HTML Validator, 54–55 AUTO_INCREMENT for primary keys, Web Developer toolbar 672–674 checking accessibility with, 56 connections editing pages with, 56 creating, 617 features, 170–172 establishing, 614 getting download speed report with, 56 overview, 616 interface, 55 creating XML data, 690 manipulating CSS codes with, 56 defi nition lists, 623–625 validating pages with, 56 deleting records, 684–685 viewing generated source with, 794 description, 643 multidimensional arrays, 570–574 displaying output to user, 614 Multifl ex-3 template, 934 exporting SQL code, 688–690 multi-line text input, 128–130 extracting rows, 620–622 multimedia tools, 44 fetch options, 621 multipass application. See also AJAX formulating queries, 614 (Asynchronous JavaScript and XML) getting information to and from, 614 loading select element, 850 output format, 623 loadlist.php program, 851–852 phpMyAdmin responding to selections, 852–853 setting up, 646–647 setting up HTML framework, 849–850 using on remote server, 656–658 multiPass.html program, 848–849 practicing with, 645 multiple browsers, 43 printing data, 622–623

559_9780470537558-bindex.indd9_9780470537558-bindex.indd 10201020 110/7/100/7/10 99:02:02 PMPM Index 1021

processing results, 614, 619–620 root password, changing, 648–653, 877 N running name attribute, 524–525, 534, 628 from command line, 645 named sizes, 190–191 from hosting site, 645

tag, 143 searching nested conditions, 371–372 for any text in fi eld, 681 nested lists. See also lists for ending value of fi eld, 679–680 code, 69–70, 305–306 with partial information, 679–680 creating, 71–72, 304–306 with regular expressions, 681–682 description, 69 selecting indenting codes, 70–71 data from tables, 674–683 nestedList.html program, 69–70 few fi elds, 675–677 Netscape, 49 subset of records, 677–679 new Object( ) syntax, 413 server name, 893–894 newline characters, 442 sorting responses, 682–683 noBorder( ) function, 761 submitting query, 614 node chaining, 783–784 updating records, 684 normalization, data users defi ned, 691, 700 adding, 653–656 entity-relationship diagrams interaction, 628–629 components, 695 version 5.0, 714 defi ned, 695 in XAMPP, 872 drawing, 696 XHTML tables for output, 625–627 one-to-many relationship, 719 MySQL Workbench table defi nition, 696–699 creating table defi nition in, 696–699 fi rst normal form, 700–701 features, 696 second normal form, 701–702 main screen, 696 third normal form, 702–703 mysql_connect( ) function, 617, 619 not equal operator (!=), 363, 545 mysql_fetch_array( ) function, 621 Not Found error code, 741 mysql_fetch_assoc( ) function, not_null property, 628 620–621 Notepad, 16, 44 mysql_fetch_field( ) function, Notepad ++, 45–46, 339, 983 627–628 NOW( ) function (SQL), 707–708 mysql_fetch_object( ) function, 621 null value, 673–674 mysql_fetch_row( ) function, 621 number input element, 146 mysql_query( ) function, 618–619 numeric data, 641 mysql_real_escape_string( ) numeric property, 628 function, 632–633 myStyle.css fi le, 243

559_9780470537558-bindex.indd9_9780470537558-bindex.indd 10211021 110/7/100/7/10 99:02:02 PMPM 1022 HTML, XHTML, & CSS All-in-One For Dummies, 2nd Edition

Oil Paint fi lter (IrfanView), 113–114 O

tag, 69, 565 object-based programming, 348 onclick( ) event, 434, 470 objects. See also classes onclick attribute, 431, 782 adding methods to, 414–415 one-dimensional arrays. See also chaining, 780 multidimensional arrays constructor, 416 associative, 567–570 creating, 413–417 creating, 559 defi ned, 348 fi lling, 559–560 DOM foreach loop, 564–565 button events, 428–431 in HTML, 565–567 changeColor( ) function, 431 preloading, 562 description, 423 using loops with, 562–565 document object, examining, 425–426 viewing elements of, 560–561 embedding quotes within quotes, 431 one-to-many relationship, 703, 719–720 event-driven programming, 432–433 one-to-one relationship, 703 getElementById( ) method, 434–435 online communities, 920 HTML framework, 436–437 onload event, 470 JavaScript code, 427–428 onReadyStateChange( ) method, 739 navigating, 423–424 Opacity slider (Gimp), 952 objects, 426 open( ) method, 738–739, 744 page colors, controlling, 427–428 Open Document spreadsheet, 687 properties, changing with Firebug, 425 opendir( ) function, 608 text fi elds, manipulating, 435 open-source tools, 644 text input and output, 431–436 Opera, 52 writing to document, 436–438 operating systems, 155 XHTML form, creating, 433–434 pair, 132 events, 348 Oracle, 643 JSON order (function), 453–454 advantages of, 420–421, 860–862 ORDER BY clause, 682–683 in AJAX, 734 ordered lists complex structure, 419–420 code, 68 description, 417 creating, 68–69 framework, 864 defi ned, 65 processing results, 865–866 tags, 69 reading data with jQuery, 862–863 viewing, 67–68 retrieving data, 864–865 .org domain, 87 storing data in format, 418–419 OTF font format, 148 methods, 348 Outline view (Aptana), 58 properties, 348 outset border, 221 reusable, 415–416 overline attribute, 196 using, 417 overloaded operator, 356 ownForm.php program, 547–549

559_9780470537558-bindex.indd9_9780470537558-bindex.indd 10221022 110/7/100/7/10 99:02:02 PMPM Index 1023

oxWheels1.html program, 25 preloading images oxWheels2.html program, 31 building code, 494–495 global variables, 495–496 P initializing data, 496 loadImages( ) method, 496–497

tag, 14, 34–35 movement, 492 paddings, 225–228 moving sprites, 497 page animation overview, 490–492 automatic motion swapping, 492 overview, 483–485 updating images, 497 setInterval( ) call, 485–486 reading input from keyboard, 475–476 boundaries, checking, 474–475 sprite div, 467–468 tag, 155 timer-based movement, 484–485 global variables, 471–472 page name, 87 HTML code, 468–470 Page preview (Aptana), 58 image-swapping page styles, creating, 909–911 animating sprites, 489–490 page_content(blockID) fi le format, 487 function, 939 fi le size, 487 page_footer( ) function, 939 global variables, 488–489 PAGE_TITLE variable, 938 interval, setting up, 489 pageView view, 979–980 names, 487 Paintbrush tool (Gimp), 945 overview, 486–487 Paint.net, 102, 942 page, building, 487–488 paragraphs preparing images, 487 code, 201–202 subdirectory, 487 defi ning multiple, 201–202 transparency, 487 fl oating, 265–266 init( ) function, 472 in forms, 125 JavaScript, 470–471 styling, 203 keyboard, reading input from :parent fi lter (jQuery), 796 event handlers, 478 parseFloat( ) function, 356–357, 436 init( ) function, 477–478 parseInt( ) function, 356–357, 436 key codes, 480 partial border, 222–224 overview, 475–476 partial information, searching with, page, building, 476–477 679–680 responding to keystrokes, 479–480 passwords mouse-following effect boxes, 122 followMouse.html, 481–482 changing, 648–653 initializing code, 482 creating, 658 listener, 483 database, 616, 658 moving sprites, 472–474 fi eld, 127–128, 438 overview, 467–468 root, 648–653, 877

559_9780470537558-bindex.indd9_9780470537558-bindex.indd 10231023 110/7/100/7/10 99:02:02 PMPM 1024 HTML, XHTML, & CSS All-in-One For Dummies, 2nd Edition

pattern memory, 465 creating, 944–945 PDAs, browsing with, 53 cropping, 101 PDF format, 687–688 disadvantages of using as Web pages, 261 Pederick, Chris, 55–56 effects, 110–115 Pencil tool (Gimp), 945 embedded, 93, 96–98 percent sign (%), 680 fi lters, 101, 110–115 percentages, 191, 227, 326–328 as fonts, 184–185 period (.), 460–461, 463 formats, 102–106 perl regular expression, 576 formats, changing, 106–107 permissions gamma correction, 110 execute, 884 gradients, 235 read, 884 as headlines, 185–187 in Unix/Linux, 598 height attribute, 97–98 in Windows, 598 tag, 96 write, 884 inline, 96–97 Perspective Clone tool (Gimp), 952 links Perspective tool (Gimp), 950 adding to, 94–96 pets.xml fi le, 855 external, 93–96 photos overview, 117–120 acknowledging source of, 944 in lists, 237–238 alternate text, 98 manipulating, 106–117 background modifying, 941 changing, 228–230 permissions, 945 colors, 232 raw, 103 contrasts, 232–233 resampling, 109 description, 93 resizing, 98–101, 108–109 gradient, 235–237 reusing, 944–945 in jello layout, 298 royalty-free, 944 preparing, 941 saturation, 110 problems, 230 simulating true columns with, 294–295 seamless texture, 232 src attribute, 97 tiled, 230–232, 958–960 text-based, 185–187 turning off repeat, 234–235 thumbnail, 117–120 using images in lists, 237–238 using fl oat with, 262–263 batch processing, 101, 115–117 width attribute, 97–98 brightness, 109 Photoshop, 942 bullets, 93 PHP colors addContactCSV.php, 602–603 balance, 109 addContact.php, 596–597 changing, 955 code characteristics, 521 enhancing, 109–110 concatenation, 512–513 contrast, 109 contact.php, 615

559_9780470537558-bindex.indd9_9780470537558-bindex.indd 10241024 110/7/100/7/10 99:02:02 PMPM Index 1025

contactTable.php, 625–626 XHTML date( ) function, 522 building with, 508–509 debugger, 557 embedding inside, 520–521 editor, 507 switching to, 517–518 escape directives, 512 XHTML forms fileList.php, 609–610 buttons, 123 generating output with heredoc, check boxes, 122, 132–134 515–517 code, 123 getTime.php, 519–520 with complex elements, 532–534 greetUser.php, 525–526 creating, 433–434, 523–525, 629–630 highLow.php, 544 drop-down list, 130–132 highMidLow.php, 546–547 elements, 122–123 if.php, 542 fi eldsets, 123–126 includes, 966–967 fl oating layout, 270–275 interpolating variables into text, 513–514 get method, 527–529 libraries, 872 getting data from, 530–531 loopingArrays.php, 563 input-style buttons, 137–138 overview, 503–504 labels, 123–126 ownForm.php, 548–549 legends, 123 PHP processing, 523–525 multi-line text input, 128–130 phpinfo( ), 505–507 password boxes, 122 printing shortcut, 518 password fi eld, 127–128 programming fl ow, 508 radio buttons, 122, 134–136 quotation marks, 510, 515 reading with PHP program, 525–526 random number generator, 541 receiving data, 525–526 readContactCSV.php, 604–605 Reset button, 138 readContact.php, 599–600 responding to, 535–537 reading CSV data in, 604–607 search form, 629–630 receiving data in, 525–526 select lists, 122 rollDice1.php, 580–581 sending to PHP program, 527–529 rollDice2.php, 582 Submit button, 138 rollDice3.php, 588 text areas, 122 search.php, 630–631 text boxes, 122 sending data to, 522–526 text fi eld, 126–127 showDate.php, 521 transmitting data, 529–530 showHero.php, 853–854 XHTML output, 514–518 simpleGreet.php, 846 phpinfo( ) method, 505–507 simplifying for AJAX, 846–847 phpMyAdmin program switch.php, 550–551 databases, creating, 659–663 variables, 511–514 description, 872 viewing results, 521 main screen, 653–656 in XAMPP, 872 root access to MySQL database, 878

559_9780470537558-bindex.indd9_9780470537558-bindex.indd 10251025 110/7/100/7/10 99:02:02 PMPM 1026 HTML, XHTML, & CSS All-in-One For Dummies, 2nd Edition

phpMyAdmin program (continued) positioning root password, changing, 648–653 absolute positioning running scripts with, 669–672 absolute but fl exible layout, 326–329 searching absolute layout, 323–325 for any text in fi eld, 681 description, 317 for ending value of fi eld, 679–680 HTML, 318 with partial information, 679–680 position guidelines, 318–319 with regular expressions, 681–682 settings, 319–320 selecting z-index property, 320–322 few fi elds, 675–677 fi xed, 329 subset of records, 677–679 relative, 329 setting up, 646–647 post( ) function, 844 sorting responses, 682–683 post method, 529–530 SQL code, exporting, 688–690 $_POST variable, 530 tables, adding to databases, 658 preg_split function, 576–577 users preloading images adding, 653–656 animating images, 497 creating, 653–656 building code for, 494–495 using on remote server, 656–658 code, 490–491 in XAMPP, 872 global variables, 495–496 XML data, creating, 690 loadImages( ) method, 496–497 pixels, 98, 190 movement, 492 Pixia, 102 moving sprites, 497 Plasma fi lter (Gimp), 956–958 swapping, 492 plug-ins, 44 updating images, 497 plus sign (+), 355, 461, 464 prepend( ) method, 792 PNG (Portable Network Graphics) format present( ) method, 779 dynamic color palette, 105 primary key, 641–642, 672–674 lossless compression in, 105 primary_key property, 628 open source, 105 print statement, 511, 518, 557 saving banners as, 957 printResults( ) function, 633–634 true alpha transparency in, 105 privileges, 653–654 pointer, 592 processInput( ) function, 632–633 points, 189–190 processResult( ) function, 859 portable browsers, 53 production server, 685 Portable Network Graphics (PNG) format program name, 739 dynamic color palette, 105 programming lossless compression in, 105 client-side, 501–502 open source, 105 event-driven, 432–433 saving banners as, 957 object-based, 348 true alpha transparency in, 105

559_9780470537558-bindex.indd9_9780470537558-bindex.indd 10261026 110/7/100/7/10 99:02:02 PMPM Index 1027

server-side advantages of, 502 R ASP.NET, 503 r value, 593 building XHTML with PHP, 508–509 r+ value, 593 client-side programming versus, radio buttons. See also multiple 501–502 selections coding with quotation marks, 510 check boxes versus, 135 description, 501 code, 135–136, 456 double quote interpolation, 515 creating, 134–136 generating output with heredoc, description, 122 515–517 name attribute, 455 installing Web server, 504–505 rand( ) function, 552, 581 interpolating variables into text, random access, 593 513–514 random access memory (RAM), 984 Java, 503 random numbers languages, 503–504 code, 360–361 PHP, 503–504 description, 359 phpinfo( ), 505–507 inner lists, 359 printing shortcut, 518 integer within range, 359–360 switching from PHP to XHTML, range input element, 146 517–518 raster-based images, 105 variables, 511–514 raw images, 103 XHTML output, 514–518 read permission, 884 technologies, 44 readContactCSV.php program, 604–605 Progress bar (JQuery UI), 799 readContact.php program, 599–600 prompt statement, 344 readdir( ) function, 608–609 protocol, 86 readJSON.html program, 862–863 Prototype (AJAX library), 748 readkeys.html program, 480 prototyping, 416 readXML.html program, 857–858 pseudo-classes, 213–215 ready.html program, 755 punctuation characters, 464 readyState( ) property, 739, 742, 744 readyStateChanged( ) property, 744 Q real-time graphics, 141 records quotes adding to tables, 668–669 double creating tables for, 667–668 coding with, 510 defi ned, 638 double quote interpolation, 515 deleting, 684–685 embedding quotes within, 431 editing, 682–683 local styles, 242 fi elds in, 639 single, 666 length, 640–641

559_9780470537558-bindex.indd9_9780470537558-bindex.indd 10271027 110/7/100/7/10 99:02:02 PMPM 1028 HTML, XHTML, & CSS All-in-One For Dummies, 2nd Edition

records (continued) relative measurements, 190–191 selecting subset of, 677–679 relative positioning, 329 updating, 684 relative references, 89–91 Rectangle Select tool (Gimp), 947 reluctant loops, 379 Red Eye Reduction fi lter (IrfanView), 115 remote data management references creating databases, 892–893 absolute, 89 description, 891–892 defi ned, 435 MySQL server name, 893–894 relative, 89–91 remote server, 656–658, 878 register_globals feature, 531 remote site management regular expressions using FTP in, 884–887 character class, 463 Web-based fi le tools for, 881–883 defi ned, 460 remove method, 796 fi nding one or more elements, 464 removeClass( ) event (jQuery), 763 marking beginning and end of line, 463 repeat-x value, 235–237 matching character with period, 463 repeat-y value, 235–237 matching zero or more elements, 464 repetition operations operators, 460–461 fi nding one or more elements, 464 parsing, 460 matching zero or more elements, 464 pattern memory, 465 specifying number of matches, 464–465 punctation characters, 464 replace method, 460 repetition operations, 464–465 reportSlider( ) function, 837 searching with, 681–682 request method, 739 special characters, 463–464 Request Timeout error code, 741 specifying digits, 464 $_REQUEST variable, 530–531, 597 specifying number of matches, 464–465 $request variable, 619–620 using characters in, 462 Reset button, 138 word boundaries, 464 resetTarget function, 819 relational data modeling, 637–638 responses, sorting, 682–683 relational database management system responseText( ) method, 738 (RDBMS), 613, 643 reusable objects, 415–416 relationships revalidation, 30 defi ned, 695 ridge border, 221 entity-relationship diagrams right brace (}), 362, 368 components, 695 rollDice3.php program, 586–588 defi ned, 695 rollDice.php program, 580–582 drawing, 696 rollDie.html program, 360–361 one-to-many relationship, 719 root administrator, 649 table defi nition, 696–699 root namespace, 29 many-to-many, 703 root password, changing, 648–653, 877 one-to-many, 703, 719–720 root user, 649 one-to-one, 703 Rotate tool (Gimp), 950

559_9780470537558-bindex.indd9_9780470537558-bindex.indd 10281028 110/7/100/7/10 99:02:02 PMPM Index 1029

rows. See also columns; tables selection fi lters, 795 code, 78–79 selection tools (Gimp), 947–948 extracting, 620–622 selections, multiple spanning buttons, 450 multiple, 79–80 coding, 449–450 overview, 77–79 JavaScript code, 450–451 rowspan property, 79–80 managing, 448–452 royalty-free images, 944 selectors, 161, 201 run-length encoding, 103 semantic navigation, 904 semicolon (;), 162, 342, 510, 666 S send( ) method, 738, 740 Sendmail, 871 Safari, 52 sentry variable, 373–376, 556 Sans serif fonts, 180 Serif fonts, 180 saturation, 110, 172 $_SERVER variable, 568 Scale tool (Gimp), 950 servers scanners, 98 accessing other programs, 870 Scintilla (text editor), 49, 339 administrators, 870 Scissors Select tool (Gimp), 947 creating, with XAMPP, 872–878 scope, 402–405, 584–585 data server, 871