How to use Click Witchery to teach

Click Witchery Gallery    Tutorial  Useful resources


The Periodic Table of Elements


United States of America
Multi-step word problems

Click Witchery Gallery    Tutorial  Useful resources



The Periodic Table of Elements presentations


You can see the Click Witchery of The Periodic Table of Elements in the gallery above or here: In this tutorial I will take you through how I made this presentation. You can also do this yourself. I have attached the files I used in this zip file: Periodic Table. This file contains the following:

  • The-Periodic-Table-Of-The-Elements.jpg – The central graphic for this presentation
  • xlsx – A spread sheet which I used for the information for each element
  • docx – A list of the Wikipedia links for each element
  • periodic-table.pptx – The PowerPoint file I used to create the graphics for the elements
  • elements – This folder contains the graphics for the elements.

The first step in the planning process is to decide what we want to do. In this case it is create a Click Witchery presentation that will show the periodic table of elements. When you click on an element you should see a graphic for that element with a link to the Wikipedia page for the element below the graphic.

We need the following for our presentation:

  • An image for the periodic table
  • Images for each element
  • Information for each element
  • Links to the relevant Wikipedia page for each element.

I used to search for the images. This has a very useful feature where you can search by the license associated with the graphic.


I entered “periodic table” in the search box, Selected images and then filtered by License.

Wikipedia was a great source of help in putting this presentation together. I used the table on this page,, for both the spread sheet with the information on the elements and the document with the list of links.

To create the spread sheet, I simply highlight the table in the List of elements Wikipedia page and copied it into an Excel spread sheet. This had the information I wanted but the information was in rows and I wanted it in columns. To change this, I highlighted and copied the table in the Excel work sheet, then went to a new work sheet placed the cursor in top left square and choose Paste Special. From the sub menu I again choose Paste Special.


A Paste Special dialog box appears and I selected “Transpose” and Excel pasted the cells the way I wanted them.


I decided to create the graphics for the elements using PowerPoint. I created a table with the following rows:

  • Name – I decided to not use this element in my graphics for the elements and instead have the name of the element in larger font and in bold.
  • Symbol
  • Atomic no.
  • Group
  • Period
  • Block
  • State at STP
  • Occurrence
  • Description

After creating the first slide like this I copies it 118 times. I then copied the data in my spread sheet (sheet 2) into these slides. I also found appropriate graphics which I included for each element. When I was finished I exported the slides as graphic files by going to File | Export. I then selected Change File Type and changed this to a .png file. When I clicked on “Save As” I was given the opportunity of saving each slide as an individual graphic.

The final thing I needed was the list of Wikipedia URLs. I wanted a URL for the Wikipedia page for each element. I again used the table on this page, In the Element column I could right click on the link and use “Copy Link” to copy the URL.


I know have everything I need to create the Click Witchery presentation so I log into Click Witchery and create a new presentation by clicking the “Create Presentation” button. In this dialog box I enter the name “The Periodic Table of Elements” and description “Presentation to show the periodic table of elements” and click the “Create” button.


As the name and description are entered from the previous dialog I only have to click the “Start creating a presentation” button to start adding graphics to the presentation.


Click Witchery has one central graphic for each presentation. In order to add this, I click the button, “Create the first object”.


I then click on the button, “Upload graphic” and upload the image of the periodic table which will be at the centre of this presentation.



After uploading the image of the table I want to upload the images of the elements. I have already created graphics for this and called them according to the element’s number in the table. I start by uploading the first element Hydrogen.


I want each element to have the graphic and a link to a Wikipedia page for that element. I go to this page: and right click on the link to the page for Hydrogen. I then paste this in to the Link field and select the check mark.


In order to create the link on the periodic table to this element I make the image of periodic table bigger using the ‘+’ at the bottom right hand corner. I then click on the pencil icon for the Hydrogen element. A tool bar appears in the top left corner of the main image. I select ‘Draw a polygon’ and draw this around the square for Hydrogen on the table.


After completing this with Hydrogen I continue this with the other elements until I have done this for all 118 elements.




We are now ready to show the presentation. We go back to the overview of the presentation by clicking on the link Dashboard on the left hand side bar. I can show the presentation by using the URL and supplying a direct link to it or embedding the presentation in another web page. Both options are highlighted below.


If I decide to embed the presentation in another web page, I can make a number of choices in how this appears. You can see these in the dialog below.


I have now taken you through how to create a Click Witchery presentation which will be useful for education. I suggest you download the files for this demonstration and give it a try yourself. You are also welcome to use the presentation we have created. The URL is: and you can use this code to embed it in another page:

<iframe src=”″ style=”width:100%; height:420px; border: 0px; margin: 0px;”></iframe>

I look forward to hearing how you have got on.

Good Luck.



Click Witchery Gallery    Tutorial  Useful resources

Useful resources

Files used in presentations above

Periodic Table

United States

Blogs about learning, education and technology

Matt Miller’s blog Ditch that Textbook deals with innovative teaching ideas and rethinking education

Teach 100 – This is a list of the top 100 teaching blogs.

The Learning Network is the New York Times education blog.

MindShift is a teaching blog with a lot of useful resources.

iLearn Technology is a blog which aims to help teachers fall in love with technology. TED-ED is a forum for education using the ideas from TED conferences.