¡Hola!
Os presento una página Web creada con el nuevo 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 dejará "en parte" elegir el nombre del dominio, todo gratuitamente, eso sí, el dominio tendrá el prefijo: https://sites.google.com/view/
Pulsa para ver la Web
Las páginas son las siguientes:
lunes, 19 de diciembre de 2016
lunes, 12 de diciembre de 2016
Widgets HTML para nuestra Web
¡Hola!
Hemos insertado un Traductor Google con el siguiente código HTML.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
<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 con el siguiente código HTML.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!1d1269062.778985709!2d-1.1618104217219196!3d51.59319324100312!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x47d8a00baf21de75%3A0x52963a5addd52a99!2sLondres%2C+Reino+Unido!5e0!3m2!1ses!2ses!4v1481547043969" width="600" height="450" frameborder="0" style="border:0" allowfullscreen></iframe>
En tercer lugar hemos insertado un vídeo de Youtube, mediante el código, 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/-U_MfqF3s9c" frameborder="0" allowfullscreen></iframe>
Finalmente este es el código HTML de un widget para comprobar el tiempo.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_b7b3d94c29621e59ec99d3a5331fccc4" class="normal"></div><script type="text/javascript" src="https://www.eltiempo.es/widget/widget_loader/b7b3d94c29621e59ec99d3a5331fccc4"></script>
Hemos insertado un Traductor Google con el siguiente código HTML.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
<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 con el siguiente código HTML.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!1d1269062.778985709!2d-1.1618104217219196!3d51.59319324100312!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x47d8a00baf21de75%3A0x52963a5addd52a99!2sLondres%2C+Reino+Unido!5e0!3m2!1ses!2ses!4v1481547043969" width="600" height="450" frameborder="0" style="border:0" allowfullscreen></iframe>
En tercer lugar hemos insertado un vídeo de Youtube, mediante el código, 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/-U_MfqF3s9c" frameborder="0" allowfullscreen></iframe>
Finalmente este es el código HTML de un widget para comprobar el tiempo.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_b7b3d94c29621e59ec99d3a5331fccc4" class="normal"></div><script type="text/javascript" src="https://www.eltiempo.es/widget/widget_loader/b7b3d94c29621e59ec99d3a5331fccc4"></script>
lunes, 5 de diciembre de 2016
Primera página web en lenguaje html
¡Hola!
Os presento una página web que he realizado en html. Su dirección URL es:
https://thimbleprojects.org/silviaatmgr/142945
Os presento una página web que he realizado en html. Su dirección URL es:
https://thimbleprojects.org/silviaatmgr/142945
El código para realizar la página es:
<html>
<head>
<title>Página html de Silvia Aparicio</title>
<meta charset="utf-8">
<style>
body {
background-color: #A9E2F3;
}
</style>
</head>
<body>
<p>
<b>PRIMERA WEB DE SILVIA APARICIO</b>
</p>
<p>
Ir a <a href="https://silviaapariciotico.blogspot.com.es/">mi blog personal</a>, en el que hay una animación de scratch en la que un objeto 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/AVvXsEhNJBjVQpPD2ca3QUzMHAETs253DlaEnn6EFVp6ODIPhrdGM8bG4chj3dQM_8GFab4LeHG7tv6CsFzesC20h7XeeTWFH8iP-10BP3oCzixjv7D7T-7PlM3jATxvkyLMKZ2GFoUZwv5la4Iv/s640/dise%25C3%25B1o+scratch.png" width="600" height="350" />
</p>
</body>
</html>
lunes, 14 de noviembre de 2016
Iconos para aplicaciones móviles
¡Hola!
Para realizar iconos en muchas aplicaciones móviles debemos realizar lo siguiente:
1. Buscar imágenes que nos convenzan.
2. Abrirlas en Microsoft Picture Manager para recortarlas y cambiar el tamaño a 100x100 píxeles (de esta forma ocuparan poco espacio las imágenes).
3. Abrimos nuestra aplicación en App Inventor y subimos el icono.
Ejemplos de iconos:
Para realizar iconos en muchas aplicaciones móviles debemos realizar lo siguiente:
1. Buscar imágenes que nos convenzan.
2. Abrirlas en Microsoft Picture Manager para recortarlas y cambiar el tamaño a 100x100 píxeles (de esta forma ocuparan poco espacio las imágenes).
3. Abrimos nuestra aplicación en App Inventor y subimos el icono.
Ejemplos de iconos:
Icono para la app calculadora:
Icono para la app caricatura:
Icono para la app de texto a voz:
Etc.
jueves, 10 de noviembre de 2016
Animación Scratch controlando las coordenadas
¡Hola!
Hoy os voy a mostrar una animación que he realizado programando un objeto para que se desplace por las cuatro esquinas de la pantalla y al mismo tiempo cambie de disfraz.
Pulsa para ver la animación
Este es el diseño y los bloques de programación:
Hoy os voy a mostrar una animación que he realizado programando un objeto para que se desplace por las cuatro esquinas de la pantalla y al mismo tiempo cambie de disfraz.
Pulsa para ver la animación
Este es el diseño y los bloques de programación:
lunes, 7 de noviembre de 2016
App sonido de animal
¡Hola!
Hoy os voy a enseñar una aplicación que reproduce el sonido de un animal (el tigre).
La pantalla de diseño es:
Los bloques de programación son:
Hoy os voy a enseñar una aplicación que reproduce el sonido de un animal (el tigre).
La pantalla de diseño es:
Los bloques de programación son:
jueves, 3 de noviembre de 2016
App de calcular el área de un triángulo
¡Hola!
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.
La pantalla de diseño 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.
La pantalla de diseño es:
Los bloques de programación son:
jueves, 27 de octubre de 2016
Animación bilingüe para niños.
¡Hola!
Os presento una animación de Halloween educativa.
Espero que os guste.
Pulsa para ver la animación.
Os presento una animación de Halloween educativa.
Espero que os guste.
Pulsa para ver la animación.
lunes, 17 de octubre de 2016
App De Voz A Texto
¡Hola!
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 será:
Los bloques de programación son:
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 será:
Los bloques de programación son:
jueves, 13 de octubre de 2016
App calculadora
¡Hola!
A continuación, voy a explicaros el desarrollo de una aplicación calculadora para dispositivos móviles, nos permitirá realizar operaciones sencillas.
A continuación, voy a explicaros el desarrollo de una aplicación calculadora para dispositivos móviles, nos permitirá realizar operaciones sencillas.
El diseño sería el siguiente:
Los bloques para la programación consistirán en:
Suscribirse a:
Entradas (Atom)