1

Politécnico Salesiano Sagrado Corazón de Jesús

Nombre

Alix Francios León Montesino

Número

07

Curso

4to Técnico en informática

Profesor

Ing. Luis de Jesús Martínez

Modulo

Diseño de Páginas Web

Tema

Interacción para crear una página web

Fecha

Viernes 17 de Abril del 2015

2

Índice

Optimización de una página web-------------------------------------------------------------4

Función que delegan los botones de los navegadores web------------------------6

Utilidad de los pop-ups--------------------------------------------------------------------------7

Utilidad de las ventanas emergentes-------------------------------------------------------8

Importancia de los navegadores en una página de internet-----------------------10

Función de las animaciones en una página de internet-----------------------------11

Bibliografía------------------------------------------------------------------------------------------15

3

Interacción web para crear una página de internet.

Una página de internet es un documento o información electrónica capaz de contener

texto, sonido, vídeo, programas, enlaces, imágenes, y muchas otras cosas, adaptada

para la llamada World Wide Web, y que puede ser accedida mediante un navegador.

Esta información se encuentra generalmente en formato HTML o XHTML, y puede

proporcionar navegación (acceso) a otras páginas web mediante enlaces de hipertexto.

Hay diferentes formas de crear una página web, se puede usar un editor de HTML y

comenzar desde cero o se puede recurrir a páginas dedicadas a la creación de páginas

web como wix.com, pero antes de crear una página web, se requiere un conjunto de

conocimientos previos que todo aquel que piense hacer una página de internet debe

tener antes de comenzar a poner manos a la obra.

Los conocimientos que debe tener el creador de la página web sirven para que este

pueda entender cómo funciona cada cosa, la correcta presentación de la página y su

optimización, de manera que esta pueda funcionar de la mejor forma posible y que sea

de agrado para el usuario. En este documento se profundizará sobre los conocimientos

que debe tener dicha persona para interactuar y crear la página de internet que desee.

4

Optimización de una página web

Optimización es la acción y efecto de optimizar. Esto hace referencia a buscar la mejor

manera de realizar una actividad. En informática la optimización busca adaptar los

programas para que realicen sus tareas de la forma más eficiente posible, por lo tanto,

la optimización de una página web es la modificación de ésta para mejorar su rendimiento

haciendo que su contenido cargue de una manera más rápida y fluida, y para que sea

más visibles a los buscadores.

Para la optimización de una página web se pueden seguir las siguientes

recomendaciones:

Optimización para los buscadores

1. Utilizar metadatos. Los metadatos de una página web no son más que un

conjunto de palabras o “datos” que describen los datos que hay en ella sin alterar

el contenido visible de ésta, por ejemplo: el contenido, el autor, el editor, etc. La

utilización de metadatos es importante pues permitirán que el buscador de internet

pueda encontrar el sitio de web de una manera más eficaz.

2. Actualizar el contenido. El contenido de una página es lo que define si ésta es

buena o mala. Mantener el contenido de la página actualizado ayudará a tener un

público interesados y a obtener nuevos visitantes, en pocas palabras, generará

más tráfico por lo que la página será más visible para los buscadores.

3. Validar el código HTML. Verificar que el código del sitio web esté libre de errores

es de suma importancia ya que de lo contrario los buscadores no podrán saber

qué partes de la ésta indexar, y a consecuencia de esto, puede presentar solo

porciones de la página en la base de datos del motor de búsqueda.

5

Optimización para el desempeño de la página

1. Reduce el uso de aplicaciones excesivas. La utilización de aplicaciones Flash

o Java Applet pueden ayudar a darle a la página más dinamismo, pero el uso

excesivo de éstas pueden demorar el tiempo de carga del sitio web. Reducir el

uso de éstas aplicaciones puede ayudar a que la página cargue de una manera

más eficiente.

2. Optimiza las imágenes. Cambiarle el formato a las imágenes para su

presentación en la página puede aumentar considerablemente la velocidad del

sitio web y ahorrar espacio de alojamiento en el servidor por lo que esto se traduce

a menos tiempo de carga para la página

3. Usa la versión más reciente de PHP. Cerciorarse de se está utilizando la última

versión de PHP puede traer múltiples beneficios desde el aumento de la seguridad

hasta la mejora en el rendimiento de la página.

6

Función que delegan los botones de los navegadores web.

Los navegadores de internet tienen un conjunto de botones, cada uno con una

funcionalidad especifica que le dan al usuario un mayor control sobre la navegación. A

continuación se describen los botones que aparecen en un navegador:

Botón atrás. Este tiene la función de volver a la página visitada anteriormente

más reciente, aunque puede visitar otra página visitada anteriormente especifica.

Botón adelante. Este accesa hacia adelante una página previamente visitada, al

igual que el botón de atrás, puede visitar otra página visitada anteriormente

específica. Si el botón de atrás no se ha utilizado, este permanecerá inactivo hasta

que el usuario lo presione.

Botón actualizar. Este vuelve a conectarse con el servidor para que la página

pueda cargar nuevamente. Se utiliza para ver la versión más reciente de la página.

Botón detener. Este botón cierra inmediatamente la conexión con el servidor para

que la página no pueda seguir cargando.

Botón inicio. Este devuelve al usuario a la página de inicio que tiene por defecto

en su navegador.

7

Utilidad de los pop-ups

Un pop-up, es una técnica que nos muestra un dialogo modal y nos permite centrar la

atención en el propio dialogo ya que la característica más representativa es que

oscurecen el resto de pantalla pudiendo así centrar la atención del usuario.

Los pop-ups al centrar la vista del usuario, incitan a que este realice una acción

predeterminada. Algunos de los usos que tienen los pop-ups son:

1. Centrar la vista del usuario, siendo prácticamente imposible que pase

inadvertido.

2. Para crear galerías de fotos.

3. Para controles de envío de correos.

4. Para mensajes de advertencia.

8

Utilidad de las ventanas emergentes

Las ventanas emergentes (generalmente llamadas “pop-ups” por su nombre en inglés)

son elementos que emergen del navegador usualmente sin el consentimiento del

usuario. También existe los que son las ventanas sumergidas o pop-under que son

ventanas que se abren detrás del navegador, pero con el mismo propósito que los pop-

ups, solo que pasan casi inadvertidamente para el usuario hasta que la ve.

Las ventanas emergentes suelen ser muy molestos y cada vez son menos utilizadas por

la razón de que obstruyen la vista de la ventana del navegador, en especial cuando se

abren múltiples ventanas, que en ocasiones pueden llegar a activar nuevas ventanas.

A consecuencia de la molestia que producen las ventanas emergentes, han surgido

programas que las bloquean, mejor conocidos como ad-blockers o bloqueadores de

ventanas, la función de estos es básicamente, como lo dice su nombre, bloquear las

ventanas que emergen del navegador sin el consentimiento del usuario al utilizar un

principio básico de HTML el cual dice que ninguna ventana debe emerger si no ha sido

activada por el usuario a través de un clic. Estos programas se han vuelto tan famosos

que los navegadores de internet los han incorporado.

9

A pesar de ser molestas para los usuarios, la mayoría de las páginas web siguen

utilizando las ventanas emergentes, aunque en cantidades moderadas ya que son

usadas principalmente para la presentación de anuncios publicitarios, que al usuario

hacer clic sobre ellas, le generan dinero al dueño de la página, sin embargo, no todas las

ventanas emergentes son utilizadas para presentar publicidad, algunas se utilizan como

sustituto de los pop-ups para poder enfocar la vista del usuario y hacer que este lleve a

cabo una acción, por ejemplo, la de registrarse para un sitio web, verificar el estado de

algo o simplemente para llevar un orden.

10

Importancia de los navegadores en las páginas de internet

Un navegador o explorador web - conocido en inglés como web browser - es un programa

o software, por lo general gratuito, que nos permite visualizar páginas web a través de

Internet además de acceder a otros recursos de información alojados también en

servidores web, como pueden ser videos, imágenes, audio y archivos XML.

Algunos de los navegadores más populares son: Internet Explorer, Mozilla Firefox, Safari,

Opera y Google Chrome.

Los navegadores web son prácticamente el software más importante que tenemos en

nuestra computadora, pues es donde pasamos la mayor parte del tiempo ya sea

buscando información, viendo videos, escuchando música o en las redes sociales.

Los exploradores web funcionan comunicándose con un servidor web por medio de

HTTP (Protocolo de Transferencia de Hipertexto) para acceder a la URL o dirección de

la página y conectarse con ella para que devuelva el código HTML que el navegador lee

e interpreta, y así poder hacer el sitio web visible para el usuario.

Estos han ido evolucionando a través del tiempo, de forma que pueden lograr un mejor

rendimiento para poder minimizar el tiempo de carga del contenido y hacer las páginas

más seguras utilizando un protocolo de seguridad HTTPS a través de los protocolos

criptográficos SSL/TLS para proteger los datos de intercambio con los servidores web y

evitar ataques de hackers, y como resultado, obtener una “conexión con el usuario” al

hacer la experiencia de la navegación más eficiente y eficaz, logrando así la satisfacción

de estos.

11

Junto con los navegadores han ido surgiendo aplicaciones, mejor conocidos como Plug-

ins como es el caso de Flash y Java Applet, que al ser los más populares son los que se

utilizan para desarrollar las aplicaciones web (juegos, editores de fotos y videos,

presentaciones) que complementan a la páginas para hacerlas más dinámicas y

llamativas para los visitantes.

Los navegadores web, desde sus inicios han permitido lograr que la gente esté

interconectada sin importar la distancia a la que estén, esto ha contribuido en muchos

avances tecnológicos en el área de la informática como es el caso de las anteriormente

mencionadas Plug-ins, y otras aplicaciones web, también son los responsables del

incremento masivo del comercio electrónico, que consiste en la compra y venta de

productos y/o servicios a través de medios electrónico. Esto ha llevado a la creación de

nuevos mercados y nuevas formas de generar dinero lo cual ha ayudado

considerablemente a la economía de la sociedad.

12

Funcionalidad de las animaciones en las páginas de internet

Animación es la técnica o noción de movimiento que se aplica sobre un elemento o

individuo. Hoy en día, el término animación está muy ligado a la producción gráfica de

dibujos gráficos. Una animación de computadora funciona de manera similar en que las

películas y la televisión presentan las animaciones.

La velocidad de las animaciones se mide en fotogramas por segundo o FPS por sus

siglas en inglés (Frames per Second), que es la cantidad de veces que se sustituye un

fotograma o imagen por cada segundo. Las animaciones funcionan al cambiar de imagen

o fotograma rápidamente para dar la ilusión de movimiento.

Las animaciones en las páginas de internet han ido evolucionando con el tiempo de modo

que en la actualidad es casi imprescindibles tenerlas, ya que estas le dan más dinamismo

a la página, esto hace que éstas tengan interfaces más amigables.

Las animaciones web, dependiendo del tipo de página, se utilizan de diversas formas

desde la publicidad de internet, aplicaciones web, juegos online o simplemente para darle

belleza a la página. A continuación se hablara sobre los usos que tienen:

Publicidad de internet. Desde los inicios del internet, la publicidad ha sido una

de las más importantes formas de ingresos para los dueños de las páginas web.

Las animaciones en la publicidad hoy en día se utilizan para hacer que éstas sean

más atractivas para los usuarios

Juegos online. Esta es una de las formas en las que las animaciones web han

tenido más éxito. Las animaciones que tenga el juego es uno de los factores que

determinara si este es bueno o malo. Estos juegos generan dinero al colocar

anuncios publicitarios en los juegos o por compras a cambio de objetos.

13

Aplicaciones web. En la actualidad, la mayoría de las personas tienen la

posibilidad de tener acceso a una conexión a internet mediante banda ancha, esto

junto a la capacidad de las computadoras de hoy en día, ha hecho que el

desarrollo de aplicaciones web sea más común, en especial las aplicaciones

multimedia, pero lo que realmente ha hecho que las aplicaciones web tengan éxito

es qué tan llamativa y amigable son con el usuario, por lo que se han incorporado

animaciones web a estas aplicaciones con el fin de darle un toque estético.

14

Conclusión

A lo largo del presente documento, se logró demostrar la forma correcta en la que

una persona debe interactuar para crear una página de internet. Se observó la

importancia de los navegadores para la presentación y seguridad de las paginas

web, algunos de los componentes de los sitios web tales como los pop-ups y las

ventanas emergentes, y la manera en que las paginas deben estar organizadas

para su correcta visualización y para el desempeño óptimo de dicha página.

15

Bibliografía

http://definiciones.de/optimizacion/

http://es.wikihow.com/optimizar-tu-página-web

http://www.cca.org.mx/cca/cursos/hbi-

webtec/modulos/modulo3/aula/barraherramientas.htm

http://www.masadelante.com/faqs/que-es-un-navegador

https://www.interoper.com/blog/la-importancia-de-un-buen-navegador/

http://www.ite.educacion.es/formacion/materiales/69/cd/navegacion/explorer/popupsie_

a.htm

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

http://www.definicionabc.com/general/animacion.php

http://es.wikipedia.org/wiki/Animación_por_computadora

https://adeshoras.wordpress.com/2008/08/19/los-lightbox-que-son-porque-usarlos-y-

donde-usarlos/

http://es.wikipedia.org/wiki/Página_web