Vistas de página en total

martes, 13 de diciembre de 2016

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>






lunes, 5 de diciembre de 2016

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>