Recomendados
Más contenido relacionado
La actualidad más candente
La actualidad más candente (18)
Similar a Qué es una página web
Similar a Qué es una página web (20)
Más de jacinto_chipantiza
Último
Último (20)
Qué es una página web
- 1. UNIDAD # 1 ¿Qué es una página web? Una página web es un documento de texto con marcas, llamadas etiquetas ( tags en inglés). Cuando este documento se ve a través de un navegador web, las etiquetas se interpretan y se visualiza el documento como una página web. Las etiquetas no se muestran pero determinan el aspecto de la página, y otras características, por ejemplo, si el texto es un enlace, en la etiqueta se indica la página a la que nos lleva el enlace. Por lo tanto, si somos capaces de escribir un documento de texto, seremos capaces de escribir una página web. Sólo necesitamos conocer el lenguaje de las etiquetas o HTML. Es conveniente que vayas probando las cosas a medida que las explicamos. Para ello deberás de tener dos ventanas abiertas, una con el curso y otra con el programa correspondiente. Vamos a comenzar por escribir una página web muy sencilla. Para ello utilizaremos un editor de texto sin formato, como puede ser el Bloc de notas (Notepad) incluído en Windows. Puedes encontrarlo en Todos los programas → Accesorios. El aspecto del Bloc de notas es muy simple, una hoja en blanco con una barra de menús. Si no estás familiarizado con las forma de escribir en un ordenador, consulta este básico . Escribiremos el siguiente código. Más adelante ya veremos qué es cada elemento: <html> <head> <title>Mi primera página</title> </head> <body> <p>Hola mundo</p> </body> </html> Una vez escrito, vamos a guardarlo. Pero antes de continuar, debemos de explicar que lo es la extensión de un archivo. La extensión indica de qué tipo es un archivo. La extensión son las tres letras que van después del punto al final del nombre de un archivo (por ejemplo, imagen.gif o documento.doc). Puedes abrir cualquier carpeta para comprobarlo. Si no puedes ver las extensiones, es porque Windows las oculta. Si es tu caso, puedes hacer que las
- 2. UNIDAD # 1 muestre a través del menú Organizar → Opciones de carpeta y búsquedas, pestaña Ver, desmarcando la opción Ocultar extensiones de archivo para tipos de archivos conocidos, en Windows Vista. En Windows XP encontramos esta opción en el menú Herramientas → Opciones de carpeta, también en la pestaña Ver. Vamos a continuar guardando la página. Pulsamos en el menú Archivo y elegimos Guardar. Introducimos el nombre, por ejemplo Primera. Si ahora pulsásemos Guardar, se guardaría con la extensión txt, que indica que es un documento de texto sin formato. Para guardarlo como una página web, debemos de emplear la extensión .htm (o .html). Por lo que completamos el nombre para que quede Primera.htm y pulsamos Guardar. Un sitio web Cuando tenemos varias páginas, podemos organizarlas en un sitio web. Un sitio no es más que una carpeta que se encuentra en un equipo informático, ya sea nuestro ordenador personal o un potente servidor. La primera carpeta es la carpeta raiz. Por ejemplo, si accedemos a "www.aulaclic.es", estamos accediendo a la carpeta raiz del sitio de aulaClic. Cuando escribimos "www.aulaclic.es" en el navegador, en realidad estamos accediendo a la página www.aulaclic.es/index.htm, es decir, al escribir una dirección que no acaba en .html (o en .html), el navegador lo interpreta como el nombre de una carpeta y busca en ella un archivo que se llame index.htm, si no lo encuentra devuelve el mensaje del tipo "No se puede encontrar la página web". Tal como lo haríamos con una carpeta de Windows, podemos organizar nuestro sitio con subcarpetas. Por ejemplo, una carpeta con todas las imágenes, otra con los vídeos, etc. Coloquialmente, es frecuente referirse a un sitio web sólo como página web, por ejemplo "se ha actualizado la página web del ministerio", aunque no nos estemos refiriendo a una página en concreto. Veremos más detenidamente qué es un sitio web cuando creemos los sitios para nuestras páginas, más adelante. Estructura básica de la página Todo el documento HTML viene contenido dentro de la etiqueta <html></html>. Dentro de la etiqueta <html>, encontramos dos subdivisiones, la cabecera, delimitada por las etiquetas <head></head> y el cuerpo, delimitado por las etiquetas <body></body>. Por lo tanto, el aspecto básico de cualquier página web, es el siguiente:
- 3. UNIDAD # 1 <html> <head> ... </head> <body> ... </body> </html> La etiqueta <head> contiene información sobre la página. Por ejemplo contiene etiquetas que pueden decir de qué va la página, el título que debe de mostrar en la barra del navegador, o código javascript y estilos, que pueden estar en el propio encabezado o como llamadas a otros archivos. Normalmente, lo que contiene esta etiqueta no se muestra en el navegador. Iremos viendo lo que puede contener esta etiqueta a medida que nos haga falta. De momento sólo comentaremos que obligatoriamente debe de contener la etiqueta <title></title>, que contiene el título de la página, que es lo que se ve en la barra de título del navegador. En el <body> encontramos el contenido de la página, lo que se ve a través del navegador: texto, imágenes, enlaces, tablas, etc... En el siguiente ejemplo, puedes ver que hemos modificado el código que utilizamos en la página Primera.htm creada en el tema anterior. En él vemos los elementos que hemos comentado. Hemos añadido la etiqueta <br /> para saltar de línea. Esta es la primera página del sitio que vamos a ir construyendo a lo largo del curso. <html> <head> <title>Floramics. Amigos de las flores</title> </head> <body> <p>Bienvenido a Floramics <br /> En esta web encontrarás información sobre la asociación y nuestra colección de fotografías de flores.</p> </body> </html> Puedes copiarlo y pegarlo en la siguiente caja de texto y pulsar en Visualizar el código escrito esto hará que se abra una ventana o una pestaña en tu navegador en la que podrás ver cómo queda la página. Es equivalente a lo que hicimos en el tema anterior con el bloc de notas pero de una forma más cómoda para ti. Observa como los espacios en blanco no son tenidos en cuenta, un poco más adelante volveremos sobre este tema.
- 4. UNIDAD # 1 Servidores y direcciones URL Cuando visitamos páginas web en realidad estamos accediendo a archivos en un servidor web. La dirección o URL tiene este formato: http://www.nombredominio.com/directorio/paginaweb.htm Donde http:// es el protocolo y www. indica el sistema de páginas web. Habrás observado que no hace falta escribir esto en el navegador. Pero es porque el navegador se encarga de añadirlo, no porque nos ea necesario. nombredominio.com es el nombre del sitio. Al ir directamente ahí, vamos a su página de inicio. La última parte indica el archivo del sitio que estamos viendo. En este caso, una página llamada paginaweb.htm que está en una carpeta llamada directorio. Podemos visitar una dirección desde un buscador o desde un enlace en otra página. Podemos teclear la dirección en la barra de direcciones del navegador o acceder desde nuestros favoritos. Internet esta formada por un conjunto de servidores conectados. Un servidor es un ordenador conectado a la red de acceso a Intenet que dispone de un programa que es capaz de recibir una URL y devolver una página web al que hizo la petición. Podríamos decir que Internet está formado por una gran cantidad de ordenadores que pueden intercambiar información entre ellos. Es una gran red mundial de ordenadores. Los ordenadores se pueden comunicar porque están unidos a través de conexiones y gracias a que utilizan un lenguaje o protocolo común, el TCP/IP. Según el esquema que podemos ver en la imagen, un usuario se conecta a la red (a través de un módem o un router, ya sea vía línea telefónica, cable, satélite, etc...). A partir de este momento
- 5. UNIDAD # 1 el protocolo TCP/IP entra en juego, gracias a él puedes comunicarte con tu Proveedor de servicios de Internet (ISP) dándole a conocer tu dirección física. Utilizando TCP/IP, el ISP asigna una dirección IP a tu PC y en ese momento se te da acceso a la red. Cuando queremos acceder a una página proporcionamos un dominio que es traducido en los Servidores DNS y localizado. Cuando sabemos en qué Servidor Web se encuentra la página que queremos visitar se procede a su descarga y visualización en el navegador del PC.