HOME  |    TRAINING  |   FREE TUTORIALS   |   JOBS
Find out more about our new RSS feed.
FREE Tutorial
JAVA, FLASH AND ALL THAT JAZZ - AND 50% FASTER!

CATEGORY
SEARCH OUR OTHER TUTORIALS

DESCRIPTION

Today more and more web site builders are using Flash and Java. While it may be fun to watch the creativity of our world-wide neighbors, the time it takes to download many of these pages is far from fun. This article looks at Java Applets, Web Graphics and Flash and talks about whats behind them and of which gives you some ideas on what choices you could make.
Click here to be kept informed of our new Tutorials.


So you want to create online video animations, stunning special effects, great interactivity, sharp and beautiful graphics.

BUT... You want it to load FAST! So how do you do that?

In this article, I will show you, step by step, how you can use the quality special effects that Java, Flash and wonderful graphics offer for your site, without sacrificing quality, content or speed!

Java

Java adds great interactivity and additional functionality to your websites. There are numerous chatrooms, special scripts (such as special effects menus), sound effects and more that you can either download or purchase for your website. BUT -- in many cases when you put it on your site, you can speed it up even *further* by doing the following!

Practically all browsers support something called a 'jar' file, which allows you to 'compress' your files usually by 50% or more (thus 50% faster!). However, not many people know how to do so. Here is an easy method.

JAR files are essentially a '.zip' file. So what you do is 'ZIP' all your .class files together (and call it, say, 'javafiles.zip'). Then, simply change the 'extension' (the .zip) to '.jar'. (Click on the file name with your right mouse button, then click on 'rename', and then rename the file (in this example) to 'javafiles.jar').

Then, you simply add this code "archive=javafiles.jar" into your applet tag. I.e.,

<applet archive=javafiles.jar code=mainfile.class>
</applet>

And now -- it will load much faster depending on the compression, which is usually 50-75% faster!

Flash

Flash is another great way of adding animations to your website (which is used more for demo 'movies' or an 'intro' to your website).

There's nothing worse than having a 500K or more flash animation (which can take 2 minutes or more on a slow modem!). Thing is -- a lot of people make the same mistake over and over again, which could be easily avoided.

A large flash file is usually due to large music files. Instead of including 1 minute of recorded music, take an 'important chunk' of it, and replay it over and over (say a 5 second sound bite that sounds good). (You can usually find any good sound editor off the net, and cut the 'good' segment, and then easily 'loop' it which can be controlled in Flash!)

This is what a lot of 'techno' songs do (they have 2 or 3 different beats overlayed, and keep playing over and over).

And thus, yet another 50% or more in saved downloading time!

Graphics

GIF Images

There are two main file formats: JPEGs (which support over 16 million colors) and GIFs (which support 256 colors).

The advantage of GIFs is that you can create animated movies (in some ways like flash, except small GIF animations are usually faster), and banner ads. If you want GIFs to load faster, you can use something called a 'GIF Optimizer' -- which simply means that the series of images is made as small as possible so you do not waste a lot of time downloading it!

With complex animations you can usually get 50% or more compression!

Another cool thing you can do is reusing images. So say for example, you wanted to have a pattern of 'circles' for your header. (Say 10 circles, just for the sake of this example). Rather than have one *large* image of 10 circles (which might be 10,000 bytes), simply create *one* image of *one* circle, and include the text for the circle image 10 times! (which is only about 2,500 bytes -- your HTML code and the 1 image!) And thus you just saved about 75% in loading time!

JPEG Images

JPEGs are great for photographic images, and have something called a 'compression factor'. Due to the way the picture is stored, you can choose what quality you want.

Lower compression means higher quality (because you aren't 'compressing out' any information). Usually, with 15% compression you do *not* notice any difference, but depending on the picture you can even choose 50% compression and have it still look good!

Conclusions:

Following these easy and simple steps will allow you to include these great interactive components to your website, and have people tell you and their friends how wonderful and fast your website is!

Article written by John, from Wyka-Warzecha Enterprises, http://www.wyka-warzecha.com, a company devoted to creating amazing free and commercial java and flash software.




8 RELATED COURSES AVAILABLE
HTML 4.0 INTRODUCTION
To create, format and publish a small website using HTML 4.0. You will learn to create web pages incorporating fo....
MACROMEDIA DREAMWEAVER MX INTRODUCTION
To give an introduction to the Internet tools and features of Macromedia Dreamweaver MX. Readers will create an a....
MICROSOFT FRONTPAGE 2002 INTRODUCTION
This training course aims to give you the skills you need to build basic pages both for your company intranet and....
MICROSOFT FRONTPAGE 2000 INTRODUCTION
This training course aims to give you the skills you need to build basic pages both for your company intranet and....
MICROSOFT FRONTPAGE 2000 ADVANCED
To create and manage a website with Microsoft FrontPage 2000. You can use this course to prepare for MOUS Certifi....
 
0 RELATED JOBS AVAILABLE
CONTACT US
Saturday 22nd November 2008  © COPYRIGHT 2008 - VISUALSOFT