Animations Library

Virneth Studios

Home Page

Flash Animations for use with web sites

Simple 'How To' example

Some of these animations require Flash player version 9 minimum to play them

Follow these instructions to create a simple page that includes an animation.

This example does not attempt to teach HTML or how to create sophisticated web pages. It simply uses a basic layout to demonstrate how an animation can be inserted into a page.

(Note - The demonstration requires that you can create and edit text files, that a Web Browser (Internet Explorer, Firefox, Chrome etc) is installed on your system and that the Web Browser is the default application for executing .htm / .html files. - try the domo first. If it doesn't work as expected then consider these points.)

1. Create a text file and call it animationTest.htm (or animationTest.html)

2. Edit the file and include the following lines of HTML code

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>

<title>Virneth - Whiteboard Resources - Interactive Animations</title>

</head>

<body>




</body>
</html>

 

3. Go to an animation page for example the Centurions' Helmet

4. Copy the code in the block underneath the graphic to the clipboard.

5. Paste it into the animationTest.htm between the <body> and </body> tags so that it looks like

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>

<title>Virneth - Whiteboard Resources - Interactive Animations</title>

</head>

<body>
 

<iframe name="I1" src="http://www.virneth.co.uk/anilib/showIMovie.php?name=5tnvhfu09oapag9tha49hg95uhspdig8" width="400" height="450" marginwidth="1" marginheight="1" scrolling="no" border="0" frameborder="0"> Your browser does not support inline frames or is currently configured not to display inline frames.</iframe>



</body>
</html>

 

6. Save the animationTest.htm file

7. Navigate to the animationTest.htm file using your file browser (i.e. Windows Explorer) and double click it

You should see the animation displayed in a browser.

(Note - You will need to be connected to the Internet for this to work)

Insert an animation into a web page