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