El diseo de pginas web

El diseo de pginas web es un trmino implica una gran gama de actividades tales como
la planificacin de sitios web, creacin de sitios web, modelado del sitio web, el diseo del
sitio web, codificacin de pginas y portales y la programacin y la organizacin
profesional de las pginas que componen en conjunto un sitio de gran xito. No podemos
decir que internet tiene una historia muy larga.

Comenz su existencia no hace mucho tiempo pero ha tenido un desarrollo cuidadoso y

veloz; hoy en da sea convertido en parte esencial de cada persona: nios en edad
escolar, hombres de negocios, gerentes de tienda, aficionados y amas de casa usan
internet todos los das.

La historia de internet comienza a finales de 1960. En primer lugar, se utiliza

estrictamente para fines militares de Estados Unidos. Ms tarde, algunas universidades
comenzaron a usarlo. En esa poca el internet era una herramienta especial para el
intercambio de datos importantes entre ordenadores con la ayuda de protocolos de control
de transmisin (TCP / IP). En 1969, el lenguaje especial de internet apareci. Era
ARPANET y GML (General Markup Language).

El camino de la comunicacin a travs de las computadoras era inconveniente y no fcil

de usar. Pero en el ao 1972, Ray Tomlinson cre el famoso correo electrnico que le
dio todo un giro a la vida del internet de pies a cabeza.El ao 1980 se convirti en el
punto de inflexin en el mbito de internet. El comit American National Standards
Institute anunci el proyecto de trabajo del estndar GML (SGML). Ms tarde, el cientfico
de la Organizacin Europea de Investigacin Nuclear, Tim Berners-Lee, invent el
HyperText Markup Language (HTML), que est muy extendido hoy en da y no hay sitio
que pueda existir sin l.

l fue el primero en combinar la comunicacin por internet con el hipertexto y tambin fue
responsable de la primera pgina web que fue puesta en lnea en agosto de 1991. En ese
momento slo haba un servidor web ubicado en el CERN, pero a finales de 1992, ms de
50 servidores web estaban operando en el mundo, principalmente en las universidades y
centros de investigacin.En un principio, el diseo web era para muy pocos y sin mucha
variabilidad, pero a medida que avanzaba la web, HTML se hizo ms complejo y flexible,
permiti a los usuarios aadir imgenes y tablas a las pginas web.

Con la invencin de las Hojas de Estilo en Cascada (CSS) se permiti dar estilos a cada
web con mejores y ms fciles herramientas que llevaron al internet al boom. En 1993, el
navegador de internet en primer lugar se llam Mosaico que permita a los usuarios
navegar por internet de una manera grfica y abri la web hasta el pblico en general -
fue lanzado por el Centro Nacional para Aplicaciones de Supercomputacin (NCSA). El
navegador permiti a los usuarios ver el texto y grfico, pero dentro de un acuerdo de
distribucin muy limitada que influy en la capacidad de proporcionar informacin sobre el
diseo grfico para la comunicacin visual y restringe la capacidad de diseo de pginas
web.

1
En 1994, el W3C fue creado en el fin de establecer normas y direccin del desarrollo
futuro de HTML para lograr una capacidad de proporcionar contenido dinmico a travs
de internet. Y poco despus, en 1995, Microsoft lanz una nueva versin del sistema
operativo de la compaa, Windows 95, que cont con una interfaz de usuario
completamente nueva y un navegador en la plataforma Windows, Microsoft internet
Explorer, que se convirti en muy popular en todo el mundo. Unos meses ms tarde,
AltaVista, el primer programa multilinge de motor de bsqueda, y Amazon.com, una de
las primeras empresas de internet para permitir que las transacciones electrnicas, fueron
inventados, y la World Wide web comenz a crecer rpidamente.

Tecnologas de bases de datos de integracin, tales como secuencias de comandos del

lado del servidor (PHP, ASP.Net, JSP, ColdFusion, etc) y los estndares de diseo como
CSS se han cambiado sustancialmente, y proporcion ms oportunidades para los
diseadores web y desarrolladores web.Con la introduccin de Macromedia Flash en el
ao 1996, la tecnologa se convirti en un popular mtodo utilizado para crear
animaciones, los distintos componentes de la pgina web e integrar vdeo en pginas web
y, adems, cambi la faz de internet. Con pros y contras Flash es parte del internet con
gran fuerza. As es como inicio el internet, ms tarde se podra decir que se crearon 4
periodos del diseo web que en otra entrega se las brindaremos.

Tipos de pginas web

Pgina web Esttica. Las pginas web estticas son aquellas realizadas en HTML que
pueden mostrar en alguna parte de la pgina objetos en movimiento tales como banners,
gifs animados, videos, etc.

Pgina web Animada.

Las pginas web animadas son aquellas que se realizan con la tecnologa FLASH, sta
permite que una pgina web presente el contenido con ciertos efectos animados
continuados. El uso de esta tecnologa permite diseos ms vanguardistas, modernos y
creativos.

Pgina web Dinmica.

Existen muchos lenguajes de programacin que son la base para la mayora de pginas
web dinmicas. Las que destacamos aqu son los lenguajes PHP y ASP. Estos lenguajes
permiten una perfecta estructuracin del contenido. Por una parte crearamos la
estructura de las pginas web, y por otra almacenaramos el contenido en determinados
archivos. A partir de ah, crearamos el cdigo de llamada que insertara el contenido en la
propia pgina web estructurada. Este es el principio bsico que siguen los lenguajes de
programacin. A partir de aqu se desarrollan aplicaciones para poder gestionar el
contenido a travs de un panel de control, dando lugar a nuevos tipos de pgina web que
leeremos a continuacin.

2
Portal.

Es un sitio web que en su pgina principal permite el acceso a mltiples secciones que,
por lo general, son foros, chats, cuentas de correo, buscador, acceso registrado para
obtener ciertas ventajas, las ltimas noticias de actualidad un sinfn de recursos para
brindar al usuario la mejor experiencia de bsqueda para una temtica en particular o
para una temtica muy amplia. Estamos hablando de dos tipos diferenciados de portal:
Portal Horizontal, se reconoce por su temtica variada con el fin de captar el mayor trfico
de internautas posible. Son un ejemplo de esta modalidad, los portales de Lycos, Yahoo,
Altavista, MSN, etc. Por otra parte, tenemos el Portal Vertical, que se centra en ofrecer
contenido de una temtica en particular, de este modo podemos hablar de Portal
Inmobiliario, Portal de Comercio, Portal Laboral, etc.

Tienda virtual o Comercio electrnico.

Como su nombre indica, se trata de un sitio web que publica los productos de una tienda
en particular en Internet. Permite la compra on-line a travs de VISA, domiciliacin
bancaria o transferencia por norma general. Ofrece al administrador un panel de gestin
para poder subir los productos, actualizarlos, eliminarlos, etc. Es importante observar
cuando realizamos una compra on-line, que la pgina donde realizamos la compra
muestre un candado en la parte inferior derecha o bien en la parte derecha de la barra
de navegacin. Este detalle indica que la empresa propietaria de la tienda virtual ha
habilitado una zona segura para que los datos no sean copiados por los hackers.

Pgina web con Gestor de Contenidos.

Se trata de un sitio web cuyo contenido se actualiza a travs de un panel de gestin por
parte del administrador del sitio. Este panel de gestin suele ser muy intuitivo y fcil de
usar. En aquellas pginas web que requieran una actualizacin constante se suele
incorporar este panel de gestin para que pueda controlarse da a da por parte del
cliente.

Tiene su sitio Web un propsito?

Diseos Web con propsito

Los sitios web son todo la xito hoy en da, parece que ms empresas y profesionales
ven las ganancias y beneficios de tener una pgina web y han puesto en marcha planes
para conseguir un sitio para su negocio. Desafortunadamente, fuera de la nocin bsica
de lo que un sitio web es la mayora de las empresas no saben lo que realmente puede
hacer por su negocio.

Actualmente se convierte en una situacin en la que uno quiere su pgina web porque la
competencia tiene una, pero, por desgracia, sin propsito y planificacin por lo que su
sitio podra no tener xito.

3
Una estadstica respecto a los sitios web es que ms de 1.500 nuevos sitios web se
ponen en marcha todos los das en alguna parte del mundo; una cantidad pequea hace
lo necesario para destacarla y convertirla en xito pero la gran mayora solo la pblica sin
darle un valor ni propsito llegando a tener que cerrarla debido al fracaso.

4 pasos para crear un sitio web ms fuerte

1.- Sepa su propsito

Est su sitio web diseado para vender productos en lnea, dar a conocer sus servicios
o tener presencia en internet? Podra ser una de estas cosas o podra ser una
combinacin de las tres. Si tiene ms de un propsito, entonces responda a la pregunta
cul es el propsito principal del sitio? Ordene sus prioridades en importancia de
principio a fin; as una vez que tenga el propsito principal de su web ser ms fcil llegar
a cumplir el objetivo del mismo.

2.- Construya todo su sitio en torno el propsito principal

Construya su pgina en torno a su propsito. Por ejemplo, si su meta es construir un sitio

que aumente su cartera de clientes, es necesario centrarse en la creacin de formas de
conseguir visitantes para que lleguen al punto de contactarlo. Usted puede hacer esto a
travs de un boletn de noticias en lnea, concursos o promociones, regalar productos o
consultas y otros mtodos para lograr la atencin de sus visitantes. Pero recuerde, la
navegacin por el sitio, el color, el diseo general y la organizacin de elementos debe ser
construido en base al propsito y objetivo principal.

3.- Ofrecer un valor agregado

Si su sitio web es un folleto bsico acerca de usted o su empresa no solo no le est dando
a su cliente un valor agregado sino que en los buscadores usted no tendr presencia. Si
usted puede ofrecer artculos, informes libres, contenido actualizado fresco, listas de
control, enlaces a otras fuentes, un blog al da con su experiencia, etc. ; todo esto le dan a
la gente una razn para explorar el sitio y compartirlo con otros.

Si no ofrecen un valor y en su lugar slo hay un sitio todo sobre usted y su empresa
puede recibir a los visitantes una vez, pero pronto el trfico empezar a disminuir. Quiere
crear un sitio que es vibrante, vivo y un destino para los visitantes quieran regresar o
acordarse de usted cuando lo necesiten? La clave para conseguir esta interaccin con
sus visitantes es el valor agregado, entonces ellos regresarn.

4.- Medir el progreso y su ranking

Una vez que tenga algo de valor agregado para ofrecer ahora lo que necesita es medir el
grado de xito para saber si lo est haciendo bienHay varias herramientas de gestin y
anlisis de ranking que le pueden dar las estadsticas de su sitio web, pero sin las
estadsticas correctas enfocadas al objetivo principal de su web no le servirn de mucho.

4
Es muy fcil crear un sitio web hoy en da, tan fcil que la mayora se convierte en un
fracaso. No deje que su sitio se convierta en un fracaso debido a la falta de propsito y
planificacin; recuerde que con nosotros Tu Pgina Tu Web no solo le disearemos la
pgina web enfocada a su pblico meta sino que implementaremos todo valor agregado
para que tenga xito y ganancias inmediatas.

Cosas que se deben evitar en una pgina web

Uno de los principios del marketing y de la publicidad es no molestar al cliente, entonces

Por qu es que muchos sitios web estn todava llenos de los elementos que a los
visitantes les molesta tanto? Todas estas malas experiencias al usuario le pueden causar
a usted altas tasas de abandono de la pgina, bajos niveles de visitas, las malas
posiciones en listas de bsqueda, y una reputacin terrible.

Todas estas malas experiencias al usuario le pueden causar a usted altas tasas de
abandono de la pgina, bajos niveles de visitas, las malas posiciones en listas de
bsqueda, y una reputacin terrible.

Lista de diez cosas que las personas o visitantes odian de una pgina web.

1) Los anuncios emergentes (Pop Up)

Las ventanas Pop-ups son muy molestas. Las personas agregan a sus sitios web este
tipo de publicidad pero realmente deberan de preguntarse si vale la pena poner este tipo
de publicidad para ganar un poco de dinero a costa de perder clientes debido a lo
molesto que estas ventanas de publicidad son.

2) Reproduccin automtica de elementos multimedia al entrar a una pgina

Es bastante molesto para todos los usuarios ingresar a una pgina y que inmediatamente
suene de fondo una cancin o se reproduzca un video; inmediatamente el visitante busca
el botn indicado para poder detener este momento y para colmo dicho botn es tan
pequeo que es casi imposible de encontrar.Permita que sus clientes puedan reproducir
este tipo de archivos multimedia si ellos quieren, no los obligue y si realmente desea
poner msica de fondo busca alguna que sea tranquila y con en volumen moderado.

3) Animaciones por montones

Intente no poner en su pgina web montones de animaciones, imgenes que parpadean,

colores brillantes, msica, videos, imgenes con movimiento, etc. Esto solo causar que
su visita le de click al botn regresar y salir de su pgina casi de inmediato.

4) Imgenes engaosas

Usted utiliza imgenes de gente hermosa para anunciar su web? Coloca imgenes de
empresarios gustosos de lo que hacen haciendo creer que ellos son ustedes en realidad?
Utilice fotos de su empresa, no coloque imgenes de personas posadas pues esto le da
ms confianza y credibilidad a usted.

5
5) Mala informacin de secciones Nosotros

Es bastante malo no solo para la empresa sino para los visitantes tener que leer una serie
de mentiras o redundancias en las secciones Nosotros o Quines Somos? Utilice
palabras y trminos que la gente comn pueda leer y entender, algunas ocasiones lo ms
simple es mejor y si usted pone en dicha seccin informacin engaosa o no se da a
explicar bien podr en duda la reputacin de su empresa en lnea.

6) Formulario de Contacto

Un formulario de contacto es una buena opcin para que sus visitas puedan comunicarse
con usted pero para un gran sector le aburre tener que llenar todo un formulario. Agregue
todas las formas de contacto posibles, chat en lnea, telfonos, links a sus redes sociales.
Etc. Esto le ayudar a tener un contacto ms personal con sus clientes.

7) Palabras claves para buscadores

Existe todava un gran nmero de pginas web que escriben textos y textos
especialmente para ser posicionados en los buscadores de Google, esto adems de que
ya no sirve pues ya no es una herramienta para ser agregados a google, desconcentra
sus clientes. Utilice textos de informacin creados para los visitantes y personas
normales, no escriba textos robotizados para google.

8) No incluir botones de redes sociales

Hoy en da es muy importante poner botones de Facebook Me Gusta o Compartir en

todas sus secciones u objetos importantes, as los visitantes no tendr que copiar todo el
link URL para pegarlo en sus muros de Facebook u otra red social. Agregue esto a sus
pginas y tendr mejores resultados.

9) No tener un blog

Una simple pgina con la informacin de usted ya no basta para dar confianza a sus
clientes; es importante ahora que agregue a su sitio una seccin con un blog, esto le
gusta a las visitas pues pueden conocer ms sobre usted y les brindar un espacio para
poder estar en contacto con usted de manera agradable.

10) Textos y Ttulos incongruentes

Grandes ttulos son los que hacen que la gente haga clic en sus pginas, correos
electrnicos y motores de bsqueda para ver su contenido. Pero si crea un ttulo que no
tiene nada que ver con su informacin molestar sus visitas Si bien es importante para
captar la atencin gracias a los ttulos, asegrese de que no sea engaosa y su contenido
puede vivir de acuerdo con lo que prometiste que ofrecer.

6
10 caractersticas de un buen sitio Web educativo

1. Distribucin. Buena distribucin del espacio del sitio.

2. Precisin. El contenido del sitio debe ser correcto, exacto.

3. Claridad. Debe existir claridad lingstica en el sitio.

4. Consistencia. El diseo debe ser consistente y coherente en todo el sitio.

5. Navegabilidad. El sitio tiene que ser fcilmente navegable y de eficiente navegacin. La

informacin tiene que ser fcil de encontrar y acceder, y fcil de desplazarse a travs de
ella.

6. Accesibilidad. El sitio debe ser fcilmente asequible por distintos visores y por
conexiones a distintas velocidades.

7. Evaluabilidad. El sitio debe ser evaluable y sujeto a feedback de expertos y usuarios

finales.

8. Investigabilidad. El sitio tiene que ser fcil de investigar, buscar y rebuscar informacin.

9. Indexabilidad. La informacin del sitio tiene que tener un ndice que clarifique el tipo de
informacin que contiene.

10. Referencialidad. La informacin del sitio tiene que tener referencias que validen o
confirmen su origen, as como tambin citar enlaces (urls) relacionados.