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

Documento HTML

<HTML> <HEAD> <TITLE> <BODY>

Estructura básica de un documento HTML: Cabecera y cuerpo del documento

Tres son las tags que describen la estructura general de un documento y dan una información

sencilla sobre él. Estas tags no afectan a la apariencia del documento y solo interpretan y filtran los

archivos HTML.

<HTML>: Limitan el documento e indica que se encuentra escrito en este lenguaje.

<HEAD>: Especifica el prólogo del resto del archivo. Son pocas las tags que van dentro de ella,

destacando la del titulo <TITLE> que será utilizado por los marcadores del navegador e

identificará el contenido de la página. Solo puede haber un título por documento, preferiblemente

corto aunque significativo, y no caben otras tags dentro de él. En head no hay que colocar nada del

texto del documento.

<BODY>: Encierra el resto del documento, el contenido.

La estructura básica de una página web quedaría:

...