So you've implemented your movie into your page, but want to know where you should put it? Or some tricks to make it look good? What we're about to show you is called image splicing, and with some table and graphics editor knowledge it's very possible, but it isn't for the beginner.

To get started, open your favorite image editing program, we'll be using Photoshop for the tutorial, and create a new file. Make it the same dimensions as your movie is, for instance if your movie is 250 x 200, make your image that size as well. Now fill the image with black, or another distinguishable color other than white.

Now increase your "canvas size". If you want lots of stuff around your movie, make it about 200 pixels bigger than the movie in both height and width. For a little less, use around 100. Now the area that is not the square that the movie will be in can be drawn in or objects can be inserted.

You should end up with a picture that looks something like the one below, with your own graphics around the movie space.

Now we have to split the image up so that we can put the smaller ones around the movie with a table. They should be split like the one below.

Now we'll have to put the code together to make this work. Its a simple table:

<table border=0 cellpadding=0 cellspacing=0>
<tr>
<td colspan=3 align="center">
<img src="image1.gif">
</td>
</tr>
<tr>
<td>
<img src="image2.gif">
</td>
<td>
<place your embed tag here>
</td>
<td>
<img src="image3.gif">
</td>
</tr>
<tr>
<td colspan=3 align="center">
<img src="image4.gif">
</td>
</tr>
</table>

That should wrap it up, these can be touchy and may not work in every browser, if yours didn't work out just right, e-mail us.

<< Back