Politécnico salesiano sagrado corazón de Jesús

Nombre:

Freddy Rafael Peña Núñez

Número:

12

Curso:

4to técnico de informática

Profesor:

Luis de Jesús Martínez

Tema:

Interacción web para crear una página

Módulo:

Diseño de página web

Fecha:

Viernes 17 de abril del 2015

1

Índice.

2

Introducción………………………………………………………………………......3

Interacción web para crear una página…….…………………………………...….5

Optimizar una página web ……………………………………………….…6

Funciones de los botones de los navegadores web…………...……………12

Ventanas emergents………………………………………………………...15

Pop ups……………………………………………………………………....16

Importancia de los navegadores……………………………………………17

Animaciones en una página de internet…..……………………………….18

Conclusión……………………………………………………………………...……19

Bibliografía………………………………………………………………………….21

3

Introducción.

4

Este trabajo presenta una serie de investigaciones acerca de la interacción web

para crear un página, mostrando cada parámetro necesario para realizar dichas

acciones y los conceptos básicos de cada procedimiento, empleando también

recomendaciones para usuario.

Entre los parámetros desarrollados en este trabajo están:

¿Cómo sé optimiza una pagina web?, presentando una serie de parámetros

necesarios, recomendaciones para una correcta optimización y ejemplos de

páginas que brindan el servicio para optimizar páginas web.

¿Qué función delegan los botones de los navegadores web?, presenta los

conceptos y funciones básicas de cada botón de un navegador.

¿Cuál es la utilidad de los Pop ups?, se define cada utilidad o función de lo

son los Pu}op ups.

¿Cuál es la utilidad de las ventanas emergentes?, también se plantea cada

utilidad o función de dichas ventanas.

¿Cuál es la importancia de un navegador de una página de internet?, aquí se

muestra el concepto de navegador web y sus funciones, destacando las

principales.

Funcionalidad de las animaciones en una página de internet, presenta la

definición de animaciones web, funcionalidades y los formatos

implementados en dichas animaciones.

5

Interacción web para crear una página

6

Optimizar una página web

Para que una página web tenga una buena optimización hay que tener en práctica

los siguientes parámetros, como:

Revisión del contenido y la estructura del sitio.

Asistencia técnica en el desarrollo de sitios web: por ejemplo, alojamiento,

redireccionamientos, páginas de error, uso de JavaScript, etc.

Desarrollo de contenidos.

Administración de campañas de desarrollo empresarial online.

Investigación sobre palabras claves.

Formación en SEO.

Experiencia en mercados y regiones geográficas específicos.

Fuente: support.google.com

Cómo optimizar un sitio Web

- Siempre declarar el DocType (y asegurarse que sea el correcto):

El declarar el DocType o tipo de documento es clave para permitir que los

navegadores interpreten de forma correcta el código que tenemos en cada página,

ya sea HTML o XHTML. Si bien al no declarar, existe la posibilidad de que en

nuestro navegador se vea de forma correcta, esto no asegura que el código se

interprete bien para cada usuario y será complejo al momento de validar.

- Nunca estilizar dentro de las etiquetas:

Con la popularización de CSS, y la descontinuación de etiquetas de estilo (como

font face) en HTML, se buscaba hacer una separación completa y absoluta entre el

estilo de los documentos Web y su estructura, por lo que al aplicar un estilo dentro

de una etiqueta en particular caemos en lo que tanto se ha intentado evitar.

Ejemplo:

Esto es incorrecto:

<p style:=”color: black; font-family:Arial;”>Texto de ejemplo</p>

Esto es correcto:

En una hoja de estilo externa, declarar: p{

7

color:black;

font-family:Arial;

}

O bien, en la misma hoja de estilo externa, declarar:

.estilo1{

color:black;

font-family:Arial;

}

Y luego, en nuestro HTML:

<p class=”estilo1″>Texto de ejemplo</p>

De esta forma, separamos completamente la estructura del estilo, realizandolo de

forma correcta y ahorrándonos bastante tiempo al momento de hacer

modificaciones.

- CSS al comienzo, Javascript al final:

Lo recomendable para las hojas de estilo externas en CSS es siempre cargarlas al

inicio del documento, entre las etiquetas <head> y </head>. Esto nos asegura tanto

una carga más rápida de la página propiamente tal, como asegurar que siempre los

estilos se carguen junto al documento y no luego de que se ha cargado el contenido,

ya que si el usuario detiene la carga de la página, o su conexión se cae, se

desplegará el contenido sin ningún estilo aplicado, entregando una experiencia

visual bastante mala.

Lo correcto es:

<head>

<title>Mi sitio Web</title>

<link rel=”stylesheet” type=”text/css” href=”estilos.css” media=”screen”>

</head>

- Estilizar para cada navegador:

Como se sabe que “todos los navegadores despliegan documentos Web de

forma diferente”. Es uno de los grandes problemas que nos cuesta comprender,

especialmente cuando estamos empezando. Debido a que todos los navegadores

son distintos, han sido codificados por empresas diferentes, usan motores que no

son iguales a otros(excepto navegadores de la misma familia, como Firefox y Flock),

el contenido, o más bien el estilo de este, es interpretado de distintas formas por

cada uno de ellos.

8

- En lo posible, cargar todo localmente

Hoy en día, con toda la información disponible en Internet, es posible para los

diseñadores y desarrolladores Web contar con un gran número de librerías de

acceso libre y gratuito para utilizar en sus sitios. Sin embargo, muchas de estas

librerías requieren ser cargadas desde sitios Web de terceros, lo que

inevitablemente aumentará el tiempo final de carga de nuestro sitio y por ende

empeorará la experiencia del usuario.

Es por esto, que en lo posible, lo recomendable es tener todas, o el mayor número

posible, de librerías y hojas de estilo en el mismo servidor donde está el sitio, para

que la carga se haga de forma local y mucho más rápida.

- Añadir descripciones a las imágenes

Un detalle comunmente pasado por alto son los atributos de descripciones a las

imágenes que incluímos en nuestros sitios Web. Si bien al no añadirlas nada sucede

y el contenido se despliega de forma correcta, si es necesario incluirlas para efectos

de mejorar la accesibilidad de cada página y para el momento de la validación del

código. Ejemplo:

Esto no es correcto:

<img src=”imagen.jpg”>

Esto es correcto:

<img src=”imagen.jpg” alt=”Una imagen cualquiera”>

- Nunca olvidar cerrar cada etiqueta

HTML o XHTML, es 100% acerca de tener una estructura ordenada y definida en

cada documento. Y como tal, siempre debemos asegurarnos de que cada etiqueta

que abramos, sea cerrada. No importa si los navegadores obvien en algunas

ocasiones este tema, es nuestro deber asegurarnos que todo esta abierto y cerrado

como y cuando corresponde. De esta forma, nuestro sitio validará de mejor forma y

nos haremos un gran favor al momento de realizar edición de código o bien si

estamos realizando un trabajo colaborativo, para que otras personas sepan siempre

donde empieza y donde termina cada parte del documento. Ejemplo:

Esto no es correcto:

<p> Un párrafo de texto

<p> Otro párrafo de texto

<p> Y otro más

9

Esto es correcto:

<p> Un párrafo de texto </p>

<p> Otro párrafo de texto </p>

<p> Y otro más </p>

Con XHTML además, tenemos la posibilidad de cerrar la etiqueta en la misma de

apertura y es considerado una práctica correcta. Ejemplo:

<br /> -> Una etiqueta abierta y cerrada.

- Favorecer PNG por sobre JPG, y el entrelazado

El formato más común para tratar imágenes es JPG, es de los más utilizados, pero

no por eso el mejor. La verdad es que cada vez que manipulamos una imagen en

formato JPG, ya sea al abrirla, editarla, cambiarla de tamaño, añadirle algo encima,

o lo que sea y la volvemos a guardar, esta va perdiendo calidad, y así

sucesivamente cada vez que trabajemos sobre ella, por lo que si estamos

realizando constantes modificaciones, después de un tiempo la imagen será de una

calidad notablemente inferior a la original.

Por esto es recomendable el uso de PNG, que es un formato que se encarga de

mantener la calidad a través de los distintos cambios, algo a tener muy en cuenta,

especialmente si trabajamos con imágenes de gran resolución o si son nuestra

fuente primaria de trabajo.

- Validar, validar y luego seguir validando

Cuando hablamos de validar un sitio, nos referimos a inspeccionarlo con el fin de

determinar que toda la codificación haya sido hecha de forma correcta, y de esa

forma asegurarnos que cada navegador verá exactamente lo que queremos

mostrar. De esta forma podemos asegurarnos que los usuarios tendrán una buena

experiencia visualizando el sitio y también ayudaremos a que los buscadores

indexen de mejor forma en sus resultados.

Fuente: comolohago.cl

10

Ejemplos de programas para optimizar una página web.

Woorank: Herramienta que antes era gratuita y que ahora nos permite tener

un informe gratis a la semana. Proporciona bastantes datos sobre nuestra

web y nos da ideas de como optimizarla para el posicionamiento en

buscadores.

Introduciendo la URL de nuestro sitio y la de nuestros competidores nos proporciona

datos comparándonos con nuestra competencia, tales como puntuación de nuestra

web sobre 100, dependiendo de lo bien que esté optimizada, enlaces, palabras

clave, redes sociales, etc.

Marketing Grader: Herramienta Seo gratuita, con la que introduciendo la

URL de tu sitio y la de tus competidores, nos proporciona un informe con

datos sobre nuestro blog/ web, redes sociales, meta etiquetas, páginas

enlazadas, móvil, etc.

SEO Site Checkup: Herramienta Seo que introduciendo la URL deseada nos

proporciona información del tipo: palabras clave, velocidad de la página,

mapa de sitio, metaetiquetas, etc.

11

Cuwhois: Además de analizar el dominio de tu web o de la competencia, te

ofrece muchas herramientas gratuitas para analizar diferentes aspectos de

las URLs que necesites.

SmartViper: Esta herramienta Seo nos proporciona datos sobre el dominio y

las palabras clave que predominan en dicho dominio. La información que nos

proporciona es sobre enlaces internos y externos, páginas indexadas,

páginas más populares de nuestra web, palabras clave, posible competencia,

etc.

Web Seo Analytics: Web Seo Analytics nos proporciona herramientas tanto

gratuitas como de pago, y dentro de las gratuitas hay información que solo la

proporciona si eres un usuario de pago. Pero aún así puedes acceder a

información valiosa sobre un dominio, como por ejemplo, información del

dominio, tráfico, errores y avisos en la web, etc.

12

http://seoeh.com/: Nos proporciona una serie de herramientas gratuitas para

analizar un dominio y ver si está optimizado para buscadores o no. Además,

se pueden encontrar algunas herramientas útiles para webmaster para

comprobar la velocidad de la web, densidad de palabras clave, generador de

etiquetas meta, etc.

Fuente: emenia.es

Función de los botones de los navegadores web

Barra de direcciones

Esta es la "dirección" donde se encuentra usted dentro de la Red. Ahí usted también

puede teclear la dirección o URL que desea visitar, por ejemplo si

teclea www.MercoD.com y presiona la tecla Enter (Entrar) o Return (Regresar)

usted será llevado hasta el sitio o portal de MercoD, o si

teclea www.Facebook.com y presiona Enter o Return llegará hasta Facebool.

Si hace click en el pequeño triángulo que aparece a la derecha de la caja de

dirección, usted obtendrá una lista de las direcciones de la Red que ha visitado

recientemente. Para volver a alguna de ellas solo vuelva a hacer click en la

dirección deseada.

Botones hacia adelante y hacia atrás

El botón hacia atrás (la flecha que apunta hacia la izquierda) le regresa a la página

web que visitó anteriormente. El botón hacia adelante (la flecha que apunta hacia la

derecha) le lleva a la página de la que venía.

13

El Botón de Casa

Home (Hogar o casa) le transporta a cualquier página de base que usted ha

seleccionado. (Si usted no selecciona alguna, le devolverá a página de inicio

[homepage] que puede ser o Microsoft o Google). Print (Imprimir) le permite hacer

una copia en papel de la página que tiene en la pantalla de su Navegador. Page

(Página) le da a escoger opciones para la Página que está mirando tales como

guardarla en el archivo de su computadora, enviarla por correo electrónico y otras.

Vamos a saltarnos Tools y RSS por ahora ya que van más allá de lo básico y no

son necesarias a este punto.

Botones de Refrescar, Alto y Búsqueda

Refresh o reload (refrescar o recargar o reconectar), en este ejemplo representado

por las flechas verdes, hace justamente eso, reconecta con la página de la Red de

nuevo. ¿Cuál sería la intención de hacer esto? Algunas ocasiones todos los

elementos de la página de la Red no han aparecido en pantalla la primera vez,

debido a que el file transfer(transferencia de archivo) fue interrumpida. Ahora que

se puede dar el caso de que usted este observando una página que constantemente

está siendo actualizada, como una de noticias, resultados en deportes o información

financiera, entonces usted desea refrescar la página para tener la información al

corriente.

Si desea detener la carga o conexión de una página, quizás porqué le está tomando

demasiado tiempo, el botón de Stop (En este ejemplo la x roja) detiene al

Navegador en la conexión de la hoja.

La Barra de búsqueda (Search bar) es una manera fácil de conducir una búsqueda

de cualquier página que visita, por lo que no tiene necesidad ha trasladarse a un

portal o página como Google o Yahoo! o Bing como en el ejemplo actual. Usted

teclea en su ‘keyword’ y presiona enter o return o el magnifiying glass (Lupa) como

en el ejemplo que le mostramos aquí y, lo llevará a la página o portal con los

resultados de la búsqueda. La flecha le permitirá personalizar su búsqueda, como

cambiar del Navegador que está utilizando para limitar o estrechar su búsqueda a la

página en la que usted está.

14

Páginas favoritas

Favoritos o Señalador/Marcador le permite guardar las direcciones de los portales o

páginas que desea volver a visitar. En este ejemplo usted presiona la estrella que

tiene el símbolo verde para añadir cualquier página que desea marcar como favorita

en su lista, la cuál puede visitar de nuevo con solo hacer click en la estrella de la

izquierda.

La Barra de Menú

Esta línea de palabras que inicia con “File” (Archivo) y termina con “Help” (Ayuda),

se le conoce como menu bar. Esta barra puede variar un poco dependiendo del

navegador en el que se encuentre situado y le ofrece una variedad de cosas que

puede hacer dentro de una página de la Red, como por ejemplo archivarla en su

computadora o aumentar el tamaño del texto de una página.

Barra de Avanzar

La barra vertical a la derecha de su Navegador le permite avanzar hacia abajo y

hacia arriba de una página de la Red. Usted puede colocar la flecha de su indicador

en las flechas de la barra hacia arriba o hacia abajo por medio de presionar la tecla

izquierda de su ratón. También puede colocar la flecha de su indicador sobre la

tecla del deslizador en la barra, presionar la tecla izquierda de su ratón y deslizarla

en la dirección que deseé. Su ratón puede además contar con una rueda de avance

que le permita alternativamente navegar por toda una larga hoja. Si alguna página

es en extremo ancha y no cabe en su pantalla, aparecerá una barra horizontal de

avance bajo la barra de situación para ser utilizada.

Fuente: getconnectedtoday.com

15

Ventanas emergentes

En Internet, una ventana emergente (en inglés se le conoce como pop-up) es una

ventana del navegador de Internet que aparece automáticamente, sin ser solicitada,

y que usualmente tiene como finalidad desplegar publicidad, dirigir tráfico de Internet

a ciertas páginas, o recopilar direcciones de correo electrónico.

Una ventana emergente no solicitada es una molestia para los usuarios, ya que

usualmente son muy intrusivas. Usualmente son disparadas por cierto tipo de

contenido susceptible a usar este tipo de medios para publicitarse o invitar a visitar

páginas de Internet, las páginas con contenido para adultos son el ejemplo más

común.

Una nueva variante de las ventanas emergentes no solicitadas es tal que en lugar

de que las ventanas aparezcan encima de las demás, aparecen por debajo de la

ventana en la que está navegando el usuario, ocultando así qué página originó la

ventana emergente. A esta variante se le conoce en inglés como pop-under.

Por otro lado, existen también las ventanas que son parte del flujo normal de una

página en Internet, por ejemplo, páginas que abren una ventana para presentar

formas para llenar información, o páginas que abren ventanas para presentar textos

de ayuda. Existen varias páginas de imágenes que presentan amplificaciones de las

mismas usando ventanas emergentes. Este tipo de ventanas, las que son parte del

flujo normal de una página, no son consideradas como, candidatas a ser

bloqueadas por los bloqueadores de páginas emergentes, sin embargo pudiera

haber casos aislados (son los menos) en los que la desactivación del bloqueo sea

necesario para completar un procedimiento de llenado de formas o de instalación de

algún software descargado de Internet.

Bloqueo de ventanas emergentes

Prácticamente todos los navegadores modernos de Internet cuentan con

bloqueadores de ventanas emergentes no solicitadas, y ya están activados por

defecto.

Nota que aún con bloqueado de páginas emergentes pudiera haber casos en los

que algunas aparecieran (ya sean pop-up o pop-under).

No se debe confundir el bloqueo de ventanas emergentes con el bloqueo de

publicidad en páginas de Internet. Para bloquear estos últimos en tu navegador de

Internet, debes de usar extensiones o complementos escritos por terceros (los

navegadores de Internet no lo incluyen por defecto).

Fuente: aprenderinternet.about.com

16

Pop ups

Los Pop ups son contenidos publicitarios que se muestran en una nueva ventana

del navegador. No hay un tamaño estándar para los anuncios. Además, también

varía la cantidad de comandos de navegador que se muestran en la ventana.

Los anuncios son sencillamente una forma de publicidad en internet que se utiliza

por parte de los anunciantes para atraer la atención del usuario. Además de ellos

hay otros tipos de anuncios como los que se ubican en una web mientras estás

leyendo, los anuncios que aparecen cuando haces click para ir de una página a otra

(llamados intersticiales), los anuncios que aparecen cuando buscas una palabra

clave o un término, los anuncios con mucha animación o que imitan juegos

interactivos, los anuncios que aparecen como páginas web relacionadas, los

anuncios que aparecen en el correo electrónico, las páginas subvencionadas o

patrocinadas (en las que la marca del anunciante aparece en todas las páginas y la

composición de éstas puede haber sido modificada para ajustarse a los colores y

diseño del logo o marca), las listas de pago, y muchos otros.

Suelen ser molestos porque obstruyen la vista, especialmente cuando se abren

múltiples ventanas tipo pop-up. Suelen utilizarse para publicidad online

Existen programas especiales que permiten bloquear los pop-ups, llamados anti-

popup, pero actualmente la mayoría de los navegadores web como Internet

Explorer, Firefox y Opera, poseen herramientas anti-popup.

El único límite real es el uso de los medios tecnológicos online, lo que en realidad no

es un límite en absoluto. Los Pop ups son solamente una parte de este universo en

expansión dedicado a captar consumidores online.

Fuente: allaboutcookies.org

17

Importancia de los navegadores

Un navegador o navegador web, o browser, es un software que permite el acceso

a Internet, interpretando la información de distintos tipos de archivos y sitios web

para que éstos puedan ser visualizados.

La función principal del navegador es descargar documentos HTML y mostrarlos en

pantalla. En la actualidad, no solamente descargan este tipo de documentos sino

que muestran con el documento sus imágenes, sonidos e incluso

vídeos streaming en diferentes formatos y protocolos. Además, permiten almacenar

la información en el disco o crear marcadores (bookmarks) de las páginas más

visitadas.

El navegador influye mucho, en la velocidad, a la hora de cargar la pagina o algo tan

sencillo como en la presentación de la misma (la presentación es la forma de ver el

contenido y la distribución de los datos en la pagina)

La funcionalidad básica de un navegador web es permitir la visualización de

documentos de texto, posiblemente con recursos multimedia incrustados. Además,

permite visitar páginas web y hacer actividades en ella, es decir, podemos enlazar

un sitio con otro, imprimir, enviar y recibir correo, entre otras funcionalidades más.

Los documentos que se muestran en un browser pueden estar ubicados en la

computadora en donde está el usuario, pero también pueden estar en cualquier otro

dispositivo que esté conectado en la computadora del usuario o a través de Internet,

y que tenga los recursos necesarios para la transmisión de los documentos

(un software servidor web).

Tales documentos, comúnmente denominados páginas web,

poseen hipervínculos que enlazan una porción de texto o una imagen a otro

documento, normalmente relacionado con el texto o la imagen.

El seguimiento de enlaces de una página a otra, ubicada en cualquier computadora

conectada a Internet, se llama navegación, de donde se origina el

nombre navegador (aplicado tanto para el programa como para la persona que lo

utiliza, a la cual también se le llama cibernauta). Por otro lado, hojeador es una

traducción literal del original en inglés, browser, aunque su uso es minoritario.

Fuente: es.wikipedia.org

18

Animaciones en una página de internet

La animación es un proceso utilizado por uno o más animadores para dar la

sensación de movimiento a imágenes o dibujos o a otro tipo de objetos inanimados

(figuras de plastilina, por ejemplo). Se considera normalmente unailusión óptica.

Existen numerosas técnicas para realizar animación que van más allá de los

familiares dibujos animados.

Los cuadros se pueden generar dibujando, pintando o fotografiando los minúsculos

cambios hechos repetidamente a un modelo de la realidad o a un modelo

tridimensional virtual; también es posible animar objetos de la realidad y actores.

Entre los formatos de archivo de animación (o que soportan animación) se

encuentran el GIF, el SWF (animación Flash), etc. Las animaciones en GIF son

guardadas imagen por imagen, pero existen animaciones que no se logran así, sino

que son interpretadas y "armadas" en tiempo real al ejecutarse (como las de formato

SWF).

Cualquier animación que está pensada para ser utilizada en una página web, pues

emplea un formato ampliamente extendido y que generalmente puede visualizarse

directamente desde un navegador web. Las animaciones web suele utilizarse para

publicidad, banners, detalles de diseño, efectos, botones animados, etc.

Implementaciones de la animación web Las animaciones en la web suelen

implementarse a través de:

Formatos gráficos:

- Flash (puede incluir programación en ActionScript). Ver animación Flash.

Shockwave.

- GIF animados u otros formatos gráficos animados.

Programación y diseño web:

- HTML dinámico (con JavaScript u otros).

- Java (empleando Java Applets).

Formatos de video:

- AVI, MPG, WMV, etc. Si bien no se consideran animaciones, pueden cumplir una

función similar.

El futuro de la animación web El hecho de que cada vez haya más usuarios con

acceso de banda ancha a internet, hace que las animaciones web sean cada vez

más complejas y pesadas. El próximo gran paso en la animación web será la

masificación de las animaciones gráficas en 3D, las cuales darán a los usuarios un

nuevo nivel de interacción con los contenidos online. En las animaciones en 3D, es

el usuario quien decide desde dónde ver una animación, y no como en las

animaciones en 2D donde no hay demasiadas variantes. Por ejemplo, un usuario

podría elegir distintos productos para comprar y poder verlos desde todos los

ángulos que desee.

Fuente: alegsa.com.ar

19

Conclusión.

20

En estas investigaciones sobre la interacción web para crear una página se ha

planteado parámetros esenciales para el desarrollo del tema, y se ha planteado todo

sobre cada uno, pero hay que destacar conceptos básicos de cada uno como:

Para una buena optimización hay que tener en cuenta:

La estructura del sitio.

El desarrollo del contenido.

Investigaciones sobre palabras claves.

Entre los botones principales de un navegador están: barra de direcciones, botones

de hacia delante y hacia atrás, botón HOME o casa, botones de refrescar, alto,

busqueda y de páginas favoritas.

Las ventanas emergentes tienen como finalidad desplegar publicidad, dirigir tráfico

de internet o recopilar direcciones de correos electrónicos.

Los pop ups es practicamente lo mismo que las ventanas emergentes lo que lo

diferencia es que estos son anuncios publicitarios ubicados en cuadros de tamaños

determinados en la página y las emergentes son completamente anuncios que para

visualizarse tienen que abrirse en ventanas individuales.

La función principal de los navegadores web es descargar documentos HTML y

mostrarlos en pantalla.

Las animaciones en las páginas web son necesarias ya que es el medio por el cual

se llama la atención del usuario, provocando tráficos mayores en dichas páginas.

Estos son parámetros básicos que hay que tener en cuenta para una buena

interación con las páginas web.

21

Bibliografía.

22

https://support.google.com/webmasters/answer/35291?hl=es

http://www.emenia.es/herramientas-seo-gratuitas-para-optimizacion-web/

http://www.comolohago.cl/como-optimizar-tu-sitio-web-en-10-pasos/

http://www.getconnectedtoday.com/es/getconnected/browser

http://aprenderinternet.about.com/od/Glosario/g/Que-Es-Una-Ventana-

Emergente.htm

http://www.allaboutcookies.org/es/faqs/pop-ups.html

http://www.alegsa.com.ar/Dic/pop-up.php

http://es.wikipedia.org/wiki/Navegador_web#Funcionamiento_de_los_navega

dores

http://www.alegsa.com.ar/Dic/animacion%20web.php