584 dreamweaver CS5 5 the missing manual

www.it-ebooks.info www.it-ebooks.info Dreamweaver CS5.5 The book that should have been in the box ® www.it-ebooks.info www.it-ebooks.info Dreamweaver CS5.5 The book that should have been in the box ® David Sawyer McFarland Beijing | Cambridge | Farnham | Köln | Sebastopol | Tokyo www.it-ebooks.info Dreamweaver CS5.5: The Missing Manual by David Sawyer McFarland Copyright © 2011 O’Reilly Media, Inc All rights reserved Printed in the Unites States of America Published by O’Reilly Media, Inc., 1005 Gravenstein Highway North, Sebastopol, CA 95472 O’Reilly Media books may be purchased for educational, business, or sales promotional use Online editions are also available for most titles: http://my.safaribooksonline.com For more information, contact our corporate/institutional sales department: 800-998-9938 or corporate@oreilly.com Printing History: June 2011: First Edition Nutshell Handbook, the Nutshell Handbook logo, the O’Reilly logo, and “The book that should have been in the box” are registered trademarks of O’Reilly Media, Inc Dreamweaver CS5.5: The Missing Manual, The Missing Manual logo, Pogue Press, and the Pogue Press logo are trademarks of O’Reilly Media, Inc Many of the designations used by manufacturers and sellers to distinguish their products are claimed as trademarks Where those designations appear in this book, and O’Reilly Media, Inc was aware of a trademark claim, the designations have been printed in caps or initial caps While every precaution has been taken in the preparation of this book, the publisher and author assume no responsibility for errors or omissions, or for damages resulting from the use of the information contained herein ISBN: 978-1-449-39797-5 [M] www.it-ebooks.info Table of Contents The Missing Credits xxi Introduction Part One: Building a Web Page Chapter 1: Dreamweaver CS5.5 Guided Tour 21 The Dreamweaver CS5.5 Interface The Document Window The Insert Panel The Files Panel The Property Inspector The Application Bar Organizing Your Workspace Setting Up a Site Creating a Web Page The Dreamweaver Test Drive Phase 1: Getting Dreamweaver in Shape Phase 2: Creating a Website Phase 3: Creating and Saving a Web Page Phase 4: Adding Images and Text Phase 5: Preview Your Work Phase 6: Finishing the Page Chapter 2: Adding Text to Your Web Pages Adding Text in Dreamweaver Adding Special Characters Line Breaks Nonbreaking Spaces Multiple Spaces Adding a Date to Your Page 21 22 25 29 30 31 33 39 43 47 47 51 52 57 63 67 75 75 76 77 79 80 81 v www.it-ebooks.info Copying and Pasting Text Simple Copy and Paste Paste Special Pasting Text from Word: The Basic Method Pasting Text with Word Formatting Pasting Excel Spreadsheet Information Importing Word and Excel Documents (Windows) Selecting Text Spell-Checking About Dictionaries Performing the Check Chapter 3: Text Formatting Paragraph Formatting Paragraphs Headlines Preformatted Text Paragraph Alignment Indented Paragraphs Creating and Formatting Lists Bulleted and Numbered Lists Reformatting Bulleted and Numbered Lists Definition Lists Removing and Deleting List Items Text Styles 82 82 83 85 87 88 88 88 91 91 91 95 97 98 99 100 101 101 102 103 105 107 109 110 Chapter 4: Introducing Cascading Style Sheets 113 Cascading Style Sheet Basics Why Use CSS? Internal vs External Style Sheets Types of Styles Creating Styles Phase 1: Set Up the Style Phase 2: Defining a Style Creating a Style with the Property Inspector Using Styles Applying a Class Style Removing a Class Style Applying IDs to a Tag Linking to an External Style Sheet Manipulating Styles Editing Styles Deleting a Style Renaming a Class Style Duplicating a Style vi table of contents www.it-ebooks.info 114 114 115 116 117 117 121 121 123 124 126 127 128 129 129 130 131 133 Text Formatting with CSS Choosing a Font Changing the Font Size Picking a Font Color Adding Bold and Italic Aligning Text CSS Type Properties in the Rule Definition Window Block Properties List Properties Cascading Style Sheets Tutorial Setting Up Creating an External Style Sheet Editing a Style Adding Another Style Creating a Class Style Attaching an External Style Sheet 134 134 139 142 144 145 146 148 151 152 153 153 155 158 160 163 Chapter 5: Links 167 Understanding Links Absolute Links Document-Relative Links Root-Relative Links Link Types in Action Executive Summary Adding a Link Browsing for a File Using the Point-to-File Tool Typing (or Pasting) the URL or Path Using the Hyperlink Object Adding an Email Link Linking Within a Web Page Method 1: Creating a Named Anchor Method 2: Adding an ID Linking to an Anchor or ID Viewing and Hiding Anchors Modifying a Link Changing a Link’s Destination Removing a Link Styling Links CSS and Links Creating a Navigation Menu Adding a Menu Adding, Editing, and Removing Links Changing the Look of the Navigation Menu 167 168 168 169 172 173 174 174 177 178 179 183 184 184 186 186 187 188 188 188 188 190 192 193 195 197 table of contents www.it-ebooks.info vii Link Tutorial Linking to Other Pages and Websites Formatting Links Adding a Navigation Bar Styling the Menu Bar Submenus and Rollover Buttons 204 204 206 207 212 216 Chapter 6: Images 221 Adding Images Adding an Image Placeholder Inserting an Image from Photoshop Method 1: Using the Insert Image Object Method 2: Copying and Pasting from Photoshop Modifying an Image Adding an ID to an Image Adding a Text Description to an Image Changing an Image’s Size Some Properties to Avoid Controlling Images with CSS Wrapping Text Around an Image Adding Borders Background Images Editing Graphics Dreamweaver’s Built-In Editing Tools Setting Up an External Editor Editing Smart Objects Editing Images Pasted from Photoshop Optimizing an Image Image Maps Editing a Hotspot’s Properties Rollover Images Tutorial: Inserting and Formatting Graphics Setting Up Adding an Image Inserting a Photoshop File Inserting a Rollover Image Using Background Images 222 224 226 226 233 233 234 234 236 237 238 239 241 243 245 246 249 251 254 255 255 257 258 260 260 261 262 267 269 Chapter 7: Tables 273 Table Basics Inserting a Table Selecting Parts of a Table Selecting a Table Selecting Rows or Columns Selecting Cells Expanded Table Mode viii table of contents www.it-ebooks.info 274 275 278 278 279 280 280 Index Muck, Tom, 182 multiline text fields (forms), 526–527 multiple spaces (text), 80–81 Multiscreen Preview function, 477–478 MySQL server, 942–945, 947–949 N named-anchors (links) creating, 184–186 linking to, 186–187 position in browsers, 187 viewing and hiding, 187 naming checkboxes, 530 class styles (CSS), 131–133 fields (forms), 523 files, 46 files and folders (site management), 716–717 files in Files panel, 735–736 Flash movies, 698 folders in Files panel, 735–736 Library elements (Dreamweaver), 831–832 radio buttons, 532 sites, 721 styles (CSS), 119 navigating Live View, 997 navigation actions (behaviors) Check Plugin action, 670 Go to URL action, 666–667 Jump Menu/Jump Menu Go actions, 667–671 Open Browser Window action, 664–666 overview, 663–664 navigation bar creating (links tutorial), 207–211 modifying in CSS layouts, 377 navigation menus adding/editing/removing links, 195–198 changing look of, 197–200 formatting regular menu buttons, 200 formatting rollover menu buttons, 200–201 formatting submenu buttons, 201–202 inserting Spry menus, 193–195 overview, 192 pop-up menus, positioning, 203 removing, 204–205 Spry Menu Bar, 192–194 width of menus/buttons, changing, 202–204 nested lists (text), 107 nested templates controlling properties checkbox, 873 creating, 865–866 customizing, 867 defined, 842 overview, 864–865 updating, 876 using (example), 868–869 1168 nesting AP divs, 394–395 NetRenderer, 754 New CSS Rule button, 117 New CSS Rule dialog box, 118 New CSS Rule window, 60, 68 New Document window, 43 New Optional Region box, 860 New Style Rule window, 355 nonbreaking spaces (text), 79–80 none option (CSS Display property), 151 numbered (ordered) lists creating, 103–104 in CSS, 151–152 pasting from Word, 86 reformatting, 105 numbers, comparing (recordsets), 960 O objects applying class styles to (CSS), 125–126 Date objects, 81 Object Tag Accessibility Options window, 696 One, Felix, 994 online forums, 1127 online resources, 17–18 Open Browser Window action, 664–666 optimization of images basics, 255 GIF options, 231–233 JPEG options, 230–231 PNG options, 231–233 settings for, 227–228 optional regions advanced settings, 859–863 controlling with expressions, 861–863 creating, 857–858 creating template-based page with (tutorial), 886–887 defined, 842 editing/removing, 863 hiding/showing, 871–872 locking, 858 Optional Editable Region command, 859 repeating, 858 template parameters and, 864 ORDER BY keywords (SQL), 969 orphaned files, 758–759 Other Character dialog box, 76 outdenting block quotes, 102 outline of this book, 15–16 Overflow option (CSS positioning), 383–384 Overflow property (CSS), 427 overline text property, 148 index www.it-ebooks.info Index P

(paragraph) tags, padding adding, 71, 80 cells, 276 property, 102, 362 Page from Sample category, 43, 366 Page from Template category, 43 page layouts (CSS) absolute positioning, 378 AP divs, adding to pages, 386–389 AP divs, drawing, 389 AP divs, nesting, 394 AP element properties, modifying, 391–394 AP Elements panel, 389–391 Box Model, 360–364 CSS positioning properties See positioning properties (CSS) Dreamweaver CSS layouts See Dreamweaver CSS layouts float-based layouts See float-based layouts overview, 347–349 tutorial See CSS layout tutorial types of, 349–351 page layouts (Spry) master/detail layouts, 628–630 Spry data layouts, choosing, 625 stacked container layouts, 631–632 Stacked Container with Spotlight Area layouts, 632–633 Page Properties dialog box, 53, 58 Page Properties window, 188, 190 paid support (Adobe), 1127 Palette Options menu (colors), 143 PalettePicker extension, 744 panels, defined, 25 paragraphs alignment of, 101 “Clean up Word paragraph spacing” checkbox, 85 formatting, 97–99 indented, 101–102 pasting from Word, 85 Parallels Desktop, 754 parameters Parameters window, 1003 URL, 962–965 XSLT, 1120–1123 parent AP divs, 394 parent tags, 328 passive FTP, 781 password-protecting web pages admin pages, 1095–1098 login page, creating, 1071–1073 Log Out User server behavior, 1074–1076 overview, 1067–1068 protecting individual pages, 1076–1077 registration form, creating, 1069–1071 tutorial See authentication tutorial users table, 1068 passwords password text fields (forms), 526–528 Spry Password widget, 561–563 pasting data from Excel, 88 Paste Special command (text), 83–85 text from Word, 85–87 text with Word formatting, 87–88 URLs, 178–179 peek-a-boo bug (IE 6), 431 percentages for sizing fonts, 142 percentage-width tables, 277 Phone Gap mobile application framework, 511 Phone Number validation (Spry), 551–552 Photoshop editing images pasted from, 254 inserting/optimizing files from (tutorial), 262–268 Photoshop, inserting images from copying/pasting, 233 GIF optimization options, 231–233 GIFs/JPEGs/PNGs overview, 228 Insert Image object, 226–231 JPEG optimization options, 230 optimization of images, 227–228 overview, 226 PNG optimization options, 231–233 PHP (PHP Hypertext Preprocessor) adding/deleting cookies with, 1083 adding/deleting session variables with, 1085 basics, 927–928 code hints, 448–451 cookie extension for, 1081 finding nested files, 458–460 PHP category (Insert panel), 28 PHP Missing Tools extension, 994 phpMyAdmin, 942–944 PHP Server Formats extension, 978 PHP Show If Recordset Field Condition Is True extension, 1090 XSLT supported by, 1103 pixels sizing fonts with, 141–142 sizing tables with, 283 placeholders, image, 224–226 index www.it-ebooks.info 1169 Index Placement properties (CSS positioning), 384–385 playback options (Flash), 699–700 PNGs (Portable Network Graphics) basics, 228 optimization options, 231–233 Point-to-File tool (links), 177–178 pop-up blockers, 665 pop-up menus See also pull-down menus positioning (Spry), 203 Popup Message behavior, 675 positioning pop-up menus (Spry), 203 positioning properties (CSS) Absolute option, 379 Clip property, 385–386 in CSS Rule Definition window, 379 Overflow option, 383–384 Placement properties, 384–385 Relative option, 380–381 Static positioning, 381 Visibility property, 382 width and height properties, 381–382 Z-Index option, 382–383 POST method, 520 Preferences Preferences dialog box, 45, 48 settings, checking, 47–51 preformatted text, 100 Preload Images action (behaviors), 671–672 previewing link states in Design view, 192 media styles, 339–340 Multiscreen Preview function, 477–478 “Preview in Browser” preferences window, 65 Preview command (Dreamweaver), 746 Preview in Browser category, 165 Preview Using Temporary File checkbox, 170 specific resolutions (mobile sites), 478–480 web pages in BrowserLab See BrowserLab web pages in browsers, 745–746 web pages (tutorial), 63–67 web pages with Live View, 207 widget behavior, 685 Primary Browser box, 66 primary keys, defined, 941 printing printer style sheets, 337, 340–342 styling for (CSS), 337–338 Progressive Download Video option (Dreamweaver), 705 prolog, defined (XML), 614 properties AP element, modifying, 391–394 of cells and rows, 284 Change Property behavior, 681–682 1170 CSS, 70 CSS3, 345 CSS, editing, 415–416 of editable tag attributes, changing, 870–871 of Flash movies, changing, 697 for adding space to text (CSS), 80–81 hotspot, editing, 257–258 positioning (CSS) See positioning properties (CSS) Properties pane CSS3 and, 344 editing styles with, 319–322 Property Inspector (Dreamweaver) basics, 30–31 creating CSS styles with, 121–123 HTML and CSS tabbed areas in, 97 pseudo-classes (links), 190–191 pull-down menus and lists (forms), 533–535 Pure Upload extension, 537 Put command (remote servers), 791, 803 Q QuickLink extension, 182 Quick Tag Editor, 462–464 quirks mode, 45 R Radio Buttons dynamic, 1036–1038 and Radio Groups (forms), 531–533 Radio Groups and Radio Buttons, 531–533 Radio Group Properties window, 1049 Spry Validation, 564–565 RBrowser (Mac), 777 RDS (Remote Development Services), 786 Real Number/Scientific Notation validation (Spry), 551 Recently Modified site reports, 769 records, database basics, 939–941 building page to edit (tutorial), 1054–1060 Delete Record behavior, 1064 Delete Record server behavior, 1042–1045 Delete Record window, 1043 displaying multiple, 979–983 Insert Record server behavior, 1024–1026 Record Insertion Form Wizard, 1020–1024 Update Record Form Wizard, 1027–1030 Update Record server behavior, 1030–1034 Update Record window, 1033 updating, 1026–1027 index www.it-ebooks.info Index recordsets adding to existing page (tutorial), 998–1001 Advanced Recordset window, 966–967 creating, 954–957 deleting, 973 duplicate versions bug, 976 editing, 973 editing and linking to detail page (tutorial), 1002–1004 filtering information, 957–959 See also filtering (recordsets) overview, 953–954 Recordset dialog box, 954 Recordset Navigation Bar, 984–986 Recordset Navigation Status tool, 986–988 Recordset Paging button, 986 Recordset-Paging server behaviors, 1086–1087 Recordset window, 957, 1008 reusing, 972 SQL and, 966–967 See also SQL (Structured Query Language) registering this book, 17 registration forms, user, 1069–1071 regular expressions defined, 901 Regular Expression Library, 901 searching for text patterns with, 894 regular links, 56 regular menu buttons (Spry menus) defined, 199 formatting, 200 Related Files toolbar (Document window), 23–24, 455–458 relational databases, 941–942 Relative option (CSS positioning property), 380–381 remote servers advanced settings, 786–787 Check In/Check Out system See Check In/ Check Out system cloaking files from transferring to, 794–796 Design Notes and See Design Notes downloading files from, 792–794 errors connecting to, 782 FTP, additional options for, 781–783 moving files to, 788–791 REMOTE_ADDR server variable, 1084 remote server view of site files, 728 root folders on, 780 setting up over local networks, 784–785 setting up with FTP or SFTP, 777–781 setting up with FTP over SSL/TLS, 783–784 setting up with RDS, 786 setting up with WebDAV, 785–786 synchronizing site files, 804–807 transferring files from local site to, 776–777 remote sites, defined, 44 repeating background images, 244 repeating optional regions, 858 repeating regions adding to templates, 848–851 creating, 981–983 creating (tutorial), 1005–1006 defined, 841 editing and removing, 983 errors and, 854 filtering, 1113–1115 sorting data in, 1119–1120 Spry Repeat Regions, 638–640 working with, 869–870 XSLT Repeat Region object, 1110–1113 repeating tables creating, 979–981 defined, 850 using, 851–854 Repeat lists, Spry, 640–642 Replace search options, 897 reports HTML reports, 769 Recently Modified site report, 769 Site Report feature (Dreamweaver), 767–770 site reports, 747, 803 Workflow reports, 769 repository view of site files, 728 resampling images, 247–248 Reset Size button, 699 resizing AP elements, 391–392 Flash movies, 699 Flash videos, 706–707 images with resize handles, 238 panels, 37 tables, 283–284 tables with resize handles, 289 resolution, screen previewing (mobile sites), 478–480 resizing sites based on, 489–490 “Restrict Access to Page” behavior, 1076 Results panel, 423 RGB color format (CSS), 145 rollover images basics, 258–260 inserting (tutorial), 267–268 rollover links, 56, 189 rollover menu buttons (Spry menus) formatting, 200–201 improving appearance of, 216–220 root elements (XHTML), 613 index www.it-ebooks.info 1171 Index root folders basics, 714–715 defined, 44 local site, 39 remote servers and, 780 root-relative links, 169–171, 173, 722–723 root-relative paths, 740 rows (tables) adding multiple rows to tables, 290–291 adding single rows/columns to tables, 289–290 defined, 275 deleting, 291–292 selecting, 279 Table Header option, 285 RSS (Really Simple Syndication), 1103, 1111 rules (CSS) defined, 125 Rule Definition menu, 120 Rule Definition window, 121, 146–148 Rules pane (Current Selection mode), 332 S saving errors in templates, 848 Save All Related Files command, 158 Save As dialog box, 52 Save As Template dialog box, 844 Save Workspace window, 50 web pages, 52–57 scaling Flash movies, 700–701 Schemas, XML, 616 Schmitt, Christopher, 535 searching text and code See find-and-replace feature selecting cells, 280 rows/columns, 279 Select File dialog box, 175 Select File window, 993 Select Image Source dialog box, 57, 222 Select Image Source window, 55 selection events (behaviors), 655–656 selection handles (AP divs), 388 selection shortcuts for Files panel, 755 SELECT keyword (SQL), 968 Select Original File window, 253 Selector Type menu (CSS), 119 Select Recently Modified command, 838 Select Recently Modified window, 755 Select Style Sheet File dialog box, 128 Select Transparency Color tool, 231 Select widget (Spry Validation), 560–561 tables, 278–279 text in Dreamweaver, 88–91 1172 selectors (CSS) compound, 313–314 defined, 125, 313 descendent See descendent selectors (CSS) group, 318–319 Tag Selector, 25, 110 text, 60 serif/sans-serif fonts, 137 server models ASP, 928 ColdFusion, 928 overview, 926–927 PHP, 927–928 selecting, 928–929 servers Delete Record server behavior, 1042–1045 Dreamweaver vs server behaviors, 987 Insert Record server behavior, 1024–1026 Recordset-Paging server behaviors, 1086–1087 Server Behaviors panel, 973, 983, 1039 server-side includes, 1001 server-side pages, analyzing CSS in, 416–420 server-side XML, 1101–1102 server variables, 1084 Show Region server behaviors, 1087–1090 Update Record server behavior, 1030–1034 session variables, 1077, 1082–1084, 1085 Set Data Options window, 619–621 Set Text of Container action (behaviors), 676–677 Set Text of Frame action (behaviors), 677 Set Text of Status Bar action (behaviors), 676 Set Text of Text Field action (behaviors), 676 setting up sites See site setup SFTP (Secure FTP), 776 Shake effect (Spry), 662 sharpening images, 249 Shockwave, 703 Show-Hide elements action (behaviors), 677–679 Show Region server behaviors, 1087–1090 Simply SQL (Sitepoint), 968 single-line text fields (forms), 526 site caches, creating, 52 site management Default.html template, editing, 733 editing/removing sites, 724–725 of existing sites, 722 Files panel view, modifying, 729–731 guidelines for, 715–718 importing/exporting sites, 725–726 local site folders, 725 managing files/folders in Files panel, 731–738 organizing site files, 728–729 index www.it-ebooks.info Index overview, 713 root-relative paths and, 740 setting up sites See site setup site architecture, 714–715 site assets See assets, site tools, overview, Site menu (Dreamweaver CS5.5), 1146–1147 Site Root button, 55, 69, 175 site root folders, 931 site setup basics, 39–43 Cache checkbox, 724 case-sensitive links, 724 default images folder, 721 document-relative/root-relative links, 722 local site folder, 721 Media Query file, site-wide, 722 naming site, 721 overview, 719–720 Site Setup window, 40, 719–720, 777 tutorial, 51–52 Web URLs, 722–723 Sites menu (Application bar), 32 site-specific code hints (PHP sites), 448–449 Site-wide Media Query file, 41 sizing fonts, 139–142 images, 236 skins (video buttons), 706 slice tool (Photoshop), 229 Slide effect (Spry), 662 small caps (text), 147 Smart Objects, 226, 229, 251–253 Smart Phone screen preview, 480 snippets adding to web pages, 821–822 basics, 819–820 built-in, 825 creating, 822–824 creating (tutorial), 833–835 limitations of, 826 organizing, 824 Snippets panel, 820 Snippets window, 823 Social Security Number validation (Spry), 551 sorting data in repeating regions, 1119–1120 data in tables, 296–298 Sort options (recordsets), 956 sound, adding to web pages, 709 source code, finding/replacing, 894 Source Format Options window (CSS), 455 source [src] property (), 222 spacing, cell, 276 tag, 542–543, 545, 548 Speaker (HotDreamweaver), 709 special characters adding, 76–77 in HTML, 436–437 specificity, defined (CSS), 329 Specific Tag option (searches), 902, 906 Specify Data Source window, 619 spell-checking in Dreamweaver, 91–93 Split Button list type (jQuery Mobile), 500 split code view, 3, 437, 438 splitting and merging cells, 292–294 Spotlight Area, Stacked Containers with (Spry layout), 632–633 Spry Effects Appear/Fade effect, 658–659 Blind effect, 659 combining multiple, 661 defined, 582 Grow/Shrink effect, 660–661 Highlight effect, 661–662 overview, 657–658 Shake effect, 662 Slide effect, 662 Squish effect, 663 Spry Framework defined, Live View and, 642–643 overview, 581–582 Spry Accordions See Accordions (Spry) SpryAssets folder, 586 Spry category (Insert panel), 27–28 Spry Collapsible Panels See Collapsible Panels (Spry) Spry data sets See data sets, Spry Spry Developer’s Guide, 628 Spry Slideshow widget, 691 Spry tabbed panels See tabbed panels (Spry) Spry tooltip widgets See tooltip widgets (Spry) Spry widgets and Library items, 831 Spry menus changing look of, 197–200 editing, 195–198 editing under the hood, 198 formatting regular menu buttons, 200 formatting rollover menu buttons, 200–201 formatting submenu buttons, 201–202 removing, 204–205 Spry Menu Bar, 192–194, 207–211, 212–217 width of menus/buttons, changing, 202–204 Spry Validation basic process for widgets, 541–546 error messages and fields, formatting, 546–549 overview, 540–541 index www.it-ebooks.info 1173 Index Spry Validation (continued) Select widget, 560–561 Spry checkbox, 557–560 Spry Confirm validation widget, 563–564 Spry menu, adding to forms (tutorial), 575–577 Spry Password widget, 561–563 Spry Radio Group, 564–565, 577–579 Spry text area, 555–556 Text Fields See Spry Validation Text Fields Spry Validation Text Fields adding Text Field (tutorial), 571–575 custom validation patterns, 552–554 hints, adding, 554 limiting characters/enforcing value ranges, 554–555 overview, 548 validation types, 549–552 SQL (Structured Query Language) advanced recordsets and, 966–967 basics, 967–969 Data Tree view and, 969–970 defined, 943 Simply SQL (Sitepoint), 968 SQL Queries for Mere Mortals (AddisonWesley Professional), 968 Squish effect (Spry), 663 Src property, setting (Flash), 698–699 src (source) attribute (image tags), 31 SSL (Secure Socket Layer) technology, 528 Stacked Container layouts (Spry data sets), 631–634 Stacked Container with Spotlight Area layouts (Spry), 632–633 Standard toolbar, 24 Stark, Jonathan, 511 starter images, 672 static options, 1041 static pages, 923 Static positioning (CSS), 381 statistics, download, 770–773 storing data in HTML files (Spry), 608–611 in XML files (Spry), 611–615 straight quotes (text), 84 Streaming Video option (Dreamweaver), 705 strict doctypes, 45, 52 strict style (doctypes), tag, 8, 62, 112 styles adding to media query style sheets, 490–491 anatomy of, 125 of borders, 242 creating with CSS Styles panel, 158–160 defined, 114 1174 deleting, 130–131 duplicating, 133 editing, 129–130 editing (CSS tutorial), 155–158 editing with Properties pane, 319–322 HTML tags and, 110–112 moving/managing, 323–326 Style Rendering toolbar, 24, 340–341 Styles panel (CSS), 49–50, 320–321 tag styles, 60 style sheets defined, 114 Design Time, 343 organizing for media queries, 489–490 printer, 337, 340–342 styling links, 188–192 for printing (CSS), 337–338 Spry menu bar (links tutorial), 212–217 submenu buttons (Spry menus) defined, 199 formatting, 201–202 improving appearance of (tutorial), 216–218 “Reset form” button, 538–539 “Submit form” button, 538, 579 Subversion software, 800 Summary for Selection pane (Current Selection mode), 332 Summary pane (CSS Styles panel), 414–415, 416 Swap Image behavior, 260, 672–674 Swish, 695 synchronizing site files (remote servers), 804–807 syntax coloring (Code view), 439–440 System Color Picker button, 142 T tabbed panels (Spry) adding to web pages, 583–585 content, adding/editing, 585–586 formatting, 586–589 overview, 582–583 vertical, 590 Tab Index form fields and, 525–526 links and, 182 tabindex property, 464, 763 tag (tables), 275 tables adding data with Record Insertion Form Wizard, 1020–1024 adding multiple rows/columns, 290–291 adding single rows/columns, 289–290 aligning, 281–282 index www.it-ebooks.info Index alignment properties of cells, 284–285 basics, 274–275 Categories table, 1015 cell dimensions, setting, 286–287 cells, decorating, 285–286 controlling appearance of forms with, 535 database tables, 939–941 deleting rows/columns, 291–292 Dynamic Table tool, 980 Expanded Table mode, 280 exporting data from, 298 formatting, 280–281 height/width values, clearing, 282–283 HTML, Spry data sets and, 609–611 importing data into, 294–296 inserting, 275–278 merging and splitting cells, 292–294 No Wrap property (cells), 285 repeating tables, 841, 851–854, 979–981 resize handles, cautions with, 289 resizing, 283–284 selecting, 278–279 selecting cells, 280 selecting rows/columns, 279 sorting data in, 296–298 Spry Data Table, 626–628 tag, 275 table-based layouts, 273–274 Table Header option, 285 tips for laying out, 287–289 users table, 1068 using calculators for building, 288 tables tutorial adding table and data, 299–301 final improvements, 306–309 formatting table, 302–306 modifying table, 301–302 overview, 298 tabs, document window, 23 tags advanced tag searches, 902–903 ancestor/dependent, 328 applying ID styles to (HTML), 127 assigning IDs to, 657–658 automatic generation of (HTML), child/parent, 328 editable tag attributes, 840, 870–871 limiting searches by, 898–899 Specific Tag option (searches), 906 styling groups of (CSS), 318–319 Tag Accessibility window, 67 tag attributes, making editable, 854–857 Tag Hints, 463 Tag inspector, 464–465 Tag Libraries button, 455 Tag Library Editor, 456 Tag Modifier menu, 899 Tag selectors, 25, 110 tag styles, 116, 119, 127 XHTML rules for, 10 Tahoma font, 54 Targeted Rule menu (Property Inspector), 123 Target menu (links), 181 tag, 275 Code view and, 455–456 templates applying to existing pages, 872–874 basics, 839–842 broken links in, 847 building from scratch, 845 building pages based on, 869–870 changing background colors/highlighting, 851 editable optional regions See editable optional regions (templates) editable tag attributes See editable tag attributes errors in saving, 848 exporting template-based sites, 877–879 nested See nested templates optional regions See optional regions repeatable regions See repeatable regions (templates) repeating tables See repeating tables (templates) template expressions Help, 863 template parameters, 864 Template Properties window, 871 turning web pages into, 843–844 under the hood of, 850 unlinking pages from, 877 updating, 874–877 templates tutorial creating template, 879–883 creating template-based page, 883–886 creating template-based page with optional regions, 886–887 updating template, 888–889 testing server view of site files, 728 testing servers, setting up, 930–931 testing sites changing links site-wide, 759–761 download statistics, 770–773 finding broken links, 753–756 fixing broken links, 756–757 HTML/XHTML code, cleaning up, 764–767 listing external links, 757–758 in multiple browsers, 754 orphaned files, 758–759 index www.it-ebooks.info 1175 Index testing sites (continued) previewing web pages in BrowserLab See BrowserLab site launch checklist, 745–747 site reporting, 767–770 validating web pages, 761–764 text adding to web pages (tutorial), 57–63 advanced search option, 898 comparing values of (recordsets), 959–960 descriptions, adding to images, 234–236 dynamic text form fields, 1035–1036 finding and replacing, 894 indenting text property (CSS), 150 modifying spacing in CSS layouts, 376–377 Set Text of Container action, 676–677 Set Text of Frame action, 677 Set Text of Text Field action, 676 Spry text area (validation), 555–556 Spry Validation Text Fields See Spry Validation Text Fields text align property (CSS), 150 text fields (forms), 526–528 Text objects category (Insert panel), 28 text validation widget (Spry), 545 Text Wrangler, 469, 471 wrapping around images, 239–242 text, adding in Dreamweaver Clean Up Word HTML command, 92 copying/pasting, 82–83 dates, adding to pages, 81–82 encoding/decoding foreign characters, 90 Excel spreadsheet data, pasting, 88 importing Word/Excel documents, 88 line breaks, 77–79 multiple spaces, 80–81 nonbreaking spaces, 79–80 Paste Special command, 83–85 pasting text from Word, 85–87 pasting text with Word formatting, 87–88 selecting text, 88–91 special characters, adding, 76–77 spell-checking, 91–93 text, formatting headlines, 99–100 with HTML and CSS, 95–97 HTML styles, 110–112 lists See lists paragraph alignment, 101 paragraph formatting, 97–99 paragraphs, indented, 101–102 Preformatted format, 100 text-align property, 101 1176 text, formatting with CSS alignment of text, 145 Block Properties panel, 148–151 bold and italics, adding, 144 fonts See fonts indent property, 80 list properties, 151–152 overview, 134 text-shadow property (CSS3), 345 Type properties in Rule Definition window, 146–148 web colors, 145 tag, 275, 277 theme roller application (jQuery Mobile), 510 Time validation (Spry), 550 title bar (Mac document window), 23 Title field (web pages), 53 Title property (links), 181 Toggle effect checkbox, 659, 662 tooltip widgets (Spry) adding content to, 605–606 adding to web pages, 601–605 formatting, 606–607 overview, 601 Toon Boom, 695 transitional doctypes, 7, 45, 52 transparency tools (GIFs/PNGs), 231 triggers, tooltip (Spry), 601 Trio Solutions, 709 troubleshooting CSS analyzing CSS in JavaScript and server-side pages, 416–420 analyzing with Dreamweaver, 413–415 browser compatibility, checking, 420–424 editing CSS properties, 415–416 float-based elements, clearing/containing, 424–427 float drops, avoiding, 427–429 two-column design example (float-based layout), 356–360 Typekit, 135 Type properties (Rule Definition window), 146–148 U underline text property, 148 Undo command for CSS style changes, 131 Universal Email extension, 537 “Update automatically on save” checkbox, 81 updating database records, 1026–1027 inserting/updating database data tutorial See database data, inserting/updating (tutorial) templates, 874–877 index www.it-ebooks.info Index templates (tutorial), 888–889 update forms, 527, 539 Update Record Form Wizard, 1027–1030 Update Record server behavior, 1030–1034 Update Record window, 1033 uploading files to sites, 537 files with forms, 521 uppercase/lowercase in code formatting, 454 URLs (Uniform Resource Locators) See also links defined, “Go to previous URL” checkbox, 1073 “Go to URL” action, 666–667 typing or pasting, 178–179 parts of, 170 URL parameters, 962–965 URL validation (Spry), 551 URL variables, 1079–1080 Web URLs option (site setup), 722–723 users logged in, displaying portions of pages to, 1098–1100 User Authentication server behaviors, 1067 users table, 1068 Using Dreamweaver CS5.5 documents, 1125 V validation CSS validator (W3C), 763 of forms, 540–541 Spry validation See Spry validation Validation panel, 763 W3C validator, 747, 762 of web pages, 747, 761–764 variables for filtering data, creating, 970–972 form, 1080 server, 1084 session, 1082–1084 URL, 1079–1080 vertical alignment property (CSS), 149 vertical tabbed panels (Spry), 590 tag (HTML5), 708 viewing Design Notes, 810 named-anchors, 187 site files, 728–729 View menu (BrowserLab), 751 View menu (Dreamweaver CS5.5), 1135–1138 Visibility property (CSS positioning), 382, 390 visited links, 56, 189 Visual Aids menu (document window), 364 visual page-building, 2–3 VMWare Fusion, 754 W W3C validator, 6, 747 WAMP (Windows) software, 930–931 web application server pages, 436 WebAssist, 537 WebDAV, 785–786 web fonts, 134–135 Web Hypertext Application Technology Group (WHATWG), 11 WebKit, 65, 745 web pages adding Library items to, 829–830 adding sound to, 709 adding widgets to, 690–691 applying templates to existing, 872–874 building, 43–46 See also web pages, building (tutorial) building based on templates, 869–870 caching, 772 comparing versions of See web pages, comparing versions of creating based on templates (tutorial), 883–886 embedding videos from YouTube, 708–709 linking within, 184–187 new page default, editing, 733 passing information between, 991–994 password-protecting See password-protecting web pages previewing in BrowserLab See BrowserLab previewing often, 745–746 previewing (tutorial), 63–69 turning into templates, 843–844 unlinking from templates, 877 validating, 747, 761–764 web pages, building (tutorial) creating/saving web pages, 52–57 creating website, 51–52 finalizing web page, 67–73 images and text, adding, 57–63 preference settings, checking, 47–51 previewing web pages, 63–67 web pages, comparing versions of Compare File command, 465, 467 file-comparison utility, 465–466 steps for comparing files, 467–469 with TextWrangler, 471 with WinMerge, 469–470 web servers See remote servers websites accessibility of, 237 creating (tutorial), 51–52 designing for mobile devices See mobile site design index www.it-ebooks.info 1177 Index websites (continued) dynamic See dynamic websites exporting template-based, 877–879 managing See site management setting up See site setup testing See testing sites uploading files to, 537 websites, for downloading Adobe Exchange, 913 Adobe Labs, 581 ColdFusion Developer Edition, 928 Exchange (Adobe), 682 extensions for Dreamweaver, 916 file-comparison tools, 466 Kuler web tool (Adobe), 744 MAMP (Mac) software, 931 Missing CD page, 16 PalettePicker extension, 744 PHP Missing Tools extension, 994 session extension for PHP server model, 1084 Subversion software, 800 WAMP software, 930 YSlow plug-in, 773 websites, for further information Adobe Dreamweaver support page, 1126 tag (HTML5), 709 Business Catalyst, 28 CGI Resource Index, 517 collapsible blocks (jQuery Mobile), 505 conditional comments, 374, 698 Contribute program (Adobe), 783 CrossBrowserTesting.com, 754 CSS, 115 CSS-based form layout tutorial, 535 CSS comments, removing, 766 CSS Zen Garden, 348 database design, 941 Dreamweaver Help, 1126 Dreamweaver Support Center, 918 Flash videos, creating, 704 floated elements issues, 425 font lists for different platforms, 139 Get the Glass game, 694 Google Analytics, 432 Google Web Fonts service, 135 HTML reference, 286 HTML video, adding to web pages, 708 IE bugs, 431 IE Conditional Comments snippets, 825 inline option (CSS Display property), 150 jQuery Mobile, 492, 510 jQuery Mobile buttons, 508 jQuery Mobile grids, 503 jQuery Mobile site examples, 492 MM newsletter, 18 1178 mobile design techniques (Ethan Marcotte), 489 O’Reilly Registration page, 17 regular expressions, 901 server variables, 1084 Spry Developer’s Guide, 628 SQLCourse.com, 968 styling form fields, 535 table accessibility, 278 Typekit, 135 Wufoo form-processing service, 517 XML, 612 web URLs, 722–723 Western European/Unicode (UTF-8), 77 WHERE clauses, 1009 whitespace property (CSS), 150 Widget Browser adding widgets to web pages, 690–691 configuring widgets, 686–689 finding/installing widgets, 684–686 setting up/launching, 683–684 widgets (Spry) defined, 582 jQuery Mobile, 498 Spry Validation, 540 width properties of cells, setting, 288 Char Width (text fields), 526 of column layouts, changing, 375 CSS, 364 CSS positioning, 381–382 and height values, clearing (tables), 282–283 of images, 236 Max Width/Min Width options (CSS3), 481, 486 of pages in fixed layouts, changing, 374 of pages in liquid layouts, changing, 376 of Spry menus/buttons, changing, 202–204 of styled objects (CSS), 360 of tables, 277 windows Window menu (Dreamweaver CS5.5), 1148–1150 Window Size menu, 479 Windows, Microsoft Dreamweaver CS5.5 on, 15 file comparison tools for, 466 file extensions and, 55 special character keyboard shortcuts on, 78 WinMerge comparing files with, 469–470 illustrated, 468 With Attribute/Without Attribute search options, 899–900 index www.it-ebooks.info Index Word, Microsoft Clean Up Word HTML command, 92 formatted text, pasting, 87–88 importing documents from, 88 pasting text from, 85–87 saving documents as web pages, 92 WordPress, 419, 462 word spacing property (CSS), 80, 148 word wrap option (Code view), 442 Workflow Reports, 769 Workforce Investment Act, 237 workspaces (Dreamweaver) organizing, 33–34 workspace layouts, 36–38 Workspace Switcher, 27, 33, 38 wrapper tags, 352 wrapping snippets, 823 text around images, 239–242 WS_FTP, 789 Wufoo form-processing service, 517 WYSIWYG editors vs hand coding, X XHTML (Extensible HTML) code, cleaning up, 764–767 overview, 9–10 rules for coding with, 10 rules for writing, 613–614 strict/transitional doctypes, 45, 52 XML (Extensible Markup Language) creating dynamic pages with, 1103–1107 data, inserting (Spry), 622–624 files for template-based pages, 878 files, storing data in (Spry), 611–615 vs HTML, 1102 Schemas, 616 server-side See servers XML, inserting/formatting conditional regions, inserting, 1115–1118 fundamentals, 1107–1111 multiple conditional regions, 1118–1119 XSLT Repeat Region object, 1110–1113 XPath (XML Path) defined, 1102–1103 expressions, 1116–1117 workings of, 623 XPath Expression Builder window, 1109, 1112–1113 XSLT (Extensible Stylesheet Language Transformation) creating dynamic pages with, 1103–1107 defined, 1102–1103 fragments, creating/using, 1104–1107 parameters, 1120–1123 repeating regions, sorting data in, 1119–1120 XSLT Repeat Region object, 1111–1114 Y Yes key, 793 YouTube, embedding Flash videos with, 707–709 YSlow plug-in (Firefox), 773 Z Z-Index option (CSS positioning), 382–383, 390–391 zoom property, 217, 427 index www.it-ebooks.info 1179 www.it-ebooks.info Colophon Stacie Arellano provided quality control for Dreamweaver CS5.5: The Missing Manual The book was composited in Adobe InDesign CS4 by Dessin Designs (www.dessindesigns.com) The cover of this book is based on a series design originally created by David Freedman and modified by Mike Kohnke, Karen Montgomery, and Fitch (www.fitch com) Back cover design, dog illustration, and color selection by Fitch David Futato designed the interior layout, based on a series design by Phil Simpson The text font is Adobe Minion; the heading font is Adobe Formata Condensed; and the code font is LucasFont’s TheSansMonoCondensed The illustrations that appear in the book were produced by Robert Romano and Rebecca Demarest using Adobe Photoshop and Illustrator CS www.it-ebooks.info www.it-ebooks.info ... 51 5 51 6 51 7 52 1 52 2 52 6 52 8 53 1 53 3 53 5 53 6 53 7 53 9 54 0 54 0 54 1 54 6 54 8 55 5 55 7 56 0 56 1 56 3 56 4 56 5 56 5 57 1 57 5 57 7 57 9 Chapter 14: Spry: Creating Interactive Web Pages 58 1 What... McFarland Dreamweaver CS5: The Missing Manual by David Sawyer McFarland Dreamweaver CS5. 5: The Missing Manual by David Sawyer McFarland Droid 2: The Missing Manual by Preston Gralla Droid X: The Missing. .. Vander Veer Flash CS5: The Missing Manual by Chris Grover Flash CS5. 5: The Missing Manual by Chris Grover Google Apps: The Missing Manual by Nancy Conner Google SketchUp: The Missing Manual by Chris