Cheat Sheet

Dreamweaver CS5 All-inOne For Dummies

From Dreamweaver CS5 All-in-One For Dummies by Sue Jenkins, Richard Wagner
Dreamweaver CS5 can greatly improve productivity and change the way you build Web sites. Knowing all the important Dreamweaver CS5 keyboard shortcuts and common HTML coding rules can boost your efficiency as a designer even more. Find your way around the Dreamweaver workspace with easy-to-remember keyboard shortcuts and common coding hints so you can work faster and smarter, and build your Web sites with greater ease.

Save Time with Dreamweaver CS5 Keyboard Shortcuts
Using Dreamweaver CS5 is so much faster when you know the shortcuts. Use these keyboard shortcuts in Design, Split, and Code views to quickly create documents, perform editing tasks, hide and show workspace features, apply simple formatting, edit code, make selections, access Dreamweaver help, preview pages in Live View and in a browser, and more. Keyboard Commands Create a new document Open an existing document Save an open document Close an open document PC Shortcut Control+N Control+O Mac Shortcut Command+N Command+O

Control+S Control+W

Command+S Command+W

Close all open documents Exit/Quit Dreamweaver Undo Redo Cut Copy Paste Paste special Select all Find and replace Open the Preferences panel Show/hide rulers Show/hide guides Show/hide visual aids Show/hide grid Edit page properties Refresh Design view Make selected text bold Make Control+Shift+W Command+Shift +W Control+Q or Alt+F4 Control+Z or Alt+Backspace Control+Y or Control +Shift+Z Control+X or Shift+Delete Control+C Control+V Control+Shift+V Control+A Control+F Control+U Command+Q or Opt+F4 Option+Delete Command+Y or Command+Shift+Z Command+X or Shift+Delete Command+C Command+V Command+Shift+V Command+A Command+F Command+U Control+Alt+R Control+. Control+Shift+I Control+Alt+G Control+J F5 Control+B Command+Option+R Command+. Command+Shift+I Command+Option+G Command+J F5 Command+B Control+I Command+I .

selected text italic Apply paragraph formatting to selected text Apply heading formatting (H1–H6) to selected text Add new paragraph Add a line break <BR> Insert a nonbreaking space Move object or text Copy object or text Select a word Select a row or text block Insert image Insert table Run a spell check Open the Help window Zoom in Zoom out Preview in primary browser Preview in Control+Shift+P Command+Shift+P Control+1 through 6 Command+1 through 6 Return Shift+Return Command+Shift+Spacebar Return Shift+Return Command+Shift+Spacebar Drag selection to new location Control-drag selection to new location Double-click Triple-click Control+Alt+I Control+Alt+T Shift+F7 F1 Control+= Control+F12 Drag selection to new location Option-drag selection to new location Double-click Triple-click Command+Option+I Command+Option+T Shift+F7 F1 Command+= Command+Option+F12 Shift+F12 or Control+F12 Command+F12 .

html#anchorname" >link</a> Create named anchor link Create link to named anchor in another page . CSS style. and JavaScript code frequently but not often enough to commit to memory. and JavaScript code hints in Code view. and entities to your pages. The following HTML code. HTML Code Hint Create a null link Code Shortcut # or javascript:.secondary browser Live View Freeze JavaScript Inspect Code Navigator Get Put Check in Check out Alt+F11 F11 Alt+Shift+F11 Control+Alt+N Control+Shift+D Control+Shift+U Control+Alt+Shift+U Control+Alt+Shift+D Option+F11 F11 Option+Shift+F11 Command+Option+N Command+Shift+D Command+Shift+U Command+ Option+Shift+U Command+ Option+Shift+D HTML. and JavaScript hints are handy when you are adding special elements such as null links. and your CSS style sheets. you use some bits of HTML. CSS. and JavaScript Code Hints As a Web designer. or javascript:void(0) as in<a href=" #" >link</a> <a href=" javascript:. meta tags." >link</a> <a href=" javascript:void(0)" >link</a> Link to Target <a href=" #anchorname" >link</a> Target <a name=" anchorname" ></a> <a href=" otherpage. CSS. Use these HTML. the Properties inspector. CSS.

gif" /> <script src=" myjsfile.css" media=" all" /><![endif] <img src=" images/myfile. </style> <!--[if lt IE 7]><link rel=" stylesheet" type=" text/css" href=" ie.html" /> <link rel=" Site Map" href=" sitemap.css" . ." >Close This Window</a> <meta name=" revisit-after" content=" 5 days" /> <meta http-equiv=" pragma" content=" nocache" > <link rel=" Index" href=" index.png" alt=" " /> &nbsp.css" media=" screen" /> <style media=" all" type=" text/css" > @import " css/all.Insert line break Close window JavaScript Revisit after x days meta tag No cache meta tag Meta link to home page Meta link to sitemap page Meta link to shortcut icon Meta link to shortcut icon using GIF instead of ICO Link to external JS file Link to external CSS Import@ link to external CSS CSS link for IE browsers less than IE 7 Insert an image with ALT attribute Empty ALT attribute for image Entity to add blank space Entity to add copyright <br /> <a href=" javascript:window.close(). or &#169.html" /> <link rel=" Shortcut Icon" href=" favicon.ico" /> <link rel=" Shortcut Icon" type=" image/gif" href=" favicon. or &#160. &copy.png" alt=" My File" /> <img src=" images/myfile.js" type=" text/javascript" ></script> <link rel=" stylesheet" type=" text/css" href=" css/ie.

value.. .Your comment here // /* Your comment here */ tag { attribute: value.Entity to add trademark Entity to add ampersand Add NoScript tags Link targets &trade. or &#38. value. &amp. } #ID { attribute: value. } a:link { attribute: } a:visited { attribute: } a:hover { attribute: } a:active { attribute: } value.stylename { attribute: value. or &#153. value. } . <noscript>… _blank _new _self _parent _top <span class=" stylename" >… Apply CSS custom style with SPAN tags Comment tags in HTML and JavaScript Comment tags in CSS Structure of a CSS tag redefine style Structure of a CSS ID style Structure of a CSS custom style CSS for link styles <!-.

Copyright © 2010 & Trademark by Wiley Publishing. . Inc. All rights reserved.

Sign up to vote on this title
UsefulNot useful