¡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>
Suscribirse a:
Entradas (Atom)