How to Use Clio


This page is designed primarily for the use of teachers who are co-ordinating curriculum resources pages and/ or want to contribute a student essay to Clio. These materials are provided in addition to the excellent help provided by Wikispaces - see the link in the very top right-hand corner of the screen. A general introduction to Clio can be found on the About page.


Contents

How to Contribute a New Essay | How to Create a New Page | How to Use the Editor Bar | How to Create an Internal Link | How to Create an External Link | How to Insert an Image | How to Upload a File | How to Embed a YouTube Video | How to Use the Wikitext Editor


How to Contribute


Clio History Journal invites contributions from senior secondary school history students. Contributors should fill out the Release Form provided.




How to Create a New Page


Contents
1) (Once you have logged in) left-click on the ‘New Page’ button in the menu on the left hand side of the page.
2) Type in the name of the page you are creating. The name you give the page will determine its URL (eg - http://cliojournal.wikispaces.com/New+Page). The title given to the page also appears at the top of the page (just below the Clio banner).
3) There’s no need to fill in the ‘Add Tags’ option.
4) Left-click the ‘Create’ Button.
5) Type in content into the new page and left-click the ‘Save’ button at the far right of the Editor Bar. Note: there needs to be some content, even if just one word or letter, for the new page to be created.



How to Use the Editor Bar



Contents
1) The editor bar allows you to manipulate text and formatting in much the same way as you can in a Word document.
2) (Once you have logged in) left-click the EDIT button in the top right hand corner of the page.
3) You can bold, italicise and underline text by selecting the text and clicking the appropriate button at the left of the editor bar.
4) The ‘Style Text’ button allows you to modify font, text-size, background colour, and alignment.
5) Click the 'Apply Styles' button when you're done.
6) To make a heading, highlight the relevant text and select from the drop-down menu where ‘Normal’ is the default. On Clio, we make page headings (eg. the title of an essay) a ‘Heading 2’ and sub-headings a ‘Heading 3’. ‘Heading 6’ is reserved not for headings at all but for quotes longer than two lines.
7) The ‘Insert Horizontal Rule’ button enables you to do exactly that when you want to delineate distinct sections in a page.
8) The ‘Insert Table’ button is also useful.
9) The editor bar also allows you to create links and upload files – this is explained in more detail below.



How to Create an Internal Link



Contents
1) An internal link is a link to another page on Clio.
2) (Once you have logged in) left-click the EDIT button in the top right hand corner of the page in which you want to add a link.
3) Highlight the text you want to link from.
4) Left-click on the Link button in the Editor Bar.
5) An 'Insert Link' menu will pop up. In the ‘Page Name’ option type in the exact name of the page you want to link to. The text will turn green and a tick will appear to indicate that it correctly matches up with the web page you’re trying to link to.
6) Left-click the ‘Add Link’ button.
7) Click the ‘Save’ button at the far right of the Editor Bar.



How to Create an External Link


Contents
1) An external link links from a Clio page to another website.
2) (Once you have signed in) left-click the EDIT button in the top right hand corner of the page in which you want to add a link.
3) Highlight the text you want to link from.
4) Left-click on the Link button in the Editor Bar.
5) Left-click on the ‘External Link’ button.
6) Paste in the URL address you want to link to in the Address option.
7) Tick the ‘New Window’ box if you want a new window to open when people click on the link.
8) Left-click the ‘Add Link’ button.
9) Click the ‘Save’ button at the far right of the Editor Bar.



How to Insert an Image



Contents
1) (Once you have signed in) left-click the EDIT button in the top right hand corner of the page in which you want to add a link.
2) Left-click on the ‘File’ button.
3) An ‘Images and Files’ window will pop up. Left-click the ‘Upload Files’ button.
4) Locate and double left-click the image file you have saved on your computer.
5) When the image file has finished uploading, left-click on it to insert it into the page.
6) A menu will appear which allows you to align and size the image as appropriate and to add a caption and link the image to another destination. If the menu is not visible, left-click on the image. Also try scrolling round the page to see if the menu has popped up in an odd place.
7) Click the ‘Save’ button at the far right of the Editor Bar.



How to Upload a File



Contents
1) (Once you have logged in) locate the cursor where you want to embed the file and left-click the 'EDIT' button in the top right hand corner of the page.
2) Left-click on the 'File' button in the Editor Bar.
3) Left-click on the 'Upload Files' button.
4) Locate the file you wish to upload from your computer. Double left-click on it. It takes a few moments for the file to upload.
5) Once the file has uploaded, left-click on it to embed it in the page.
6) Click the ‘Save’ button at the far right of the Editor Bar.



How to Embed a Video



Contents
1) (Once you have logged in and placed the cursor where you want to embed the video) left-click the EDIT button in the top right hand corner of the page.
2) Left-click the ‘Widget’ button in the Editor Bar.
3) Left-click ‘Video’ on the menu on the left of the Widgets pop-up window.
4) Left-click ‘YouTube’.
5) Go to the YouTube video you want to embed. Click the ‘Share’ button just below the video. Click the ‘Embed’ button that then becomes apparent. Copy the ‘embed code’, return to Clio and paste the code into the space provided. Left-click ‘Save’.
6) Click the ‘Save’ button at the far right of the Editor Bar.



How to Use the Wikitext Editor



Contents
1) Clio can be edited in two different modes: Visual Editor or Wikitext Editor. The Visual Editor, which we’ve been using so far is a ‘What You See Is What You Get’ mode. In the Wikitext Editor you can see and modify the underlying code.
2) While Visual Editor is fine for most things most of the time, it’s handy to also be able to use Wikitext Editor. There are some things, like inserting a reference or precisely sizing an image, that you can’t do in Visual Editor. Sometimes, you may encounter a glitch in Visual Editor that can be negotiated using the Wikitext Editor.
3) Having clicked the EDIT button, click on the down arrow next to ‘Save’ at the far right of the Editor Bar.
4) Left-click on the ‘Wikitext Editor’ option from the drop-down menu.
5) You’re now in ‘Wikitext Editor’ mode. To find out about the code you need to modify the page in the way you want, open Clio in a new tab and click on the ‘Help’ link in the very top right-hand corner of the page.
6) Click on the ‘Reference’ link in the Table of Contents and then on the ‘Wikitext’ link. You will see the code for each action you might want to take.
7) Wikitext Editor will be helpful for creating headings and sub-headings in curriculum resources pages.
8) What follows is the wikitext for unit titles, sub-headings and sub-sub-headings.

Unit Title:
Contents
The following wikitext will produce the title immediately below it.
Contents
<span style="background-color: #cde5d5; display: block; font-size: 160%; text-align: center;">**Insert Unit Title Here**</span>
Contents
Insert Unit Title Here

Sub-heading:
Contents
The following wikitext will produce the sub-heading immediately below it.
Contents
<span style="background-color: #cde5d5; display: block; font-size: 140%; text-align: center;">**Insert Sub-heading Here**</span>
Contents
Insert Sub-heading Here

Sub-sub heading:
Contents
The following wikitext will produce the "sub-sub-heading" immediately below it.
Contents
<span style="background-color: #cde5d5; display: block; font-size: 110%; text-align: center;">Insert Sub-sub-heading Here</span>
Contents
Insert Sub-sub-heading Here

9) Click the ‘Save’ button at the far right of the Editor Bar.