Dreamweaver CC Outline

Chapter-1: Getting Start

1. Open a page: Command O to open an existing page. You can open last 10 files from File menu.
2. Create a new page: Command N to get a new HTML page
3. Create a new local site
4. Give a page title t the HTML document.
5. Open the following windows ready for project:
   • Object Panel: Command F2 or Window > Insert
   • Property Inspector Window: Command F3 or Window > Properties
   • Site Files Window: Command F3 or Window > Files>
   • Behavior Window: Shift F4 or Window > Behaviors

Chapter-2. Adding Content to a Page

1. To place text: Start to type. (Command F2 if the objects bar/text panel disapeared)
   • Press Return to make a paragraph break.
   • Press Shift Return to make a line break.
2. To create a heading:
   • Select the text you want to be a heading
   • Open the Property Inspector window
   • In Format drop-down menu to select.
3. To insert a Table: Insert > Table. • If the Table can not be inserted: View > Table Mode > Standard Mode
4. To insert an Image: Insert > Image (you must convert any image to a jpg format or a gif format)
5. To insert an rollover image: Insert > HTML > ROllover Image. (If you need to replace one image with the others, double click the image to open the image source folder then pick it up.)
6. To insert an Hyperlink: Insert > Hyperlink
7. To insert an E-mail link: Insert > Form > Email or Insert > HTML > Email Link
8. To insert a viewport: Insert > HTML > Viewport
9. To insert Bootsrap Components: Insert > Bootsrap Components
10. To insert a navigation: Intert > Navigation
11. To insert a side bar: Insert > Aside
12. To insert an HTML 5 Video: Insert > HTML > HTML 5 Video
13. To insert an HTML 5 Audio: Insert > HTML > HTML 5 Audio
14. To insert a Flash Flash Element: Insert: HTML > Flash Movie / Flash Video
15. To insert a Form: Invert > Form > Text Field / Button / Passcode / Checkbox / Radiu Button
16. To insert a jQuery UI: Insert > jQUery UI > Tabs / Slide / Button / Button Set

Chapter-3: Creating an external css

• Window > CSS Designer
• Click the plus sign next to "Source" to create a new css file.
• Name the css file, then click "OK"

Chapter-4: Editing your Local Site

Site > Edit Site,
make sure the following:

• Edit your site at the beginning or before saving the page.
• To create a root directory (home folder) for your local site
• Save all supporting image files (jpg or gif files) and HTML files into the Root Folder

Keep in mind:

Bring the entire Root Folder if you need to move files, and edit your site again when you handle your site/ files in another computer.

Chapter-5: Finalizing your Page:

• Save your page: Command S
• To save all opend file: File > Save All
• File extension should be .html or .htm consistently
• Close your pages: Close those pages you saved Command W
• Validate your page: File > Validate > Current Document (W3C)
• Preview pages in browser: File > Real-time Preview > Firefox or Chrome.Commend R (Mac) F5 (PC) to reflash the browser window.
• Back up your Root Folder