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>

Seguridad en Internet

La seguridad en internet son todas aquellas precauciones que se toman para proteger todos los elementos que hacen parte de la red como infraestructura e información, la más afectada por delincuentes cibernéticos.

La seguridad informática se encarga de crear métodos, procedimientos y normas que logren identificar y eliminar vulnerabilidades en la información y equipos físicos, como los computadores.

Este tipo de seguridad cuenta con bases de datos, archivos y equipos que hacen que información importante no caiga en manos de personas equivocadas.

Una de las mejores formas de mantenerse protegido en  internet es por medio de antivirus

Existen diferentes peligros:
Malicious Software
-Malware, abreviación de software malicioso.
-Botnet
-Virus informáticos
-Gusanos informáticos
-Ransomware
-Scareware
-Spyware
-Troyano
Ataques de denegación de servicios
Phishing 
Vulnerabilidades de aplicaciones
Por suerte para combatir estos peligros existen una serie de remedios: 
Network layer security: Se pueden asegurar con métodos de encriptación y protocolos de seguridad. 
Protocolo de Seguridad Internet (IPsec): Está diseñado para proteger la comunicación TCP/IP de forma segura. Proporciona seguridad y autentificación en la capa IP transformando sus datos usando la encriptación. Hay dos tipos:
La Authentication Header (AH)
El ESP. 
Token de seguridad: Algunos sitios online ofrecen a los clientes la opción de usar un código de seis dígitos que cambia de forma aleatoria cada 30-60 segundos en un token de seguridad 
Seguridad de correo electrónico.
- Pretty Good Privacy (PGP)
- Multipurpose Internet Mail Extensions (MIME)
- Message Authentication Code 
Firewalls: Los firewalls imponen restricciones en paquetes de red entrantes y salientes de y hacia redes privadas. Este tráfico debe pasar a través de un firewall y solamente el tráfico autorizado atravesarlo.
- Packet filter
- Inspección del estado del paquete
- Application-level Gateway 
Elección de buscador

 Productos de seguridad en Internet: 

Antivirus: Los antivirus son programas de seguridad en internet que protegen a los dispositivos de un ataque detectando y eliminando los virus.
Riesgos en Internet:
Acceso a información poco fiable y falsa.
Dispersión, pérdida de tiempo.
Acceso a información inapropiada y nociva.
Acceso a información peligrosa, inmoral, ilícita.
En los últimos años los jóvenes han sufrido de estos riesgos sociales en internet que son:
El ciberbulling o ciberacoso que es el uso de información electrónica y medios de comunicación tales como correo electrónico, redes sociales, blogs, mensajería instantánea, mensajes de texto,telefonos moviles, y websites difamatorios para acosar a un individuo o grupo, mediante ataques personales u otros medios. Puede constituir un delito penal.


Security suites.

Fuentes:
https://es.wikipedia.org/wiki/Seguridad_en_Internet
https://www.gcfaprendelibre.org/tecnologia/curso/seguridad_en_internet/conceptos_basicos/1.do
http://kidshealth.org/es/teens/internet-safety-esp.html?WT.ac=ctg