JOLLY PHONICS

PRACTICE

true

AT

GROUP 4

GROUP 1

GROUP 2

SIT

IN

GROUP 3

TIN

IT

PIN

SAT

PIT

GROUP 5

GROUP 6

GROUP 7

Click on the cards to display a random card from the deck.

Click on the cards to display a random card from the deck.

Advance all

Reset all

Random all

true

For one set of cards (cards=pictures/text/object that you want to appear)

You need the orange element on every page. It will also display errors (in Spanish) This element shows either as "baraja1" or as "set1". Copy and paste to create as many as you have cards. Group the element with your cards IN THE ORDER that you want them to appear. Go to a differrent slide and return to see the updated numbering. The numbering changes with every times you group/ungroup or duplicate elements. Optional Elements: Group the "contador" with any text. The text will be automatically replaced to display how many rounds have been played. Group the "Terminado" element with text/object that you want to appear once all cards have been used. Group the "Reiniciar" element with a button (e.g. an image or text) . When the button is pressed, the game is reset. Group the "Ocultar" with a text/object that you want to disappear once the game starts, e.g. the instructions Choose one type of these buttons to decide how cards will be drawn:

true

to make the last two buttons random, add the black box to the page. Only group with "true" (for random) or "false" (for not random)

display a new element, hiding the rest

display a new element, keeping the rest visible

display a random element with animation.

For several sets of cards

This page allows for up to 5 decks of cards. See next page if you need more.For each set of cards, use a different set of "baraja/set" elements. Each cards of deck 1 need to be grouped with a "baraja/set 1" button, each card of deck 2 need to be grouped with a "baraja/set 2" button etc. Also use a different set of set of buttons from the white box for each set (Ocultar 1 for the first set, Ocultar 2 for the second set etc.)

Group the elements from the orange box with buttons that will apply to ALL sets of cards (e.g. it draw the next card in all sets at the same time or it will reset all cards at the same time)

Elements for up to 10 sets If you need more sets, use the codes on the next 2 pages. Change the numbers in bolt to create more elements. You can also change the colour names in the codes to give it different colours to be able to tell them apart easier. Once the code is changed, go to "insert", then "other" and paste it in the box to create the element.

<div class="marcadorBaraja11" id="marcadorBaraja11" style="font-size:16pt;">marcadorBaraja11</div> <script> </script>

<div class="marcadorBaraja2" id="marcadorBaraja2" style="font-size:16pt;">marcadorBaraja2</div> <script> </script>

<div class="marcadorBaraja3" id="marcadorBaraja3" style="font-size:16pt;">marcadorBaraja3</div> <script> </script>

<div class="marcadorBaraja4" id="marcadorBaraja4" style="font-size:16pt;">marcadorBaraja4</div> <script> </script>

<div class="marcadorBaraja5" id="marcadorBaraja5" style="font-size:16pt;">marcadorBaraja5</div> <script> </script>

<div class="avanzaCartaALL" style="opacity:0.5; color:black; background-color:yellow; text-align:center; font-weight:normal; font-size:16px; width:100%; height:100%; ">Avanza Carta ALL </div> <script> </script>

<div class="mostrarCartasAll" style="opacity:0.5; color:black; background-color:yellowgreen; text-align:center; font-weight:normal; font-size:16px; width:100%; height:100%; ">Mostrar Nueva ALL </div> <script> </script>

<div class="reiniciarPistasALL" style="opacity:0.5; color:black; background-color:hotpink; text-align:center; font-weight:normal; font-size:16px; width:100%; height:100%; ">Reiniciar Pistas ALL </div> <script> </script>

<div class="tiraDadoALL" style="opacity:0.5; color:black; background-color:palegreen; text-align:center; font-weight:normal; font-size:16px; width:100%; height:100%; ">Tira Dados ALL </div> <script> </script>

<div class="ocultarObjeto1" style="opacity:0.75; color:white; background-color:orange; text-align:center; font-weight:normal; font-size:16px; width:100%; height:100%; ">Ocultar al Inicio 1 </div> <script> </script>

<div class="terminado1" style="opacity:0.75; color:white; background-color:red; text-align:center; font-weight:normal; font-size:16px; width:100%; height:100%; "> Terminado 1 </div> <script> </script>

<div class="tiraDado1" style="opacity:0.75; color:white; background-color:darkgreen; text-align:center; font-weight:normal; font-size:16px; width:100%; height:100%; ">Tira dado 1 </div> <script> </script>

<div class="avanzaCartas11" style="opacity:0.75; color:black; background-color:aquamarine; text-align:center; font-weight:normal; font-size:16px; width:100%; height:100%; ">Avanza Nueva 11</div> <script> </script>

<div class="mostrarCartas1" style="opacity:0.75; color:black; background-color:#00ff00; text-align:center; font-weight:normal; font-size:16px; width:100%; height:100%; ">Mostrar Nueva 1 </div> <script> </script>

<div class="reiniciarBaraja1" style="opacity:0.75;color:white; background-color:magenta; text-align:center; font-weight:normal; font-size:16px; width:100%; height:100%; "> Reiniciar baraja 1 </div> <script> </script>

<div class="baraja1" style="font-size:16pt;">baraja1</div> <script> </script>