jennip's sandbox

Home | My Sandbox | My Personal Projects | My Toolbox | My eTips

Welcome to My Sandbox

This is where I learn about wikieducator and play with wiki tools.

Learning4Content (eL4C15) Online Course: November 24-December 5, 2008

Register | Course Layout | Participants | Usernames | Discussions | Meetings | Resources | Helpful Links | Feedback
Day 1 | Day 2 | Day 3 | Day 4 | Day 5 | Day 6 | Day 7 | Day 8 | Day 9 | Day 10

Day 1 - Getting Started

Groups registration, introduction discussion, video-wiki in plain English, wiki discussion, Navigating

Day 2 - Learning Contract

Create account, survey, add name to user list,

Day 3 - Formatting

Using the toolbar

This word is bold and this word is italic.

Using syntax

The syntax for bold and italic is ' (apostrophe)

This word is bold...html code also works for bolding bold This word is italic...html code also works for italics italic

Heading Levels

The syntax for heading levels is = (equal signs) Level 1 Headings have only 1 equal sign Level 2 have 2, Level 3 have 3 etc...

Automatic Table of Content

If an article has at least four headings, a table of contents will automatically be generated (it did!)

Starting a new line

1st line of text... pressing enter once will not have any effect on the text layout
to start a new line within a paragraph use the standard HTML code for a line break

Starting a new paragraph

1st paragraph.....etc
(press enter twice and leave a blank line between the paragraphs)

2nd paragraph....

Indenting

The syntax for indenting is : (colon)

level 1 indent

level 2 indent

level 3 indent

Bulleted Lists

The syntax for bullet points is * (asterisks)

• 1st point
• 2nd point
  • 2nd sub-point
• 3rd point

Numbered Lists

The syntax for lists is # (hash)

1. 1st list item
2. 2nd list item
   1. 2nd list item, sub-item 1
   2. 2nd list item, sub-item 2
3. 3rd list item

Mixed Lists

• Bullet point

1. Number 1 point
   • Indented bullet point under a number point

• Bullet point
  1. Indented list point under a bullet point

More Wiki Codes

Standard HTML tags can be used for other common formatting tasks such as subscript H₂O, superscript m³, underline, strikethrough etc

preformatted text such as this (eg: blue dotted box around the text in this example) is created by entering a space at the beginning 
of the line

or by using the '''pre''' HTML tag

Block quotes can be created by using the blockquote html tag

here is my example quote

followed by more lines of text...

Advanced Editing

Lots of good stuff on this page: page colors, scroll boxes, TOC, font styles, emotions, etc.

Change page color with CSS To change the color of your user page, simply add the following code, replacing the Capatilized text with the desired web colors: {| | style="background:BACKGROUND COLOR; color:TEXT COLOR" |}

Scroll boxes

To create a scrollbox, use the "overflow:auto" style code. Be sure to also specify a "height: nnpx", where nn is the height you want. Here's an example of one 150px tall:

• What is the meaning of life? And what does that question mean?
• Where is the line between life and non-life?
• Where does choice come from?
• Can emotion be programmed?
• Where do we feel?
• Why does art move us?
• What makes us want to be better, to have purpose?
• Who are you and what do you want?
  • That is, who are you, really? The true you, deep inside.
  • And what do you really want (but for whatever reason haven't committed to getting)?

Contents

To suppress the automatic table of contents box from appearing on your userpage, place the following line somewhere on your userpage:

__NOTOC__

To have the table of contents box float to the right, place the following line where you want the toc to appear:

{{TOCright}}

Font styles, sizes, colors

Font style - Lucida Handwriting and font size - 12pt

Font colour - rust red

Emoticons

Also called smileys, these emoticons are useful for adding emotional expression to text messages. Definitely not for use in articles, but suitable for enhancing messages on talk pages, especially user talk pages. They can also be used as menu icons and user page art.

Smiley Name:	Example of smiley:	Smiley Name:	Example of smiley:
Smiley 1	[[Image:Smiley.svg|19px]]	Smiley 2	[[Image:Face-glasses.svg|21px]]
Smiley 3 File:SoleteRayosÑajo.gif	[[Image:SoleteRayosÑajo.gif]]	Smiley 4	[[image:SNive.gif|19px]]
Smiley 5	[[image:SFriendly.gif|19px]]	Smiley 6	[[Image:Face-wink.svg|23px]]
Smiley 7	[[image:SConfident.gif|20px]]	Smiley 8	[[image:SInnocent.gif|18px]]
Smiley 9	[[Image:Choice toxicity icon.png|21px]]	Smiley 10	[[Image:Tongue.png|21px]]
Smiley 11	[[image:SMocking.gif|19px]]	Smiley 12 19px	[[Image:Blush.png|19px]]
Smiley 13	[[Image:XD-smiley.png|20px]]	Smiley 14	[[Image:Emblem-cool.svg|20px]]
Smiley 15	[[Image:Happy.gif|22px]]	Smiley 16	[[Image:Face-grin.svg|25px]]
Smiley 17	[[Image:Face-devil-grin.svg|25px]]	Smiley 18	[[image:SCongratulate.gif|19px]]
Smiley 19	[[image:SSceptical.gif|21px]]	Smiley 20	[[image:SHurt.gif|19px]]
Smiley 21	[[image:SIndifferent.gif|19px]]	Smiley 22	[[Image:Animalien-smiley.gif|20px]]
Smiley 23	[[image:SYawning.gif|19px]]	Smiley 24	[[Image:Sleeping.png|25px]]
Smiley 25	[[image:Very_sorry.gif|19px]]	Smiley 26	[[image:Confused-tpvgames.gif|21px]]
Smiley 27	[[Image:Confused.png|19px]]	Smiley 28	[[image:SUpset.gif|19px]]
Smiley 29	[[image:SNasty.gif|19px]]	Smiley 30	[[image:Sad-tpvgames.gif|21px]]
Smiley 31	[[Image:Frowny.svg|20px]]	Smiley 32 21px	[[image:Cry-tpvgames.gif|21px]]
Smiley 33	[[image:Shocked-tpvgames.gif|21px]]	Smiley 34	[[Image:Face-surprise.svg|22px]]
Smiley 35	[[image:Misc-tpvgames.gif|20px]]	Smiley 36	[[image:SHysterical.gif|18px]]
Smiley 37	[[image:SShocked.gif|18px]]	Smiley 38	[[Smiley green alien KO.svg|25px]]
Smiley 39	[[Image:Face-crying.svg|25px]]	Smiley 40	[[Image:Face-smile-big.svg|25px]]

Day 4 - Advanced Pages

New Pages

• Starting a new page using an internal link jennip test page
• Starting a new page using the wiki URL http://www.wikieducator.org/User:Jennip/My_sandbox/jpTest

Redirects

If you think people will search for the page using a different name or different spelling it is a good idea to set up a redirect page.

1. Start a new page with the name of the page to redirect from eg: User:jennyp
2. In this new page, type the redirect syntax and create internal to the page you want to direct people to eg: #REDIRECT User:jennip

• Note - the only way to get back to the page which has been redirected is to type in the page name eg: user:jennyp...this will "redirect" you to the correct page eg: user:jennip. At the top of the page you will see the redirection link - click on this to go to the redirected page.

Move (rename) Pages

I read the info & clicked on the move tab to have a look. I thought I might rename My sandbox to My Sandbox (with a capital)...but as it actually moves the page & creates a redirect I didn't think I'd bother. I now know how to do if I need to but I will ensure I put a bit of thought into my page names before I create them in the future so hopefully it won't be necessary to move pages.

Delete Pages

Users can't. Only systems operators can delete pages (sort of delete anyway) and undelete them. So that's all I need to know!

Automatic Page Creation

Type the name for the new page in the box below and click "create new page" button

Remember to put a link to the page so you can find it again! Link to new page

Day 5 - Links

Internal Links

[[User:jennip|Link title]] This link will take you to my user page

External Links

[http://jpsjourneys.blogspot.com My blogs] This link will take you to My Blogs

More links

More about links at http://www.mediawiki.org/wiki/Help:Links

Day 6 - Images and other media

This image is a thumb image . Me taken in January 2004 on our new digital camera.

In brief, the full syntax for displaying an image is:

[[Image:file name|type|location|size|caption]]

Insert an image...

Insert a thumb image - right aligned, in a frame with a caption.

An example of a photo gallery is shown on My Projects page

Insert a .swf file Media:jparker_imm4123_assess01.swf

More about inserting images at

• http://www.wikieducator.org/Wikieducator_tutorial/Images_and_Media/Frames_and_Thumbnails
• http://www.mediawiki.org/wiki/Help:Images

Day 7 - Collaboration & Colors

Collaboration

The wiki philosophy is to assist others and I am very happy to provide any assistance I can File:SoleteRayosÑajo.gif. If I can help just ask me! I left a message on most of the participants discussions boards just to say hello and leave my details jennip 08:24, 4 December 2008 (UTC) so they know where to find me.

levels of mastery

Colors

HTML color names

Color	Hexadecimal	Color	Hexadecimal	Color	Hexadecimal	Color	Hexadecimal
aqua	#00FFFF	green	#008000	navy	#000080	silver	#C0C0C0
black	#000000	gray	#808080	olive	#808000	teal	#008080
blue	#0000FF	lime	#00FF00	purple	#800080	white	#FFFFFF
fuchsia	#FF00FF	maroon	#800000	red	#FF0000	yellow	#FFFF00

Playing with colours as per Gita's example.

Day 8 - Contributions

This section explained

• Discussion / talk pages
• My preferences
• My watchlist
• My contributions

I have already had quite a few discussions with other users, setup my preferences and added a few pages to my watchlist.

I have sent discussion messages to 3 projects and included an area to list the projects I am contributing to on my userpage. To date only 1 person has responded to my offer to assist on projects. Maybe the other 2 are no longer using wikieducator?

Day 9 - Pedagogical Templates

Known as iDevices. List of available templates I've added the web_resources template to my userpage and the Tell us a story template to My_Projects page.

Day 10 - Other Features

Structure

I had already done this activity as I've already created another sub-page My Projects. I'm a bit of a "what if" type learner so when I did the sandbox page, I experimented with the syntax and created another sub-page.

I added a "Tell us a story" template to My projects page and discovered it did not like html syntax. I had a line to remind myself to add a digital story which I formatted as "red" but it wouldn't display ANY of the text with this line in it. when I deleted the html font color tags it worked fine.

Navigation Templates

List of available navigation templates

sample navigation template - WET1_structure.

Special WikiEducator Templates for community nodes or structured teaching materials

sample structured teaching materials template - based on the Topics with subpages template Jennip Nav

I've added a navigation template to this page...and to My Projects page.

Categories

Categories allow you to group related pages. There are already a number of existing categories and these are listed on the Special Categories page

I added an existing category to the 2 template pages I created:

• Jennip Nav
• Jennip simple

To create an new category simply type [[Category:new name]] then go to the page and type some instructions on how to how this category. Example - see "jennip" category at the bottom of this page.

Collaborative Videos

(: Only this section and learning more about videos - still to do. I've run out of time today...I'll finish it tomorrow!)