Transcript
Page 1: Isocentre Help   Inserting Images

Isocentre HelpIsocentre Help

Inserting imagesInserting images

This help file shows you the basic steps of inserting images in pages in the forums and sitegroups section of Isocentre.

Page 2: Isocentre Help   Inserting Images

Inserting imagesInserting images

Wikidot has a specific method for inserting Wikidot has a specific method for inserting images into pages. There are 2 steps images into pages. There are 2 steps involved.involved.First upload the image onto the page where First upload the image onto the page where

you wan it to appear.you wan it to appear.Then insert the image in the specific part of Then insert the image in the specific part of

the page where you want it to appear.the page where you want it to appear.

Page 3: Isocentre Help   Inserting Images

Inserting images – upload imageInserting images – upload image

When the image you want to insert is on When the image you want to insert is on your computer (but not online on the your computer (but not online on the internet) you have to upload it so that internet) you have to upload it so that everyone who opens the page can see it.everyone who opens the page can see it.

In Wikidot (which hosts Isocentre) images In Wikidot (which hosts Isocentre) images are uploaded and attached to specific are uploaded and attached to specific pages – and not into a general pool of pages – and not into a general pool of images like a general image folder.images like a general image folder.

Page 4: Isocentre Help   Inserting Images

To upload images or files

click on the Files link at the bottom

of the pageYou will see this section

appear. Click on the Upload button and select the image

file from your computer. Try to make sure that your filename

has no spaces.

Page 5: Isocentre Help   Inserting Images

When you have selected all the files you want

to upload – click on Upload

files

Page 6: Isocentre Help   Inserting Images

When the files are uploaded – click on the Refresh file list link and

verify that the files have appeared

under the File list above.

Page 7: Isocentre Help   Inserting Images

Inserting imagesInserting images

You can insert 3 types of images:You can insert 3 types of images:An image file that you have uploaded on your An image file that you have uploaded on your

Isocentre page (as described in the last few Isocentre page (as described in the last few slides)slides)

An image already online on a website (if you An image already online on a website (if you know the URL or link to the image file)know the URL or link to the image file)

An image that you have uploaded to your An image that you have uploaded to your Flickr account (Flickr is a free photo sharing Flickr account (Flickr is a free photo sharing site from Yahoo)site from Yahoo)

Page 8: Isocentre Help   Inserting Images

First make sure that your

cursor is positioned where you want the image

inserted.

Then click on the Insert Image Wizard button.

Page 9: Isocentre Help   Inserting Images

This is the insert image wizard. Choose the type of image you want to insert.

Here we want to insert the image we just uploaded.

Select the image file you want to

insert. Then choose the image size specifications

that you want.

Finally click on the insert code button.

Page 10: Isocentre Help   Inserting Images

Note the tags that indicate the image has been inserted.

Click Preview to see how the image looks.

Page 11: Isocentre Help   Inserting Images

There’s my image – now online!

Page 12: Isocentre Help   Inserting Images

Other imagesOther images

For images already online somewhere – For images already online somewhere – type in the URL of the image (not the type in the URL of the image (not the entire webpage) in the box.entire webpage) in the box.

For Flickr images – paste the Flickr image For Flickr images – paste the Flickr image id in the box provided.id in the box provided.