Web Albacete

Os presento una pagina web creada con el formato de Google sites.Sólo tenemos que entrar en nuestra cuenta de Gmail ir a sites y fácilmente crearemos la Web ,además nos dejara en parte prefijo https://sites.google.com/view/webalbacete Pulsa aqui para ver https://sites.google.com/view/webalbacete/


Las paginas son las siguientes:

widges HTML para nuestra web

Pulsa para ver mi web con widget
https://thimble.mozilla.org/es/user/esmerlynguillen/633150

Primero hemos buscado en google un widget html para poder traducir, después de poner el país y la url de nuestra web nos ha aparecido un código html (ver abajo ) que hemos insertado en el código de nuestra Web:

href="http://esmerlynguillentico.blogspot.com.es/">blog personal</a>, en la que hay una animación que se desplaza por las 4 esquinas del escenario cambiando de disfraz
  <p>
  Hemos insertado un código traductor
  <div id="google_translate_element"></div><script type="text/javascript">
  function googleTranslateElementInit() {
    new google.translate.TranslateElement({pageLanguage: 'es', layout: google.translate.TranslateElement.InlineLayout.SIMPLE}, 'google_translate_element');
  }
  </script><script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>

En segundo lugar hemos insertado un Mapa Interactivo, hemos tenido que cogerlo en GoogleMaps, Pulsando el Menú de opciones -> Compartir o insertar en el mapa -> Insertar en el mapa y copiando el siguiente código HTML:

<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d24808.104622380673!2d-1.878099017014517!3d38.99219789157174!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0xd665fe2fb218d15%3A0x8269cd31d6186180!2sAlbacete!5e0!3m2!1ses!2ses!4v1481548368181" width="600" height="450" frameborder="0" style="border:0" allowfullscreen></iframe>

En tercer lugar hemos insertado un vídeo de Youtube, eligiendo el vídeo y luego con el botón derecho sobre la pantalla negra hemos elegido copiar código de inserción:

<iframe width="854" height="480" src="https://www.youtube.com/embed/F0rwOsAteXM" frameborder="0" allowfullscreen></iframe

Por último hemos insertado el código de un gadget del tiempo, buscando en google "Widget el tiempo.es", después de rellenar varias opciones (localidad, tamaño, días de predicción, etc):

<div id="c_36e4de8556bdf28ef59cda442800b500" class="ancho"></div><script type="text/javascript" src="https://www.eltiempo.es/widget/widget_loader/36e4de8556bdf28ef59cda442800b500"></script>

Primera web en lenguaje de html

Os presento una web que he realizado en html Su dirección URLhttps://thimbleprojects.org/esmerlynguillen/142952

<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>Made with Thimble</title>
  <link rel="stylesheet" href="style.css">
</head>
<body>

  <h1>Welcome to Thimble</h1>

  <p>Make something <strong>amazing</strong> with the web!</p>

</body>
</html>html>
<head>
  <title>Página html de Esmerlyn Guillen</title>
  <meta charset="utf-8">
  <style>
    body {
      background-color: #F3F781;
    }
  </style>
</head>
<body>
  <p>
    Visita la <a href="http://esmerlynguillentico.blogspot.com.es/">blog personal</a>, en la que hay una animación que se desplaza por las 4 esquinas del escenario cambiando de disfraz
  </p>
  <p>
    El <b>loro</b> es el objeto.
  </p>
  <p>
    El <i>manglar</i> es el escenario.
  </p>
  <p>
    Y ahora añadimos una imagen del proyecto:
    <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjusL0gpi9QnPnhXG7sHpCQCQGduUsAii5oGf0DipSRb3ayt_LRlU4qXOcgc0vyzbvglT8Ca4Xc674etu-yJLmkx_-TC7TVWwWPZ_jqN7K4LL3yymXsd_l3OAL5yItz7zTxyncIC_Sof8A/s640/pantallazo+coordenadas.png" width="700" height="250" />
  </p>
  <p>
    <b>PRIMERA WEB DE ESMERLYN GUILLÉN</b>
  </p>
</body>



</html>





https://thimbleprojects.org/roberto-cc/142864

Os voy a mostrar una animación que he realizado programando un objeto para que se desplaze por las cuatro esquinas de la pantalla al mismo tiempo que cambie de disfraz.
https://scratch.mit.edu/projects/130135627/#player

Os voy a mostrar una animación que he realizado programando un objeto para que se desplaze por las cuatro esquinas de la pantalla al mismo tiempo que cambie de disfraz.
https://scratch.mit.edu/projects/130135627/#player

Hoy os presento una aplicación en la que pulsas el animal y emite su sonido.


la pantalla de programación es:

Los bloques de programación son:

Hoy os voy a presentar el desarrollo de  una aplicación para dispositivos móviles que nos permita calcular el área de un triángulo, simplemente introduciendo  la Base y la Altura del  triángulo.

La pantalla de diseño es:

                                        

Loa bloques son:

Animacion Bilibgüe para niños

Os presento una animaón de Halloween educativa.

Espero que os guste. Pulsa para ver la animación

APLICACIÒN TEXTO VOZ

A continuaciòn os presentarè el desarrollo de una aplicaciòn  que nos permitirà leer cualquier texto en voz alta.

EL diseño en APP INVENTOR sera:

Los bloques son:

app carculadora

A continuación, voy a explicaros el desarrollo de una aplicación calculadora para dispositivos móviles,nos permitirá realizar operaciones sencillas.

los bloques son: