Animación de San Solterín

Os presento una animación para conmemorar San Solterín.
Espero que os guste:
Pulsar para ver la animación

Web de aficiones mediante la versión de Google Sites

Hemos realizado una web con nuestras aficiones mediante la versión antigua de Google Sites.
Ventajas: Se pueden incluir más cosas, incluso gadgets HTML.
Desventajas: Es menos intuitiva y más complicada que la versión moderna de Google Sites.
 Pulsa para ver la web

Web con páginas mediante Kompozer

La segunda que hemos realizado con el programa de diseño web Kompozer, ha sido sobre nuestras aficiones.
Cogimos una web de internet con un diseño algo complicado --<Boton derecho > Guardar como página web > Y la guardamos como index.
Las poáginas de inicio deben siempre ser guardadas con ese nombre puesto que es la que busca el servidor para poner en primer lugar cuando se requiera un dominio, por ejemplo, cuando buscamos web "www.marca.es" es el servidor pondrá inicialmente la pagina que se llama index (de entre las cientas de páginas que tiene el dominio "www.marca.es"
Hemos editado la página index o menú, y despues modificado y guardado con el nombre de otras aficiones (viajes, musica, fiesta, baile). Usando tanto la venta de diseño de Kompozer, como la ventana de código fuente HTML.
Posteriormente hemos enlazado todas las páginas, para que pueda navegarse por el conjunto de la Web.
Por último hemos intentado subirla a un host gratuito, pero nos daban muchos problemas, por ello os mostramos los trabajos mediante pantallazos.

Primera web con un programa de diseño

Os presento una web realizada con un programa de diseño.

• Pulsa para ir a la web

• Mediante el programa de diseño web gratuito Kompozer, hemos realizado la pagina, pero Kompozer no proporciona ni un dominio (Ejemplo: lauraescribano.com) ni un espacio (200 gb para almacenar paginas, fotos, archivos, etc) Para subir la pagina web necesitaríamos encontrar los servicios de un hosting web (uno de los mejores en calidad-precio es www.hosto.com, nos cobrarán por el dominio (si está disponible) 20€ y por el espacio desde 20€ (más espacio y más velocidad será más caro).
• La solucionque hemos optado para poder tener un dominio y un espacio gratuito, es decir, subir a Internet la web que hemos creado con Kompozer ha sido la siguiente:

1. Hemos presionado la tecla de código HTML
2. Hemos copiado el código resultante de nuestra pagina diseñada.
3. Nos hemos ido a Thimble y creado un proyecto nuevo.
4. Hemos pegado el código HTML de Kompozer.
5. Hemos pulsado "Publicar" para que Thimble nos proporcione un espacio y un dominio, https://thimbleprojects.org/lauraescribanotico/183923 , también gratuito.

Los pasos son complicados porque hemos tenido que cambiar cosas con el código, sería mucho más sencillo subir los archivos directamente desde nuestro host, pero... Este método es gratuito.
Otra pega es el nombre feo del dominio, sería mas bonito y comercial, www.lauraescribano.com.

Desarrollo de la app del cálculo de círculos

1 Resumen

Es una aplicación con la que podemos calcular el área, el perímetro y el radio de un círculo

2 Diseño de la aplicación.

3 Bloques de programación

Widgets para nuestra página html

Primero hemos buscado en google un traductor para poder traducir nuestra página a diferentes idiomas, despues de poner el país y la url de nuestra web nos ha aparecido un código html que hemos insertado en el código de nuestra web

 </p>
    <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. Lo hemos cogido de Google Maps, pulsando el menú de opciones ---> Compartir o insertar en el mapa ---> Insertar en el mapa y copiando el siguiente código html:

 </p>
  <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d82480.71707465348!2d-74.03832530023041!3d40.74183109517069!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x89c24fa5d33f083b%3A0xc80b8f06e177fe62!2sNueva+York%2C+EE.+UU.!5e1!3m2!1ses!2ses!4v1481540264113" width="600" height="450" frameborder="0" style="border:0" allowfullscreen></iframe>
  <p>

En tercer lugar hemos insertado el tiempo de la ciudad que hemos escogido anteriormente para añadir en el mapa.

 </p>
  <div id="c_0cbfd25a7b320e7f251ff09b6b616397" class="completo"></div><script type="text/javascript" src="https://www.eltiempo.es/widget/widget_loader/0cbfd25a7b320e7f251ff09b6b616397"></script>

En último 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.

<p>
      Video musical de la cantante Sia "The Greatest" <iframe width="640" height="360" src="https://www.youtube.com/embed/GKSRyLdjsPA" frameborder="0" allowfullscreen></iframe>
    <p>

Primera página web programada en lenguaje html

Os presento una página web que he realizado en html. Su direccion URL es:
 https://thimble.mozilla.org/es/user/lauraescribanotico/639484

Código:
<html>
  <head>
    <title>Página html de Laura Escribano</title>
    <meta charset="utf-8">
    <style>
      body {
        background-color: #F3F781;
      }
    </style>
  </head>
  <body>
    <p>
      <b>PRIMERA WEB DE LAURA ESCRIBANO</b>
     
    </p> 
    <p>
    Visita la <a href="http://lauraescribanotico2.blogspot.com.es/">página de mi blog</a>, en el que hay una aplicación editora de fotos
    </p>
    <p>
      El <b>editor de fotos</b> es la aplicación
    </p>
    <p>
      El <i>aplicación</i> puedes ampliar y alejar y pintar con rojo verde azul y negro las fotos
    </p>
    <p>
      Y ahora añadimos una imagen del proyecto:
    <p>

      <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOuifJ_2M31pvEGxrR-1GOlKxGf3NdJDkp1KWzppvks8lvkokKbtw7OzbLMgUerLwkqKsGW5s7X7-8_3Ahv_zNZ3IsAqobujyUqijCWeyu7gdGaaXSDkRN7cBLjgep3jhKxIlxC2j6jbc/s1600/garabatos1.png" width="500" height="300" />
    </p>
  </body>
</html>