El archivo de texto que vamos a usar en esta práctica es un extracto del artículo "Linux para estudiantes" de Alejandro Valero, publicado en la web del Observatorio Tecnológico del CNICE.
1. Abre este archivo desde el bloc de notas.
2. Cambia la extensión del archivo a htm y guárdalo como T3P6_nombre.htm
3. Accede a la carpeta donde lo has guardado.
4. Haz doble clic sobre el archivo que acabas de crear. Se abrirá el navegador que tengas establecido como predeterminado. Observa que el texto aparece sin formato y que es interpretado por el navegador a pesar de no tener ninguna etiqueta.
5. Vamos a incluir las etiquetas correspondientes en el bloc de notas. Para ello incluye las etiquetas: <html>, <head>, <title>, </title>,</head>, <body>, </body>, y </html> en el lugar correspondiente. El texto debe ir entre las etiquetas <body>, </body>.
6. Añade el título Estoy dando formato entre las etiquetas correspondientes.
7. Guarda el archivo. Actualiza la página web en el navegador y observa el resultado.
8. Comenzamos a dar formato. Para ello introduce las etiquetas <h1> y <font> con su atributo color en el encabezado:
<h1><font color="red"> Linux para estudiantes</font></h1>
9. Ahora señalaremos los encabezados de segundo orden. Para ello introduce las etiquetas <h2> y <font> con su atributo color en los dos encabezados de segundo orden:
<h2><font color="blue">1.1 Linux y Windows como sistemas operativos</font></h2>
<h2><font color="blue">1.2. Qué es una distribución live</font></h2>
<p>Quiero hacer ...también en otros casos.</p>
11. Guarda el archivo. Actualiza la página web y observa el resultado.
12. Introduce saltos de línea de forma que el navegador el texto no ocupe toda la pantalla. Para ello usa la etiqueta <br>. Por ejemplo, el primero quedaría así:
...utilizar el sistema operativo<br>GNU/Linux en sus estudios...
Observa que no se usa en este caso etiqueta de cierre.
13. Justifica los tres primeros párrafos añadiendo el atributo align en la etiqueta párrafo. Por ejemplo:
<p align = "justify">Quiero hacer aquí...también en otros casos</p>
14. Señala como elementos de una lista los que aparecen en los componentes de un sistema operativo, introduciendo las etiquetas <li>. Por ejemplo, la primera sería:
<li>Una base o núcleo...asignar los recursos</li>
15. Repite el paso anterior con las diferencias entre Windows y Linux.
16. Guarda el archivo, actualiza el navegador y observa el resultado.
17. Crea una entrada en tu blog y el enlace con el archivo .txt subido a Drive.
Nota: es importante que el nombre de los archivos que componen la página web no contenga ni espacios, ni eñes, ni acentos, ni caracteres especiales en general. Aunque trabajando con el bloc de notas y el explorador no vamos a notar nada, sí que podremos tener problemas a la hora de alojar la web en su servidor, por lo que es mejor que te acostumbres a esta buena práctica.
Pregunta 1: Para utilizar en el mismo párrafo diferentes etiquetas y atributos lo haremos de la siguiente manera:
Para centrar el título Linux para estudiantes que tenemos en color rojo:
<h1 align="center"><font color="red"> Linux para estudiantes</font></h1>
Pregunta 2: Como cambiar el "puntito" (bullet) por otro símbolo en el listado:
<ul style="list-style-type:square">
<li>Una base o núcleo...asignar los recursos</li>
</u>
No hay comentarios.:
Publicar un comentario