Various notes for the HALM 316 course @ Swinburn Uni, Semester 1, 2007.

FireFTP – is a firefox browser based extension which lets you transfer files to and from yoru server, from within the browser. “Le convenient”.

How to make an animated GIF with image ready:
http://www.mediacollege.com/graphics/adobe-imageready/animation/

webmonkey imageready tutorial – http://www.webmonkey.com/98/30/index3a.html

Steps for creating an animation with image ready

1 – Create new document ( file >> new ) choose dimensions – eg 500×200 pixels?

2 – Open ‘animation’ window ( window >> animation )

3 – In the animation window, select ‘Create Layer for Each New Frame’. ( click the arrow on top right of ‘animation window’ )

4 – Click the arrow on top right of ‘animation window’ again, and choose ‘new frame’. ( notice this now adds both a new frame in the animation window and a new layer in the layer window )

5 – Click on frames in the ‘animation window’ to edit those directly, and tick or untick the visibility of layers in the layer window to let only the layers you want shown in each frame.

6 – You can paint on each frame, or cut and paste elements in. ( elements pasted in need to be from GIF files, if using a jpg – save it as a GIF first before pasting, or choose “image >> mode >> indexed color” which will make it ‘animated gif’ compatible.. )

7- To create movement, press the ‘duplicate frame’ button in the animation window, which will copy all elements from one frame to the new one, which can then be moved with the ‘move tool’ ( top right tool of the vertical tool bar )

6 – Press play in the animation window to test the animation, then try refining the time for each frame.

7. To save, choose ‘save optimized as’ … This should deliver you a file with a .gif extension.

8 – Other options for further play? Try the tweening button in the ‘animation window’, to create ‘in-between frames’.

Sound?

Publishing sound online the easy way. ( Offers less control of sound’s context in page design )

A post about embedding sound online, which allows more control about placing sound in a page with other elements ( eg text, photos etc and allows control of sound ( looping etc ).

Problem Solving & De-bugging Missing Images / Broken links in webpages

Broken links and missing images are the most common webpage building problem. To solve this you need to make sure the address for each image or link is correct,

ie your html should be referencing where your image is actually located on your opax server .

eg http://opax.swin.edu.au/12345etc/projectfolder/imagename.jpg

Before you start -

a)make sure you have uploaded your images to a specific location in your server

b) test that this works, by typing in the webaddress of where you have uploaded it…

eg http://opax.swin.edu.au/12345etc/projectfolder/imagename.jpg

If you cannot see the image, double check the URL.

Once the image works, cut and paste that correct URL, into dreamweaver, either in the code directly, or in the design page where it says ‘src’ ( source of image ).

1)Click on an image in your dreamwaver page -

then look in the code section of your dreamweaver page, the related code will be highlighted.
paste in the full URL of your image, ie where it is located…

You should get something like this :