User:Jennip/My sandbox

=Welcome to My Sandbox= This is where I learn about wikieducator and play with wiki tools.

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,

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
 * 3) 2nd list item, sub-item 1
 * 4) 2nd list item, sub-item 2
 * 5) 3rd list item

Mixed Lists

 * Bullet point
 * 1) Number 1 point
 * 2) *Indented bullet point under a number point
 * Bullet point
 * Indented list point under a bullet point

More Wiki Codes
Standard HTML tags can be used for other common formatting tasks such as subscript H2O, superscript m3, 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.

{|
 * style="background:#FFFACD; color:#800000" |

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:

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:

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

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. {| cellpadding=4 cellspacing=0 border=1 style="font-family: verdana, sans-serif; margin: 0 0 1em 1em; font-size:90%; background-color: #f7f8ff;" Remember to put a link to the page so you can find it again! Link to new page
 * Smiley Name:
 * Example of smiley:
 * Smiley Name:
 * Example of smiley:
 * Smiley 1 [[Image:Smiley.svg|19px]]
 * [[Image:Smiley.svg|19px]]
 * Smiley 2 [[Image:Face-glasses.svg|21px]]
 * [[Image:Face-glasses.svg|21px]]
 * Smiley 3 [[Image:SoleteRayosÑajo.gif]]
 * [[Image:SoleteRayosÑajo.gif]]
 * Smiley 4 [[image:SNive.gif|19px]]
 * [[image:SNive.gif|19px]]
 * Smiley 5 [[image:SFriendly.gif|19px]]
 * [[image:SFriendly.gif|19px]]
 * Smiley 6 [[Image:Face-wink.svg|23px]]
 * [[Image:Face-wink.svg|23px]]
 * Smiley 7 [[image:SConfident.gif|20px]]
 * [[image:SConfident.gif|20px]]
 * Smiley 8 [[image:SInnocent.gif|18px]]
 * [[image:SInnocent.gif|18px]]
 * Smiley 9 [[Image:Choice toxicity icon.png|21px]]
 * [[Image:Choice toxicity icon.png|21px]]
 * Smiley 10 [[Image:Tongue.png|21px]]
 * [[Image:Tongue.png|21px]]
 * Smiley 11 [[image:SMocking.gif|19px]]
 * [[image:SMocking.gif|19px]]
 * Smiley 12 [[Image:Blush.png|19px]]
 * [[Image:Blush.png|19px]]
 * Smiley 13 [[Image:XD-smiley.png|20px]]
 * [[Image:XD-smiley.png|20px]]
 * Smiley 14 [[Image:Emblem-cool.svg|20px]]
 * [[Image:Emblem-cool.svg|20px]]
 * Smiley 15 [[Image:Happy.gif|22px]]
 * [[Image:Happy.gif|22px]]
 * Smiley 16 [[Image:Face-grin.svg|25px]]
 * [[Image:Face-grin.svg|25px]]
 * Smiley 17 [[Image:Face-devil-grin.svg|25px]]
 * [[Image:Face-devil-grin.svg|25px]]
 * Smiley 18 [[image:SCongratulate.gif|19px]]
 * [[image:SCongratulate.gif|19px]]
 * Smiley 19 [[image:SSceptical.gif|21px]]
 * [[image:SSceptical.gif|21px]]
 * Smiley 20 [[image:SHurt.gif|19px]]
 * [[image:SHurt.gif|19px]]
 * Smiley 21 [[image:SIndifferent.gif|19px]]
 * [[image:SIndifferent.gif|19px]]
 * Smiley 22 [[Image:Animalien-smiley.gif|20px]]
 * [[Image:Animalien-smiley.gif|20px]]
 * Smiley 23 [[image:SYawning.gif|19px]]
 * [[image:SYawning.gif|19px]]
 * Smiley 24 [[Image:Sleeping.png|25px]]
 * [[Image:Sleeping.png|25px]]
 * Smiley 25 [[image:Very_sorry.gif|19px]]
 * [[image:Very_sorry.gif|19px]]
 * Smiley 26 [[image:Confused-tpvgames.gif|21px]]
 * [[image:Confused-tpvgames.gif|21px]]
 * Smiley 27 [[Image:Confused.png|19px]]
 * [[Image:Confused.png|19px]]
 * Smiley 28 [[image:SUpset.gif|19px]]
 * [[image:SUpset.gif|19px]]
 * Smiley 29 [[image:SNasty.gif|19px]]
 * [[image:SYawning.gif|19px]]
 * Smiley 24 [[Image:Sleeping.png|25px]]
 * [[Image:Sleeping.png|25px]]
 * Smiley 25 [[image:Very_sorry.gif|19px]]
 * [[image:Very_sorry.gif|19px]]
 * Smiley 26 [[image:Confused-tpvgames.gif|21px]]
 * [[image:Confused-tpvgames.gif|21px]]
 * Smiley 27 [[Image:Confused.png|19px]]
 * [[Image:Confused.png|19px]]
 * Smiley 28 [[image:SUpset.gif|19px]]
 * [[image:SUpset.gif|19px]]
 * Smiley 29 [[image:SNasty.gif|19px]]
 * [[image:SUpset.gif|19px]]
 * Smiley 29 [[image:SNasty.gif|19px]]
 * Smiley 29 [[image:SNasty.gif|19px]]

Internal Links
Link title This link will take you to my user page

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

Day 6 - Images and other media


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

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

Collaboration
The wiki philosophy is to assist others and I am very happy to provide any assistance I can. 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.

|Wiki levels of mastery

Colors
HTML color names

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.

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 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.