2. What is Dreamweaver?
Web design software for creating a web
page or a complex website
What is a website?
A group of related web pages that are
linked together and share a common
interface and design
4. Dreamweaver CS6 Workspace
Document Window
Area where you create and
edit web pages
Menu (or Application) Bar
Above Document Window,
includes menu names, a
Workspace switcher, and
other application
commands
Panel
A window that displays
information on a particular
topic or contains related
commands
Insert Panel
Categories of buttons that
contain popular
Dreamweaver Commands
(Common, Layout, Forms,
Data, Spry, etc.)
5. Dreamweaver CS6 Workspace
Document Toolbar
Contains buttons and drop-down menus you can use to
change the current work mode, preview web pages, view
file-management option
Related Files Toolbar
Files that are linked to a document and are necessary for
the document to display correctly (ex. External CSS style
sheet)
Property Inspector
Located at the bottom of the Dreamweaver window, lets
you view and change the properties of the selected
object.
Context sensitive – will change based on you selection
6. Working with Dreamweaver
Views
Design view
Shows a page as it would appear in a
browser
Primarily used for designing and creating a
web page
Code view
Shows HTML code for the page
Code and Design view (Split View)
Combination of Code and Design Views
Best view for correcting errors because
you can see how code changes affect the
7. Planning a Website
Planning a website is a complex process that
requires careful planning including:
Developing a plan
Creating the basic structure
Creating the content
Testing
Modifying (if necessary)
Publishing
8. Publishing the Site
Transfer all the files to a web server
Web server: a computer that is connected to the
Internet with an IP address (ie Go Daddy, Fat Cow,
blue host)
A website must be published to the web server
before it can be viewed by others
9. The Assets Folder
Stores all non-HTML (media) files:
Image files
Sound files
Video files
Set it as the default location to store the
website images
You might want to create subfolders for each
type of file