Friday 5 December 2014

Dynamic HTML

HTML stands for Hyper Text Markup Language and in the past it was the main language used in creating web pages. A dynamic HTML is a combination of HTML, tags and options in order to make a web page more animated and interactive than older versions.
Examples of dynamic HTML include:
·         Colours changing when the mouse hovers over the top of the link
·         Allowing a user to drag and drop an image to another page
·         Dynamic menus and text effects
Below is an example of dynamic HTML text that is used in creating web pages

 XHTML

This stands for Extensible Hyper Text Markup Language. All the variables must be in lowercase letters and all values assigned to variables must be surrounded by quotation marks. This differs from HTML as it is more forgivable as it will work with capitals and not in quotation marks. It was intended to gain clean and clutter free coding that is needed to further enhance webpage creation. One of the main reasons it was introduced is that it can be viewed in different browsers and still look and act the same.
Below is an example of XTHML text and the difference form dynamic html is that it is case sensitive

Java Applets

A Java applet is a small application which is written in Java and delivered to users in the form of bytecode. The user launches the Java applet from a web page, and the applet is then executed within a Java Virtual Machine (JVM) in a process separate from the web browser itself. Some animated gifs are made from java applets.

GIF And Animated GIF

A gif is a lossless format, this means that no quality is lost when the file is compressed, it is used for image files that supports both animated and static images. An animated gif is a gif that moves an example of this is a horse running on the spot or a twirling icon.  The animated GIF does this by having a sequence of graphics being shown one after another, this gives the illusion of movement. Gifs are used mainly on web pages as they are normally pixel based.
Advantages of gifs are:
·         Small file sizes
·         Support transparent backgrounds
·         Shows movements
·         High resolution
·         Easy to move to and from a website
Disadvantages of gifs are:
·         maximum colour palette of 256 colours
·         once the animation has been coded into the actual GIF file there is no way to go back and edit the image
·         dependent on internet connection
·         images can look grainy, jerky or even both
·         have to keep the file size low so image might not be of the best quality

Below is an example of a GIF from the cartoon show The Simpsons

SWF Animation

SWF stands for small web format and is a file extension for shockwave flash file format which is created by Macromedia, this is now owned by adobe. These files can contain video and vector based animations both with sound. They are designed directly for internet use. These files can be viewed in a web browser using the flash plug in.
Advantages of this are:
·         Easily scaled as they are vector based
·         SWF is fast loading
·         Offers a transparent option
Disadvantages of this are:
·         Does not run on all browsers and requires a flash plug in
·         Heavy CPU load
·         Needs expensive software to create
Below is an example if an SWF animation, as they are vector based they can be easily resized



Below is a timeline of animation through the history



No comments:

Post a Comment