Embedding, Inserting and Linking on Wikispaces

43
How to embed videos, insert files and images and hyperlink using a Wikispaces wiki

description

How to embed videos, insert images and files and link to other pages and external websites on a wikispaces wiki.

Transcript of Embedding, Inserting and Linking on Wikispaces

Page 1: Embedding, Inserting and Linking on Wikispaces

How to embed videos, insert files and images and

hyperlink using a Wikispaces wiki

Page 2: Embedding, Inserting and Linking on Wikispaces

Go home...

Click EDIT

Page 3: Embedding, Inserting and Linking on Wikispaces

This is your toolbar. What are its features?

Page 4: Embedding, Inserting and Linking on Wikispaces

The basics....

BoldItalicUnderline

Change font size and colour

Numbered lists and bulleted lists

Add a line

Page 5: Embedding, Inserting and Linking on Wikispaces

The rest...Create and break

hyperlink

Insert Images and Files

Embed Widget

Insert Table

The last two are ‘Insert Special Character’ and ‘Insert Code’

Page 6: Embedding, Inserting and Linking on Wikispaces

Now we will embed a video into your wiki

•For this, you will need the ‘Embed Widget’ button,

but before you press it....

•WIDGET: a third party item that can be embedded into a webpage

•EMBED: to take something from one website and place it into another

Page 7: Embedding, Inserting and Linking on Wikispaces

Step 1: Find a video!

Go to www.teachertube.com

Search ‘Did You Know’

Page 8: Embedding, Inserting and Linking on Wikispaces

Step 2: Locate the ‘embed code’ and copy

it

Page 9: Embedding, Inserting and Linking on Wikispaces

Step 3: go back to your wiki page, open it for editing, then click on the Embed

Widget button

Page 10: Embedding, Inserting and Linking on Wikispaces

Step 4: Click ‘Video’

Page 11: Embedding, Inserting and Linking on Wikispaces

Step 5: Click ‘Teacher Tube’

Page 12: Embedding, Inserting and Linking on Wikispaces

Step 6: Paste embed code in box then click

‘save’

Page 13: Embedding, Inserting and Linking on Wikispaces

You should see something like this:

You can write text above or below it, change it’s alignment etc.

Step 7: When you’re done, clickSAVE

Page 14: Embedding, Inserting and Linking on Wikispaces

You should see your video on your page

Page 15: Embedding, Inserting and Linking on Wikispaces

•For this next step you will need a file (wod document) saved to your computer. You can create one now.

•Find an image from the internet and save it to your desktop.

Page 16: Embedding, Inserting and Linking on Wikispaces

Now for images and files:

Step 1: Open your page for editing again and click on the ‘Insert Images and Files’ button on

the toolbar:

Page 17: Embedding, Inserting and Linking on Wikispaces

Step 2: Click on the ‘Upload Files’

tab

Page 18: Embedding, Inserting and Linking on Wikispaces

Step 3: Click ‘Browse’ to find your file on your

computer

Page 19: Embedding, Inserting and Linking on Wikispaces

Step 4: When you have your file, click ‘Upload’

Page 20: Embedding, Inserting and Linking on Wikispaces

Your document will appear here...

Page 21: Embedding, Inserting and Linking on Wikispaces

Step 5: Double click it to add it to your

page

Page 22: Embedding, Inserting and Linking on Wikispaces

You will see something like this:

Step 6: Click SAVE

Page 23: Embedding, Inserting and Linking on Wikispaces

Then you will see something like

this:

Page 24: Embedding, Inserting and Linking on Wikispaces

Now, try the same process with an image

TIP: You may need to resize your image once you have inserted it into your wiki. You can do

this by dragging the corners of the image inwards.

Page 25: Embedding, Inserting and Linking on Wikispaces

You should get something like this:

Page 26: Embedding, Inserting and Linking on Wikispaces

TIP: Once you have uploaded an image or document to your wiki, it stays there. That means if you want to add it to another page on the wiki, you don’t need to upload it again. Just click in ‘Insert Images and Files’ and double click on the file you want to insert.

Page 27: Embedding, Inserting and Linking on Wikispaces

Don’t forget:You can add text above or below you image or file and you can change the alignment of it too - whether you want it on the left, right or in the middle.

Page 28: Embedding, Inserting and Linking on Wikispaces

Hyperlinking(linking to another page)

Step 1: Open your page up for editing again, type the words ‘Year 7,’ then highlight them:

Page 29: Embedding, Inserting and Linking on Wikispaces

Step 2: Click on the ‘link’ icon in

the toolbar

Page 30: Embedding, Inserting and Linking on Wikispaces

You have two options. You can create a new page, or choose one that already

exists

Step 3: This time we will be creating a new page, so make sure the page name is there - it

should say ‘Year 7.’

Page 31: Embedding, Inserting and Linking on Wikispaces

Step 4: Click ‘Add Link’

Page 32: Embedding, Inserting and Linking on Wikispaces

You should see something like

this:

Step 5: Click SAVE

Page 33: Embedding, Inserting and Linking on Wikispaces

Now try clicking on the link you

created:

Page 34: Embedding, Inserting and Linking on Wikispaces

It will take you to a new page that you can edit. But note that it doesn’t show up in

your side bar. It is part of your front page rather than part of your contents.

SidebarSidebar

Page 35: Embedding, Inserting and Linking on Wikispaces

Hyperlinking(linking to another website)

Step 1: Open your page for editing, type the word ‘Slideshare,’ then highlight it

Page 36: Embedding, Inserting and Linking on Wikispaces

Step 2: Click on the ‘link’ icon in

the toolbar

Page 37: Embedding, Inserting and Linking on Wikispaces

Step 3: Choose the ‘External Link’ tab -

because this time we are linking to an external site

Page 38: Embedding, Inserting and Linking on Wikispaces

Step 4: type www.slideshare.net into the address box, then

click ‘Add Link’

Page 39: Embedding, Inserting and Linking on Wikispaces

You should see something like

this:

Note the little green arrow next to the link. This means it is going out of the wiki to

another site.

Page 40: Embedding, Inserting and Linking on Wikispaces

Step 5: Click ‘save’ then click on the

link to see where it takes you...

Click Me!Click Me!

Page 41: Embedding, Inserting and Linking on Wikispaces

Slideshare is a great site for uploading powerpoints and then

embedding them in your wiki, just like a video.

Page 42: Embedding, Inserting and Linking on Wikispaces

Here is what my account looks like (which is where this PowerPoint is stored and how I’ve been able to embed it into the wiki for

you to watch):

You can go straight to my page if you like: http://www.slideshare.net/technolote

Page 43: Embedding, Inserting and Linking on Wikispaces

Can you find the embed code on this page?