Page 1 of 8 Stanford Continuing Studies CS 38 ·Hands-on Graphics Production for the Web Week Five EXERCISE 2: ANIMATION 1) Launch Fireworks. 2) Open blackbackground-stanford.gif.

Slides:

Advertisements

Similar presentations

Working with Tables for Page Design – Lesson 41 Working with Tables for Page Design Lesson 4.

Advertisements

Office 2003 Introductory Concepts and Techniques M i c r o s o f t Excel Web Feature Creating Static and Dynamic Web Pages Using Excel.

Creating Animations – Lesson 71 Creating Animations Lesson 7.

Flash animation For beginners. Lesson objectives To understand how to animate a ball To understand how to loop animations To learn how to use animation.

Fireworks MX. 2 Lesson 1a—Create Slices & Hotspots n Fireworks allows you to add animation (behaviors) already written in ___________. n However, users.

Text and Graphic Layouts in Adobe Indesign

Office 2003 Introductory Concepts and Techniques M i c r o s o f t PowerPoint Web Feature Creating a Presentation on the Web Using PowerPoint.

CS 4000 – Homework #8 Step-by-Step FrontPage examples (keyed to the handout titled FrontPage Instructions)

Create slices and hotspots Create links in Web pages Create rollovers from slices Create basic animation Add tweening symbol instances to create animation.

Exercise 1 Checklist Dreamweaver - Local Root Folder –Make sure it is properly specified in Dreamweaver  Verify Otherwise can cause problems with local.

FIRST COURSE Creating Web Pages with Microsoft Office 2007.

Access Tutorial 8 Sharing, Integrating, and Analyzing Data

Simple Computer Maintenance. Common Computer Clean up Tasks Disk Clean – up Anti-virus scan Deleting Cookies.

Laboratory Exercise 8- Carrying Out Presentations Office Productivity Tools 2 Laboratory Exercise # 8 Carrying Out Presentations Objectives: At the end.

Integrating Microsoft Project with Other Programs

Microsoft Internet Explorer Capturing Text and Images From the Internet.

Creating animated banners in Fireworks. Setting up the canvas Open Fireworks and choose a canvas size big enough to fit the animated banner you are going.

Understanding Web Sites. What is a Web Site A collection of Web pages which you can view on the Internet Contains text, graphics, sound, and video to.

HTML presentation Embedding Graphics in Web Pages n HTML uses an empty tag called the (image tag) n n n or n n n Note: all web production tools do insert.

Week 11 Using Dreamweaver, Photoshop, and Fireworks: Graphics Production for the Web Stanford University Continuing Studies CS 38 Mark Branom

ArcGIS: ArcMap Layout View. Agenda Layout interface Using templates Page properties Data frame properties Toolbars Layout elements Fine-tuning Finishing.

Chapter 10 Fireworks: Part II The Web Warrior Guide to Web Design Technologies.

Importing/Exporting between Fireworks and Dreamweaver For Buttons, Navigation Bar and Animated Banners.

Slide 1 of 24 1) Launch Fireworks 2) Under File, choose New 3) In the New Document dialog box, enter Width: 100, Height 160, Resolution 72, and choose.

CIS 205—Web Design & Development Fireworks Chapter 1.

University of Sunderland CDM105 Session 6 Dreamweaver and Multimedia Fireworks MX 2004 Creating Menus and Button images.

Page 1 of 6 Stanford Continuing Studies CS 38 ·Hands-on Graphics Production for the Web Week Five EXERCISE 1: JAVASCRIPT ROLL-OVERS 1) Launch Internet.

1 Enter rotation angle Click Rotate for rotate and flip options.

Creating Buttons – Lesson 51 Creating Buttons Lesson 5.

Laboratory Exercise # 9 – Inserting Graphics to Documents Office Productivity Tools 1 Laboratory Exercise # 9 Inserting Graphics to Documents Objectives:

Animating GIF. What is it? Think of how a flip book works. Each page is a different picture and when flipped through quickly, it looks as though objects.

Instructions.  Open up the letter that Adam has given to you  Format it so it look professional.

Slide 1 (of 16) 1) Launch Dreamweaver 8. 2)Under Site, choose New Site. Stanford Continuing Studies CS 22 · Enhanced Web Site Design Week Two DREAMWEAVER.

We Are Learning To (WALT): To create a working homepage for our websites What I am Looking For (WILF): A completed homepage containing a working navigation.

Saving PowerPoint Presentations as Web Pages Your Logo Here Open the PowerPoint Presentation. To convert to a format compatible with web browsers, launch.

Creating interactive web pages using Fireworks Creating a 5 page mock up.

Double –Click on the Netscape Icon on your desktop The following are a series of steps to help you get started with Netscape Composer.

How to create & use Dreamweaver Templates. Creating a Dreamweaver Template o A template is a common structure or layout of a web site that most of your.

Flash animation For beginners. homework Your homework is over two weeks so please write in each week of your planner for the next two weeks For homework.

Fireworks CS6 A Quick Logo Creation. Step 1- Launch Fireworks CS6 300 x 200 Pixels.

Merging Data into a Letter. Start with a letter that has places where you want to merge individual data ready to go.

Art for New Media TO DO today: 1 - Fireworks Introduction continued - Finish remote rollovers - Rollovers with multiple states (over and hit.

Objective: Students will know the screen parts, tools, and menus of the Fireworks program. Students will be able to create a new document, create basic.

Know your computer Make a Folder Copy from Word to Composer Format the Font Change the Alignment Format the Background Format the Colors Insert a Picture.

PPT2.01 CREATING AND MODIFYING TEXT AND GRAPHIC OBJECTS Dr. Ennis-Cole.

XP Tutorial 3 Creating Animations. XP New Perspectives on Macromedia Flash MX Elements of Animation Layers are used to organize the content of.

Page 1 of 15 1) Launch Dreamweaver. 2)Under Site, choose Manage Sites Click New, then Site. Continuing Studies CS 22 ·Stanford University EXERCISE 3: IMAGEMAPS.

Slide 1 of 12 1) Launch Fireworks. 2) Under File, choose Open 3) Choose your CS38 folder on the Desktop. 4) Open the navbar.gif file Stanford Continuing.

Searching for Images Improving the quality of your Google Search.

XP New Perspectives on Creating Web Pages With Word Tutorial 1 1 Creating Web Pages With Word Tutorial 1.

Unit 15 – Web Authoring Web Authoring Project.

Spinning Circle.

Continuing Studies CS 38 Stanford University

Continuing Studies CS22 • Stanford University

Understanding Web Sites

Steps to respect : First create a folder where yo will save all the images Draw the first image (basic image) or open it Save your first image in the folder.

Exercise 63 Use a Flash movie clip symbol to store an animation that you need to use more than once in an application. This is very important for keeping.

Module 6: Creating Web Pages and Working with Channels

Flash animation For beginners.

Horizontal Centering Using the menu bar

Access Tutorial 8 Sharing, Integrating, and Analyzing Data

Optimizing Images for the Web

Netscape Composer Add A Custom Button.

Tutorial 8 Sharing, Integrating, and Analyzing Data

Creating buttons in Fireworks

The Web Collection Standard CS3 Revealed

Instructions for using the Miradi Companion Reporting Tool

How To Repair Outlook Express Inbox.dbx File After Crash.

How To Password Protect A PDF Free With or Without Acrobat.

Digital Story Telling with Frames

Presentation transcript:

Page 1 of 8 Stanford Continuing Studies CS 38 ·Hands-on Graphics Production for the Web Week Five EXERCISE 2: ANIMATION 1) Launch Fireworks. 2) Open blackbackground-stanford.gif and select it using the Pointer Tool.

Page 2 of 8 3) Under Modify, choose Animation, then Animate Selection. 4) Choose the number of frames, the movement, the direction, the scaling, the opacity, and the rotation desired. For this exercise, choose as listed, then click OK. Click OK at the warning message.

Page 3 of 8 5) Open the Frames and Windows window. Choose No Looping. 6) In the Preview tab, click the Play/Stop button to preview the animation. Although you have selected No Looping, it is likely that the animation will loop -- don’t be concerned; it’s a known issue with Fireworks.

Page 4 of 8 7) Under File, choose Export Wizard. Click Select an export format, then Continue. Choose Animated GIF, then click Continue.

Page 5 of 8 8) Click the Animation tab.

Page 6 of 8 9) Make sure that the animation is set to only run once and not loop. If you desire, you may click on any of the frames to see what the animation looks like frame-by-frame.

Page 7 of 8 10) Click Export. 11) Make sure the Save in field is set to your floppy disk. 12) In the File name field, enter animated-blackbackground-stanford.gif 13) Click Save.

Page 8 of 8 14) Launch Dreamweaver. 15) Open one of your web pages. 16) Under Insert, choose Image. 17) Locate animated-blackbackground-stanford.gif, then click OK. 18) Save the web page. Then view the web page in Internet Explorer and/or Netscape.