300 likes | 454 Views
OVERVIEW. Chapter Lessons. Publish movies Reduce file size to optimize a movie Use HTML Publish Settings Create a remote Web site. INTRODUCTION. Preparing and Publishing Movies. Use Macromedia Flash: To generate files for delivering movies over the Internet
E N D
OVERVIEW Chapter Lessons • Publish movies • Reduce file size to optimize a movie • Use HTML Publish Settings • Create a remote Web site
INTRODUCTION 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
LESSON 1 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
LESSON 1 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
LESSON 1 Publish Settings dialog box • Choose a combination of formats for publishing Macromedia Flash movie:
LESSON 1 Publish Settings for Flash • Choose settings in the Flash tab:
LESSON 1 Publish Settings for GIF • Choose settings in the GIF tab for the following options:
LESSON 1 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
LESSON 1 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
LESSON 2 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
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 LESSON 2
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-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 LESSON 2
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 LESSON 2
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 LESSON 2
LESSON 2 Using the Bandwidth Profiler Frame 20 will result in a pause during download because of the large size
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 LESSON 2
Change HTML publish settings Align the movie window in a browser window Edit an HTML document LESSON 3 Use HTML Publish Settings
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 LESSON 3 Role of HTML Document
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 LESSON 3 Understanding HTML Publishing Options
Template Dimensions Playback: Paused at Start Loop Display Menu Device Font (Win) Quality Window Mode HTML Alignment Scale Macromedia Flash Alignment LESSON 3 HTML Publishing Options:
LESSON 3 Change HTML Publish Settings • In the HTML tab of the Publish Settings dialog box modify settings:
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 LESSON 3 Determining Movie Placement in a Browser
Open an HTML document in any text editor and edit it: LESSON 3 Edit an HTML document
LESSON 4 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
LESSON 4 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
LESSON 4 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
LESSON 4 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
LESSON 4 The Site Window • The figure shows the Site window with the folders and files for the local and the remote site
SUMMARY 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