Conceptos Y Etiquetas básicas

Conceptos básicos

World Wide Web (WWW):

Digamos, simplemente, que es un sistema de información, el sistema de información propio de .

Sus características son:

● Información por hipertexto: Diversos elementos (texto o imágenes) de la información que

se nos muestra en la pantalla están vinculados con otras informaciones que pueden ser de

otras fuentes. Para mostrar en pantalla esta otra información bastará con hacer clic sobre

ellos.

● Gráfico: En la pantalla aparece simultáneamente texto, imágenes e incluso sonidos.

● Global: Se puede acceder a él desde cualquier tipo de plataforma, usando cualquier

navegador y desde cualquier parte del mundo.

● Pública: Toda su información está distribuida en miles de ordenadores que ofrecen su

espacio para almacenarla. Toda esta información es pública y toda puede ser obtenida por el

usuario.

● Dinámica: La información, aunque esta almacenada, puede ser actualizada por el que la

publico sin que el usuario deba actualizar su soporte técnico.

● Independiente: Dada la inmensa cantidad de fuentes, es independiente y libre.

Navegador:

Es el programa que nos ofrece acceso a Internet. Debe ser capaz de comunicarse con un servidor

y comprender el lenguaje de todas las herramientas que manejan la información de Web. Puede

decirse que cada casa de software podría tener su navegador propio, aunque los mas populares sean

Netscape e Internet Explorer.

Servidor:

Se encarga de proporcionar al navegador los documentos y medios que este solicita. Utiliza un

protocolo HTTP para atender las solicitudes de archivos por parte de un navegador.

Protocolos:

HTTP: Es el protocolo de transferencia de hipertexto, o sea, el protocolo que los servidores de

World Wde Web utilizan para mandar documentos HTML a través de Internet.

URL: Es el Localizador Uniforme de Recursos, o dicho mas claramente, es la dirección que

localiza una información dentro de Internet.

HTML: De momento, le basta saber que estas siglas se corresponden con la definición "Lenguaje

para marcado de hipertexto". Más claro aún, se trata de un lenguaje para estructurar documentos a

partir de texto en World Wide Web. Este lenguaje se basa en tags (instrucciones que le dicen al texto

como deben mostrarse) y atributos (parámetros que dan valor al tag).

Organización de una Web

Para hacer una buena presentación Web lo ideal es crearnos un boceto inicial de la estructura. Si

hacemos esto, no solo estamos procurando una presentación agradable y facilitando la tarea de

navegar sino que también nos facilitamos el mantenimiento de futuras revisiones y modificaciones.

Las páginas web página 3

Objetivos

Lo primero que debemos hacer el fijarnos los objetivos que queremos alcanzar según la

información que vayamos a aportar. Para crear nuestra primera página, estos objetivos deberían no

ser muy pretenciosos o tener un sentido únicamente personal. Tener claros los objetivos nos ayudara

a no plasmar contenidos confusos o innecesarios.

Contenidos

Una vez tenemos los objetivos, hay que organizar el contenido por temas o secciones, que se

ajusten a nuestros objetivos, reuniendo las informaciones relacionadas bajo el mismo epígrafe. Es

conveniente que los temas sean razonablemente cortos y si fuera necesario divida en subtemas. Si

por el contrario tenemos temas muy cortos, lo correcto sería agruparlos bajo un encabezado de tema

algo más general.

Primer paso

Una presentación Web consiste de una o más páginas Web que contienen texto y gráficos y que

están vinculadas entre si creando un cuerpo de información. La página principal o página base es

desde donde se comienza a visitar la presentación y su URL será la que figure como dirección de la

presentación. Esta página base debe ofrecer un panorama general del contenido de la presentación.

Organización

Ha llegado la hora de estructurar la información recopilada en un conjunto de páginas Web.

Podemos crearnos una estructura propia pero lo más lógico es guiarnos por una estructura clásica.

Para más información sobre la estructura consulte las páginas "La estructura" y "Tipos de

estructuras" de la guía de estilo.

Secuenciación

Consiste en decidir que contenido va en cada página, elaborar la trama de vínculos para navegar

entre ellas e incluso, hacernos una idea de que tipo de gráficos vamos a poner y que ubicación van a

tener. Para ello puede utilizarse un "Tablero de Secuencia", un esquema gráfico que nos ayudará a

recordar en todo momento donde encaja cada página en el global de la presentación.

Revisión de objetivos

Finalmente y antes de ponernos a crear nuestra presentación Web, debemos prestar atención a que

lo que tenemos plasmado en el "Tablero de Secuencia" cubre los objetivos que nos habíamos

propuesto. Si es así, ya podemos comenzar a manejarnos con HTML.

El lenguaje HTML

Como ya se ha dicho, este lenguaje estructura documentos. La mayoría de los documentos tienen

estructuras comunes (títulos, párrafos, listas...) que van a ser definidas por este lenguaje mediante

tags. Cualquier cosa que no sea una tag es parte del documento mismo.

Este lenguaje no describe la apariencia del diseño de un documento sino que ofrece a cada

plataforma que le de formato según su capacidad y la de su navegador (tamaño de la pantalla,

fuentes que tiene instaladas...). Por ello y para no frustrarnos, no debemos diseñar los documentos

basándonos en como lucen en nuestro navegador sino que debemos centrarnos en proporcionar un

contenido claro y bien estructurado que resulte fácil de leer y entender.

No se desespere por lo que acaba de leer. HTML tiene dos ventajas que lo hacen prácticamente

Las páginas web página 4

imprescindibles a la hora de diseñar una presentación web: Su compatibilidad y su facilidad de

aprendizaje debido al reducido número de tags que usa.

Básicamente, los documentos escritos en HTML constan del texto mismo del documento y las

tags que pueden llevar atributos. Esto llevado a la práctica, vendría a ser:

<tag> texto afectado </tag>

La tag del principio activa la orden y la última (que será la del principio precedida del signo /) la

desactiva.

...