Imprimir

¿Qué es una página Web?

Posteado en Contenido: HTML

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

http://www.nombreDelDomini.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 "nombreDeDominio.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 marcado o etiquetado con 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 HTML o XHTML.

El lenguaje HTML original era muy permisivo en su sintaxis, por lo que era posible escribir sus etiquetas y atributos de muchas formas diferentes. Las etiquetas por ejemplo podían escribirse en mayúsculas, en minúsculas e incluso combinando mayúsculas y minúsculas. El valor de los atributos de las etiquetas se podían indicar con y sin comillas ("). Además, el orden en el que se abrían y cerraban las etiquetas no era importante.

Al contrario de lo que pueda parecer esta flexibilidad de HTML hace que el resultado final sean páginas con un código HTML desordenado y difícil de mantener. Sin embargo, XHTML soluciona estos problemas añadiendo ciertas normas en la forma de escribir las etiquetas y atributos.

Sintaxis de las etiquetas XHTML

  • Las etiquetas se tienen que cerrar de acuerdo a como se abren
  • Los nombres de las etiquetas y atributos siempre se escriben en minúsculas
  • El valor de los atributos siempre se encierra con comillas
  • Todas las etiquetas deben cerrarse siempre
  • el código JavaScript debe encerrarse entre unas etiquetas especiales (<![CDATA[ y ]]>)

CSS es un lenguaje de hojas de estilos creado para controlar el aspecto o presentación de los documentos electrónicos definidos con HTML y XHTML. CSS es la mejor forma de separar los contenidos y su presentación y es imprescindible para crear páginas web complejas.

HTML5 (HyperText Markup Language, versión 5) es la quinta revisión importante del lenguaje básico de la World Wide Web, HTML. Todavía se encuentra en modo experimental, aunque ya es usado por múltiples desarrolladores web por sus avances, mejoras y ventajas. Al no ser reconocido por viejas versiones de navegadores, es recomendable actualizar a la versión más reciente de éstos, para poder disfrutar de todo el potencial que incorpora.

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>.


Si el documento es XHTML, el DOCTYPE (declaración de tipo de documento) básico es:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "<a href="http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd</a>">
<html xmlns="http://www.w3.org/1999/xhtml" lang="es" xml: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="/reset.css" rel="stylesheet" type="text/css" />
    <link href="/mis_estilos.css" rel="stylesheet" type="text/css" />
    <!-- LIBRERIAS JAVASCRIPT -->
    <script src="/una_libreria.js" type="text/javascript"></script>
    <script src="/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 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>

Aula Virtual / Foro

aula virtualforo

Utilidades...

imprescindibles Chrome Safari Opera IE9 Adobe Reader 7zip Flash Java Filehippo Ninite

Visitas...

Hoy9
Ayer4
Mes102
TOTAL58809

En línea...

Tenemos 21 visitantes y ningun miembro en Línea