Transcript Dreamweaver CS4 Skills

Dreamweaver CS4 Skills
• Software Skills - Dreamweaver has many
innovative features to make designing,
creating, editing, managing, and publishing
your new Web site easier and more intuitive.
• Design Skills – Starting out, a Web designer
needs to know where to find and how to use
basic design tools. Preparing your workspace
and arranging tools the way you want them
will help you get ready to create.
• PLAN – PLAN – PLAN first
• create later, it will save you time
later.
About Dreamweaver CS4
Adobe Dreamweaver has been one of
the most widely used Web site design
programs for many years.
Dreamweaver offers design
environments that are friendly to both
the new and experienced designers.
Using Dreamweaver CS4, it is easier
than ever to construct a Web site and
manage files.
Dreamweaver CS4 Terms
• Expander arrow – The small arrow icon
at the bottom right of the Property
inspector that, when clicked enlarges the
panel to reveal additional properties.
• Floating panel – A Dreamweaver
container for tools and properties that is
undocked and can be repositioned
anywhere in the workspace or closed if
desired.
Dreamweaver CS4 Terms
• Insert panel – A panel that lists
categories of objects you can insert in
a Web page, including graphics, text
features, tables, multimedia objects,
form elements, and more.
• Object – An element such as a form,
image, or multimedia file added to a
Web page.
Dreamweaver CS4 Terms
• Panel – A Dreamweaver container for
tools and properties that appears in the
Dreamweaver window either alone or as
part of a panel group. Panels can be
undocked and repositioned anywhere in
the workspace or closed if desired.
• Workspace – In Dreamweaver, the
desktop area where the document
window and panels appear.
Dreamweaver CS4 Terms
• Panel groups pane – The panel on the
right side of the Dreamweaver
workspace were panels appear by
default.
• Property – A characteristic that
defines the value, appearance, and/or
state of an object.
• Web page – A single file in a collection
of files that make up a Web site.
Dreamweaver CS4 Terms
• Property inspector – A Dreamweaver
panel that displays properties for the
currently selected object.
• Web Site – A collection of Web pages
and other objects, such as images,
that are linked to create a resource
dedicated to a particular subject.
Document
Window
Property
Inspector
Panel Groups
Pane
Expander
Arrow
 The Dreamweaver workspace is the part of the window where you create, work
with, and save Web pages
 The largest area in the workspace is the Document window. You use the
Document window to create page content.
8
Get Started with Dreamweaver: Lesson 1, Exercise 1
Copyright © 2010 Pearson Education, Inc.
Publishing as Prentice Hall
Application
Bar
The Application bar is a menu bar that provides selections for creating and
working with Web sites, pages, and objects. Objects are elements you add to
a Web page. The various menus—File, Edit, View, Insert, Modify, Format,
Commands, Site, Window, and Help—are grouped by the task you want to
perform.
9
Get Started with Dreamweaver: Lesson 1, Exercise 1
Copyright © 2010 Pearson Education, Inc.
Publishing as Prentice Hall
Document
Toolbar
 The Document toolbar appears at the top of the Document window
directly above the window’s contents. The toolbar displays Code, Split,
Design, and Live View buttons that you can use to toggle among the
various views. You will learn more about these and other view options
later in the course.
 The Document toolbar also shows the title of the current page and gives
you easy access to tools that enable you to check browser compatibility,
preview the page, and modify the display of page content.
10
Get Started with Dreamweaver: Lesson 1, Exercise 1
Copyright © 2010 Pearson Education, Inc.
Publishing as Prentice Hall
 A panel group contains several related
panels. The Files panel group contains the
Files panel and the Assets panel. To switch
from one panel to another in a group,
simply click the panel’s tab.
 Panel groups can be opened and closed as
you require. To open a panel group, doubleclick the panel’s tab. To close a panel
group, double-click the panel tab again.
 You can drag a panel group away from its
default location by clicking panel tab and
dragging the panel group to a new location.
If you leave the panel group undocked in
the workspace, you have created a floating
panel group.
11
Get Started with Dreamweaver: Lesson 1, Exercise 1
Files Panel
Group
Copyright © 2010 Pearson Education, Inc.
Publishing as Prentice Hall
Assignment
Lillysgarden index