Cabecera de la página Web

Imprimir

Cuando visitamos una página web en realidad estamos accediendo a varios archivos que están en otro ordenador que se denomina "servidor web" desde nuestro ordenador, llamado "cliente". La dirección o URL tiene la siguiente forma:

http://www.undominiocualquiera.com/carpeta3/pagina01.html

Donde http:// es el protocolo de comunicación y www. indica el sistema de páginas web (habrás observado que no hace falta escribir esto en el navegador) porque el navegador se encarga de añadirlo. Y "undominiocualquiera.com" es el nombre del sitio. La última parte indica el archivo del sitio que estamos viendo. En este caso, una página llamada pagina01.html que está en el directorio "carpeta3" del sitio y los archivos multimedia, si es el caso, que la forman.

¿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 visualiza en un navegador web, las etiquetas se interpretan y se muestra el documento en forma de página web. Las etiquetas no se muestran pero son el contenido de la página, las reglas css confieren el aspecto a la página.

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 la Web, es decir, el lenguaje (X)HTML.

Toda página Web tiene dos partes: Una cabecera (head) y un cuerpo (body), todo ello delimitado por las etiquetas de apertura y cierre <html>.

El "esqueleto" básico de toda página web es:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="es">

<head>
	<!-- METAS GENERALES -->
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta name="language" content="es-ES" />

	<!-- METAS ESPECÍFICO -->
	<meta name="Author" content="(cc) el autor">
	<meta name="description" content="Esta es la descripción" />
	<meta name="keywords" content="palabra1, palabra2,palabra3" />

	<!-- ESTILOS CSS -->
	<link href="/i2011/reset.css" rel="stylesheet" type="text/css" />
	<link href="/i2011/mis_estilos.css" rel="stylesheet" type="text/css" />

	<!-- LIBRERIAS JAVASCRIPT -->
	<script src="/i2011/una_libreria.js" type="text/javascript"></script>
	<script src="/i2011/otra_libreria.js" type="text/javascript"></script>

	<title>Título de la página Web</title>
</head>

<body>
	...
</body>
</html>

Si el documento es HTML5, el Doctype (declaración de tipo de documento) es mucho más simple, sólo debemos escribir:

<!DOCTYPE HTML>
<html>
	<head>
		<meta charset="utf-8">
		<title>Documento sin título</title>
	</head>

	<body>
		... ...
	</body>
</html>

Tanto uno como el otro, si copiamos este código en el bloc de notas y lo grabamos con la extensión .html, el navegador lo interpreta como una página Web (si el nombre del archivo es index, esta será nuestra página de inicio del sitio).
Ésta aparecerá en blanco hasta escribir "algo" entre las etiquetas <body>...</body>.

aula_virtual_3con14

Utilidades

imprescindibles FireFox Google Chrome Opera Safari Acrobat Reader 7zip Flash Player Java FileHippo

Visitas...

TOTAL189860