Title: basura
Course: Digitalización 4ESO

¿Dónde se debe guardar un backup?
Feedback: Un backup es una copia de seguridad de respaldo. Tenemos que tener copias de seguridad de todos nuestros datos. Se deben guardar en dispositivos físicos (discos duros, no particiones del disco duro de los datos) que estén espacialmente separados de los datos de origen. Lo ideal es que datos y backup estén en edificios diferentes. Se puede usar almacenamiento en la nube para guardar backup, pero sistemas como el drive de google tiene una limitación de tamaño que no nos permite guardar todos nuestros datos. La "nube" está formada por dispositivos físicos también. Es decir, los datos de la nube están guardados en servidores, que son máquinas reales. Estos servidores también son máquinas que se pueden averiar, o estropear. Esta noticia, cuenta un caso real. Además, las empresas que dan estos servicios pueden acceder a tus datos, de manera que no podemos considerar que sea una manera segura de guardar datos sensibles.

Indica 5 medidas de seguridad informática
Feedback: Hay muchas medidas que se pueden tomar relacionadas con la seguridad informática. Algunos ejemplos son: - Usar contraseñas fuertes (largas, que combinen número y letras). - Custodiar las contraseñas. Esto es no decírselas a nadie ni apuntarlas en algún sitio al que puedan acceder otros. - Usar sistemas operativos "seguros" - No dejarse sesiones abiertas - Hacer copias de seguridad de tus documentos con frecuencia. - Usar navegación https cuando desde una página web enviemos información privada. - Asegurarse que el propietario de la página al que se envía información es quien dice ser. - No usar en el ordenador propio memorias extraíbles que se hayan metido en ordenadores que no nos conste que están limpios de virus. - No abrir ni descargar adjuntos enviados por gente desconocida - No abrir ni descargar adjuntos enviados por gente conocida pero que no se indica que te lo están enviando - No abrir sin confirmación adjuntos con extensiones peligrosas - No descargar software de fuentes no verificadas - Usar navegación privada en ordenadores compartidos - Usar antivirus si se trabaja con sistemas operativos inseguros - Usar perfiles ficticios en redes sociales - No poner datos personales en sitios públicos. - No compartir ni con amigos la información personal sensible que no desees que sea pública - Si eres menor, no aceptar en redes sociales a quien no conozcas en la realidad ni si tiene una edad muy diferente a la vuestra. - Ser consciente que en las redes sociales, la gente no siempre es quién dice ser. - Desconectar la webcam. - etc.

Indica tres vias de infección de virus en el ordenador
Feedback: Los virus suelen entrar en el sistema ocultos en software que hemos descargado de sitios inseguros. Otra vía frecuente de infección son los documentos adjuntos de los mensajes de correos electrónicos. El mensaje en sí no es infeccioso, sino el documento adjunto. La infección ocurre cuando lo descargamos. Otra vía muy frecuente de infección es el uso de memorias extraíbles que se han introducido en equipos infectados. Las páginas web en sí no son vías de infección. Un virus no entra en un ordenador por entrar en una web, sino por que descarguemos algo de esa web. El correo electrónico en sí tampoco, sí los adjuntos.

Indica una estrategia de seguridad para realizar pagos en Internet
Feedback: Hay que asegurarse de que la página tiene protocolo https, que el sitio es el auténtico (hay veces que hacker crean páginas con nombres parecidos a las oficiales, pero que no idénticos). Una estrategia adicional muy efectiva es tener una cuenta con poco dinero para hacer pagos. No te pueden quitar más del dinero que tienes en ella.

¿Por qué conviene guardar los datos en una partición diferente a la del sistema?
Feedback: Si hay algún problema con el sistema, es posible que sea necesario reinstalarlo. Si los datos están en la misma partición que el sistema, al reinstalarlo, los perderemos.

Enuncia 5 riesgos informáticos
Feedback: Es importante no confundir riesgos con otras cosas como malware. Hay muchos riesgos. Algunos son: - Difusión de información intima - robo de datos personales - robo de dinero - ciberblling - contacto con personas que no son quienes dicen ser - suplantación de personalidad. - etc.

Enlaces

Como hemos visto, la estructura de las páginas web es ramificada, no lineal como la de un libro. Lo que permite la ramificación son los hipervínculos, esto es determinadas zonas que al pulsar sobre ellas nos envían a otra página o a otra parte dentro de la misma página.

Etiquetas

La etiqueta de vínculo es <a> y la de cierre </a>. La zona englobada entre ambas etiquetas será la que el navegador muestre zona activa que va a permitir dirigirnos al destino al pinchar sobre ella. Necesita un atributo href="ubicación del enlace" con la ruta al destino del enlace para indicar a dónde debe dirigirse el navegador. De forma que el mínimo códico html para hacer un hipervículo será:

<a href="destino">texto activo</a>

Zona activa:

La zona activa es la parte de la página que nos conducirá al destino al pinchar sobre ella. Puede ser un texto o una imagen

Un ejemplo con este código que nos dirige a una página de ejemplo sería: texto activo

Ubicación del enlace.

La página que el navegador intentará cargar cuando pinchemos sobre el texto activo, puede ser otra página de nuestro sitio, otra zona de la misma página, una página web que esté en la red o una dirección de correo electrónico.

Ruta relativa

Cuando el destino es otra página de nuestro sitio, lo normal es darle la ruta relativa, esto es dónde está la página desde la direción de la página de origen. Para que un editor web pueda realizar bien esa acción, es imprescindible que la página de origen y la de destino se hayan guardado ya en la localización de carpetas definitiva en el momento de realizar el vínculo.

Ruta absoluta

Cuando el destino es una dirección de internet, se debe usar una ruta absoluta que será la url (el texto que aparece en la barra de direcciones del navegador) de ese recurso de internet. En ese caso, la ruta debe enpezar por http://
A veces es interesante usar rutas absolutas a recursos que están dentro de nuestro sitio, como por ejemplo los vínculos a las hojas de estilos. En ese caso, también las rutas tendrán esta forma: http://servidor/ruta_absoluta.
Nunca se deben usar rutas absolutas que empiecen por file://. Porque en ese caso va a intentar buscar el destino en nuestro ordenador y no en el servidor. El público de internet no podría llegar al enlace.

Abrir en página nueva

Si queremos que un enlace se abra en una ventana nueva, debemos añadir a la etiqueta de apertura el atributo target="_blank"

Cuando se diseña una página hay que pensar en el usuario que vaya a navegar por ella. Si el enlace se abre en la misma página, sustituyendo a la de origen, si el usuario quiere volver, deberá pulsar en los botones de retroceder en el navegador, a menos que le hayamos puesto otros vínculos en la página de destino que nos permitan volver a la inicial. Esto puede dificultar la navegación sobre todo cuando queremos retroceder varias páginas atrás. otro problema es que si el usuario cierra la ventana, pierde la dirección de origen.

Abrir el vínculo en una ventana nueva tiene la ventaja de que no perdemos el origen aunque se cierre la ventana de destino. Pero puede tener el inconveniente de que se abrán demasiadas ventanas en vínculos profundos.

Insertar imágenes

Cuando añadimos imágenes a una página web, estas no se guardan dentro del documento, sino se enlazan y es el navegador el que inserta la imagen en el sitio deseado y con las dimensiones que hayamos definido.

etiqueta

Las imagenes se insertan dentro de una etiqueta única (no tiene etiqueta de cierre). La sintaxis es la siguiente:
<img src="imagen.jpg" width="ancho" height="alto" alt="texto alternativo">

Atributos:

- src ponemos la ruta al archivo que contiene la imagen.
- width y height indican el ancho y el alto. Si no se indican, serán el alto y el ancho que tenga la imagen. Si los valores son más grandes que los de la imagen, esta se amplia y si son más pequeños se reduce. Si la imagen no se cargara bien, estos datos permiten que la maquetación de la página no se estropee ya que el navegador mostrará el hueco de la imagen. No se indican unidades.
- alt indica el texto alternativo que mostrará el navegador en el caso de no haber podido insertar la imagen por el motivo que sea.

Sobre el tamaño de las imágenes

Reducir el tamaño de una imagen haciendo el width y el heidth más pequeños que los de origen no hace que la página se cargue más rápidamente, ya que aunque esta se visualice más pequeña, los datos que viajan son los de la imagen grande.

Listas

El html permite dos tipos de listas, las llamadas listas ordenadas y las llamadas listas desordenadas.
Ejemplo de lista ordenada:
1. Item
2. Item
3. Item

Ejemplo de lista desordenada:
- Item
- Item
- Item

Por tanto, la diferencia es que las ordenadas se marcan con un número y las desordenadas con un punto. Esto son los estilos por defecto, pero se pueden modificar.

Etiquetas

Las listas ordenadas se marcan con la etiqueta <ol></ol>.
Las listas desordenadas se marcan con la etiqueta <ul></ul>
Cada elemento de lista se marca con la etiqueta <li></li>

Rutas

La ruta o path es la indicación de la posición de un archivo o un recurso de internet.
Cuando se trata de un archivo, ruta termina con el nombre y la extensión del mismo. Antes de ese punto hay un conjunto de indicaciones para localizar la posición del archivo.

Rutas absolutas

La ruta absoluta comienza por /. Indica desde el servidor, cada carpeta que hay que ir abriendo hasta el archivo que queremos localizar.
Supongamos que tenemos la siguiente estructura de carpetas y que dentro de la carpeta 3 hay un archivo llamado foto.jpg
[Image: arbol]
La ruta absoluta a ese archivo sería /carpeta1/carpeta3/foto.jpg

Ruta relativa

La ruta relativa empieza por un carácter diferente de /. La ruta relativa es el recorrido de carpetas que tenemos que hacer desde la posición actual, de manera que la ruta relativa al mismo archivo desde distintos sitios será diferente. Si queremos ir a un directorio superior, lo indicamos con ../
De esta manera, con el árbol de directorios anterior la ruta al archivo foto.jpg que está en la carpeta3 sería:
si nuestro directorio actual es la carpeta 4-> ../foto.jpg
si nuestro directorio actual es la carpeta3-> foto.jpg
si nuestro directorio actual es la carpeta2 -> ../carpeta3/foto.jpg
si nuestro directorio actual es la carpeta1 -> carpeta3/foto.jpg

Tablas

Las tablas en html se delimitan con la etiqueta <table></table>
Dentro de esta etiqueta se definen las filas (row) con la etiqueta <tr></tr>
Dentro de la fila se definen las columnas con la etiqueta <td></td>

Una tabla de 2 filas y 3 columnas tendría el siguiente código:
<table>
<tr><td></td><td></td><td></td></tr>
<tr><td></td><td></td><td></td></tr>
</table>
Esta tabla como tal no se observaría porque no tiene nada dentro

Propiedades de tabla

Dentro de la etiqueta de la tabla o en un estilo si se quiere que todas las tablas sean iguales, se pueden definir las siguientes propiedades:

Border

Indica el tamaño del borde externo de la tabla. El valor se da en píxeles

cellpadding

Indica el espaciado entre el borde de la celda y el contenido

cellspacing

Indica la separación entre celdas

width

Indica el tamaño de la tabla. Puede darse el valor en píxeles o en porcentaje de la ventana.

align

Indica el alineamiento de la tabla en la página. Puede ser left, right o center

bgcolor

Define el color del fondo (background).

Ejemplo

En este ejemplo puedes ver un conjunto de tablas con distintas propiedades. Estudia su código.

Páginas web

Las páginas web son una forma de mostrar información.

Dependiendo de como se almacenen, esa información puede ser accesible a todas las personas que tengan conexión a internet. Ese es el motivo por el que se ha desarrollado tanto y hay tantas paginas con contenidos diferentes.

Por supuesto también puede haber páginas web privadas con acceso a un único usuario o a un conjunto restringido de usuarios.

Q: Abre el editor de texto plano (menú> accesorios> leafpad o menú>accesorios>pluma) y escribe un documento con un poco de texto. Guardárdalo con el nombre ejercicio1.html y haz doble clic sobre él para abrirlo.

¿Qué tipo de programa abre el documento? Escribe una sola palabra
A: Navegador
Feedback ("mozilla"): mozilla es un programa de este tipo, pero cómo se llaman de manera general
Feedback ("iceweasel"): Icewasel es un programa de este tipo, pero cómo se llaman de manera general
Feedback ("chromium"): chromium es un programa de este tipo, pero cómo se llaman de manera general
Feedback ("midori"): Midori es un programa de este tipo, pero cómo se llaman de manera general

Q: La extensión de un archivo es un conjunto de unos pocos caracteres (normalmente 3) que indican al ordenador el programa que debe usar para abrir el documento.

¿Cuál es la extensión del documento del ejercicio anterior?
A: html / .html

Las páginas web son documentos escritos en un lenguaje de programación llamado html. Las siglas HTML son las iniciales de la expresión en inglés HyperText Markup Language. Traducido al castellano sería Lenguaje de Etiquetas de Hipertexto.

El concepto de hipertexto significa que el documento puede tener partes activas que conducen a otras zonas del documento o a otros documento. Esto permite crear estructuras de información ramificadas, a diferencia de los textos en papel que tienen una estructura lineal.

Q: Etiquetas

Dentro del texto de la página tenemos dos partes; por un lado el texto que se mostrará y por otro instrucciones para el navegador (programa que muestra la página al usuario) sobre el modo en que debe mostrar esa información. Estas instrucciones que no visualiza el usuario es lo que se denominan etiquetas.

Las etiquetas se escriben entre los símbolos < >. Cuando el navegador se encuentra con algo como <texto dentro de la etiqueta> lo interpreta como etiqueta y no visualiza el texto dentro de la etiqueta sino que sabe que se trata de instrucciones sobre como visualizar la página.

El documento que escribiste antes, ejercicio1.html, no es una página web bien construida. las etiquetas mínimas que debe contener una página web se muestran en el ejm1.html. Visualizala con el navegador. Si pinchas con el botón derecho y ver código fuente, podrás ver las etiquetas.

La primera de las etiquetas es la declaración del documento e indica al navegador la versión del lenguaje usada. El html no es algo estático, va evolucionando. En el momento de escribir esto, vamos por la versión 5.

Escribe el texto completo de la declaración del documento en html 5.
A: <!DOCTYPE html>

Q: Hay etiquetas únicas como por ejemplo el salto de línea que se construye con la etiqueta <br>. Otras se aplican a un conjunto de texto. Hace falta una etiqueta antes de ese texto que se llama etiqueta de apertura y otra después, que se llama etiqueta de cierre. La etiqueta de cierre empieza con </.

Escribe la etiqueta de cierre de <body>
A: </body>

Q: Otros atributos de texto

- Escribir en mayúsculas->text-transform: uppercase
- Alineación->Text-align puede ser left, right,  center o justified
- Sangría de primera línea->text-indent
- Subrayado->text-decoration: underline

Visualiza la página ejm5.4.html y estudia su código.
Escribe el código completo para que este texto se observe subrayado y con alineación derecha. Cuando hay varias propiedades se separan con ;.
A: este texto / este texto / este texto

Q: La cabecera de una página (zona entre las etiquetas <head> y </head> no está pensada para ser mostrada en el navegador, excepto el título que se ve en un sitio concreto. En ella se da información como el lenguaje de la página, su autor, palabras clave sobre el contenido, juego de caracteres, estilos, etc.

La información propiamente para ser visualizada se encuentra dentro de la etiqueta body.

Observa la página ejm3.html tanto con el navegador como con el editor bluefish (menú>programación>editor bluefish).

¿Se visualiza lo que se escribe dentro de la etiqueta head?
- Sí. (Efectivamente, aunque no está pensado para ser visualizado, si escribimos algo dentro de esa etiqueta, se verá. La página web del ejem3.html está mal construida)
- No
A: Sí.