Quick tips for editing

From WikiEducator
Jump to: navigation, search

Quick tips for editing

A resource for cutting and pasting stuff into a page instead of remembering it

New page template

Copy the following code when creating a new page:

{{vmv:HeaderTOC |}}
==Introduction==
This is my hints page.
{{vmv:Box|Objective|3|Amazing objectives|
By the end of this page you will be able to:
*
}}
==First Heading==
 
To create another page to link to use
[[yourusername:page name | description of page]]
 
Replace lastname and initial below with yours.
{{vmv:FooterAPA-Author | [[User:wikiname|lastname, initial.]] |2012}}

For Michael

{{vmv:HeaderTOC |[[HTML/XHTML]]}}
==Introduction==
This is my hints page.
{{vmv:Box|Objective|3|Amazing objectives|
By the end of this page you will be able to:
*
}}
==First Heading==
{{vmv:H1|Activity|}}
 
<nowiki>
[[File:Anadig.jpg‎‎ |thumb|center|295px|Library Panel]]
{|
|Row1Col1
|Row1Col2
|-
|Row2Col1
|Row2Col2
|}
 
{| style="font-family: menu,Arial;border: 1px solid #808080; width: 80%; margin-right:auto;margin-left:auto;background-color: #F6F9ED;-webkit-box-shadow: 5px 5px 7px #999;"
|- style ="text-align:center;"
| [http://www.youtube.com/watch?v=Ww7H0jBmZHc Sniplet:Excel2007:Named Reference]<br />
{{#widget:YouTube|id=Ww7H0jBmZHc}}
|}
 
Example :{{vmv:ExtEx |JavaScript/js1_02.htm |Click here to run js1_02}}.
 
</nowiki>
 
{{vmv:FooterAPA}} 
[[category:Internet and Web]][[category:Theory]][[category:Technology]]

Lists

*Unordered1
  • Unordered2
  • Unordered3
  1. Ordered1
  2. Ordered2
  3. Ordered3


  1. Indented1
    1. Indented 11
    2. Indented 12
  1. Mixed
    • Mixedunorded A
    • Mixedunorded B
Is created using the following wikiMarkup...
*Unordered1
*Unordered2
*Unordered3
 
#Ordered1
#Ordered2
#Ordered3
 
 
#Indented1
##Indented 11
##Indented 12
 
#Mixed
#*Mixedunorded A
#*Mixedunorded B

Table

{|style="border-collapse: collapse;" border="1"
|Row#
|ColTitle1
|ColTitle2
|-
|1
|11
|12
|-
|2
|21
|22
|}


Row# ColTitle1 ColTitle2
1 11 12
2 21 22

Boxes

with the type of box in text

VmvIcon Note.png

: Title

Available as Note, Notes, Objective(s), Example(s), KeyPoint(s), More, Question(s),NZ, Activity, Assessed_Activity

type

{{vmv:Box|Note|3|: Title|
Available as Note, Notes, Objective(s), Example(s), KeyPoint(s), More, Question(s),NZ, Activity, Assessed_Activity
}}

or without the type of box Template:Vmv:Box-x Template:Vmv:Box-x

type

{{vmv:Box-x|Note|3|Title|
Available as Note, Notes, Objective(s), Example(s), KeyPoint(s), More, Question(s),NZ, Activity, Assessed_Activity
}}

For a centered box with a caption (useful for images)

{{vmv:Box0|Width%|Contents|Description}}

Note problems if an embedded = sign


Contents
Description


  • Comment
Add comments here (use -~~~~~)

Adding images

  • Note adding images from WikiMedia Commons has been enabled. So if you find an image that you would like to include you can do it in just the same way as adding an image hosted by vMVwiki. Take care to check that it is CC and SA and if Attribution is required make sure you add that too. (The following image is in wiki commons)
Library Panel
  • center, left right also available
  • seems to work better than Image
  • when you upload the image see what the width is
[[File:Anadig.jpg‎‎ |thumb|center|295px|Library Panel]]


When you want to force the text to start below the image use {{clear}}

You can create a hyper graphic as...

[[Image:vmvHelp.png|link=Help|alt=link to virtualMV Help|100px]]

or adding a gallery

<gallery>
 Image:Image_file_name.png|Caption for first image goes here
 Image:Image-file_name.jpg|Caption for second image goes here
</gallery>

Adding links to web sites

The wikitext syntax is

[url description]

e.g.

[http://www.virtualmv.com virtualmv]

Adding computer source code

Example

<html>
  <head></head>
  <body>
    <script type="text/javascript">      <!--       document.write('<h1>Hello world.. JavaScript rulz!</h1>');    //-->    </script>  </body>
</html>

Copy the following lines _____________________________________

{{vmv:Source|<source lang="javascript">
#Code in here e.g. Javascript
</source>}}

or^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^

{{vmv:Source|<source lang="html4strict">
</source>}}

^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^

To highlight a line (or lines) use

<source lang="JavaScript" highlight="5-7">

Common: mysql, javascript, html4strict, text, php

Also: abap, actionscript, actionscript3, ada, apache, applescript, apt_sources, asm, asp, autoit, avisynth, bash, basic4gl, bf, blitzbasic, bnf, boo, c, c_mac, caddcl, cadlisp, cfdg, cfm, cil, cobol, cpp, cpp-qt, csharp, css, d, delphi, diff, div, dos, dot, eiffel, email, fortran, freebasic, genero, gettext, glsl, gml, gnuplot, groovy, haskell, hq9plus, html4strict, idl, ini, inno, intercal, io, java, java5, javascript, kixtart, klonec, klonecpp, latex, lisp, lolcode, lotusformulas, lotusscript, lscript, lua, m68k, make, matlab, mirc, mpasm, mxml, mysql, nsis, objc, ocaml, ocaml-brief, oobas, oracle11, oracle8, pascal, per, perl, php, php-brief, pic16, pixelbender, plsql, povray, powershell, progress, prolog, providex, python, qbasic, rails, reg, robots, ruby, sas, scala, scheme, scilab, sdlbasic, smalltalk, smarty, sql, tcl, teraterm, text, thinbasic, tsql, typoscript, vb, vbnet, verilog, vhdl, vim, visualfoxpro, visualprolog, whitespace, winbatch, xml, xorg_conf, xpp, z80

Adding links to files in wikiExternal

Usage: {{vmv:ExtEx |JavaScript/js1_01.htm |js1_01}}

  • Notes:
    • Don't using spaces after |
    • Change http://www.virtualmv.com/ to http://localhost/ for virtualBox version

Footer templates

{{vmv:FooterAPA}} - with references

{{vmv:FooterAPA|-R}} - without references (as below)

{{vmv:FooterAPA-Author | lastname, initial. |year}} - with a different author

{{vmv:FooterAPA-Author-Ref | lastname, initial. |year}} - with a different author

References

Surround references with the <ref> tag. If you want to reuse a reference on the same page add the name attribute for the first occurrance <ref name="ref1">the reference</ref>. Then on the following occurrances use <ref name="ref1" />

Adding inline comments

{{reply|this is a comment -- ~~~~}}

:{{reply|this is a comment comment -- ~~~~}}

and it shows up in the wiki page like

Re: this is a comment -- vmvadmin 11:01, 21 July 2010 (UTC)

Re: this is a comment comment -- vmvadmin 11:01, 21 July 2010 (UTC)

Note the four tildes (~~~~) put your user id and time into the wiki text

::<div style="color:blue;">Hello there</div> gives

Hello there

Other stuff!

  • {{vmv:Button|Ok}} gives  Ok 
  • {{vmv:Menu|Empty Site}} gives  Empty Site 
  • {{vmv:Tab|List}} gives_ List _
  • {{MyTitle|title}} changes the page title, especially useful when you use chained page names

Hide/show table

This has hidden text

{|class="prettytable collapsible collapsed"  style="width:95%;font-family: menu,Arial; border: 1px solid #0000FF; background-color: #E6F2FF;"
!Solution
|-
|Hidden text
...
|}

Widgets

Widgets allow you to insert special features into the wiki Two widgets that have been installed are

  • YouTube video (this code will add the url and description before the embedded video)
*[http://www.youtube.com/watch?v=PfK-UzQ48JE Shaft]
{{#widget:YouTube|id=PfK-UzQ48JE}}
  • And to center the video
{|align="center" style="text-align:center;"
|[http://www.youtube.com/watch?v=Ww7H0jBmZHc Sniplet:Excel2007:Named Reference]<br />
{{#widget:YouTube|id=Ww7H0jBmZHc}}
|}
  • Flickr slideshow (darn I put a capital W in widget!!)
 {{#Widget:FlickrShow|query=flowers|width=500|height=500}}
  • Vimeo video
 {{#widget:Vimeo|id=3579013}}
 {{#widget:Prezi|id=recyyolzxm3e|linktext=How to make a great Prezi}}

Note - make sure you use the correct case (widgets not Widgets - except for Flickr) or you'll get an error

Others

  • {{#widget:Google Presentation2|docid=1AgD75-j3OyFakSbiZSUNYv35r6pnLMfWkf05wMLHWC4|size=small}}

iFrame

iFrames are not supported in WikiEducator

Adding Navigation templates

Project template

Topic template

Michael only

Linking to Google drive

Template:Vmv:FooterAPA