Difference between revisions of "Cheat sheet"
| (34 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
Esta é uma página de referências. Use a página sandbox para fazer testes. | Esta é uma página de referências. Use a página sandbox para fazer testes. | ||
__TOC__ | __TOC__ | ||
| + | |||
| + | ==Tooltips== | ||
| + | |||
| + | '''Code''': <pre width="30%">{{#tip-text: Please do the following exercises. | Por favor, faça os seguintes exercícios.}}</pre> | ||
| + | |||
| + | '''Example''': | ||
| + | {{#tip-text: Please do the following exercises. | Por favor, faça os seguintes exercícios.}} | ||
==Referências== | ==Referências== | ||
| Line 7: | Line 14: | ||
= Adicionando vídeos do Youtube = | = Adicionando vídeos do Youtube = | ||
| − | '''Code''': <pre width="30%">{{ | + | '''Code''': <pre width="30%">{{youtube|ID}}</pre> |
'''Guide''': http://www.mediawiki.org/wiki/Extension:EmbedVideo | '''Guide''': http://www.mediawiki.org/wiki/Extension:EmbedVideo | ||
'''Example''': | '''Example''': | ||
| − | {{ | + | {{youtube|wiOwqDmacJo}} |
---- | ---- | ||
| Line 18: | Line 25: | ||
= Collapsible Text = | = Collapsible Text = | ||
| − | '''Code''': <pre width="80%"><div class="toccolours mw-collapsible mw-collapsed" style="width: | + | '''Code''': <pre width="80%"><div class="toccolours mw-collapsible mw-collapsed" style="width:720px"> |
This text is not collapsible; but the next is collapsible and hidden by default: | This text is not collapsible; but the next is collapsible and hidden by default: | ||
<div class="mw-collapsible-content">This one only shows when you click "expand"</div> | <div class="mw-collapsible-content">This one only shows when you click "expand"</div> | ||
| Line 26: | Line 33: | ||
'''Example''': | '''Example''': | ||
| − | <div class="toccolours mw-collapsible mw-collapsed" style="width: | + | <div class="toccolours mw-collapsible mw-collapsed" style="width:720px"> |
This text is not collapsible; but the next is collapsible and hidden by default: | This text is not collapsible; but the next is collapsible and hidden by default: | ||
<div class="mw-collapsible-content">This one only shows when you click "expand"</div> | <div class="mw-collapsible-content">This one only shows when you click "expand"</div> | ||
| Line 99: | Line 106: | ||
= Table = | = Table = | ||
| − | {| class=" | + | {| class="prettytable" align="right" |
!colspan="5"| verb + verb(ing) | !colspan="5"| verb + verb(ing) | ||
|+ align="bottom" | | |+ align="bottom" | | ||
| Line 110: | Line 117: | ||
| delay || regret || admit || consider || involve | | delay || regret || admit || consider || involve | ||
|- | |- | ||
| − | | miss || postpone || risk | + | | miss || postpone || risk || || |
|} | |} | ||
'''Code''':<pre width="50%"> | '''Code''':<pre width="50%"> | ||
| − | {| class=" | + | {| class="prettytable" align="right" |
!colspan="5"| verb + verb(ing) | !colspan="5"| verb + verb(ing) | ||
|+ align="bottom" | | |+ align="bottom" | | ||
| Line 151: | Line 158: | ||
<pre> | <pre> | ||
| − | < | + | <html5media>http://thegrove.com.br/metodo/images/3/36/How_to_Make_the_Most_of_Your_Weekend.mp3</html5media> |
</pre> | </pre> | ||
'''Example''': | '''Example''': | ||
| − | < | + | <html5media>http://thegrove.com.br/metodo/images/3/36/How_to_Make_the_Most_of_Your_Weekend.mp3</html5media> |
= Reading comprehension exercise = | = Reading comprehension exercise = | ||
| Line 185: | Line 192: | ||
==Listening Exercise== | ==Listening Exercise== | ||
| − | + | <html5media>http://thegrove.com.br/metodo/images/3/36/How_to_Make_the_Most_of_Your_Weekend.mp3</html5media> | |
| − | |||
| − | |||
<quiz display=simple> | <quiz display=simple> | ||
{Watch the video and complete the text according to what you can understand. | {Watch the video and complete the text according to what you can understand. | ||
| Line 194: | Line 199: | ||
- This is an example of a { listening _6 } exercise. Basically what you do, is { format _6 } the text, using { _# } where _# is the number of letters the { word _4 } they have to guess has. | - This is an example of a { listening _6 } exercise. Basically what you do, is { format _6 } the text, using { _# } where _# is the number of letters the { word _4 } they have to guess has. | ||
</quiz> | </quiz> | ||
| − | + | ||
</pre> | </pre> | ||
| + | |||
| + | ==Example== | ||
| + | |||
| + | ==Listening Exercise== | ||
| + | |||
| + | {{youtube|sNk_atoAvvc}} | ||
| + | |||
| + | <quiz display=simple> | ||
| + | {Watch the video and complete the text according to what you can understand. | ||
| + | |type="{}"} | ||
| + | - This is an example of a { listening _10 } exercise. Basically what you do, is { format _7 } the text, using { whatever _9 } where _# is the number of letters the { word _4 } they have to guess has. | ||
| + | </quiz> | ||
=Adding comments= | =Adding comments= | ||
| Line 206: | Line 223: | ||
</pre> | </pre> | ||
| − | =Adding | + | =Adding a Survey - Google Forms= |
<pre> | <pre> | ||
| − | {{#widget: | + | {{#widget:Google Form |
| − | | | + | |key=po-s58YMwf85Q3UxRzdGOBw |
| − | |width= | + | |width=600 |
| + | |height=1050 | ||
}} | }} | ||
</pre> | </pre> | ||
'''Example''': | '''Example''': | ||
| − | {{#widget: | + | {{#widget:Google Form |
| − | | | + | |key=po-s58YMwf85Q3UxRzdGOBw |
| − | |width= | + | |width=600 |
| + | |height=1050 | ||
}} | }} | ||
| − | = | + | =Vocabulary list= |
| + | |||
| + | ===Code:=== | ||
| + | |||
| + | Para palavras não compostas: | ||
| + | <pre> | ||
| + | {{Definition|word}} | ||
| + | </pre> | ||
| + | |||
| + | Para palavras compostas: | ||
| + | <pre> | ||
| + | {{Definition2|work|out}} | ||
| + | </pre> | ||
| + | |||
| + | Para palavras compostas: | ||
| + | <pre> | ||
| + | {{Definition3|work|it|out}} | ||
| + | </pre> | ||
| + | |||
| + | ===Example:=== | ||
| + | <div class="well"> | ||
| + | {{Definition|word}} | ||
| + | {{Definition2|work|out}} | ||
| + | {{Definition|word}} | ||
| + | {{Definition|word}} | ||
| + | {{Definition|word}} | ||
| + | {{Definition|word}} | ||
| + | {{Definition|word}} | ||
| + | </div> | ||
| + | |||
| + | =Caixas de exemplos, diálogos e textos= | ||
| + | |||
| + | ===Caixa de diálogos=== | ||
| + | |||
| + | '''Código''': | ||
| + | <pre> | ||
| + | {{Example| | ||
| + | *Frase do fulano. | ||
| + | ::Resposta do sicrano. | ||
| + | }} | ||
| + | </pre> | ||
| + | |||
| + | '''Exemplo de uso''': | ||
| + | |||
| + | {{Example| | ||
| + | *Que isso cumpadi, tá me tirando? | ||
| + | ::Tá lôco rapá! Sai pra lá! | ||
| + | }} | ||
| + | |||
| + | '''Exemplo de código''': | ||
| + | <pre> | ||
| + | {{Example| | ||
| + | * How are you? | ||
| + | ::I'm good, and you? | ||
| + | * How are you doing today? | ||
| + | ::I am doing fine, thanks. How about you? | ||
| + | * How will you travel to India next year? | ||
| + | ::I will travel by plane. | ||
| + | * How do you feel about your job? | ||
| + | ::I love it. It is very exciting. | ||
| + | }} | ||
| + | </pre> | ||
| + | |||
| + | ===Caixa de exemplos=== | ||
| + | '''Código''': | ||
<pre> | <pre> | ||
| − | {{ | + | {{Example| |
| − | + | <div class="well well-ex"> | |
| − | + | *Frase em inglês. | |
| − | + | **Tradução para o português. | |
}} | }} | ||
</pre> | </pre> | ||
| − | ''' | + | '''Exemplo de uso''': |
| − | {{ | + | {{Example| |
| − | | | + | *She is going to the movies today. |
| − | + | **Ela vai ao cinema hoje. | |
| − | |||
}} | }} | ||
| − | = | + | ===Caixas de texto=== |
| + | |||
| + | '''Cógido''': | ||
| + | <pre> | ||
| + | <div class="well well-text"> | ||
| + | Hey there, | ||
| + | |||
| + | I'm writing to ask for your advice on a problem I have at the moment. As you might already know, my boss is putting a lot of pressure on me to finish the project I am working on in two weeks. But, I know I need at least another week to do it well. I am afraid if I ask for more time he might think I am not doing a good job. Of course, he should realize that I am doing all this work alone when usually a team of three handle this kind of project. What do you think I should do? | ||
| + | </div> | ||
| + | </pre> | ||
| + | |||
| + | '''Exemplo de uso''': | ||
| + | |||
| + | <div class="well well-text"> | ||
| + | Hey there, | ||
| + | |||
| + | I'm writing to ask for your advice on a problem I have at the moment. As you might already know, my boss is putting a lot of pressure on me to finish the project I am working on in two weeks. But, I know I need at least another week to do it well. I am afraid if I ask for more time he might think I am not doing a good job. Of course, he should realize that I am doing all this work alone when usually a team of three handle this kind of project. What do you think I should do? | ||
| + | </div> | ||
| + | |||
| + | =Transformando listas numeradas em alfabéticas= | ||
| + | |||
| + | Coloque o seguinte código no início da lição. | ||
| + | |||
| + | Código: | ||
| + | <pre> | ||
| + | {{#css:olexercises.css}} | ||
| + | </pre> | ||
| + | |||
| + | =True or False= | ||
| + | |||
<pre> | <pre> | ||
| − | + | {{#css: | |
| + | span.questionId { display: none; } | ||
| + | div.header { display: none; } | ||
| + | }} | ||
| + | |||
| + | ==True or False== | ||
| + | <quiz display="simple"> | ||
| + | { | ||
| + | |type="()"} | ||
| + | | True | False | ||
| + | |||
| + | +-Andrew got down to scrub the floor. | ||
| + | +-There was water and soap in the bucket. | ||
| + | +-The sponge was dry before Andrew put it into the bucket. | ||
| + | -+The floor was already clean. | ||
| + | -+There were spots, food and paint on the floor. | ||
| + | -+Andrew didn't scrub the floor clean. | ||
| + | +-Andrew cleaned the kitchen and then went into the bathroom. | ||
| + | +-Andrew poured the soapy water down the drain. | ||
| + | -+Andrew took a shower. | ||
| + | </quiz> | ||
</pre> | </pre> | ||
| − | |||
| − | |||
| − | < | + | =Easy Reading= |
| + | <pre> | ||
| + | {{#css: | ||
| + | span.questionId { display: none; } | ||
| + | div.header { display: none; } | ||
| + | }} | ||
| + | |||
| + | ==Conversation== | ||
| + | |||
| + | #question | ||
| + | |||
| + | |||
| + | ==True or False== | ||
| + | <quiz display="simple"> | ||
| + | { | ||
| + | |type="()"} | ||
| + | | True | False | ||
| + | |||
| + | -+false | ||
| + | +-true | ||
| + | |||
| + | </quiz> | ||
| + | |||
| + | |||
| + | ==Open-ended Questions== | ||
| + | |||
| + | #question | ||
| + | </pre> | ||
{{#widget:DISQUS | {{#widget:DISQUS | ||
Latest revision as of 16:48, 22 May 2021
Esta é uma página de referências. Use a página sandbox para fazer testes.
Tooltips
Code:
{{#tip-text: Please do the following exercises. | Por favor, faça os seguintes exercícios.}}
Example: Please do the following exercises.
Referências
Adicionando vídeos do Youtube
Code:
{{youtube|ID}}
Guide: http://www.mediawiki.org/wiki/Extension:EmbedVideo
Example:
Collapsible Text
Code:
<div class="toccolours mw-collapsible mw-collapsed" style="width:720px"> This text is not collapsible; but the next is collapsible and hidden by default: <div class="mw-collapsible-content">This one only shows when you click "expand"</div> </div>
Guide: http://www.mediawiki.org/wiki/Manual:Collapsible_elements
Example:
This text is not collapsible; but the next is collapsible and hidden by default:
Quiz
Code:
<quiz display=simple>
{Question
|type="()"}
+ The correct answer.
- Distractor.
- Distractor.
- Distractor.
</quiz>
Guide: https://en.wikiversity.org/wiki/Help:Quiz
Example:
Gallery
Code:
<gallery caption="Sample gallery" widths="180px" heights="120px" perrow="5"> File:Asteroidsscale.jpg File:Asteroidsscale.jpg|Captioned File:Asteroidsscale.jpg|Captioned with alt text|alt=The Wikipedia logo File:Asteroidsscale.jpg|[[Help:Contents/Links|Links]] can be put in captions. File:Asteroidsscale.jpg|Full [[MediaWiki]] <br />[[syntax]] may now be used... File:Asteroidsscale.jpg File:Asteroidsscale.jpg|Captioned File:Asteroidsscale.jpg|Captioned with alt text|alt=The Wikipedia logo File:Asteroidsscale.jpg|[[Help:Contents/Links|Links]] can be put in captions. File:Asteroidsscale.jpg|Full [[MediaWiki]] <br />[[syntax]] may now be used... </gallery>
Guide: http://en.wikipedia.org/wiki/Wikipedia:Gallery_tag
Example:
Destacando texto
Code/Example:
<pre width=40%>
I look forward to meeting you.
They left without saying "Goodbye."
</pre>
Table
| verb + verb(ing) | ||||
|---|---|---|---|---|
| avoid | dislike | enjoy | finish | mind |
| practice | imagine | suggest | stop | deny |
| delay | regret | admit | consider | involve |
| miss | postpone | risk | ||
Code:
{| class="prettytable" align="right"
!colspan="5"| verb + verb(ing)
|+ align="bottom" |
'''Example'''
|-
| avoid || dislike || enjoy || finish || mind
|-
| practice || imagine || suggest || stop || deny
|-
| delay || regret || admit || consider || involve
|-
| miss || postpone || risk
|}
Guide: http://www.mediawiki.org/wiki/Help:Tables
Adicionando tabs
Code:
= Discussion = = Teacher Guide = <headertabs />
Guide: http://www.mediawiki.org/wiki/Extension:Header_Tabs
Example: Tabs utilizados nesta página.
Adicionando audio
Code:
<html5media>http://thegrove.com.br/metodo/images/3/36/How_to_Make_the_Most_of_Your_Weekend.mp3</html5media>
Example:
Reading comprehension exercise
Answer the following questions according to the text.
<quiz display=simple>
{First question:
|type="()"}
- wrong answer
- wrong answer
+ right answer
{Second question:
|type="()"}
- wrong answer
- wrong answer
+ right answer
{Third question:
|type="()"}
- wrong answer
+ right answer
- wrong answer
</quiz>
Listening exercise
==Listening Exercise==
<html5media>http://thegrove.com.br/metodo/images/3/36/How_to_Make_the_Most_of_Your_Weekend.mp3</html5media>
<quiz display=simple>
{Watch the video and complete the text according to what you can understand.
|type="{}"}
- This is an example of a { listening _6 } exercise. Basically what you do, is { format _6 } the text, using { _# } where _# is the number of letters the { word _4 } they have to guess has.
</quiz>
Example
Listening Exercise
Adding comments
{{#widget:DISQUS
|id=jointhegrove
|uniqid={{PAGENAME}}
|url={{fullurl:{{PAGENAME}}}}
}}
Adding a Survey - Google Forms
{{#widget:Google Form
|key=po-s58YMwf85Q3UxRzdGOBw
|width=600
|height=1050
}}
Example: {{#widget:Google Form |key=po-s58YMwf85Q3UxRzdGOBw |width=600 |height=1050 }}
Vocabulary list
Code:
Para palavras não compostas:
{{Definition|word}}
Para palavras compostas:
{{Definition2|work|out}}
Para palavras compostas:
{{Definition3|work|it|out}}
Example:
Caixas de exemplos, diálogos e textos
Caixa de diálogos
Código:
{{Example|
*Frase do fulano.
::Resposta do sicrano.
}}
Exemplo de uso:
- Que isso cumpadi, tá me tirando?
- Tá lôco rapá! Sai pra lá!
Exemplo de código:
{{Example|
* How are you?
::I'm good, and you?
* How are you doing today?
::I am doing fine, thanks. How about you?
* How will you travel to India next year?
::I will travel by plane.
* How do you feel about your job?
::I love it. It is very exciting.
}}
Caixa de exemplos
Código:
{{Example|
<div class="well well-ex">
*Frase em inglês.
**Tradução para o português.
}}
Exemplo de uso:
- She is going to the movies today.
- Ela vai ao cinema hoje.
Caixas de texto
Cógido:
<div class="well well-text"> Hey there, I'm writing to ask for your advice on a problem I have at the moment. As you might already know, my boss is putting a lot of pressure on me to finish the project I am working on in two weeks. But, I know I need at least another week to do it well. I am afraid if I ask for more time he might think I am not doing a good job. Of course, he should realize that I am doing all this work alone when usually a team of three handle this kind of project. What do you think I should do? </div>
Exemplo de uso:
Hey there,
I'm writing to ask for your advice on a problem I have at the moment. As you might already know, my boss is putting a lot of pressure on me to finish the project I am working on in two weeks. But, I know I need at least another week to do it well. I am afraid if I ask for more time he might think I am not doing a good job. Of course, he should realize that I am doing all this work alone when usually a team of three handle this kind of project. What do you think I should do?
Transformando listas numeradas em alfabéticas
Coloque o seguinte código no início da lição.
Código:
{{#css:olexercises.css}}
True or False
{{#css:
span.questionId { display: none; }
div.header { display: none; }
}}
==True or False==
<quiz display="simple">
{
|type="()"}
| True | False
+-Andrew got down to scrub the floor.
+-There was water and soap in the bucket.
+-The sponge was dry before Andrew put it into the bucket.
-+The floor was already clean.
-+There were spots, food and paint on the floor.
-+Andrew didn't scrub the floor clean.
+-Andrew cleaned the kitchen and then went into the bathroom.
+-Andrew poured the soapy water down the drain.
-+Andrew took a shower.
</quiz>
Easy Reading
{{#css:
span.questionId { display: none; }
div.header { display: none; }
}}
==Conversation==
#question
==True or False==
<quiz display="simple">
{
|type="()"}
| True | False
-+false
+-true
</quiz>
==Open-ended Questions==
#question
{{#widget:DISQUS |id=jointhegrove |uniqid=Cheat sheet |url=http://thegrove.com.br/metodo/index.php/Cheat_sheet }}