Download Adobe Photoshop 7.0 Design Professional

Unit Lessons
Explore the Dreamweaver
Workspace
View a Web page and use Help
Plan and Define a Web site
Add a Folder and Pages, and set
the Home page
Create and View a Site Map
Getting Started with
Dreamweaver
What is Dreamweaver?
– Web design software for creating a
Web page or a complex Web site
What is a Web site?
– A group of related Web pages that are
linked together and share a common
interface and design
Using Dreamweaver Tools
What does Dreamweaver offer?
– Design tools that don’t require coding
– Organizational tools
– Site management tools
– Graphic site maps
Understanding Platform
Interfaces
Use Photoshop in two interfaces:
– Windows and Macintosh
Differences are slight; for example:
– Use [Ctrl] and [Alt] keys in Windows
– Use [command] and [option] keys in
Macintosh
Explore the Dreamweaver
workspace
Title bar
Menu bar
Insert bar
Document toolbar
Standard toolbar
Document window
Status bar
Tag selector
Property inspector
Working with Dreamweaver
Views
Design view
Code view
Code and Design view
Start Dreamweaver
(Windows)
Click the Start button on the
taskbar
Point to Programs,
then click Macromedia
Dreamweaver MX
Start Button
Start Dreamweaver
(Macintosh)
Double-click the hard drive icon, then
double-click the Macromedia
Dreamweaver MX folder
Double-click the
Macromedia
Dreamweaver MX
Program
program icon
icon
Change views….
Click the Show Code View button
Click the Show Code and Design
Views button
Click the Show Design View
button
…and view panels
Expand the Code panel
Click each panel tab
Collapse the Code panel
Repeat for Design, Application,
Files and Answers panels
Opening a Web page
Web site
Web page
Home page
Basic Web page elements
Text
Hyperlinks
Graphics
Navigation bars
Flash objects
Tables
Forms
Find the Web element
Page Title
Graphics
Navigation bar
Getting Help
Contents
Index
Search
Favorites
Web Site
Creation Process
Planning a Web Site
Audience needs?
Site goals
Gathering content
Budget
Schedule
Team
Updates
Storyboard
Testing Web Pages
Browsers and Browser versions
Platforms
Screen sizes
Speed on different connections
Links
Client review
Publish a Web Site
IP: Internet Protocol
– IP address
– Example: 207.456.123.2
ISP: Internet Service Provider
– Hosts web site
– Evaluate
FTP: File Transfer Protocol
– User, password, path
Create a root folder
Define a Web site
Categories
Root
folder
Default
Image
folder
Set up Web server access
FTP
Server
address
Path
Login
Remote
Info
Password
Assets folder
Add the folder in the Site panel
Designate as the “default image
folder” in the Site Definition
dialog box
Stores all non-HTML (media) files:
– Image files
– Sound files
– Video files…
Home page
Index.htm or Index.html (usually)
Designate home page in
Site Definition dialog box
Starting point for a site map
Property inspector
Display/edit properties of selected
object
Source: Path/filename of selected
object
Selection handles
Site Map
Graphical representation of pages
Page link type/status
Checked out pages
Site Map command
or
Map View command
Page Title
Search engine keywords
Title in browser window
Bookmark in browser
Site Map uses
In a Web site for
information
(PNG or JPEG)
Print for report or meeting
(BMP or PICT)
Site Map options
Site Definition dialog box
– Home page
– Layout
– Icon labels
Expand/Collapse
Unit Tasks
Examine the workspace
View a Web page
Use Help
Plan and Define a Web site
Add Folders and Pages to a site
Define a Home page
Create and View a Site Map