Transcript Publishing Movie

DM 11 – Publishing Movies
PREPARING AND PUBLISHING
Movies
Chapter Lessons
• Publish movies
• Reduce file size to optimize a movie
• Use HTML Publish Settings
• Create a remote Web site
Chapter F
Preparing and Publishing
Movies
• 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
Chapter F
Publish Movies
• Use the Publish Settings feature of
Macromedia Flash to publish a
movie
• Create a GIF animation
• Create a JPEG image from a movie
Chapter F
Using Publish Settings
• 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
Chapter F
Publish Settings dialog box
• Choose a
combination of
formats for
publishing
Macromedia Flash
movie:
Chapter F
Publish Settings for Flash
• Choose settings in
the Flash tab:
Chapter F
Publish Settings for GIF
• Choose settings
in the GIF tab
for the following
options:
Chapter F
Using Preview Publish
• 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
Chapter F
Create a JPEG image from a
frame of a movie
• 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
Chapter F
Reduce File to Optimize a Movie
• Display a movie in a browser
• Test a movie using the Bandwidth
Profiler
• Optimize a movie by reducing file size
Chapter F
Display a Movie in a Browser
• 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
Chapter F
Testing a Movie
• Guidelines for optimizing movies:
– Use symbols for every element that appears in
a movie more than once
– Use tweened animations rather than frame-byframe 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
Chapter F
Testing a Movie
• 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
Chapter F
Using the Bandwidth Profiler
• 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
Chapter F
Using the Bandwidth Profiler
Frame 20 will result in a
pause during download
because of the large
size
Chapter F
Optimize a Movie by Reducing
File Size
• 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
Chapter F
Use HTML Publish Settings
• Change HTML publish settings
• Align the movie window in a
browser window
• Edit an HTML document
Chapter F
Role of HTML Document
• 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
Chapter F
Understanding HTML Publishing
Options
• The HTML document specifies:
– Movie’s background color
– Movie’s placement in the browser
– Movie’s size
– EMBED (IE Mac; Netscape Mac/Win)
and OBJECT (IE Win) tags are used to
direct the browser to load the
Macromedia Flash Player
Chapter F
HTML Publishing Options:
• Template
• Dimensions
• Playback:
– Paused at Start
– Loop
– Display Menu
– Device Font (Win)
• Quality
• Window Mode
• HTML Alignment
• Scale
• Macromedia Flash
Alignment
Chapter F
Change HTML Publish Settings
• In the HTML
tab of the
Publish Settings
dialog box
modify
settings:
Chapter F
Determining Movie Placement in
a Browser
• 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
Height:100 pixels
HTML alignment: right
Macromedia Flash alignment: right
Chapter F
Edit an HTML document
• Open an HTML document in any
text editor and edit it:
Chapter F
Create a Remote Web Site
• Create a local site
• Set up access to a Web server
• Create a remote site
• Use FTP to upload files to the server
Chapter F
Uploading Files to a Web Server
• 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
Chapter F
Using the FTP Feature
Macromedia Dreamweaver MX
• 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
Chapter F
The Site Menu
• The Site menu
option is used:
– To create the local
site
– To define the
remote site
– To transfer files
between the sites
Chapter F
The Site Window
• The figure shows the Site window
with the folders and files for the local
and the remote site
Chapter F
Chapter F Tasks
• 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
Chapter F