Adobe Photoshop 7.0 Design Professional

1
(No Transcript)
2
Chapter Lessons
OVERVIEW

• Publish movies
• Reduce file size to optimize a movie
• Use HTML Publish Settings
• Create a remote Web site

3
Preparing and Publishing Movies
INTRODUCTION

• Use Macromedia Flash
• To generate files for delivering movies over the
  Internet
• To test movies to determine where the problems
  might arise during download
• To optimize movies

4
Publish Movies
LESSON 1

• Use the Publish Settings feature of Macromedia
  Flash to publish a movie
• Create a GIF animation
• Create a JPEG image from a movie

5
Using Publish Settings
LESSON 1

• The Publish feature generates files necessary to
  deliver movies on the Web
• Using default settings, a Macromedia Shockwave
  file is created
• An HTML file is created to instruct the browser
  to play the Macromedia Shockwave file

6
Publish Settings dialog box
LESSON 1

• Choose a combination of formats for publishing
  Macromedia Flash movie

7
Publish Settings for Flash
LESSON 1

• Choose settings in the Flash tab

8
Publish Settings for GIF
LESSON 1

• Choose settings in the GIF tab for the following
  options

9
Using Preview Publish
LESSON 1

• Use the Preview Publish command on the File menu
• To publish a movie
• To display a movie in your default browser or in
  the Macromedia Flash Player
• To view HTML, GIF, JPEG, PNG, Projector, and
  QuickTime files

10
Create a JPEG image from a frame of a movie
LESSON 1

• Click a Frame on the movie layer
• Click File on the menu bar, then click Publish
  Settings
• Accept the default settings in the JPEG tab
• Click Publish, and then click OK

11
Reduce File to Optimize a Movie
LESSON 2

• Display a movie in a browser
• Test a movie using the Bandwidth Profiler
• Optimize a movie by reducing file size

12
Display a Movie in a Browser
LESSON 2

• Open your browser
• Navigate to the folder, and open your HTML file
• Click the Start button and notice how the
  animations runs
• The animation may pause as the file size
  increases in relation to the Internet connection
  speed

13
Testing a Movie
LESSON 2

• Guidelines for optimizing movies
• Use symbols for every element that appears in a
  movie more than once
• Use tweened animations rather than frame-by-frame
  animations
• Use movie clips rather than graphic symbols
• Confine the area of change to a keyframe so that
  the action takes place in the smallest area

14
Testing a Movie
LESSON 2

• Guidelines for optimizing movies
• Use bitmap graphics as static elements rather
  than in animations
• Group elements
• Limit the number of fonts and font styles
• Use gradients and alpha transparencies sparingly

15
Using the Bandwidth Profiler
LESSON 2

• Test the movie and determine which frames may
  create a pause during playback
• Set a simulated Internet connection speed for
  your target audience using the Bandwidth Profiler

16
Using the Bandwidth Profiler
LESSON 2
Frame 20 will result in a pause during download
because of the large size
17
Optimize a Movie by Reducing File Size
LESSON 2

• Click the Frame that causes a pause during movie
  playback
• Reduce size of the image on the stage
• Test the movie and notice that the animation does
  not pause

18
Use HTML Publish Settings
LESSON 3

• Change HTML publish settings
• Align the movie window in a browser window
• Edit an HTML document

19
Role of HTML Document
LESSON 3

• An HTML file is automatically generated by
  Macromedia Flash during the publishing process
• An HTML allows a Macromedia Flash movie to be
  displayed on the Web

20
Understanding HTML Publishing Options
LESSON 3

• The HTML document specifies
• Movies background color
• Movies placement in the browser
• Movies size
• EMBED (IE Mac Netscape Mac/Win) and OBJECT (IE
  Win) tags are used to direct the browser to load
  the Macromedia Flash Player

21
HTML Publishing Options
LESSON 3

• Template
• Dimensions
• Playback
• Paused at Start
• Loop
• Display Menu
• Device Font (Win)

• Quality
• Window Mode
• HTML Alignment
• Scale
• Macromedia Flash Alignment

22
Change HTML Publish Settings
LESSON 3

• In the HTML tab of the Publish Settings dialog
  box modify settings

23
Determining Movie Placement in a Browser
LESSON 3

• A Macromedia Flash movie is displayed within a
  movie window
• The placement is controlled by settings in the
  HTML document
• Publish Settings example
• Movie window width 400 pixels
• Height100 pixels
• HTML alignment right
• Macromedia Flash alignment right

24
Edit an HTML document
LESSON 3

• Open an HTML document in any text editor and edit
  it

25
Create a Remote Web Site
LESSON 4

• Create a local site
• Set up access to a Web server
• Create a remote site
• Use FTP to upload files to the server

26
Uploading Files to a Web Server
LESSON 4

• Web server is a computer dedicated to hosting Web
  sites
• A standard method for transferring files from a
  development site to a Web server is though the
  FTP
• ISP provides you with an FTP server address, user
  name and password to gain access to the server

27
Using the FTP Feature Macromedia Dreamweaver MX
LESSON 4

• Macromedia Dreamweaver MX provides an FTP feature
• To create a remote Web site
• Establish the site on a local disk
• Upload the files to a Web server using FTP
  protocol

28
The Site Menu
LESSON 4

• The Site menu option is used
• To create the local site
• To define the remote site
• To transfer files between the sites

29
The Site Window
LESSON 4

• The figure shows the Site window with the folders
  and files for the local and the remote site

30
Chapter F Tasks
SUMMARY

• Learn about Publishing Settings
• Test a movie
• Use the Bandwidth Profiler
• Optimize a movie
• Understand HTML publishing settings
• Use the FTP feature Macromedia Dreamweaver MX
• Create a remote Web site