Adobe®

Dreamweaver 8 Free Cheat Sheets!

Quick Reference Card Visit: cheatsheet.customguide.com
Dreamweaver 8 Workspace Keyboard Shortcuts
Title bar Menu bar Panel group Expander arrow General
Insert Named <Ctrl>+<Alt>+<A>
Insert Anchor
toolbar Add to Library <Ctrl>+<Shift>+<B>
Document
toolbar Duplicate <Ctrl> + <D>
Edit Style Sheet <Ctrl>+<Shift>+<E>
Replace <Ctrl> + <H>
Document Show/Hide Grids <Ctrl> + <G>
window
Panels Show Invisibles <Ctrl>+<Shift>+<I>
Insert Image <Ctrl> + <Alt> + <I>
Page Properties <Ctrl> + <J>
Status bar Create Link <Ctrl> + <L>
Remove Link <Ctrl>+<Shift>+<L>
Property
Inspector Insert Table Row <Ctrl> + <M>
Delete Table Row <Ctrl>+<Alt>+<M>
Quick Tag Editor <Ctrl> + <T>
Document Toolbar View Head <Ctrl>+<Shift>+<W>
Code View: View or edit the page in HTML. Validate markup: Validate current document Content
or tag. Show/Hide Link <Ctrl>+<Shift>+<Y>
Split View: View the page in HTML code and
File Management: Access already-published Switch Views <Ctrl> + < ` >
Design view (WYSIWYG) at the same time.
files or upload files directly from the document window.
Design View: View or edit the page in the Function Key Shortcuts
WYSIWYG (What You See Is What You Get) editor. Preview: Choose from a list of browsers
Reference <Shift> + <F1>
installed on the computer to preview the page.
Server Debug: View a report to debug errors on Reference Panel <Ctrl>+<Shift>+<F1>
the page. Refresh: Click to update changes made to the
Layers <F2>
page after working on the HTML code.
Title: Type the Web page title you want Frames <Ctrl> + <F2>
to appear in the title bar of the browser. View options: In Design view, apply a grid or
Object Panel <Ctrl> + <F2>
ruler to the page. In Code view, change how the HTML
Check Browser Compatibility: Check the code is displayed. Behaviors Panel <Shift> + <F3>
compatibility of your document with different Web Property Inspector <Ctrl> + <F3>
browsers. Visual Aids: Choose from different aids to
help you design your pages. Hide/Show All <F4>
Floating Windows
Insert Toolbar Site Files <F5>
Click here to select
a category Email link Insert Table Images Date Comment Tag Chooser
Refresh Local <Shift> + <F5>
Switch to Layout <Ctrl> + <F6>
View
Hyperlink Named Insert Media
Server-Side Templates Switch to <Ctrl>+<Shift>+<F6>
Anchor Div Tag Include
Standard View
Categories: Click the arrow button on the left HTML: Insert Spry data objects and other Code Inspector <F10>
side of the Insert Toolbar and select a category: dynamic items like update forms History Panel <Shift> + <F10>
Common: Includes objects commonly inserted in Application: Insert Recordsets, dynamic tables, Assets Panel <F11>
a Web page (ex. tables, images) record forms CSS Styles Panel <Shift> + <F11>
Layout: Insert layout tables and frames Flash: Insert Flash elements Preview in <F12>
Forms: Insert elements often found in a Web Favorites: Allows you to group the buttons you Primary Browser
form (ex. text fields, option buttons, check boxes) use most often Preview in <Ctrl> + <F12>
Text: Apply formatting to text (bold, italic, etc.) Secondary Browser

Interactive  Online  Learning   ©  2012  CustomGuide  

ü   Courseware   ü  Online  Learning   ü   Skills  Assessments   cheatsheet.customguide.com  |  Phone  888.903.2432  
Property Inspector Image Properties Location of
the image
General Commands Image
name Allotted space Image
Image
editing
hyperlink tools Alternate text
for the image
• Select an item to view its properties.
• To Get Help: Click the Help button for more information on options.
• Format Text in HTML Code: Click the Quick Tag Editor button to
apply an HTML tag to selected text or object.
Pointer
• To Expand/Contract the Property Inspector: Click the Polygon Allotted Low Image Align text Align
Oval with image Image
Expander arrow in the lower right corner to view or hide all the options in Rectangular
space
surrounding
resolution
preview of
Hyperlink
target
Border
Width
the Property Inspector. the image the main window
image

Text Properties Open Italic Center • To Add a Hyperlink to an Image: Select the text and type the URL in
Justify
CSS
Hyperlink Point- the Link textbox; or drag the Point-to-File icon to the file in the Site panel; or
Text Format CSS Style Panel Bold Left Right
Align Align URL to-File click the Folder icon to browse for a file in the Web site.
Help • To Create an Image Map: Select the Rectangular, Oval, or
Quick
Polygon command, draw a shape and set the link location.
Text Indent Tag
Font Size Target
Browse
Editor
• To Edit an Image: Use the image editing buttons.
Text Text Outdent for
Frame
Font Text
Color Ordered
File
• To Align an Image: Click the Align button arrow and align the image
List relative to text nearby; or click the Left, Center or Right Align button in the
Unordered
List Inspector.
• To Format Text: Select the text and apply formatting from the Property • To Insert an Image: Press <Ctrl> + <Alt> + <I>, or select Insert →
Inspector. Image from the menu.
• To Create a Hyperlink: Select the text and type the URL in the Link
textbox; or drag the Point-to-File icon to the file in the Site panel; or click
the Folder icon to browse for a file in the Web site.
Panels
• Specify Link Target Frame: Specify in which frame the hyperlink
should appear. Panel groups

Table Properties Row Width Cell Panel tabs

Number of and Column Spacing Align
Apply Table Rows and Height Cell Table
Table Border
Button Name Columns Padding Width

• To View or Hide a Panel: Select Window from the menu bar and
select the panel you want to view or hide. Or, click the panel group and select
the panel tab you want to view.
• To View or Hide Panel Groups: Click the Panel group Expander
Background arrow between the document window and the panel groups.
Clear Convert Convert Table
Image
Heights Table Table to Background Table Border Color • There are four panel groups available in Dreamweaver:
or Widths to Pixels Percent color

CSS
• To View Table Properties: Click a table border. CSS Styles: Apply CSS styles to the current selection
• To Add or Delete Rows or Columns: Type the number of rows or AP Elements: Manage the AP (absolutely positioned) elements in your
columns you want to add or delete in the Rows and Cols text boxes. document
• To Change Table Width: Type a number in the W text box. Application
• To Display the Table in Pixels or Percent: Click the pixels or Databases: Create and inspect database connections, insert database
percent button arrow and select the display option. code
Bindings: Locate and insert dynamic content
• To Add Cell Padding or Cell Spacing: Enter the amount in the Server Behaviors: Create, insert and edit server behaviors into the page
CellPad or CellSpace text boxes. Components: Create, inspect, and insert components or component code
• To Add a Background Color: Click the Bg color list arrow and
select a color from the palette. Tag Inspector
Attributes: Edit or add attributes and their values
• To Add a Border Color: Click the Brdr color list arrow and select a Behaviors: Attach or modify behaviors to page elements such as tags
color from the palette.
• To Add a Background Image: Type the location in the Bg text box, or Files
drag the Point-to-File icon to the file in the Site panel; or click the Folder File: Track local and remote files, and upload files on the Web
icon to browse for a file. Assets: View and insert site assets such as images, HTML colors, links,
Flash movies, scripts, templates, and library items
• To Add a Table Border: Enter the width in the Border text box. Snippets: Create, delete, edit, or insert code snippets in the document

Interactive  Online  Learning   ©  2012  CustomGuide  

ü   Courseware   ü  Online  Learning   ü   Skills  Assessments   cheatsheet.customguide.com  |  Phone  888.903.2432  
 Get More Free Quick References!
Visit ref.customguide.com to download.

Office 365 G Suite OS Soft Skills

Access Classroom Mac OS Business Writing
Excel G Suite Windows 10 Email Etiquette
Office 365 Gmail Manage Meetings
OneNote Google Calendar Productivity Presentations
Outlook Google Docs Digital Literacy Security Basics
PowerPoint Google Drive Salesforce SMART Goals
Teams Google Sheets
Word Google Slides + more, including Spanish versions

Loved by Learners, Trusted by Trainers

Please consider our other training products!

Interactive eLearning Customizable Courseware

Get hands-on training with bite-sized tutorials that Why write training materials when we’ve done it
recreate the experience of using actual software. for you? Training manuals with unlimited printing
SCORM-compatible lessons. rights!

Over 3,000 Organizations Rely on CustomGuide

“ The toughest part [in training] is creating the material, which CustomGuide has
done for us. Employees have found the courses easy to follow and, most
importantly, they were able to use what they learned immediately.

Contact Us! [email protected] 612.871.5004