KEMBAR78
Presentation COMP8 Week 2 | PDF | Window (Computing) | Menu (Computing)
Scribd
Upload
59 views12 pages

Presentation COMP8 Week 2

This document provides instructions on how to use Adobe Dreamweaver, including how to choose a color theme, show or hide windows, and close the program. It describes the Dreamweaver workspace and main components like the menu bar, document tabs, panels, and views. It also provides step-by-step processes for choosing a color theme, opening or hiding windows, and exiting the Dreamweaver program.

Uploaded by

jessa mae bagay arzaga
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
59 views12 pages

Presentation COMP8 Week 2

This document provides instructions on how to use Adobe Dreamweaver, including how to choose a color theme, show or hide windows, and close the program. It describes the Dreamweaver workspace and main components like the menu bar, document tabs, panels, and views. It also provides step-by-step processes for choosing a color theme, opening or hiding windows, and exiting the Dreamweaver program.

Uploaded by

jessa mae bagay arzaga
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
You are on page 1/ 12

Dreamweave

r Workspace
Loading Dreamweaver
1. Click Start.
2. Click Adobe
Dreamweaver
CC 2017
Choosing the Program Color Theme

1. Select Edit> Preferences


The Preferences dialog
appears.
2. Select the Interface
category.
3. Choose then select the
color theme that you want.
Choosing the Program Color Theme

4. Click the Apply


button.
The theme
changes are now
permanent.
5. Click the Close
button.
The Dreamweaver Workspace
• Menu bar-(tagged with opening and closing menu
bar tags) is a discrete menu or set of menus.
• Document tab- tabs appear at the top of the
document window showing the filenames of all
open documents.
• Related files interface- are documents associated
with the current file, such as CSS files or JavaScript
files.
• Common toolbar- is on the left side of the
application window and contains view-specific
buttons.
• Document toolbar- contains buttons that provide
options for different views of the Document
window (such as design view, live view, and code
The Dreamweaver Workspace
• Live/Design views-displays a realistic representation of what
your document will look like in a browser, and lets you interact
with the document exactly as you would in a browser. You can
edit HTML elements directly in the Live view and instantly
preview your changes in the same view as well.
• Panels- help you monitor and modify your work.
• Workspace menu- is a specific layout of the panels within
Dreamweaver
• Code view- is a hand-coding environment for writing and
editing HTML, JavaScript, and any other kind of code.
• Property Inspector- (Window>Properties) lets you examine
and edit the most common properties for the currently
selected page element, such as text or an inserted object.
• Scrubber- a tool used to view an open page in graduated
widths. As you slowly drag the Scrubber from the right edge of
the page to the center of the page, you see the page width
decrease.
Relat
Menu bar
ed
files
Document tab
interf Workspace menu
ace

Document toolbar
Panel
Related s
files Scrubber
Common toolbar Live interface
Design

Code view

roperty Inspector
Showing or Hiding a Window
• 1. Click
Window.
• 2 Click the name
of the window,
panel, or
inspector that
you want to
open. In this
case- Asset.
Closing Dreamweaver

1. Click File.
2. Click Exit.
3. Click Yes.
4. Dreamweaver exits.
Activity 2 Week 2
• Recall our previous lesson in Dreamweaver Workspace. Make a
process map of the following:
choose color theme
starting or hiding window
and closing Dreamweaver.
Starting a Dreamweaver

Click
Start
Click Adobe
Dreamweaver
CC 2017

You might also like