Adobe Photoshop 7.0 Design Professional

1
(No Transcript)
2
Unit Lessons
OVERVIEW

• 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

3
Getting Started with Dreamweaver
INTRODUCTION

• 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

4
Using Dreamweaver Tools
INTRODUCTION

• What does Dreamweaver offer?
• Design tools that dont require coding
• Organizational tools
• Site management tools
• Graphic site maps

5
Understanding Platform Interfaces
INTRODUCTION

• Use Dreamweaver 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

6
Explore the Dreamweaver workspace
LESSON 1
Title bar
Menu bar
Insert bar
Document toolbar
Standard toolbar
Document window
Status bar
Tag selector
Property inspector
7
Working with Dreamweaver Views
LESSON 1

• Design view
• Code view
• Code and Design view

8
Start Dreamweaver (Windows)
LESSON 1

• Click the Start button on the taskbar
• Point to Programs,then click Macromedia
  Dreamweaver MX

Start Button
9
Start Dreamweaver (Macintosh)
LESSON 1

• Double-click the hard drive icon, then
  double-click the Macromedia Dreamweaver MX folder
• Double-click the Macromedia
• Dreamweaver MX program icon

Program icon
10
Change views.
LESSON 1

• Click the Show Code View button
• Click the Show Code and Design Views button
• Click the Show Design View button

11
and view panels
LESSON 1

• Expand the Code panel
• Click each panel tab
• Collapse the Code panel
• Repeat for Design, Application, Files and Answers
  panels

12
Opening a Web page
LESSON 2

• Web site
• Web page
• Home page

13
Basic Web page elements
LESSON 2

• Text
• Hyperlinks
• Graphics
• Navigation bars
• Flash objects
• Tables
• Forms

14
Find the Web element
Page Title
Graphics
Navigation bar
15
Getting Help
LESSON 2

• Contents
• Index
• Search
• Favorites

16
Web Site Creation Process
17
Planning a Web Site
LESSON 3

• Audience needs?
• Site goals
• Gathering content
• Budget
• Schedule
• Team
• Updates

18
Storyboard
LESSON 3
19
Testing Web Pages
LESSON 3

• Browsers and Browser versions
• Platforms
• Screen sizes
• Speed on different connections
• Links
• Client review

20
Publish a Web Site
LESSON 3

• 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

21
Create a root folder
LESSON 3
22
Define a Web site
LESSON 3
Default Image folder
Categories
Root folder
23
Set up Web server access
LESSON 3
FTP Server address
Path
Login
Remote Info
Password
24
Assets folder
LESSON 4

• 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

25
Home page
LESSON 4

• Index.htm or Index.html (usually)
• Designate home page in Site Definition dialog
  box
• Starting point for a site map

26
Property inspector
LESSON 4

• Display/edit properties of selected object
• Source Path/filename of selected object
• Selection handles

27
Site Map
LESSON 5

• Graphical representation of pages
• Page link type/status
• Checked out pages
• Site Map commandorMap View command

28
Page Title
LESSON 5

• Search engine keywords
• Title in browser window
• Bookmark in browser

29
Site Map uses
LESSON 5

• In a Web site for information (PNG or JPEG)
• Print for report or meeting (BMP or PICT)

30
Site Map options
LESSON 5

• Site Definition dialog box
• Home page
• Layout
• Icon labels
• Expand/Collapse

31
Unit A Tasks
SUMMARY

• 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