Editing Help/How-to-Write-a-Language-Lesson

Jump to navigation Jump to search

Warning: You are not logged in. Your IP address will be publicly visible if you make any edits. If you log in or create an account, your edits will be attributed to your username, along with other benefits.

The edit can be undone. Please check the comparison below to verify that this is what you want to do, and then publish the changes below to finish undoing the edit.

Latest revision Your text
Line 1: Line 1:
{{Help-menu}}
{{Help-menu}}
<div class="pg_page_title">How to create a language learning lesson</div>
 
<span style="font-size:200%">'''Here are some tips to help you create a language learning lesson:'''</span>


The Wiki page editing is done thanks to the [https://www.mediawiki.org MediaWiki Engine], the software used by the famous [https://www.wikipedia.org Wikipedia].
The Wiki page editing is done thanks to the [https://www.mediawiki.org MediaWiki Engine], the software used by the famous [https://www.wikipedia.org Wikipedia].
Line 34: Line 35:
(image)
(image)


'''<code><nowiki><div class="pg_page_title">Vocabulary for animals in English</div></nowiki></code>''' (Lesson title)
'''<code><nowiki><div style="font-size:300%;">Vocabulary for animals in English</div></nowiki></code>''' (Lesson title)


'''<code>==Vocabulary==</code>'''(level 1)
'''<code>==Vocabulary==</code>'''(level 1)
Line 46: Line 47:
'''<code>==Videos== </code>'''(level 1)
'''<code>==Videos== </code>'''(level 1)
|}
|}


Here are examples of existing lessons to inspire you:
Here are examples of existing lessons to inspire you:
Line 56: Line 58:
If you want to write a title for your lesson, USE the following code:
If you want to write a title for your lesson, USE the following code:


'''<code><nowiki><div class="pg_page_title"> TITLE </div></nowiki></code>'''
'''<code><nowiki><div style="font-size:300%;"> TITLE </div></nowiki></code>'''




Line 74: Line 76:
'''<code>===The farm animals===</code>'''
'''<code>===The farm animals===</code>'''


===How to create headings with the visual editor===
==Tables==
 
Here are easy ways to create tables without having to use the wiki code or the visual editor:
Here is a video on how to create headings and automatically add a table of content:


https://www.youtube.com/watch?v=l2Ebiw4-OrQ


==Tables==
Here are easy ways to create tables without having to use the wiki code or the visual editor:
===Create a table: Solution 1===
===Create a table: Solution 1===
#Create the table in Excel
#Create the table in Excel
#Copy and Paste the table in the page with the Visual Editor mode.
#Copy and Paste the table in the page with the Visual Editor mode (do not use the "Edit source" table but use the "Edit" table)
#Save the page
#Save the page
#Edit the page, this time, with the "Edit source" tab
#Edit the page, this time, with the "Edit source" tab
Line 95: Line 93:
<code>{| class="wikitable sortable"</code>
<code>{| class="wikitable sortable"</code>
if you want to make it sortable
if you want to make it sortable
===Create a table: Solution 2===
===Create a table: Solution 2===
#Create your table in Excel
#Create your table in Excel
Line 100: Line 100:
#Edit the wiki page with the "Edit source" tab
#Edit the wiki page with the "Edit source" tab
#Paste the code
#Paste the code
===Update a table===
===Update a table===
#Copy the table from the html page
#Copy the table from the html page
Line 106: Line 109:


Then update the wiki page, using solution 1 or 2 above.
Then update the wiki page, using solution 1 or 2 above.
===How to format the table header===
===How to format the table header===
The table header is a special row at the top of the table with the title of each column.
The table header is a special row at the top of the table with the title of each column.
Line 134: Line 139:


You just have, '''ONLY on the first line''', to replace the <code>'''|'''</code> by a <code>'''!'''</code>
You just have, '''ONLY on the first line''', to replace the <code>'''|'''</code> by a <code>'''!'''</code>
===Cool! you can also use HTML code 😉===
If you prefer HTML, you can use it to create tables.
Don't forget to use the class="wikitable" in the table opening tag so the table will look nice.
<code><nowiki><table </nowiki>'''class="wikitable"'''<nowiki>></nowiki></code>
  <code><nowiki><tr></nowiki></code>
    <code><nowiki><td>ligne 1, column 1</td></nowiki></code>
    <code><nowiki><td>ligne 1, column 2</td></nowiki></code>
  <code><nowiki></tr></nowiki></code>
  <code><nowiki><tr></nowiki></code>
    <code><nowiki><td>ligne 2, column 1</td></nowiki></code>
    <code><nowiki><td>ligne 2, column 2</td></nowiki></code>
    <code><nowiki></tr></nowiki></code>
<code><nowiki></table></nowiki></code>


==  Links==
==  Links==
Line 187: Line 167:
<code><nowiki>[[File:My_pic.png|thumb|My Picture Caption]]</nowiki></code> ''with a caption''
<code><nowiki>[[File:My_pic.png|thumb|My Picture Caption]]</nowiki></code> ''with a caption''


==Voice Recordings (AUDIO, MP3 etc.)==
==Voice Recordings==
See this page:
See this page:


Line 195: Line 175:
To add an '''embedded youtube video''' inside a lesson, click the '''EDIT CODE''' button.
To add an '''embedded youtube video''' inside a lesson, click the '''EDIT CODE''' button.


Then, simply circle the video URL like this:
Then, simply circle the video ID like this:
 
'''<code><nowiki> <youtube>[ID code]</youtube></nowiki></code>'''


'''<code><nowiki> <youtube>[video URL]</youtube></nowiki></code>'''
The video ['''ID code'''] can be found inside the URL of a Youtube video.


Example:


===Example===
if the URL is as follows: '''https://www.youtube.com/watch?v=S4ypgbP2Jn4&app=desktop'''


if the URL is as follows: '''https://www.youtube.com/watch?v=S4ypgbP2Jn4'''
The code to copy is '''S4ypgbP2Jn4''' (between '''v=''' and '''&''')


use the following code:  
After inserting the following code:  


'''<code><nowiki> <youtube>https://www.youtube.com/watch?v=S4ypgbP2Jn4</youtube> </nowiki></code>'''  
'''<code><nowiki> <youtube> S4ypgbP2Jn4 </youtube> </nowiki></code>'''  
 
the video appears as below:


the video will appears as below:
<hr>
<youtube>S4ypgbP2Jn4</youtube>
<youtube>S4ypgbP2Jn4</youtube>
<hr>


==Lists==
==Lists==
Line 261: Line 243:


==HTML and CSS==
==HTML and CSS==
If you know html and css languages, you can do many things like in the following lesson:  
If you know html and css languages, you can do almost any formatting like in the following lesson:  
* https://polyglotclub.com/wiki/Language/English/Culture/Find-the-Ideal-Penpal
https://polyglotclub.com/wiki/Language/English/Culture/Find-the-Ideal-Penpal
 
 


==Create your own page title==
* See this page: https://polyglotclub.com/wiki/Help/Create-your-own-Page-Title


==You have more questions? Check the FAQ==
* Read more answers and ask questions [[Language/Multiple-languages/Culture/How-to-contribute-to-wiki-lessons-(FAQ)|here]].




<hr>
{{Help-menu}}
{{Help-menu}}

Please note that all contributions to Polyglot Club WIKI may be edited, altered, or removed by other contributors. If you do not want your writing to be edited mercilessly, then do not submit it here.
You are also promising us that you wrote this yourself, or copied it from a public domain or similar free resource (see PolyglotClub-WIKI:Copyrights for details). Do not submit copyrighted work without permission!

Cancel Editing help (opens in new window)

Template used on this page: