CONCEPTOS BASICOS ( THE WORLD WIDE WEB )

1.      World Wide Web (WWW): Digamos, simplemente, que es un sistema de información, el
sistema de información propio de Internet. Sus características son:
            o 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.
            o Gráfico: En la pantalla aparece simultáneamente texto, imágenes e incluso sonidos.
            o Global: Se puede acceder a él desde cualquier tipo de plataforma, usando cualquier
                navegador y desde cualquier parte del mundo.
            o 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.
            o 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.
            o Independiente: Dada la inmensa cantidad de fuentes, es independiente y libre.
2.      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.
3.      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.
4.      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.
5.      URL: Es el Localizador Uniforme de Recursos, o dicho mas claramente, es la dirección que
localiza una información dentro de Internet.
6.      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.

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, parrafos, 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 fustrarnos, 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

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:

texto afectado

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

desactiva. No todas las tags tienen principio y final pero esto lo veremos más adelante.

Editores y convertidores

Antes de comenzar al trabajar sobre un editor, le recomendaría que visionase el código fuente de nuestra

página principal. Todos los navegadores dan la opción de editarla (Menú ver / Código fuente). Si visita

otras páginas y visualiza su código fuente encontrará similitudes en la forma en que están organizadas

las páginas y en las tags utilizadas.

¿Dónde hay que editar el código fuente? Pues, si usted es usuario de Windows le bastaría con el Bloc de

Notas y si utiliza Macintosh con el Simple Text. Si utiliza procesadores de texto más potentes debe

guardar sus documentos como "solo texto" ya que HTML ignora todos los espacios en blanco. Una vez

guardado convierta la extensión de texto por la extensión html o htm (en los sistemas DOS).

Los convertidores se utilizan para tomar los archivos de un procesador de textos y convertirlos a HTML.

Pero debido a la propia limitación de este lenguaje, por muy elegante que hagamos un documento en

nuestro procesador, un convertidor no obrará milagros y quizá acabe por crear cosas ilegibles en HTML.

Además, la mayoría de los convertidores no convierten imágenes y no automatizan los vínculos hacia

los documentos en Web debiendo corregir esto de manera manual.

A través de Internet o de revistas especializadas, usted podrá hacerse con editores y convertidores

gratuitos o de muy reducidos costes. Quizá más adelante, cuando este acostumbrado a trabajar con

HTML, puedan resultarle interesantes pero eso se lo dejo a su futura elección. De momento, hágame

caso, si quiere aprender HTML use solo un procesador de texto simple.