|Web Workshop: Flash
Flash-- it's as exciting as its name. It makes the Web move, delivers oohs and ahhs in tiny file sizes, and it's easy to learn. Everyone who's anyone is hopping on the Flash wagon, and the sooner you join the better. Just remember that not everyone surfing the Web is looking for glamor and excitement and if you want to get your information across, provide a simple, non-glitzy site as well. It never hurts to have a choice.
The first Flash site I saw blew me away with thundering sound effects and smooth motion graphics. After creating jerky, large animated gifs, I couldn't believe it was possible to create a fast-loading website that exploded the screen with color, motion, and sound. Alas, it is true-- visit any Flash gallery and you'll be wowed yourself.
This is not a Flash tutorial. Rather, it's an introduction to the world of Flash as well as instructions for including a Flash animation on your website. Read on to find out where to get a free 30-day trial version of Flash 5 and what to do with it once you have it.
Some Benefits of Flash
Flash uses its own player as a plug-in to your browser to display your movie. This means that anyone with a Flash plug-in will be able to see your movie. The latest browsers all come with the player already installed.
Flash movies use vector graphics instead of bitmaps to decrease the file size of your movies. What's the difference? Instead of including information for each pixel in a bitmap, vector graphics include instructions for how to draw the image. So if you have a 50 x 50 pixel square, the vector version would simply say, "draw a square 50 x 50," while the bitmap file would include all 250 pixels of the image. That requires a lot more information, thus a larger file. A bonus feature of vector graphics is that as they are mere instructions for a shape and size, they can be increased in size without distorting your image. Blow up a bitmap image, and you still have the same number of pixels-- which results in a-- not surprising-- pixelated image.
Flash is streamable, which means you don't have to wait for the whole download to start seeing the movie.
Flash includes its own drawing tools. Though they can be a bit tricky to master, these tools are pretty smart. Select the drawing tool, select smooth lines, and your squiggly hand-drawn shape will automatically be smoothed by Flash. You can even edit images that have been imported from other programs.
Not only is Flash fun, but it can be useful too. I created a recipe page in Flash that relies on Flash's button control to navigate through my recipes. Done in plain HTML, each click of a button would take you to a new version of the page which would have to be redrawn each time. In Flash, you simply jump along the timeline, but remain on the same page. Here is my example.
My recipe page is also a great example of something you shouldn't do. Never import text as an image into Flash from Photoshop. I had some images already created of my recipe cards and menus. They look great in Photoshop, but when imported into Flash, they are compressed and look pretty swirly. Notice that the animals look really clear-- they are part of a font that I used within Flash. The text that pops up on the left menus are imported images-- yuck. This takes us to the next feature in Flash.
You have a lot of control over text in Flash. Once text is created, you can turn it into a button, or make it an editable object, or even tween the letters into other shapes.
Get Flashy for Free
Macromedia offers a 30-day trial version of Flash 5 for free. This is a perfect opportunity to learn the program and find out if it is something you'd like to get more involved with. Visit the Trial Download page and try for yourself. The download includes a great tutorial to get you started and the Flash support page offers articles and tech tips.
Flash Code for Your Site
Unless you happen to have an existing Flash file, you will most likely not need to know the exact code to embed the movie in your website. Flash will do all this and more for you. But you should be familiar with the tags that are involved so you know what you are putting on your site.
Here is the code Flash created for my recipe site with notes explaining why the tags are used and whether you need them:
I was able to get this code just by choosing the Publish command in the File menu. Flash creates all these tags for you.
|Home||HTML Menu||Extra Information||HTML Hub|