ELABORACIN DE PGINAS WEB

1.1. ANALIZAR LAS TEORIAS DEL DISEO

Es prctico distinguir entre los tipos informativos y normativos de estudio arteologico.
El ltimo es ms usual, porque casi todos los artefactos humanos, incluyendo
productos industriales y de los artisanos, se hacen para un propsito definido. Este
propsito normativo impregna el producto s mismo, el proceso de hacerlo, y tambin
la mayora (pero no todo) de los estudios alrededor de productos. Por supuesto, es
posible estudiar productos de una vista informativa, sin intencin de mejorar el objeto
ni de asistir al diseo de productos similares nuevos.
Otra clasificacin til se basa en el nmero de objetos estudiados y as tambin en el
alcance de validez de los hallazgos, que en otras palabras es la divisin entre los
estudios generales y el estudio de caso. Principalmente el estudio de un objeto no
diferencia mucho de estudiar varios objetos, pero en la prctica de investigacin hay
muchas diferencias.

La teora del diseo marca las pautas y las bases del diseo grfico. Tener unos
conocimientos slidos sobre todos los aspectos relacionados con el diseo grfico
determinar, junto con la creatividad del diseador, la calidad de los diseos
realizados por l mismo
La teora del diseo es una denominacin colectiva para todo el conocimiento
permanente que se piensa asistir al diseo de varios productos nuevos. Esta
informacin ha sido reunida en su mayor parte por un gran nmero de proyectos
1

ELABORACIN DE PGINAS WEB

de investigacin. Correspondiendo a los enfoques usuales de investigacin, la

informacin est esencialmente de dos tipos:
1. Conocimiento nomottico: reglas generales que se han recolectado de varios
productos diferentes. A este grupo pertenecen:
o regulaciones gubernamentales
o estndares para propiedades y calidades de productos
o patentes
o herramientas para el diseo, como algoritmos, consejos, reglas que no fallan.
2. Conocimiento ideogrfico que realmente se refiere slo a productos individuales
pero que no obstante se puede generalizar a otros productos tambin:
o ejemplares, productos meritorios producidos ms temprano, o sus detalles,
o estndares para productos completos
o los componentes prefabricados que son disponibles para algunos productos
(e.g. los edificios y computadoras) se basan a menudo en investigacin y ellos as
pueden ser dicho "contienen" conocimiento terico
El minimalismo est catalogado como un movimeinto artstico de los aos 60's del
siglo pasado. Comenz por representaciones de tipo tridimensional de formas
bsicas y regularmente geomtricas como las de Sol le Witt, pero tambin cont
con algunas manifestaciones bidimensionales. El minimalismo se bas siempre en
la utilizacin de elementos simples, en los que no importaba nada ms que el
objeto en s, no haba ttulo, no exista una representacin de algo.
Actualmente tambin existe la tendencia minimalista en el diseo de modas o de
mobiliario, as como en la arquitectura (hay muy buenos ejemplos).
El arte conceptual o conceptualismo se bas en la primaca de la idea o concepto
por encima de la tcnica o forma final del objeto. Es ms, no solo se limit a
objetos bi o tridimensionales (escultura o pintura), sino que incursion en los
actos, como es el caso del happening o el performance, as como tambin en el
video. Cuando se contem`la una obra conceptual no se ve nada ms que el medio
por el cual el artista intent transmitirnos una idea. Muchas veces solo vemos las
instrucciones de cmo realizar un proceso en el cual intervendremos de modo
activo en la obra, siendo nosotros los hacedores de la misma

1.2. IDENTIFICAR EL IMPACTO Y EL ENFOQUE EN DISEOS

EXISTENTES.
El diseo de nuevos productos es crucial para la supervivencia de la
mayora de las empresas. Aunque existen algunas firmas que
experimentan muy poco cambioen sus productos, la mayora de las
1

ELABORACIN DE PGINAS WEB

compaas deben revisarlas en forma constante. En las industrias que

cambian con rapidez, la introduccinde nuevos productos es una forma
de vida y se han desarrollado enfoques muy sofisticados para presentar
nuevos productos.
El diseo del producto casi nunca es responsabilidadnica de la funcin
de operaciones, sin embargo sta se ve muy afectada por la
introduccin de nuevos productos y viceversa. La funcin de operaciones
es el "receptor" de la introduccin de nuevos productos. Al mismo
tiempo, estos nuevos productos se ven limitados por las operaciones
existentes y la tecnologa. Por lo tanto, resulta extremadamente
importante comprender el proceso de diseo de nuevos productos as
como su interaccin con las operaciones.
Las decisiones sobre el producto afectan a cada una de las reas de
toma de decisiones de operaciones, por lo tanto, las decisiones sobre los
productos deben coordinarse de manera ntima con las operaciones para
asegurarse de que esta rea queda integrada con el diseo del producto.
A travs de una cooperacin ntima entre operaciones y mercadotecnia,
la estrategia del mercado y la estrategia del producto se pueden integrar
con las decisiones que se relacionan con el proceso, la capacidad,
inventarios, fuerza de trabajo y calidad.
La definicin del producto es el resultado del desarrollo de una
estrategia empresarial. Por ejemplo, la estrategia empresarial podra
exigir una lnea de productos completa para servir a un sector particular
de los clientes. Como resultado, se definirn nuevos productos para
completar la lnea de productos. Estas definiciones de nuevos productos
se convierten entonces en un insumo para la estrategia de operaciones y
las decisiones de operaciones se ajustan para acoplarse a la estrategia
de nuevos productos. Al tener una participacin activa desde el
comienzo, las operaciones pueden asumir un papel de apoyo externo de
etapa 4 en trminos de su estrategia de operaciones y toma de
decisiones.
El diseo del producto es un pre requisito para la produccin al igual que
el pronstico de volumen. El resultado de la decisin del diseo del
producto se transmite a operaciones en forma de especificaciones del
producto. En estas especificaciones se indican las caractersticas que se
desea tenga el producto y as se permite que se proceda con la
produccin.

1.3.DISEAR FORMATOS CONSIDERANDO LAS ZONAS AUREAS,

DIRECCION,SENTIDO Y EQUILIBRIO.

Toda obra de comunicacin visual nace de la necesidad de

transmitir un mensaje especfico. Undiseador grfico no es
1

ELABORACIN DE PGINAS WEB

un creador de formas, sino un creador de comunicaciones, un

profesionalque mediante un mtodo especfico (diseo)
construye mensajes (comunicacin) con mediosvisuales
(grafismos). No es el creador del mensaje, sino su
intrprete.El principal componente de toda
composicin grfica es pues el mensaje a
interpretar, lainformacin que se desea hacer llegar al
destinatario a travs del grafismo. Esta informacin se debe
representar por medio de diferentes elementos grficos, que
pueden ser muchos y variados,aunque los ms comunes son:

Elementos grficos simples: puntos y lneas de todo tipo

(libres, rectas, quebradas curvas,etc.)

Elementos geomtricos, con contorno o sin l: polgonos,

crculos, elipses, valos, etc.

Tipos: letras de diferentes formas y estructura,

utilizadas para presentar mensajes textuales.

Grficos varios: logotipos, iconos, etc.

Ilustraciones

Fotografas

Cualquier otro elemento visual apto para comunicar un

mensaje.
a.
ZONAS AUREAS.

ELABORACIN DE PGINAS WEB

La cre Vitruvio, la autoridad romana en arquitectura. Ide

un sistema de clculo matemtico dela divisin pictrica,
para seccionar los espacios en partes iguales y as
conseguir una mejor composicin. Se basa en el
principio general de contemplar un espacio rectangular
dividido, agrandes rasgos, en terceras partes, tanto vertical
como horizontalmente. La escala se utiliza en planos y
mapas para la representacin de una medicin proporcional
real.La medicin nos permite adecuarnos a la realidad,
pero ms importante es lo que colocamos junto al
objeto visual o el marco en el que est colocado. La
medicin universal es la propiamedida del hombre, el
tamao medio de las proporciones humanas.La pregunta que
hacen todos los diseadores es: cmo podemos distribuir el
espacio de diseode una forma acertada? Pues bien, no hay
una norma que nos indique la divisin perfecta, peroexiste
una frmula muy conocida en el mundo del diseo, que
permite dividir el espacio en partesiguales, para lograr un
efecto esttico agradable y que puede llegar a ser muy eficaz.
Esta teorase denomina
"La regla urea"
, tambin conocida como
"seccin urea".b.
DIRECCION Y SENTIDO.
En la comunicacin visual el diseador tendr que tener en
cuenta tanto la vertiente psicolgicade la percepcin humana
como las significaciones culturales que pueden tener ciertos
elementos.El diseador grfico es una especie de
arquitecto del espacio grfico y debe distribuir
loselementos en funcin de una estructura interna que
tenga una significacin, gua o intencincoincidente
1

ELABORACIN DE PGINAS WEB

con el mensaje que se quiera transmitir. Esta estructura

ser la responsable de laeleccin cromtica y su
intencionalidad expresiva, de la eleccin de las
imgenes o de la disposicin de los bloques de texto.
1.4.APLICAR LA TEORIA DEL COLOR CONSIDERANDO EL
CIRCULO CROMATICO,CONTRASTES, EL RGB Y CMY.
Empezaremos diciendo que el color en s no existe, no es una caracterstica del
objeto, es msbien una apreciacin subjetiva nuestra. Por tanto, podemos definirlo como,
una sensacin que seproduce en respuesta a la estimulacin del ojo y de sus
mecanismos nerviosos, por la energa luminosa de ciertas longitudes de onda.El color
es pues un hecho de la visin que resulta de las diferencias de percepciones del
ojo ad i s t i n t a s l o n g i t u d e s d e o n d a q u e c o m p o n e n l o q u e s e d e n o m i n a e l
" e s p e c t r o " d e l u z b l a n c a reflejada en una hoja de papel. Estas ondas visibles
son aquellas cuya longitud de onda estcomprendida entre los 400 y los 700
nanmetros; ms all de estos lmites siguen existiendo radiaciones, pero ya no son
percibidos por nuestra vista.En las artes grficas tenemos dos grandes categoras
con respecto al color, imagen en color ei m a g e n e n b l a n c o y n e g r o , e n s t a s
ltimas podemos diferenciar: - imgenes a pluma. -imgenes
t r a m a d a s : m e d i a n t e d i f e r e n t e s t i p o s d e g r i s . As i m i s m o , l a s i m g e n e s
e n c o l o r s e pueden dividir en dos categoras: - colores planos: manchas
uniformes de color. - degradados,t a m b i n t r a m a d a s . E l c o l o r e s u n
e l e m e n t o b s i c o a l a h o r a d e e l a b o r a r u n m e n s a j e v i s u a l . Muchas veces, el
color no es un simple atributo que recubre la forma de las cosas en busca de lafidelidad
reproducida. A pesar de que, sin el color la forma permanece, con frecuencia el Mensajeses,
precisamente, el Color, o lo que slo puede expresarse por el Color.E l c o l o r e s t
presente en todos los aspectos de la identidad empresarial y de marca.
E n l a identidad, las empresas pueden hacer que el color sea el principal
elemento de su identidadutilizando un nico color o una paleta de colores como parte de
su identidad visual. Si el color seemplea uniformemente en una serie de elementos de la
identidad, se termina convirtiendo en larbrica de la empresa.
d . C I R C U L O C R O M ATI C O .
El ojo humano puede distinguir entre 10.000 colores. Se
pueden adems emplear tres dimensionesfsicas del color para
relacionar experiencias de percepcin con propiedades
materiales: saturacin,brillantez y tono.El crculo cromtico
nos sirve para observar la organizacin bsica y la
interrelacin de los colores.Tambin lo podemos emplear como
forma para hacer la seleccin de color que nos
parezcaadecuada a nuestro diseo. Podemos encontrar diversos
crculos de color, pero el que aqu vemosest compuesto de 12
colores bsicos.Dentro encontramos el negro, que se produce

ELABORACIN DE PGINAS WEB

gracias a la mezcla de todos ellos.En este crculo cromtico

podemos encontrar:

los colores primarios:

rojo, azul y amarillo;

los secundarios:
verde, violeta y naranja;

y los terciarios:
rojo violceo, rojo anaranjado, amarillo anaranjado, amarillo
verdoso,azul verdoso y azul violceo.
e.RGB (RED, GREEN, BUE) y CMY (CYAN, MAGENTA, YELLOW)
Los tonos secundarios se obtienen al mezclar partes iguales de dos primarios;
los tonos terciariosse consiguen al mezclar partes iguales de un tono primario y
de un secundario adyacente. Losprimarios son colores que se consideran
absolutos y que no pueden crearse mediante la mezclade otros colores. Sin
embargo, mezclar los primarios en diversas combinaciones crea un
nmeroi n f i n i t o d e c o l o r e s . D e p e n d i e n d o d e q u m b i t o , p o d e m o s
e n c o n t r a r t r e s j u e g o s d e c o l o r e s primarios:

Los artistas y diseadores parten de un juego formado por el

rojo, el amarillo y el azul
.M e z c l a n d o p i g m e n t o s d e s t o s c o l o r e s p u e d e n o b t e n e r s e t o d o s
los dems tonos.

El segundo juego de primarios es el del

rojo, verde y el azul,
conocidos como
primariosaditivos
. Son los primarios de la luz y se utilizan en el campo de la ciencia o
e n l a formacin de imgenes de monitores. Si se mezclan en distintos tantos
por ciento, formanotros colores y si lo hacen en cantidades iguales producen la
luz blanca.

El tercer juego se compone de

magenta, amarillo y cyan.
Se tratan de los
primariossustractivos
y son los empleados por los impresores. En imprenta, la separacin
d e colores se realiza utilizando filtros para restar luz de los primarios aditivos,
con lo que seobtienen los colores de impresin por proceso sustractivo.
f . C O N T R A S T E S . El tono:
Es el matiz del color, es decir el color en s mismo, supone su cualidad
cromtica, es-simplemente- un sinnimo de color. Es la cualidad que define la
mezcla de un color con blanco ynegro. Est relacionado con la longitud de onda

ELABORACIN DE PGINAS WEB

de su radiacin. Segn su tonalidad se puededecir que un color es rojo,

amarillo, verde... Aqu podemos hacer una divisin entre:

tonos clidos (rojo, amarillo y anaranjados). Aquellos que asociamos con la luz
solar, elfuego...

y tonos fros (azul y verde). Los colores fros son aquellos que asociamos con
el agua, laluz de la luna ...Los trminos "clido" y "fro" se utilizan para
calificar a aquellos tonos que connotan dichascualidades; stos trminos se
designan por lo que denominamos "temperatura de color". Lasdiferencias entre
los colores clidos y los fros pueden ser muy sutiles. Por ejemplo, el
papelblanco puede parecer ms clido o ms fro por una leve presencia de rojo
o azul. Lo mismoocurre con el gris y el negro.
La brillantez:
Tiene que ver con la intensidad o el nivel de energa. Es la luminosidad de un
color(la capacidad de reflejar el blanco), es decir, el brillo. Alude a la claridad
u oscuridad de un tono.Es una condicin variable, que puede alterar
fundamentalmente la apariencia de un color. Laluminosidad puede variar
aadiendo negro o blanco a un tono.En general, con los tonos puros que tienen
un valor ms luminoso (amarillo, naranja, verde) seconsiguen las mejores
variantes claras, mientras que los tonos puros que tienen normalmente unvalor
normalmente menos luminoso (rojo, azul, violeta) ofrecen las mejores variantes
oscuras.
La saturacin:
Est relacionada con la pureza cromtica o falta de dilucin con el
b l a n c o . Constituye la pureza del color respecto al gris, y depende de la
cantidad de blanco presente.Cuanto ms saturado est un color, ms puro es y
menos mezcla de gris posee
Unidad 2: Manejar los elementos bsicos de un lenguaje usado en la creacin
de pginas web (HTML)
2.1. Identificar los contenidos de la pgina Web
2.1.1. Conceptos bsicos

a) Internet
Internet es una red global de equipos informticos que se comunican mediante un
lenguaje comn. Al conectarse a este sitio Web se ha conectado a Internet. Es
similar al sistema de telfonos internacional: nadie posee ni controla todo el
conjunto, pero est conectado de forma que funcione
como una gran red. Hoy en da, entre treinta y cuarenta
millones de personas tienen acceso a Internet. Esto le
incluye a usted.
El Web permite saltar mediante un "hipervnculo" de una
pgina a otra. Imagine que el Web es una gran
1

ELABORACIN DE PGINAS WEB

biblioteca. Los sitios Web son los libros y las "pginas" de Web pginas concretas
de los libros. Las pginas pueden contener noticias, imgenes, pelculas, sonidos,
grficos en tres dimensiones, casi cualquier cosa. Estas pginas pueden estar
situadas en sistemas en cualquier lugar del mundo. Al conectarse al Web, tiene
igual acceso a informacin en cualquier lugar del mundo; sin restricciones o costos
de larga distancia.
Las direcciones electrnicas son la forma de ubicar unvocamente a cada persona
y computadora en la Red. Son nicas: no puede haber dos iguales en el mundo,
porque los mensajes se perderan. Existen tres tipos: las de computadoras
(llamadas dominios), las de personas (casillas de E-mail) y las de recursos (por
ejemplo, una pgina de la Web). Su estructura se basa en partes fijas y partes
opcionales.
Cmo funcionan realmente?
Las direcciones electrnicas que se conocen y utilizan a diario han sido diseadas
para el uso de los humanos: su formato intenta adecuarse al hecho de que es ms
fcil recordar palabras que nmeros. En realidad, cada computadora conectada a
Internet posee un nmero nico llamado IP (Internet Protocol) que corresponde a
cada direccin electrnica humana. El nmero IP se compone de cuatro grupos de
nmeros separados por puntos, donde cada uno puede tomar cualquier valor entre
0 y 255, por ejemplo 200.56.1.224.
La informacin que circula por Internet se basa en la direccin IP de cada
computadora de destino. Cuando una direccin electrnica ingresa en la mquina,
comienza a trabajar un DNS (Servidor de Dominio o Domain Name Server),
computadora especial que convierte o transforma los nombres de la direccin en
una direccin IP; o esta en una direccin electrnica, de modo que el mensaje
pueda ir y venir por la Red. Los proveedores de servicios en Internet o servidores
de pginas Web tienen sus propios servidores de Dominio, sin los cuales sera
imposible comunicarse adecuadamente con las personas y computadoras de
Internet.
Direcciones de Computadoras
Todo recurso de Internet est alojado en una computadora servidor (server o host)
que tiene asignada una o varias direcciones electrnicas. Cada computadora o
persona que se conecta a Internet tiene asignada una direccin electrnica nica.
El nombre electrnico de un grupo de computadoras relacionadas (por ejemplo, de
todas las computadoras pertenecientes a una misma empresa, en Internet se
llama Dominio (Domain). Cuando se trata de una computadora, la estructura de
direccin se compone de cuatro partes, cada una de las cuales brinda distinto tipo
de informacin. Las partes estn separadas por un punto (sin espacios
intermedios) y pueden estar presentes o no.
El esquema bsico sera, Dominio=computadora.organizacin.tipo.pas. Ejemplo:
www.arrakis.es

ELABORACIN DE PGINAS WEB

Tipo
Es una clasificacin que existe para identificar la actividad de la organizacin. Los
tipos se clasifican en:
Clasificacin
.com (en algunos pases, .co)
.edu (en algunos pases, .ac)

.gob (en algunos pases .gov)

.mil

.net

.org

Significado
Es una compaa u
organizacin comercial.
Es una institucin de
educacin, universidades,
colegios,
institutos
o
centros de investigacin.
Se trata de organizaciones
del gobierno.
Es una institucin militar.

Se trata de algn nodo

administrativo
o
de
conexin de un proveedor
de servicios, o de alguna
entidad de servicios.
Se
utiliza
para
organizaciones que no
entren en ninguna de las
categoras anteriores, por
ejemplo organizaciones sin
fines de lucro.

Ejemplo
Ford.com
Bancomer.com
mit.edu
harvard.edu
cecytes.edu
Itson.edu
sonora.gob
presidencia.gob
armada.mil.co
defenselink.mil
army.mil
internic.net
Prodigy.net

Ife.org.mx
educar.org
vidahumana.org
cndh.org.mx
greenpeace.org
conevyt.org.mx

Existen otras nuevas jerarquas recientemente creadas y an no implementadas:

.firm para empresas o corporaciones
.store para empresas que ofrecen negocios de venta online
.web para entidades que se dediquen a actividades relacionadas con la Web.
.arts
para instituciones que desarrollen actividades culturales o de
entretenimiento.
.rec Entidades que se dediquen a actividades relacionada con la recreacin y los
juegos.
.info para entidades que brinden reportes o informacin.
.nom para personas fsicas que deseen su propio dominio.
Pas
Identifica el pas al cual pertenece el dominio. Esta parte de la direccin no
siempre est presente. Se ha creado una codificacin normada de cdigos de
pases . Ejemplos: au Australia, ca Canad, ie Irlanda , it Italia, jp Japn,
uk Reino Unido, co Colombia, etc.
1

ELABORACIN DE PGINAS WEB

Las Direcciones de Dominio

Son nicas en el mundo, no puede haber dos iguales.
Se escriben siempre en minscula.
Nunca llevan espacios entre palabras.
Se componen de caracteres comunes: letras, nmeros, guiones.
Nunca debe usarse la ni letras acentuadas, ni $, ni #, ni otro carcter de
ese tipo.
Cada parte se separa por puntos.
No hay un mximo de caracteres de longitud.
Sin embargo, siempre se trata de hacerlas lo ms cortas posibles.
b) WWW (WORLD WIDE WEB)
Lo que ha dado el punto de salida al extraordinario impulso de los accesos a
Internet ha sido la creacin de un sistema que facilita y agiliza la localizacin y el
transporte de informaciones a travs de la red. Esto ha sucedido a partir de 1990
con la creacin de la World Wide Web a manos de Tim Berners-Lee del centro
europeo de investigacin del CERN de Ginebra, en Suiza.
De qu se trata? Como dice su nombre es una tela de araa, grande como el
mundo, de informaciones conectadas entre s. Este modo de utilizar la red ha
permitido crear algo similar a una nica y gran biblioteca virtual. En esta biblioteca
los volmenes contenidos se organizan de forma hipertextual y son reclamados en
el momento en el cual el usuario los solicita para consultar.
Fsicamente las informaciones son depositadas en ordenadores esparcidos por el
mundo (los llamados sitios). La red funciona como sistema de transporte y lleva
las informaciones hacia quien las solicita. Una autntica tela de araa de recursos
se vuelve as accesible a todos, aunque se encuentre a miles de kilmetros de
distancia del lugar donde estn contenidos.
Est claro que se trata de un sistema muy simple de consultar, porque no necesita
el uso de ningn comando o men en particular, sino que basta un clic del ratn.
No hay que hacer nada ms que leer el texto reclamado, llamado pgina
hipertextual, y si se desea, seguir los enlaces hacia nuevas pginas.
Adems, existe la posibilidad de importar de la red las noticias reclamadas,
conservndolas en nuestro ordenador o imprimindolas. Para los que tengan en
mente la lectura secuencial de un libro, pgina tras pgina, el poder saltar de un
vdeo a otro siguiendo caminos diferentes, representa una agradable sensacin de
libertad. Se comprende bien entonces que cada usuario gracias a la Web pueda
crearse un itinerario personal en el interior de un ocano de informaciones
esparcidas en todo el globo.
World Wide Web (el Web o WWW) proporciona una interfaz grfica por la que es
fcil desplazarse para buscar documentos en Internet. Estos documentos, as
como los vnculos entre ellos, componen una red de informacin.

ELABORACIN DE PGINAS WEB

Funcionamiento de la www
En el mundo existen un cierto nmero de ordenadores, llamados servidores
WWW, en los cuales se graban las informaciones.
Cada servidor alberga un cierto nmero de pginas. La red Internet conecta los
servidores entre ellos y con los ordenadores de los usuarios que se llaman cliente.
Para visualizar una determinada pgina, el usuario debe pedirle una copia al
servidor que la alberga. Esto se hace de modo transparente con un programa
adecuado, llamado navegador, instalado en su ordenador.
La red hace pues de canal de comunicacin entre servidor y cliente, y por este
motivo se la llama autopista de la informacin.
Las informaciones que transitan en la red son fragmentadas a la salida en
pequeas unidades llamadas paquetes, que se recomponen automticamente a
su llegada.
En realidad, la red no es una autopista lineal y rectilnea, sino que conoce
obstculos de diversos tipos. Pueden verificarse, por ejemplo, ralentizaciones
debidas a un excesivo trfico, o se pueden encontrar trayectos interrumpidos.
Algunos vehculos (paquetes) son ms pequeos y veloces, otros ms lentos, pero
capaces de llevar mayor cantidad de noticias. Las prestaciones ofrecidas por la
red, pues, pueden variar enormemente.
Un aspecto interesante del mundo WWW es que la mayor parte de las
informaciones actualmente disponibles son accesibles gratuitamente. Para utilizar
un eslogan: es como tener el mundo en casa.
En los ltimos tiempos, no obstante, una serie de informaciones, ligadas al mundo
cientfico y tcnico, estn accesibles slo tras una forma cualquiera de pago. Por
ejemplo, para consultar algunas bases de datos, es necesario obtener de los
gestores del servicio la autorizacin, bajo forma de contrasea. De todos modos,
esto slo atae a un nmero limitado de servicios online.
c) Correo electrnico
El correo electrnico es el intercambio de mensajes almacenados en computadora
por medio de las telecomunicaciones, es decir dos personas que tenga acceso a
una cuenta de correo puede enviarse cartas. Sin embargo, se pueden tambin
enviar archivos en otros formatos. El correo electrnico representa una de las
primeras aplicaciones del Internet y sigue siendo la de mayor uso.
El correo electrnico (E-Mail o Electronic Mail en ingls) es el segundo servicio
ms usado de la Red Internet (el primero es la navegacin por la World Wide
Web). Dos personas que tengan acceso a una cuenta de correo en Internet puede
enviarse mensajes escritos desde cualquier parte del mundo a una gran velocidad.
Lo normal es que un mensaje tarde entre unos pocos segundos o minutos,
dependiendo de la cantidad de texto que se enve.
1

ELABORACIN DE PGINAS WEB

El Correo Electrnico nos permite enviar cartas escritas con el ordenador a otras
personas que tengan acceso a la Red. Las cartas quedan acumuladas en Internet
hasta el momento en que se piden. Es entonces cuando son enviadas al
ordenador del destinatario para que pueda leerlas. El correo electrnico es casi
instantneo, a diferencia del correo normal, y adems muy barato. Podemos
cartearnos con cualquier persona del Mundo que disponga de conexin a Internet.
Algunas ventajas sobre el uso del correo tradicional como son:
Su costo es bajo, si se desea enviar mensajes a otro pas.
Un mismo mensaje se puede enviar a varios destinatarios al mismo tiempo.
Es posible adjuntar al mensaje diversos tipos de archivos.
El texto de un mensaje puede ser copiado para editarse o imprimirse.
Los mensajes son enviados y recibidos casi al mismo tiempo.
Algunas pginas que nos permiten construir correo electrnico son:
Hotmail
Yahoo
Mixmail
Latinmail
Gmail

www.hotmail.com
www.yahoo.com.mx
www.mixmail.com
www.latinmail.com
www.gmail.com

d) Navegadores
La navegacin en la Web es posible gracias a los navegadores. En el
curso de los aos se han fabricado diversos tipos de navegadores
cada vez ms potentes y fciles de usar. Dada la naturaleza no
comercial de los aos iniciales de la red, los primeros instrumentos de
navegacin se desarrollaron en el interior de las universidades y de los
centros de investigacin y se pusieron a disposicin gratuita de todos
los usuarios.
En esta primera fase de desarrollo se puso mayor nfasis en la posible utilizacin
de ordenadores de distintos tipos con requisitos mnimos: las interfaces, por
ejemplo, eran puramente textuales.
Al difundirse las interfaces grficas se desarroll Mosaic, uno de los navegadores
ms utilizados en el pasado reciente, convertido en el antecesor de los
navegadores actuales.
La abertura de la red a los servicios comerciales y el descubrimiento de la Web
como vehculo de publicacin de informaciones a bajo coste ha creado una serie
de exigencias: por un lado, es importante presentar las pginas de modo
grficamente adecuado, enriquecido con elementos multimedia, como sonidos y
filmaciones; por otro lado, para simplificar el uso de la red por parte de los
inexpertos, se han integrado funcionalidades diferentes de acceso a Internet,
como el correo electrnico y la transferencia de archivos.
1

ELABORACIN DE PGINAS WEB

Los navegadores mayormente utilizados hoy en da son Netscape Communicator,

Microsoft Internet Explorer y Mozilla.
e) Buscadores
La cantidad de pginas electrnicas es enorme y encontrar
alguna sobre un tema determinado, si no se conoce la
direccin o URL, puede ser muy difcil. Para encontrar
direcciones con temas especficos se emplean los
buscadores.
Los buscadores permiten rastrear en la Web las pginas que contengan la
informacin deseada. Los buscadores de Internet, tambin denominados motores
de bsqueda (Search Engines). Se trata de sitios especiales mediante las cuales
puede rastrear en la Web las pginas que contengan la informacin deseada.
Presentamos a continuacin una lista de los buscadores ms populares:
AltaVista
http://www.altavista.com
Yahoo!
http://www.yahoo.com.mx
Lycos
http://www.lycos.com
Infoseek
http://infoseek.go.com
Google
http://google.com
Excite
http://www.excite.com
Open Text
http://www.opentext.com
Planet Search http://www.planetsearch.com
f) Servidor Web
Es un programa que implementa el protocolo HTTP (hypertext transfer protocol).
Este protocolo est diseado para transferir lo que llamamos hipertextos, pginas
Web o pginas HTML (hypertext markup language): textos complejos con enlaces,
figuras, formularios, botones y objetos incrustados como animaciones o
reproductores de sonidos.
Sin embargo, el hecho de que HTTP y HTML estn
ntimamente ligados no debe dar lugar a confundir ambos
trminos. HTML es un formato de archivo y HTTP es un
protocolo.
Cabe destacar el hecho de que la palabra servidor
identifica tanto al programa como a la mquina en la que
dicho programa se ejecuta. Existe, por tanto, cierta
ambigedad en el trmino, aunque no ser difcil
diferenciar a cul de los dos nos referimos en cada caso.
Un servidor Web se encarga de mantenerse a la espera de peticiones HTTP
llevada a cabo por un cliente HTTP que solemos conocer como navegador. El
1

ELABORACIN DE PGINAS WEB

navegador realiza una peticin al servidor y ste le responde con el contenido que
el cliente solicita. A modo de ejemplo, al teclear www.wikipedia.org en nuestro
navegador, ste realiza una peticin HTTP al servidor de dicha direccin. El
servidor responde al cliente enviando el cdigo HTML de la pgina; el cliente, una
vez recibido el cdigo, lo interpreta y lo muestra en pantalla. Como vemos con
este ejemplo, el cliente es el encargado de interpretar el cdigo HTML, es decir, de
mostrar las fuentes, los colores y la disposicin de los textos y objetos de la
pgina; el servidor tan slo se limita a transferir el cdigo de la pgina sin llevar a
cabo ninguna interpretacin de la misma.
Sobre el servicio Web clsico podemos disponer de aplicaciones Web. stas son
fragmentos de cdigo que se ejecutan cuando se realizan ciertas peticiones o
respuestas HTTP. Hay que distinguir entre:

Aplicaciones en el lado del cliente: el cliente Web es el encargado de

ejecutarlas en la mquina del usuario. Son las aplicaciones tipo Java o
Javascript: el servidor proporciona el cdigo de las aplicaciones al cliente y
ste, mediante el navegador, las ejecuta. Es necesario, por tanto, que el
cliente disponga de un navegador con capacidad para ejecutar aplicaciones
(tambin llamadas scripts). Normalmente, los navegadores permiten
ejecutar aplicaciones escritas en lenguaje javascript y java, aunque pueden
aadirse mas lenguajes mediante el uso de plugins
Aplicaciones en el lado del servidor: el servidor Web ejecuta la aplicacin;
sta, una vez ejecutada, genera cierto cdigo HTML; el servidor toma este
cdigo recin creado y lo enva al cliente por medio del protocolo HTTP.
Las aplicaciones de servidor suelen ser la opcin por la que se opta en la
mayora de las ocasiones para realizar aplicaciones Web. La razn es que,
al ejecutarse sta en el servidor y no en la mquina del cliente, ste no
necesita ninguna capacidad adicional, como s ocurre en el caso de querer
ejecutar aplicaciones javascript o java. As pues, cualquier cliente dotado de
un navegador Web bsico puede utilizar este tipo de aplicaciones.

Algunos servidores Web importantes son:

Apache
IIS
Cherokee
Otros servidores, ms simples pero ms rpidos, son:
lighttpd
thttpd
g) Pgina Web
Una pgina de Internet o pgina Web es un documento electrnico que contiene
informacin especfica de un tema en particular y que es almacenado en algn
sistema de cmputo que se encuentre conectado a la red mundial de informacin
denominada Internet, de tal forma que este documento pueda ser consultado por
1

ELABORACIN DE PGINAS WEB

cualesquier persona que se conecte a esta red mundial de comunicaciones y que

cuente con los permisos apropiados para hacerlo. Una pgina Web es la unidad
bsica del World Wide Web.
Una pgina Web tiene la caracterstica peculiar de que el texto se combina con
imgenes para hacer que el documento sea dinmico y permita que se puedan
ejecutar diferentes acciones, una tras otra, a travs de la seleccin de texto
remarcado o de las imgenes, accin que nos puede conducir a otra seccin
dentro del documento, abrir otra pgina Web, iniciar un mensaje de correo
electrnico o transportarnos a otro Sitio Web totalmente distinto a travs de sus
hipervnculos.
Estos documentos pueden ser elaborados por los gobiernos, instituciones
educativas, instituciones pblicas o privadas, empresas o cualquier otro tipo de
asociacin, y por las propias personas en lo individual.
h) Sitios Web
Es un conjunto de archivos electrnicos y pginas Web referentes a un tema en
particular, que incluye una pgina inicial de bienvenida, generalmente denominada
home page, con un nombre de dominio y direccin en Internet especficos.
Un sitio Web (en ingls: Website) es un conjunto de pginas Web, tpicamente
comunes a un dominio de Internet o subdominio en la World Wide Web en
Internet. Todos los sitios Web pblicamente accesibles constituyen una gigantesca
"World Wide Web" de informacin.
A las pginas de un sitio Web se accede desde un URL raz comn llamado
portada, que normalmente reside en el mismo servidor fsico. Los URL organizan
las pginas en una jerarqua, aunque los hiperenlaces entre ellas controlan cmo
el lector percibe la estructura general y cmo el trfico Web fluye entre las
diferentes partes de los sitios.
Algunos sitios Web requieren una subscripcin para acceder a algunos o todos
sus contenidos. Ejemplos de sitios con subscripcin incluyen muchos sitios de
pornografa en Internet, parte de muchos sitios de noticias, sitios de juegos, foros,
servicios de correo electrnico basados en Web y sitios que proporcionan datos de
bolsa en tiempo real.
Tipos de sitios Web
Existen muchas variedades de sitios Web, cada uno especializndose en un tipo
particular de contenido o uso, y puede ser arbitrariamente clasificados de muchas
maneras. Unas pocas clasificaciones pueden incluir:

Sitio archivo: usado para preservar contenido electrnico valioso

amenazado con extincin. Un ejemplo es: Internet Archive, el cual desde
1996 ha preservado billones de antiguas (y nuevas) pginas Web.

ELABORACIN DE PGINAS WEB

Sitio weblog (o blog): sitio usado para registrar lecturas online o para
exponer diarios en lnea; puede incluir foros de discusin. Ejemplos:
Blogger, Xanga. LiveJournal, WordPress, www.x0101.com.

Sitio de empresa: usado para promocionar una empresa o servicio.

Sitio de comercio electrnico: para comprar bienes, como Amazon.com.

Sitio de comunidad virtual: un sitio donde las personas con intereses

similares se comunican con otros, normalmente por chat o foros. Por
ejemplo: MySpace, Facebook, Hi5, Multiply, Orkut.

Sitio de Base de datos: un sitio donde el uso principal es la bsqueda y

muestra de un contenido especfica de la base de datos como la Internet
Movie Database.

Sitio de desarrollo: un sitio el propsito del cual es proporcionar informacin

y recursos relacionados con el desarrollo de software, diseo Web, etc.

Sitio directorio: un sitio que contiene contenidos variados que estn

divididos en categoras y subcategoras, como el directorio de Yahoo!, el
directorio de Google y el Open Directory Project.

Sitio de descargas: estrictamente usado para descargar contenido

electrnico, como software, demos de juegos o fondos de escritorio:
Download, Tucows, Softonic, Baulsoft.

Sitio de noticias: Similar a un sitio de informacin, pero dedicada a mostrar

noticias y comentarios.

Sitio buscador: un sitio que proporciona informacin general y est pensado

como entrada o bsqueda para otros sitios. Un ejemplo puro es Google, y el
tipo de buscador ms conocido es Yahoo!.

Sitio de subastas: subastas de artculos por internet, como eBay.

Sitio portal: un sitio Web que proporciona un punto de inicio, entrada o

portal a otros recursos en Internet o una intranet.

Sitios Educativos promueven cursos presenciales y a distancia, informacin

a profesores y estudiantes, permiten ver o descargar contenidos de
asignaturas o temas.

Diferencia entre sitio Web y pgina Web

A veces se utiliza errneamente el trmino pgina Web para referirse a sitio Web.
Una pgina Web es parte de un sitio Web y es un nico archivo con un nombre de
archivo asignado, mientras que un sitio Web es un conjunto de archivos llamados
pginas Web.
i) Lenguajes utilizables en la creacin de pgina Web
1

ELABORACIN DE PGINAS WEB

El servicio de diseo de pginas Web, es de acuerdo a las necesidades y gustos

de los clientes, ya que se brindan propuestas con las tendencias que el sitio Web
pudiera adoptar, los clientes deciden como quiere que sea su pgina Web,
tomando en cuenta la forma ms idnea y efectiva de presentar su empresa y sus
productos en la red de Internet para una mayor penetracin en el mercado.
Existen diferentes tecnologas involucradas en desarrollo de pginas Web, en los
distintos niveles de la estructura de la aplicacin. Un punto importante son los
lenguajes de programacin que se utilizarn en las pginas Web, ya que de estos
lenguajes se deriva el desempeo, rapidez y lgica que las pginas Web tendrn
en la ejecucin.
Cul es el mejor lenguaje de programacin Web?, en realidad no se puede hacer
una comparacin de que lenguaje de programacin es el mejor, lo que si se puede
decir, es que haciendo una integracin adecuada de diferentes lenguajes, se
puede crear una pgina o aplicacin Web de excelente calidad y con buenas
caractersticas.
HTML
HTML (HyperText Markup Language) es un lenguaje muy sencillo que permite
describir hipertexto, es decir, texto presentado de forma estructurada y agradable,
con enlaces (hyperlinks) que conducen a otros documentos o fuentes de
informacin relacionadas, y con inserciones multimedia (grficos, sonido, etc.) La
descripcin se basa en especificar en el texto la estructura lgica del contenido
(ttulos, prrafos de texto normal, enumeraciones, definiciones, citas, etc) as como
los diferentes efectos que se quieren dar (especificar los lugares del documento
donde se debe poner cursiva, negrita, o un grfico determinado) y dejar que luego
la presentacin final de dicho hipertexto se realice por un programa especializado
(como Mosaic, Netscape, Internet Explorer, etc.).
DHTML
HTML Dinmico es cualquier pgina Web en la que los scripts en el lado del
cliente cambian el HTML del documento, despus de que ste haya cargado
completamente, lo cual afecta a la apariencia y las funciones de los objetos de la
pgina.
DHTML no es precisamente un lenguaje de programacin. Ms bien se trata de
una nueva capacidad de la que disponen los navegadores modernos, por la cual
se puede tener un mayor control sobre la pgina que antes.
Cualquier pgina que responde a las actividades del usuario y realiza efectos y
funcionalidades se puede englobar dentro del DHTML, pero en este caso nos
referimos ms a efectos en el navegador por los cuales se pueden mostrar y
ocultar elementos de la pgina, se puede modificar su posicin, dimensiones,
color, etc.

ELABORACIN DE PGINAS WEB

DHTML nos da ms control sobre la pgina, gracias a que los navegadores

modernos incluyen una nueva estructura para visualizar en pginas Web
denominada capa. Las capas se pueden ocultar, mostrar, desplazar, etc.
ASP
Active Server Pages (ASP) es un lenguaje que se ejecuta del lado servidor de
Microsoft para el desarrollo de pginas Web generadas dinmicamente, se ha
comercializado como un anexo a Internet Information Services (IIS)
La tecnologa ASP est estrechamente relacionada con el modelo tecnolgico de
su fabricante. Intenta ser solucin para un modelo de programacin rpida ya que
programar en ASP es como programar en Visual Basic, por supuesto con muchas
limitaciones.
Se facilita la programacin de sitios Web mediante varios objetos integrados,
como por ejemplo un objeto de sesin basada en cookies, que mantiene las
variables mientras se pasa de pgina a pgina.
JAVA SCRIPT
JavaScript es un lenguaje de programacin interpretado, es decir, que no requiere
compilacin, utilizado principalmente en pginas Web, con una sintaxis semejante
a la del lenguaje Java y el lenguaje C.
Al igual que Java, JavaScript es un lenguaje orientado a objetos propiamente
dicho, ya que dispone de Herencia, si bien sta se realiza siguiendo el paradigma
de programacin basada en prototipos, ya que las nuevas clases se generan
clonando las clases base (prototipos) y extendiendo su funcionalidad.
Todos los navegadores modernos interpretan el cdigo JavaScript integrado
dentro de las pginas Web.
El lenguaje fue inventado por Brendan Eich en la empresa Netscape
Communications, que es la que desarroll los primeros navegadores Web
comerciales.
Tradicionalmente, se vena utilizando en pginas Web HTML, para realizar tareas
y operaciones en el marco de la aplicacin nicamente cliente, sin acceso a
funciones del servidor. JavaScript se ejecuta en el agente de usuario al mismo
tiempo que las sentencias van descargndose junto con el cdigo HTML.
CSS
Las hojas de Estilo en cascada (Cascading Style Sheets), CSS es un lenguaje
usado para definir la presentacin de un documento estructurado escrito en HTML
o XML (y por extensin en XHTML). El W3C (World Wide Web Consortium) es el
encargado de formular la especificacin de las hojas de estilo que servirn de
estndar para los agentes de usuario o navegadores.
1

ELABORACIN DE PGINAS WEB

La idea que se encuentra detrs del desarrollo de CSS es separar la estructura de

un documento de su presentacin.
La informacin de estilo puede ser adjuntada tanto como un documento separado
o en el mismo documento HTML. En este ltimo caso podran definirse estilos
generales en la cabecera del documento o en cada etiqueta particular mediante el
atributo "style".
JSP
JavaServer Pages (JSP) es una tecnologa Java que permite generar contenido
dinmico para web, en forma de documentos HTML, XML o de otro tipo. Las JSP's
permiten la utilizacin de cdigo Java mediante scripts. El funcionamiento general
de la tecnologa JSP es que el Servidor de Aplicaciones interpreta el cdigo
contenido en la pgina JSP para construir el cdigo Java del servlet a generar.
Este servlet ser el que genere el documento (tpicamente HTML) que se
presentar en la pantalla del Navegador del usuario.
La principal ventaja de JSP frente a otros lenguajes es que el lenguaje Java es un
lenguaje de propsito general que excede el mundo web y que es apto para crear
clases que manejen lgica de negocio y acceso a datos de una manera prolija.
Esto permite separar en niveles las aplicaciones web, dejando la parte encargada
de generar el documento HTML en el archivo JSP.
PERL
Perl es un lenguaje de programacin diseado por Larry Wall en 1987. Perl toma
caractersticas del lenguaje C, del lenguaje interpretado shell (sh), AWK, sed, Lisp
y, en un grado inferior, de muchos otros lenguajes de programacin.
Estructuralmente, Perl est basado en un estilo de bloques como los del C o AWK,
y fue ampliamente adoptado por su destreza en el procesador de texto y no tener
ninguna de las limitaciones de los otros lenguajes de script.
PHP
PHP es un acrnimo recursivo que significa PHP Hypertext Pre-processor
(inicialmente PHP Tools, o, Personal Home Page Tools). PHP es un lenguaje de
programacin interpretado, diseado originalmente para la creacin de pginas
web dinmicas. Se usa principalmente para la interpretacin del lado del servidor
(server-side scripting) pero actualmente puede ser utilizado desde una interfaz de
lnea de comandos o en la creacin de otros tipos de programas incluyendo
aplicaciones con interfaz grfica usando las bibliotecas Qt o GTK+
2.1.2. Objetivo y clasificacin de pgina Web

Es importante analizar las principales motivaciones que tenemos para crear una
pgina Web y sobretodo las estrategias que debemos llevar a cabo para hacerlas
rentables.

ELABORACIN DE PGINAS WEB

Al iniciar una pgina Web, debemos tener muy clara la estrategia que vamos a
seguir y el por qu? y para qu? queremos tener esa Web.
Objetivos de una pgina Web son:
El primer objetivo es que la navegacin sea rpida y sencilla. Es decir, que la
pgina que tarde ms de 5 segundos en cargar pierde solo por este captulo
entre un 20 y un 30% de los visitantes. Rpida tambin se refiere a que es
necesario eliminar esas odiosas pginas iniciales de presentacin que tardan
una eternidad en cargar y que solo sirven para lucimiento del diseador y
alejamiento del negocio, o esas otras de seleccin de idioma. Que sea sencilla
significa que los mens deben estar bien visibles en la parte izquierda o
superior de la pgina, lugares a los que se dirige la vista por defecto. La
informacin no debe estar a ms de tres clicks de ratn desde la pgina
principal y la presentacin de la misma debe ser lo ms amplia posible.
El segundo objetivo de una Web debe ser que te localicen o encuentren
fcilmente. De nada sirve tener un sitio maravilloso si los usuarios no llegan a
l. Por mucho que se indique http://miempresa.com en las facturas, tarjetas de
visita y la publicidad pocas personas teclearn el nombre de la empresa o el de
la Web directamente en la barra de direcciones del navegador. Muchas de ellas
usarn el buscador preferido (Google, Yahoo, MSN) para localizarla o llegarn
a ella a travs de un link publicado en otra Web en la que se hable de la
empresa.
El tercer objetivo y el ms difcil de lograr es crear una comunidad dinmica en
torno a la Web. Convertir la Web en un punto de encuentro, hacerla
participativa y usar herramientas tan sencillas como los boletines para
mantener a los usuarios/clientes informados de novedades de inters. Muchas
webs no llegarn a este punto, pero que sepan que si ocupan su esfuerzo en
lograrlo su presencia en Internet ser dinmica y no esttica y generar
muchas y nuevas oportunidades de negocio, convirtindose en un canal de
venta ms.
Clasificacin de pgina Web
Existen muchas variedades de sitios Web, cada uno especializndose en un tipo
particular de contenido o uso, y pueden ser arbitrariamente clasificados de muchas
maneras. Unas pocas clasificaciones pueden incluir:
Comerciales: estn creados para promocionar los negocios de una
empresa. Su finalidad es econmica. Su audiencia puede estar formada por
clientes, empleados, e incluso la competencia y los medios de
comunicacin. Se pueden dividir en corporativas (informan sobre la
empresa) y promocionales (que promocionan productos)
Informativos: su finalidad principal es distribuir informacin. La audiencia de
este tipo de sitios depende del tipo de informacin que distribuyen.
Ocio: son sitios con finalidad econmica, no son sitios fciles de crear ni
mantener ya que a veces es ms importante sorprender al usuario con
innovaciones; a veces siguen reglas propias.
1

ELABORACIN DE PGINAS WEB

Navegacin: su finalidad es ayudar al usuario a encontrar lo que busca en

Internet; en este grupo se sitan los llamados portales, que intentan abarcar
prcticamente todo dentro del propio sitio.
Artstico: son un medio de expresin artstica de su creador. Este tipo de
sitios suele saltarse todas las convenciones y las nicas reglas a aplicar
son las que el propio artista desee.
Personales: Sitios que son un medio de expresin de su creador. Sus
objetivos y su audiencia pueden ser de lo ms variado. Dentro de este sitio
se puede hacer de todo, desde colecciones de fotos de la familia hasta
tratados cientficos de primer orden.

2.1.3. Estructura de una pgina Web

El HTML es un lenguaje que permite describir hipertexto, es decir, texto

presentado de forma estructurada y agradable, con enlaces (hyperlinks) que
conducen a otros documentos o fuentes de informacin relacionadas, y con
inserciones multimedia (grficos, sonido, etc.).
Con qu programa puedo escribir cdigo en HTML?.
Con cualquier editor de texto. Cuanto ms sencillo mejor. Valen el Editor del DOS,
el bloc de notas de WIN, o el Notepad de WIN95, solamente que se tiene que
grabar con la extensin HTML.
La estructura es:
La descripcin se basa en especificar en el texto la estructura lgica del contenido
(ttulos, prrafos de texto normal, enumeraciones, definiciones, citas, etc.) as
como los diferentes efectos que se quieren dar (especificar los lugares del
documento donde se debe poner cursiva, negrita, o un grafico determinado). Los
cdigos de formato que se incorporan al texto son posteriormente interpretados
por un programa especializado, que se conoce como navegador. Entre los
programas navegadores destacan como ms conocidos, Internet Explorer o
Netscape y entre otros.
Un fichero HTML es un fichero de texto con extensin HTM o HTML. En el, se
incluye la informacin que queremos presentar, pero debemos respetar una
estructura interna que interpretara nuestro navegador.
Un documento HTML, siempre comienza con la etiqueta <html>, y siempre termina
con </html>.
Dentro del documento (entre las etiquetas de principio y fin de html), hay dos
zonas bien diferenciadas: el encabezamiento y el cuerpo.
El encabezamiento, viene delimitado por las etiquetas <head>y </head>, que
sirve para definir diversos valores validos en todo el documento.
El cuerpo, viene delimitado por <body> y </body>, y en l reside la informacin
del documento.

ELABORACIN DE PGINAS WEB

La nica utilidad del encabezamiento en la que nos detendremos es la directiva

<title>, que permite especificar el ttulo de un documento HTML. Este ttulo no
forma parte del documento en s, no aparece, por ejemplo, al principio del
documento una vez que este se presenta con un programa adecuado, sino que
suele servir como ttulo de la ventana del programa que nos la muestra.
El lenguaje consta de etiquetas que tienen esta forma <B> o <P>. Cada etiqueta
significa una cosa, por ejemplo <B> significa que se escriba en negrita (bold) o
<P> significa un prrafo, <A> es un enlace, etc. Casi todas las etiquetas tienen su
correspondiente etiqueta de cierre, que indica que a partir de ese punto no debe
de afectar la etiqueta. Por ejemplo </B> se utiliza para indicar que se deje de
escribir en negrita. As que el HTML no es ms que una serie de etiquetas que se
utilizan para definir la forma o estilo que queremos aplicar a nuestro documento.
El cuerpo de un documento HTML contiene el texto que, con la presentacin y los
efectos que se decidan, se presentar ante el hiperlector. Dentro del cuerpo son
aplicables todos los efectos que se van a mencionar en el resto de esta gua.
Dichos efectos se especifican exclusivamente a travs de directivas. Esto quiere
decir que los espacios, tabulaciones y retornos de carro que se introduzcan en el
fichero fuente no tienen ningn efecto a la hora de la presentacin final del
documento.
En resumen, la estructura bsica de un documento HTML queda de la forma
siguiente:
<HTML>
<HEAD>
<TITLE>
</TITLE>
</HEAD>
<BODY>
</BODY>
</HTML>

Indica el Inicio de pgina

Inicio de la cabecera
Inicio del ttulo de la pgina
Final del ttulo de la pgina
Final de cabecera
Inicio del cuerpo de la pgina
Final del cuerpo de la pgina
Final de la pgina