Quick tips for editing
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
|
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
: TitleAvailable 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 |
|
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)
- 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
{{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}}
- Prezi
{{#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
Project template
- Refer to Template:ProjectNav
Topic template
- Refer to Template:TopicsWithSubpages
- For a description of the syntax see Templates_for_structured_content
Michael only
Linking to Google drive
- JavaScript: Click here to run js1_02 on page http://wikieducator.org/VirtualMV/JavaScript/Starting/Basics
- Multimedia samples: Click here to Open Sample media folder on page http://wikieducator.org/VirtualMV/HTML/Basic/Resources