KAHOOT!

En el día de hoy,14 de Marzo de 2017, hemos investigado cómo crear un kahoot, para una asignatura que tengamos  y cómo utilizarlo.
No nos ha costado mucho aprender a cómo crear un kahoot, ya que en Internet podemos ver multitud de tutoriales explicándolo.

Paso 1.  Entrar en la página "Making Learning Awesome! - Kahoot!"

 

Paso 2. Una vez abierta la página, pinchamos en "Sign up for free"

Paso 3. A continuación tendremos que rellenar todos los datos que nos pide como cuenta de correo, contraseña, 'role' que tenemos,... y pulsamos en "sign in"

Paso 4. ¡ Ya estamos dentro! Ahora ya podemos empezar a crear nuestro juego, poniendo un título, una pequeña descripción, para quiénes queremos que sea visible, idioma, imagen,...

Paso 5. Ya tenemos nuestras preguntas y las posibles respuestas. Una vez terminado el juego podemos darle a "save".

 Paso 6. A continuación se nos abre una página con un número pin, el cual tendrán que introducirlo los jugadores que quieran acceder a nuestro juego. También podremos ver los jugadores que van añadiéndose.

Paso 7. Cuando ya tenemos todos los jugadores añadidos, empezarán a salir las preguntas en pantalla y las posibles respuestas. Los jugadores tendrán que ordenar las respuestas de forma correcta para darles una puntuación y hacer un ranking de los mejores resultados. 

ÚLTIMO TRIMESTRE

Estamos ya en nuestro último trimestre de este último curso en el instituto Ntra Sra de la Merced. Estamos nerviosas, cada vez queda menos para acabar, los exámenes se acercan, la Evau cada vez está más cerca...
Desde aquí queremos animar  a todos en esta última recta final que nos queda, a por todas, se puede.
Mucho ánimo compañeros, último esfuerzo.

Menú emergente en blogger

Un menú emergente es la forma más útil de estructurar nuestro blog cuando hay mucho contenido en él.
Nos hemos ayudado de la siguiente página, para su enlace pinche aquí.
Paso 1:
Nos vamos a la opción plantilla y pinchamos en editar HTML. Nos aparece directamente un código:

Paso 2: Justo antes de donde `pone </head> añadimos el siguiente código:
<style type="text/css">#cssmenu2 ul {margin: 0; padding: 7px 6px 0; background: #7d7d7d url(http://cssmenumaker.com/sites/default/files/menu/96/overlay.png) repeat-x 0 -110px; line-height: 100%; border-radius: 1em; font: normal .8em/1.5em Arial, Helvetica, sans-serif; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 1px 3px rgba(0,0,0, .4); -moz-box-shadow: 0 1px 3px rgba(0,0,0, .4);}
#cssmenu2 li {margin: 0 5px; padding: 0 0 8px; float: left; position: relative; list-style: none; }
#cssmenu2 a,
#cssmenu2 a:link {font-weight: bold; color: #e7e5e5; text-decoration: none; display: block; padding:  8px 20px; margin: 0; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;  text-shadow: 0 1px 1px rgba(0,0,0, .3); }
#cssmenu2 a:hover {background: #000; color: #fff;}
#cssmenu2 .active a, 
#cssmenu2 li:hover > a {background: #666 url(http://cssmenumaker.com/sites/default/files/menu/96/overlay.png) repeat-x 0 -40px; color: #444; border-top: solid 1px #f8f8f8; -webkit-box-shadow: 0 1px 1px rgba(0,0,0, .2); -moz-box-shadow: 0 1px 1px rgba(0,0,0, .2); box-shadow: 0 1px 1px rgba(0,0,0, .2); text-shadow: 0 1px 0 rgba(255,255,255, 1); }
#cssmenu2 ul ul li:hover a,
#cssmenu2 li:hover li a {background: none; border: none; color: #666; -webkit-box-shadow: none; -moz-box-shadow: none;}
#cssmenu2 ul ul a:hover {background: #8f8f8f url(http://cssmenumaker.com/sites/default/files/menu/96/overlay.png) repeat-x 0 -100px !important; color: #fff !important; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; text-shadow: 0 1px 1px rgba(0,0,0, .1);}
#cssmenu2 li:hover > ul {display: block;}
#cssmenu2 ul ul {display: none; margin: 0; padding: 0; width: 185px; position: absolute; top: 40px; left: 0; background: #ddd url(http://cssmenumaker.com/sites/default/files/menu/96/overlay.png) repeat-x 0 0; border: solid 1px #b4b4b4; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 1px 3px rgba(0,0,0, .3); -moz-box-shadow: 0 1px 3px rgba(0,0,0, .3); box-shadow: 0 1px 3px rgba(0,0,0, .3);}
#cssmenu2 ul ul li {float: none; margin: 0; padding: 3px; }
#cssmenu2 ul ul a {font-weight: normal; text-shadow: 0 1px 0 #fff; }
#cssmenu2 ul:after {content: '.'; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
* html #cssmenu2  ul {height: 1%;}</style>

Guardamos la plantillla.

Paso 3: En la opción diseño, pulsamos en añadir un gadget  (nosotras hemos elegido el de multicolumnas), pulsamos en "HTML/Javascript".

y

Paso 4: Pulsado esta última opción editamos el código para personalizar nuestro menú, por ejemplo:
<div id="cssmenu2">
<ul>
<li><a href="http://LA_URL_PRINCIPAL/index.html">Home</a></li>
<li class="has-sub "><a href="LA_URL_A_CATEGORÍA1">Tecnologia</a>
<ul>
<li><a href="LA_URL_A_SUBCATEGORÍA1">Product 1</a></li>
<li><a href="LA_URL_A_SUBCATEGORÍA2">Product 2</a></li>
</ul>
</li>
<li><a href="LA_URL_A_CATEGORÍA2">About</a></li>
<li><a href="LA_URL_A_CATEGORÍA3">Contact</a></li>
</ul>
</div>
Guardamos.



Nuestro menú terminado:

Como hacer una copia de seguridad

Debemos hacer una copia de seguridad del contenido y por otra parte, copia del tema.
Para la copia de tema:
1º Nos metemos en el apartado tema y pulsamos en la pestaña restablecer/copia de seguridad del tema.

2º Pulsamos en el botón dicho anteriormente y nos aparece la siguiente pantalla, en la que pulsaremos en descaragar tema.

3º Al pulsar, nos aparece en la parte inferior izquierda nuestra descarga, la cual aparece en descargas dentro de nuestro ordenador y más tarde guardaremos en nuestro pen-drive.

Por otro lado, hemos aprendido a hacer una copia de seguridad del TEMA de nuestro blog. Para ello hemos seguido los siguientes pasos:

1º Pulsamos en "Configuración" situado en la parte inferior izquierda.

2º Se nos abren distintos botones y elegimos "Otros"

3º En la parte superior nos aparece una opción de "Importar y hacer copia de seguridad, y seleccionamos "Hacer copia de seguridad del contenido"

Blogs recomendados

Investigando por la red y navegando por muchas paginas, hemos visto algunos blogs interesantes de moda que pueden servir de gran utilidad:

1º
http://www.allthatshewantsblog.com/
¨Si necesitas inspiración diaria sobre cómo vestir de manera smart casual, he aquí la chica que debes seguir: Erea Louro. Su estilo mezcla prendas low-cost con otras de lujo, dando como resultado estilismos sencillos pero la mar de llevables.¨ así se define el blog de Erea Louro.
El blog nos muestra diferentes estilos de vestimenta conforme la estación en la que estamos. También la chica se ha ceado un canal de youtube en la que enseña sus ideas para esta nueva estación que estás a punto de comenzar, la primevara.