Primera Unidad de Informática educativa Primero Medio Año 2011
1. World Wide Web (WWW) se podría traducir como Red Global Mundial, es un sistema interconectado que comparte información del tipo hipertexto.
2. Browser o Navegador es el programa que nos permite visualizar la información publicada en la red de redes (Internet). 3. Servidor es el computador que almacena las diferentes páginas web y le permite a los computadores (clientes) acceder a ellas a través de un protocolo de comunicación llamado HTTP. 4. HTML al traducirlo al español sería Lenguaje Marcador de Hipertexto, es el lenguaje de etiquetas que permite presentar información a través de los diferentes browser.
1. Lenguaje en base a etiquetas o tags. 2. Los tag o etiquetas se delimitan por signos menor que y mayor que. Ejemplo: <nombre etiqueta> Afectan al texto que esta entra su inicio y fin. <nombre de etiqueta> Texto que es afectado </nombre de etiqueta> 3. Al igual que cualquier documento una página Web lleva un Título o Encabezado y Párrafos o Cuerpo del documento. • La estructura básica de una página web esta compuesta por: Encabezado y cuerpo. Es decir: <html> <head> <title> Mi sitio Web> </title> </head> <body> Mi primer sitio Web </body> </html>
4. Algunos tag interesantes: <h1> Título de mayor tamaño</h1> <h2> Título más pequeño</h2> . . . . <h6> ………………. </h6>
<p> permite cambiar de párrafo <br> permite hacer un salto de línea. <!-- --> Esta etiqueta permite hacer un cometario con respecto a nuestra página web. Ejemplo: <!- - las etiquetas <p> son importantes para cambiar de párrafo - ->
Enlaces o link a otras páginas o incluso salto dentro de nuestra propia web Se usa la etiqueta o tag <a> </a> pero a diferencias de las otras esta se debe usar con un atributo. <a href=“http://www.eduteca.cl”> enlace a la web eduteca </a> Salto dentro de la misma web <a name=“tema1”>Tema 1 </a> y luego para hacer referencia a este tema se escribe <a href=“#tema1”> Ir a tema 1</a>
Atributos de la etiqueta <body> <body bgcolor=?> Configura el color de fondo de la página, usando el valor del código de color hexadecimal. <body text=?> Configura el color por defecto del texto, usando el valor del código de color hexadecimal. <body link=?> Configura el color de los enlaces, usando el valor del código de color hexadecimal. Etiquetas HTML de Texto <pre></pre> Texto pre-formateado <b></b> Negritas <u></u> Subrayado <i></i> Cursivas <tt></tt> Tipo máquina de escribir <cite></cite> Cita, en cursiva <em></em> Resalta una palabra, negrita o cursiva <strong></strong> Resalta una palabra o grupo de palabras <font face=?></font> Coloca el tipo de letra: por ejemplo, arial, verdana, courier,etc. <font size=?></font> Coloca tamaño de letra, de 1 a 7 <font color=?></font> Configura el color, usando valor hexadecimal o nombre (blue, green, etc.)
Diagramar una pรกgina web incluyendo todos los tag vistos hasta ahora. Recordar que luego se probarรก en el computador.