Dreamweaver CC the missing manual

Dreamweaver CC The book that should have been in the box® David Sawyer McFarland and Chris Grover Beijing | Cambridge | Farnham | Köln | Sebastopol | Tokyo Dreamweaver CC: The Missing Manual by David Sawyer McFarland and Christopher Grover Copyright © 2014 David McFarland and O’Reilly Media, Inc All rights reserved Printed in the United States of America Published by O’Reilly Media, Inc., 1005 Gravenstein Highway North, Sebastopol, CA 95472 O’Reilly 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 December 2013: First Edition Revision History for the First Edition: 2013-12-09 First release See http://oreilly.com/catalog/errata.csp?isbn=0636920027461 for release details The Missing Manual is a registered trademark of O’Reilly Media, Inc The Missing Manual logo, and “The book that should have been in the box” 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 is aware of a trademark claim, the designations are capitalized While every precaution has been taken in the preparation of this book, the publisher assumes no responsibility for errors or omissions, or for damages resulting from the use of the information contained in it ISBN-13: 978-1-449-34170-1 Contents The Missing Credits ix Preface xiii What Dreamweaver Is All About xiv Why Dreamweaver? xiv What’s New in Dreamweaver CC xvii Life in the Cloud xviii What’s Gone in Dreamweaver CC xviii HTML Basics xix Document Types xx Of Tags and Properties xxi XHTML in Dreamweaver xxii HTML5, The New Markup Standard xxiii Add Style with Cascading Style Sheets xxiv Add Interactivity with JavaScript xxiv Mobile Web Design xxv How This Book Is Organized xxvi About This Book xxvi Windows and Macintosh Commands xxvii The Very Basics of Reading This Book xxvii About→These→Arrows xxviii Online Resources xxviii Using Code Examples xxx Safari® Books Online xxx Part One: CHAPTER 1: Building a Web Page Dreamweaver CC Guided Tour Download Dreamweaver CC The Dreamweaver CC Interface Setting Up a Site 19 Creating a Web Page 23 Managing Files and Folders with the Files Panel 28 The Dreamweaver Test Drive 32 iii CHAPTER 2: Working with Text 65 Adding Text in Dreamweaver 65 Adding Special Characters 71 Selecting Text 78 HTML Formatting 79 Paragraph Formatting 81 Creating and Formatting Lists 85 Text Styles 94 Spell-Checking 96 CHAPTER 3: Introducing Cascading Style Sheets 99 Cascading Style Sheet Basics 100 Creating Styles 104 Using Styles 115 Manipulating Styles 122 Formatting Text with CSS 126 Cascading Style Sheets Tutorial 147 CHAPTER 4: Links 165 Understanding Links 165 Adding a Link 171 Adding an Email Link 181 Linking Within a Web Page 182 Modifying a Link 184 Styling Links 185 Creating a Navigation Menu Tutorial 189 Link Tutorial 204 CHAPTER 5: Images 219 Adding Images 219 Inserting an Image from Photoshop 224 Modifying an Image 231 Controlling Images with CSS 234 Editing Graphics 243 Image Maps 251 Rollover Images 254 Tutorial: Inserting and Formatting Graphics 257 CHAPTER 6: Tables 269 Table Basics 270 Inserting a Table 271 Selecting Parts of a Table 274 Expanded Tables Mode 276 Formatting Tables 276 Modifying Cell and Row Properties 280 iv Contents Adding and Removing Cells 285 Merging and Splitting Cells 287 Tabular Data 289 Tables Tutorial 293 CHAPTER 7: HTML Under the Hood 309 Controlling How Dreamweaver Handles HTML 309 Code View 313 Live Code 337 Quick Tag Editor 339 Comparing Versions of a Web Page 341 Finding References 348 CHAPTER 8: Find and Replace 349 Find and Replace Basics 349 Basic Text and HTML Searches 350 Advanced Text Searches 355 Advanced Tag Searches 360 A Powerful Example: Adding Alt Text Fast 362 Part Two: CHAPTER 9: Building a Better Web Page Advanced CSS 367 Compound Selectors 367 Fast Style Editing with CSS Designer 374 Moving and Managing Styles 377 Resolving CSS Conflicts 382 Using the Code Navigator 390 Styling for Print 392 CSS Transitions 397 Using CSS3 410 Advanced CSS Tutorial 413 CHAPTER 10: Page Layout 423 Types of Web Page Layouts 425 Float Layout Basics 426 Understanding the Box Model 437 Dreamweaver’s CSS Layouts 441 Modifying Dreamweaver’s CSS Layouts 449 Absolute Positioning 457 Adding an AP Element to Your Page 464 Modifying AP Element Properties 467 CSS Layout Tutorial 470 Contents v CHAPTER 11: Troubleshooting CSS 483 Analyzing CSS with Dreamweaver 483 Overcoming Common CSS Problems 490 CHAPTER 12: Designing Websites for Mobile Devices 497 Previewing Pages at Different Resolutions 499 Media Queries 506 Strategies for Using Media Queries 518 jQuery Mobile 521 Fluid Grid Layouts 544 Fluid Grid Layout Tutorial 548 Part Three: Bringing Your Pages to Life CHAPTER 13: Adding Interactivity with jQuery 573 JavaScript, jQuery, and jQuery UI 573 Adding an Accordion 576 Tabs 589 Datepicker 592 Dialog 593 jQuery UI Widgets for Programmers 595 Dreamweaver Behaviors 597 Applying Dreamweaver Behaviors 597 Events 601 A Sampler of Actions, One by One 602 CHAPTER 14: Forms 615 Form Basics 615 Creating a Form 617 Adding Form Elements 622 Forms Tutorial 649 CHAPTER 15: Adding Sound, Video, and Animation 669 Adding Sound to Your Page 669 Using HTML5 Video 676 Adding Video Through YouTube 684 Flash: An Introduction 686 Automate the Flash Download .695 Add Flash Videos 696 Adding Adobe Edge Animate Animations 701 vi Contents Part Four: Managing a Website CHAPTER 16: Introducing Site Management 707 The Structure of a Website 708 Setting Up a Site (in Depth) 712 Managing Dreamweaver Sites 718 Site Assets 725 CHAPTER 17: Testing Your Site 735 Site Launch Checklist 735 Testing Web Pages with BrowserStack 739 Find and Fix Broken Links 745 Validating Web Pages 752 Cleaning Up HTML (and XHTML) 755 Site Reporting 758 CHAPTER 18: Moving Your Site to the Internet 763 Adding a Remote Server 763 Transferring Files 776 Check In and Check Out 785 Synchronizing Site Files 791 Communicating with Design Notes 795 Part Five: Dreamweaver CC Power CHAPTER 19: Snippets and Libraries 807 Snippets Basics 807 Using Snippets 809 Creating Snippets 810 Built-In Snippets 812 Library Basics 813 Creating and Using Library Items 815 Editing Library Items 818 Snippets and Library Tutorial 820 CHAPTER 20: Templates 827 Template Basics 827 Creating a Template 830 Defining Editable Regions 832 Building Pages Based on a Template 834 Updating a Template 839 Using Repeating Regions 841 Using Editable Tag Attributes 846 Contents vii Using Optional Regions 852 Exporting a Template-Based Site 857 Template Tutorial 859 CHAPTER 21: Customizing Dreamweaver 869 Keyboard Shortcuts 869 Dreamweaver Extensions 874 CHAPTER 22: Working with Server-Side Programming 881 Pieces of the Puzzle 883 Dynamic Websites: The Setup 885 Creating a Dynamic Page 891 Using Server-Side Includes 892 Working with Related PHP Files 895 PHP Code Hints 897 Part Six: Appendixes APPENDIX A: Getting Help 903 Getting Online Help 903 Getting Help from Other Dreamweaver Fans 909 APPENDIX B: Dreamweaver CC, Menu by Menu 913 File Menu 913 Edit Menu 915 View Menu 918 Insert Menu 921 Modify Menu 923 Format Menu 924 Commands Menu 925 Site Menu 926 Window Menu 928 Help Menu 931 Index 933 viii Contents NEW DOCUMENT WINDOW New Document window not showing during page creation, 26 New Site command, 19, 147, 926 New Style Rule window, 432 Next Document, Previous Document command (Mac only), 930 non-breaking spaces, 200 nonbreaking spaces, 75 Notepad, 918 O oam files, 701 objects, inserting, 619 tag, 690 Object Tag Accessibility Options window, 689 Ogg file format, 671–673 Ogg Theora file format, 679

tag, 80 Open Browser Window action, 607– 609 Open command (File menu), 914 Open Linked Page command (Modify menu), 924 Open Recent command (File menu), 914 Opera access key, 179 audio formats, 670 blank “Window width” and “Window height” properties, 607 color support, 139 CSS transitions, 409 datalists, 629 drop shadows, 413 fieldsets, 648 focus link style, 187 gradients, 413 HTML5 video, 700 tag, 688 operating systems keyboard shortcuts, 872 testing site using various, 735–739 Optimize Image command (Commands menu), 926 orphaned files, 749–751 outdent, 85 Outdent Code command (Edit menu), 917 960 INDEX Outdent command (Format menu), 924 overflow:hidden property, 493 Overflow settings, 462 P padding and floats, 439 Padding properties, 56 padding property, 76, 156, 160, 237, 239 Padding property, 272, 278, 294, 301 page elements, arranging, 924 page layouts, 423–482. See also CSS Layouts; Float property borders, 439 Clear property, 439 column width, 454, 455 conditional comments, 453 CSS Box Model, 437–441 displaying HTML in a specific order, 437 tags, 428–430 applying either class or ID selector to, 432 class selector vs ID selector, 429 example, 433–437 Insert Div command, 430–433 providing limits for width of a container div, 455 fixed-width layouts, 426 creating, 477–478 modifying, 453–454 float layout basics, 426–437 Height property, 438 link states, 456 liquid layouts, 426 creating and modifying, 454–455 margins, 437, 439 navigation bar, 456 padding, 439 page width, 453, 455 Position property, 425 RWD. See Responsive Web Design (RWD) setting fixed width, 436 sidebars, 437 text spacing, 455 types of, 425–426 Width property, 438 issues with, 442 Page Properties command, 923 Page Properties dialog box, 39 Page Properties’ Links (CSS) window, 186 PalettePicker extension, 733 panels, hiding, 930 Paragraph Format command, 925 paragraph formatting, 81–85 headlines, 83 indents, 84–85 paragraphs, 82–83 Preformatted paragraph format, 84 Paste command, 916 Paste Special command, 66–69, 916 applying same options, 68 changing default behavior, 68 “Retain line breaks”, 69 pasting text from Excel, 71 from Word with formatting, 70–71 pasting text from Word, 69–70 Pastrana, Trent, 878 percentage (typeface unit measure), 137 PhoneGap Build Service, 544, 928 photos. See images Photoshop GIF files animated, 228 optimization settings, 229–231 GIF for Background Images (Patterns), 226, 228 inserting images from, 224–231, 248, 260–262 “Image Optimization”, 226 tweaking image settings, 227 JPEG files optimization options, 228 JPEG for Photos (Continuous Tones), 226–228 JPEG High for Maximum Compatibility, 226, 228 PNG8 files optimization settings, 229–231 PNG8 for Logos and Text, 226 PNG24 for Photos (Sharp Details), 226, 227 PNG files optimization options, 231 PNG for Background Images (Gradients), 226, 228 PSD files, 221, 222 Smart Objects, 248–251 Photoshop and extensions, 879 PHP, 881, 885 appending php to new filenames, 890 Code Collapse feature, 326–328 code hints, 897–900 Code Hints feature, 324–326 finding nested PHP files, 334–337 pages, 892 Pure Upload extension, 646 references, 348 Site-Specific Code Hints command, 928 Smart Mailer extension, 649 Tag Library Editor, 334 working with related PHP files,  895–897 php files, 312, 891 PHP Solutions: Dynamic Web Design Made Easy, 883 pixel (typeface unit measure), 136 Placement properties, 463 Play Recorded Command command, 925 plug-ins, inserting, 922 PNG8 files optimization settings, 229–231 PNG8 for Logos and Text, 227 PNG files, 221, 225 optimization options, 231 Point-to-File tool, 175–176 Popup Message behavior, 612–614 Position property, 425, 457–468 Absolute option, 458–459 Fixed option, 460 Relative option, 460 Static option, 460 Powers, David, 457, 883 Preferences command (Windows), 918 Preferences dialog box, 34 Preformatted paragraph format, 84 Preload Images action, 609–610 presentation, separating from structure, 82 Preview command, 736 Preview in Browser command, 915 INDEX PREVIEW IN BROWSER COMMAND 961 PRINTER STYLE SHEETS 962 printer style sheets, 392–397 adjusting margins and widths, 396 hiding unnecessary page elements, 396 options, 394 overriding properties from another style sheet, 395 previwing media styles, 394–395 taking advantage of !important, 396 text size and color, 395 tips for, 395–397 progressbar widget (jQuery),  595–596 Progressive Download Video, 698 Project Seven, 878 properties, xx–xxii animation between sets of, 398 computed, 386–388 inherited, 385 Properties command, 928 Properties (CSS Designer), 104, 109–112 categories, 110 color picker, 110 comments turning on/off style properties, 320 Computed, 485 Computed feature, 484–485 editing, 485–486 fonts, 111 grayed-out property values, 110 property name with a line through it, 486 seeing complete list of, 485 Show Set checkbox, 484, 485 Properties panel, xxi, 11–12 creating styles for non-text elements, 114–115 creating styles with, 112–115 displaying CSS properties, 153 editing style rules, 122 HTML tags and, 12 renaming styles, 124–126 using in Design view or Code view, 12 vs CSS Designer, 46 Property Inspector, 928 pseudo class selectors, 187 PSD files, 221, 222 inserting, 225 INDEX

tag, xxi public_html folder, 886 Pure Upload extension, 646 Put command, 927 Q QuickLink, 180 Quick Tag Editor, 339–341, 923 choosing highlighted tag name, 341 Edit tag mode, 340 Insert HTML mode, 340 tag hints, 340 using, 340–341 Wrap tag mode, 340 QuickTime, 728 quotation marks, 69 R RBrowser, 765 RDS (Remote Development Services), 764 setting up remote server with, 774 Recent Snippets command, 923 recording Play Recorded Command command, 925 Start/Stop Recording command, 925 Recreate Site Cache command, 32, 928 Redo command, 916 Refresh Code Hints command, 917 Refresh Design View command, 919 Refresh Styles command, 919 registering your book, xxix Regular Expression Library, 359, 631 regular expressions, 359, 630, 631 regular links, 42 Related Files bar, 7 Related Files command, 921 Related Files Options command, 921 Related Files toolbar, 332–337 Custom Filters, 337 editing multiple files, 333 filtering files, 336–337 finding nested PHP files, 334–337 turning on, 332 remote root folder, 25 Remote server in Files panel, 723 remote servers adding, 763–776 advanced settings, 775–776 “Cannot open server folder” error, 770 FTP options Use alternative FTP move method, 771 Use FTP performance optimization, 771 Use Passive FTP, 770 Use Proxy, 771 Manage Sites dialog box. See Manage Sites dialog box “Remote host cannot be found” error, 770 setting up over local network, 772–773 with FTP or SFTP, 765–769 with FTP over SSL/TLS, 771–772 with RDS, 774 with WebDAV, 773–774 remote site, 885 using as testing server, 885 Remove Connection Scripts, 928 Remove FLV Detection command, 926 Remove Link command, 923 rem (typeface unit measure), 137 Rename Set button, 870 Rename Style tool, 125 Repeat command, 916 Repeating Entries command, 917 reporting book errata, xxix reports. See Site Reports feature Reports command, 927, 929 Repository view in Files panel, 723 resampling images, 245 responsive design prototyping, 129 Responsive Web design (RWD),  545–548 Responsive Web Design (RWD), 425 Results command, 929 reusable chunk of HTML. See Library items Revert command, 914 RGBa colors, 305–306 Internet Explorer, 306 RGB color and RGBa color, 141 Right Float property, 278 rollover images, 921 rollover links, 42, 186, 200, 203, 206, 208, 214 root folder, 19, 25, 39, 708, 712 Choose Root Folder window, 147 document, 886 local. See local site site, 886 putting site inside, 887 root-relative links, 167–169, 715–717 don’t preview correctly, 168 link to a document outside of folder, 171 link to a page in a subfolder, 171 working inside a web server’s root folder, 169 Ruby, 881 Rulers command, 920 SCRIPT COMMAND S Safari, 50 access key, 179 audio formats, 670–671 blank “Window width” and “Window height” properties, 607 color support, 139 CSS transitions, 398, 409 datalists, 629 drop shadows, 411, 413 fieldsets, 648 file field display, 644 focus link style, 187 gradients, 413 HTML5 video, 700 popularity of, 736 pseudo-class related to links, 188 rounded corners, 413 video formats, 678 tag, 688 Safari Books Online service, xxx Sample style, 94 Samsung Galaxy, 512, 549 Save All command, 914 Save All Related Files command, 156, 914 Save As command, 914 Save As dialog box, 38 Save as Template command, 914 Save command, 914 Scooter Software, 342 Screenfly, 505 Script command, 922 INDEX 963 SEARCH-ANDREPLACE FUNCTIONS 964 search-and-replace functions cloaking files, 782 section headers, 46 tags, 430, 447–448 Select All command, 7, 916 in Code view, 7 Select Child command, 916 Select Image dialog box, 222 Select Image Source dialog box, 221 Select Image Source window, 40 selectors choosing, 105, 108 class. See class selectors compound, 367–374 creating, 368 descendent. See descendent selectors detailed discussion of, 368 ID. See ID selectors properties, 105 quick way to find code for, 377 styling groups of tags, 373–374 tag. See Tag Selector Selectors (CSS Designer), 104, 151 choosing, 108–109 compound. See compound selectors creating new, 108 properties. See Properties (CSS Designer) tag hints, 109 Select Parent Tag command, 916 Select Recently Modified command, 826 server behaviors, xviii server-side includes (SSIs), 892–895 adding to page, 894–895 creating, 893–894 Server-Side Includes (SSIs), 814 server-side pages following links in, 489 troubleshooting CSS, 487–490 server-side programming, 311–312, 881–900 application servers, 882–885 balancing braces, 319 database servers, 883–885, 891, 895 dynamic pages and websites. See dynamic pages; dynamic websites Find and Replace, 350 INDEX listing external files, 921 PHP code hints, 897–900 testing server setting up, 885–886 using remote site as, 885 web applications, 884 working with related PHP files,  895–897 server-side tools, 883 server-side web pages, 311–312 Service Mark snippet, 809 setting up a site, 19–23, 712–718 advanced settings, 20 beware “site-less” web design, 33 browsers previewing work in, 50–54 case-sensitive links, 717 “Case-sensitive links checking” checkbox, 23 Choose Root Folder window, 19, 37 CSS tutorial, 147 default images folder, 715 “Default Images folder” field, 21 dynamic websites, 885–891 Enable Cache checkbox, 23 images folder, 21 index pages, 713 links relative to, 715–717 “Links relative to” setting, 22 local site folder, 715 “Local site folder” field, 19 managing files and folders. See Files panel naming files and folders, 27 naming site, 714 New Site command, 19 quick shortcut to local root folder, 27 Recreate Site Cache command, 32 root folder, 25, 712 local. See local site selecting folder for site files, 20 setting up multiple websites, 23 “Site name” field, 19 Site Setup window, 19, 20, 22, 37–38, 712–714, 718, 725 tutorial. See creating web pages, tutorial web address for your site, 22 Web URL field, 716–717 SFTP (Secure FTP), 764 setting up remote server with,  765–769 Shake effect, 606 ship’s steering wheel icon, 50 Show Checked Out By command, 927 Show Code Hints command, 917 Show Panels command, 920 sidebars page layouts, 437 Sign Out command, 931 site management, 707–734 Assets panel, 725–733 favorite assets, 730–734 inserting assets, 729–730 viewing assets in a particular category, 727–729 Business Catalyst websites, 722 case-sensitive links, 717 changing new page default, 727 cloaking files. See Cloaking feature editing or removing sites, 718–719 existing site, 716 exporting and importing sites,  719–722 Files panel modifying, 723–725 viewing files in, 722–723 guidelines for effective site organization, 709 index pages, 713 Kuler web tool, 733 local site vs live site folders, 720 naming files and folders, 710 organizing files by type, 710 setting up websites. See setting up a site site-management tools, xvi structure of a website, 708–712 Site menu, 926–928 Site panel commands keyboard shortcuts, 872 SitePoint.com’s free, online reference to CSS, 348 Site Reports feature, 738, 758–761 Cloaking feature and, 758 cloaking files, 782 HTML Reports, 760 Recently Modified site report, 760 Workflow Reports, 760 Site Root button, 39, 40, 58 site root folder, 886 putting site inside, 887 site root-relative links, 167 Site Setup window, 19, 20, 22, 37–38, 712–714, 718, 725 Advanced Settings options, 713 Site-Specific Code Hints command, 928 Site Templates (CSS Layouts), 444 Site window commands, 872 Slide effect, 606 slider widget (jQuery), 596 Smart Mailer extension, 649 Smart Objects editing, 248–251 editing images and, 243 warnings, 250 smartphones. See mobile web design Snippets, 807 accessing, 808 adding, 809 basics, 807–808 built-in, 812–813 caution about, 814 “Comment, multi-line”, 809 creating, 810–812 CSS-Tricks website and, 505 description, 809 Form Elements folder and, 813 section, 814 keyboard shortcuts, 872 Legacy folder and, 812 moving snippet into or out of its folder, 812 organizing, 812 previewing, 811 quickly inserting recently used, 809 recent, 320 selecting a folder when creating, 822 Service Mark, 809 storing many, 812 that wrap around a currently selected element, 809 tutorial, 820–826 two varieties, 809 using, 809–810 Snippets panel, 929 snipping utility to capture image while playing video, 684 INDEX SNIPPING UTILITY TO CAPTURE IMAGE WHILE PLAYING VIDEO 965 SORT TABLE COMMAND 966 Sort Table command, 926 Sources (CSS Designer), 104, 151 Attach Existing CSS File option, 107, 120, 121, 150, 162, 393 choosing source, 107–108 Create A New CSS File option, 107, 150, 151, 393 Define in Page option, 107, 150 spaces in file names, 27 special characters, 71–77 in HTML, 312 keyboard shortcuts, 74 spell-checking, 96–98, 738, 925 entire site, 98 Split button, 7 Split Button list type, 530 Split Code command, 918 Split Code view, 313 Split Vertically command, 918 Split view, xv, editing HTML code in, 52 HTML, 313 Spotlight search tool, 917 Spry framework, xv, xviii widgets, xviii Spry framework, 576 Src field and Flash file, 691 SS3: The Missing Manual, 237 Starter Templates command, 913 Starter Templates (CSS Layouts), 444 Start/Stop Recording command, 925 StatCounter, 736–737 static web pages, 881, 882 Stored Query to Remove CSS Comments website, 457 tag, xxi, 96 Structure command, 922 Structure objects, 9 structure, separating from presentation, 82 style, creating, 104 Style Rendering command, 919 style sheets adding styles to media query style sheets, 521 copying CSS rules to another style sheet without deleting the originals, 380 Design Time, 397 INDEX Design-Time Style Sheets dialog box, 394–395 external editing pages that are checked out, 789 moving a style within the same style sheet, 378 moving CSS styles to internal or external, 320 moving styles between two style sheets, 378 moving styles from an internal style sheet to an external one, 381 moving styles to an external style sheet that’s not attached to the current page, 381 organizing for media queries,  520–521 printer, 392–397 previwing media styles, 394–395 tips for, 395–397 reordering sequence of internal and external style sheets on a page, 380 showing/hiding effects, 919 tags, 47 left over, 381 Subversion, 788 superscript service mark (sm) symbol, 809 Swap Image action, 610–612 Swap Image Restore action, 612 Swatches panel (jQuery Mobile),  542–543 SWF file format, 688–689 Swish, 687 Switch Views command, 919 symbols, inserting, 922 Synchronize Sitewide command, 928 synchronizing site files, 791–795 cloaking files, 782, 794 “Compare local and remote versions” button, 795 Get and put newer files option, 793 Get newer files from remote option, 792 identifying newer files on local site without synchronizing them, 795 Put newer files to remote option, 792 slow process of, 794 Synchronize Sitewide command, 792 two-way synchronization, 793 T Table command Insert menu, 921 Modify menu, 924 tables, 269–308 accessibility, 274 adding, 293–295 aligning, 277–278 alignment properties, 280–281 align property, 277–278, 281 basics, 270–271 border-spacing property, 272 Border thickness box, 273 cell padding, 272 cells, 270 decorating, 281 merging and splitting, 287–289 modifying properties, 280–285 selecting, 275–276 specific dimensions, 282 clearing width and height values, 278–279 tag, 282 tag, 282 columns, 270, 282 adding multiple, 286–287 adding one, 285–286 deleting, 287 selecting, 275 widths, 284 Convert Table Width to Percentages buttons, 279 data exporting, 293 importing into table, 289–291 importing tabular, 295–299 sorting, 291–293 delimited-format file, 289 Expanded Table mode, 276, 297 formatting, 276–279, 299–304 headers, 271 headlines, 273 inserting, 271–274, 921 modifying cell and row properties, 280–285 No Wrap option, 281 padding property, 272, 301 placing inside another object, 273 resize handles and, 285 resizing, 279 rows, 270–271 adding multiple, 286–287 adding one, 285–286 deleting, 287 modifying properties, 280–285 selecting, 275 selecting, 274–275 cells, 275–276 rows or columns, 275 Sort Table command, 926 Table Header option, 281 Table Header property, 273, 292 Table width field, 273 tag, 307 tag, 271, 273, 297–298 converting, 281 tip for table-making, 283–285 tag, 307 tutorial, 293–308 adding a table, 293–295 formatting the table, 299–304 importing tabular data, 295–299 tag, 269. See also tables former use of, 423 height property, 279 tablets media queries for, 512 tabs widget (jQuery UI), 589–592 setting properties for, 590–592 Tabular Data feature, 295–299 Tag Libraries command, 918 Tag Library Editor, 334 tags, xx–xxii. See also templates, editable tag attributes advanced tag searches, 360–361 applying IDs to tag, 120 automatically generated, xx cleaning up code. See Clean Up HTML/XHTML code hints. See Code Hints feature CSS tag style, 103 href part of the tag, xxi HTML. See HTML tags libraries, 918 nested, 370 obsolete HTML tags, 100 Quick Tag Editor command, 923 INDEX TAGS 967 TAG SELECTOR 968 selecting exact tag you want in Inspect mode, 489 selecting parent tag, 319 Select Parent Tag command, 916 styling groups of, 373–374 Tag Selector, 7, 102 applying IDs to tag, 120 clicking tag in Design view, 7 creating compound selectors, 368 deleting list items, 93 Inspect mode and, 487 Library items and, 816 Targeted Rule, 46, 49, 54 Targeted Rule drop-down menu editing style rules, 122 tag, 271, 307, 331 converting to tag, 281 Template command, 923 Template Properties command, 923 templates, 827–868. See also CSS Layouts adding Cascading Style Sheets, JavaScript, and metatags to the of a, 832 basics, 827–830 broken links in, 851 cloaking files, 782 creating, 830–832, 859–860 building from scratch, 832 turning web page into template, 830–832 creating pages based on, 834–839, 860–864 add content to editable regions, 836 applying templates to existing pages, 837–839 turning off link to template, 835 unlinking page from, 841 “Update page when template changes” checkbox, 835 Description field, 831 tags, 834 dwt files, 914 editable optional regions, 829–830 editable regions, 828 add content to, 836 defining, 832–834 error message concerning, 847 error message when saving, 835 INDEX feature overview, 829 Inconsistent Region Names dialog box, 838, 864 New Editable Region dialog box, 833, 860 renaming, 834 editable tag attributes, 846–851 changing properties, 849–851 feature overview, 829 “Make attribute editable” checkbox, 848 making attribute editable, 847– 849 value type, 849 editing, 840 error message concerning editable, repeating, or optional regions, 847 error message when saving, 835 exporting template-based site,  857–858 export options, 858 Export Site Without Template Markup window, 858 inserting objects, 10 Insert panel’s Template category, 831 jQuery Mobile, 523–524 nested, 853, 857, 866 non-editable highlighting in, 317 opening, 840 optional editable regions, 854 optional regions, 829–830, 852–857 adding, 852–853 advanced, 854–855 creating and using, 864–866 editing and removing, 855–856 error message concerning, 847 hiding and showing, 856–857 locking, 853–854 New Optional Region dialog box, 853, 855, 865 repeating, 854 parameters, 856 properties, 923 Remove Template Markup command, 845 Repeating Entries command, 917 repeating regions, 829, 841–846 adding, 842–843 error message concerning, 847 New Repeating Region dialog box, 843 removing, 845 that not include editable regions, 843, 845 working with, 845–846 repeating tables, 829, 843–845 Save as Template command, 914 Save As Template dialog box, 831, 859 Site Templates command, 24, 913 Starter Templates command, 24, 913 TemplateParam, 856 Template Properties command, 923 Templates category of the Assets panel, 833 turning off highlighting, 843 tutorial, 859–868 creating and using optional regions, 864–866 creating page based on template, 860–864 creating template, 859–860 updating, 866–868 under the hood, 838 unlinking page from, 841 updating, 839–841, 866–868 all files based on the template, 840 number of updated pages, 867 Show Log checkbox, 867 viewing assets in Assets panel, 729 Templates command, 924 Template tool, 445 testing server, 885–891 Check In/Check Out feature, 885 setting up, 885–886 using remote site as, 885 Testing server view in Files panel, 723 testing websites, 735–762 1-hit.com, 745 BrowserStack, 738–744 changing settings in, 743–744 previewing pages with, 741–743 signing up, 739 cleaning up HTML/XHTML. See Clean Up HTML/XHTML finding and fixing broken links, 738, 745–752 Change Link Sitewide command, 751–752 Check Links Sitewide command, 745–746 Link Checker, 745–750 link-checking tools in Results panel, 747 Google Analytics, 737 Live button in Document toolbar, 735 orphaned files, 749–751 site launch checklist, 735–739 Site Reports feature, 738, 758–761 Cloaking feature and, 758 HTML Reports, 760 Recently Modified site report, 760 Workflow Reports, 760 spell-checker, 738 StatCounter, 736–737 using various browsers, 735–739 validating web pages, 738, 752–755 JavaScript validation errors, 755 W3C validator, 738, 753–755 WordPress, 753 Webmaster Toolkit, 745 text, 65–98. See also fonts accessibility, 44 adding in Dreamweaver, 65–71 adding space, 76 adding to web pages, 43–50 bold and italic, 96 Character menu, 72 color replacing, 49 copying and pasting, 66 HTML page into Dreamweaver, 68 creating new CSS style, 46 creating new paragraphs, 45 dictionaries, 96 encoding, 80 Find and Replace, 351 formatting, 45–46. See CSS; HTML formatting; paragraph formatting formatting with CSS. See formatting text in CSS HTML. See HTML formatting Invisible Elements category, 66, 75 line breaks, 66, 73–75 lists. See lists multiple spaces, 75–77 nonbreaking spaces, 75 INDEX TEXT 969 TEXT-ALIGN PROPERTY 970 Paste Special command, 66–69 pasting from Excel, 71 pasting from Word, 69–70 with formatting, 70–71 Properties panel and, 12 quotation marks, 69 selecting, 78–81 formatting, 78 special characters, 71–77 keyboard shortcuts, 74 spell-checking, 96–98 structuring, 79 styles, 94–96 Code and Variable, 94 Sample, 94 using Insert panel to Structure category to format text, 92 wrapping around images, 236–238 text-align property, 142 textarea, forms, 632 tag, 628 text color, 40 text-decoration property, 143 text fields, inserting, 922 text indent property, 76 text-indent property, 143 text-shadow property, 143, 412 text-transform property, 143, 157 TextWrangler, 342, 343, 347 ThemeRoller, 584, 586 Theora video codec, 680 Third Edition, 359 tag, 271, 273, 297–298 converting, 281 Tile command (Mac Only), 930 Tile Horizontally command (Windows only), 930 Tile Vertically command (Windows only), 930 Toolbars command, 920 tooltips, 6 Toon Boom, 687 Tracing Image command, 920 transferring files, 765, 776–784 background on file transfers, 780 cloaking files, 782–784 dependent files, 778 entire website, 776 from web server, 780–782 Put command, 779 INDEX to web server, 776–780 turning off Dependent Files dialog box, 778 with Cyberduck, 777 with FileZilla, 777 Transform property, 413 transitions. See CSS Transitions Trio Solutions, 878 triple slashes (///), 174 troubleshooting broken links in templates, 851 CSS, 483–496 clearing and containing floats, 490–493 in JavaScript and server-side pages, 487–490 properties, 485–486 CSS Designer Computed feature, 484–485 exploring CSS rules, 483 CSS rules seeing rules that have already been established, 484 float property avoiding float drops, 493–495 clearing and containing floats, 490–493 Fluid Grid Layouts, 559 FTP, 770 using log, 782 Properties (CSS Designer), 485–486 remote servers, 770 templates error message concerning editable, repeating, or optional regions, 847 error message when saving, 835 tag, 271, 307 True Value Paint website, 523 tutorials creating web pages. See creating web pages, tutorial CSS. See CSS tutorial CSS Layouts. See CSS Layouts, tutorial Dreamweaver, 904 float property, 237 Fluid Grid Layouts. See Fluid Grid Layouts tutorial forms. See forms, tutorial Help and Tutorials page, 906–908 inserting and formatting images. See images, tutorial Library items. See Library items, tutorial links. See links, tutorial navigation menus. See navigation menu tutorial Snippets. See Snippets, tutorial tables. See tables, tutorial templates. See templates, tutorial U Undo Check Out command, 927 Undo command, 915 Universal Email extension, 646, 649 Updates command, 932 URLs parts of, 168 Web URL field, 716–717 user groups, 905 V Validate command, 915 Validate Live Document (W3C), 753 validating web pages, 738, 752–755 JavaScript validation errors, 755 W3C validator, 738, 753–755 WordPress, 753 vertical-align property, 144 video, 676–704 adding to web page, 680–684 preloading, 682 providing three file formats, 680 Adobe Edge Animate, 688 adding animations, 701–704 antialiasing, 693 aspect ratio, 685, 693–694, 699 Autoplay option, 683, 692, 699 browser compatibility, 677–680 containers and codecs, 680 converting files, 677–680 Flash. See Flash H264 video codec, 680 Loop option, 683, 692 Miro Video Converter, 677–680 Muted option, 683 preloading, 682 skin, 698 snipping utility to capture image while playing video, 684 streaming, 698 supported file formats, 677–680 Theora video codec, 680 using HTML5 video, 676–684 YouTube, 684–686 tag, 921 tag, 677, 680, 681, 684 browser compatibility, 688 View menu, 918–921 Viewport dialog box, 922 Visibility property, 461 visited links, 42, 186–189 Visual Aids, 66 Invisible Elements, 645, 919 tables, 276 visual page-building, xiv Vorbis audio codec, 680 WEB FONTS W W3C validator, 738, 753–755 W3Schools.com’s in-depth JavaScript reference, 348 WAMP, 886–890 my_page.html, 886 WAV file format, 671, 673 web applications, 884 WebAssist, 878, 883 Free Tools package, 733 PalettePicker extension, 733 Universal Email extension, 646, 649 WebDAV, 764 Check In/Check Out feature, 786 setting up remote server with,  773–774 webdocs folder, 886 web fonts, xvii, 127 adding, 147–150 Adobe Edge Web Fonts, 128–133 alternatives, 134 Custom Font Stacks, 130–132 Custom Font Stacks, creating, 131–133 Manage Fonts window, 130 managing, 129–131 using, 133 changing size, 133–137 choosing, 127–128 FontSquirrel, 128 font types, 129 Google Fonts, 128 INDEX 971 WEBMASTER TOOLKIT 972 Webmaster Toolkit, 745 WebM HD or SD file format, 678 WebOS PhoneGap Build Service command, 928 web pages. See also mobile web design adding audio. See audio adding CSS menu to, 216–218 adding video. See video changing new page default, 727 comparing versions of, 341–348 creating. See creating web pages dimensions for mobile devices,  502–505 dragging images from desktop to, 222 file name extensions, 711 jQuery Mobile, 540–541 formatting, 542–544 layouts. See page layouts recommended workflow for creating pages and menus, 196 turning into templates, 830–832 websitedimensions.com, 502 websites Advanced command, 928 Change Link Sitewide command, 928 Check In command, 927 Check Links Sitewide command, 928 Check Out command, 927 complex interactivity, xv creating pages. See creating web pages for mobile devices. See mobile web design FTP file transfers. See FTP Get command, 927 guidelines for effective site organization, 709 launching guidelines, 735–739 Locate in Site command, 927 Manage Sites command, 927 managing. See site management moving to the internet. See moving site to the internet New Business Catalyst Site command, 926 New Site command, 926 organizing files by type, 710 INDEX PhoneGap Build Service command, 928 Put command, 927 Reports command, 927 setting up. See setting up a site Show Checked Out By command, 927 site-management tools, xvi Site menu, 926–928 Site-Specific Code Hints command, 928 structure of, 708–712 Synchronize Sitewide command, 928 testing. See testing websites Undo Check Out command, 927 visual page-building, xiv Web URL field, 716–717 white space and media queries, 519 white-space property, 144 Width property, 278, 438, 460 issues with, 442 Window menu, 928–931 Window Size command, 920 Window Size menu, 527 WinMerge, 342, 345–346 Word Clean Up Word HTML command, 926 importing documents, 71 pasting text from, 69–70 with formatting, 70–71 WordPress, 883, 898 validating pages, 753 working with related PHP files,  895–897 word-spacing property, 76, 143 Word Wrap, 318 workspace, 14–19 “Collapse to Icons” button, 16 Compact, 16 Expanded, 9, 16 floating panels, 14–16 hiding all windows except document window, 14 hiding/showing tabs, 14 iconic view, 16 layouts, 16–19 custom, 18 resizing panels, 14 Workspace Layout command, 929 Workspace Layout feature, 18–19 Z-INDEX PROPERTY Workspace Switcher, 12, 35 Compact workspace, 35 Expanded workspace, 37 New Workspace, 36 wrapper div, 428 X XHTML, xxii cleaning up. See Clean Up HTML/ XHTML XML files, validating, 915 Y YouTube adding video using, 684–686 getting account, 685 uploading video, 685 Z Zend, 898 Z-index, 924 Z-Index property, 461 INDEX 973 TH Dreamweaver CC E SSING CD I M no ’s ; There book s i h t ith CD w aved $5.0 st s u j u yo , and e file s c i t c a pr in thi d ess, r e d n d o enti eb a le W oftware m uals.com g n i s an le s very adab singm on) ad, e s o l i e t n m s w t n I of vailable a ing CD ic inks, piece iss is a t of l book click the M a tidy lis ( ter find chap ou’ll y y b e r The ized organ Don’t miss a thing! Sign up for the free Missing Manual email announcement list at missingmanuals.com We’ll let you know when we release new titles, make free sample chapters available, and update the features and articles on the Missing Manual website ... 8.1: The Missing Manual by David Pogue Switching to the Mac: The Missing Manual, Mavericks Edition by David Pogue OS X Mavericks: The Missing Manual by David Pogue x THE MISSING CREDITS HTML5: The. .. The Missing Manual, Second Edition by Matthew MacDonald Photoshop Elements 12: The Missing Manual by Barbara Brundage Photoshop CC: The Missing Manual by Lesa Snider Office 2013: The Missing Manual. .. Matthew MacDonald Quickbooks 2013: The Missing Manual by Bonnie Biafore WordPress: The Missing Manual by Matthew MacDonald For a full list of all Missing Manuals in print, go to www.missingmanuals.com/library