UNIVERSIDAD AUTONOMA DE MÉXICO Colegio de Ciencia y Humanidades Vallejo Taller de Cómputo Equipo...

33
UNIVERSIDAD AUTONOMA DE MÉXICO Colegio de Ciencia y Humanidades Vallejo Taller de Cómputo Equipo 4: Salvador García Gpe. Mariana Reyes Cano Julia Margarita Martínez Christian Iván

Transcript of UNIVERSIDAD AUTONOMA DE MÉXICO Colegio de Ciencia y Humanidades Vallejo Taller de Cómputo Equipo...

Page 1: UNIVERSIDAD AUTONOMA DE MÉXICO Colegio de Ciencia y Humanidades Vallejo Taller de Cómputo Equipo 4: Salvador García Gpe. Mariana Reyes Cano Julia Margarita.

UNIVERSIDAD AUTONOMA DE MÉXICO

Colegio de Ciencia y Humanidades Vallejo

Taller de Cómputo

Equipo 4:

Salvador García Gpe. Mariana

Reyes Cano Julia Margarita

Martínez Christian Iván

Page 2: UNIVERSIDAD AUTONOMA DE MÉXICO Colegio de Ciencia y Humanidades Vallejo Taller de Cómputo Equipo 4: Salvador García Gpe. Mariana Reyes Cano Julia Margarita.

HISTORIA

INICIO

En un principio las páginas web eran sólo texto, a medida que ha evolucionado la tecnología, tanto los ordenadores como las redes de telecomunicaciones,

se han generado nuevas formas de desarrollar la web.

Page 3: UNIVERSIDAD AUTONOMA DE MÉXICO Colegio de Ciencia y Humanidades Vallejo Taller de Cómputo Equipo 4: Salvador García Gpe. Mariana Reyes Cano Julia Margarita.

Primera página web

Page 4: UNIVERSIDAD AUTONOMA DE MÉXICO Colegio de Ciencia y Humanidades Vallejo Taller de Cómputo Equipo 4: Salvador García Gpe. Mariana Reyes Cano Julia Margarita.

EVOLUCIÓN

Primera Generación

Los cambios han generado al día de hoy 5 generaciones del diseño

web.

El primer diseño web de una página se realizó en 1993, está se llamaba Mosaic. Mostraba tanto imágenes como textos, aunque con una limitación

muy alta a la hora de diagramar la información de la página web.

Los científicos eran los usuarios que compartían su información alrededor de todo el mundo mediante estas páginas web.

Page 5: UNIVERSIDAD AUTONOMA DE MÉXICO Colegio de Ciencia y Humanidades Vallejo Taller de Cómputo Equipo 4: Salvador García Gpe. Mariana Reyes Cano Julia Margarita.

Segunda Generación

El diseño web de esta generación está basado en los conceptos de la primera

salvo por que empieza a utilizar:

• Iconos en lugar de algunas palabras

• Imágenes de fondo

Page 6: UNIVERSIDAD AUTONOMA DE MÉXICO Colegio de Ciencia y Humanidades Vallejo Taller de Cómputo Equipo 4: Salvador García Gpe. Mariana Reyes Cano Julia Margarita.

• Aparece el diseño y uso de botones con relieve para la navegabilidad

• Uso de banners en lugar de cabeceras

• La estructuración de texto de forma jerárquica mediante menús o listados

• Propiedades del código html Standard definido.

Page 7: UNIVERSIDAD AUTONOMA DE MÉXICO Colegio de Ciencia y Humanidades Vallejo Taller de Cómputo Equipo 4: Salvador García Gpe. Mariana Reyes Cano Julia Margarita.

El objetivo de las mismas: vender productos o servicios, comunidades, información, noticias.

Tercera Generación

El diseño web se orienta en esta generación a los diseñadores, los cuales tienen mucho

más dinamismo al aparecer el plugin de Macromedia Flash.

Page 8: UNIVERSIDAD AUTONOMA DE MÉXICO Colegio de Ciencia y Humanidades Vallejo Taller de Cómputo Equipo 4: Salvador García Gpe. Mariana Reyes Cano Julia Margarita.

El diseño web ya está enfocado totalmente a la multimedia, integrando en las páginas web los elementos multimedia de última generación. Con

usuarios de todos los tipos, cualquiera tiene una página web a día de hoy y la variedad de diseño es enorme debido a todas las posibilidades que

ofrecen las últimas tecnologías para los programadores.

Cuarta Generación

Page 9: UNIVERSIDAD AUTONOMA DE MÉXICO Colegio de Ciencia y Humanidades Vallejo Taller de Cómputo Equipo 4: Salvador García Gpe. Mariana Reyes Cano Julia Margarita.

Se podría añadir una última generación de diseño web que representaría el auge de las páginas de televisión IP o

televisión online.

Quinta Generación

La integración de televisión en la web para empresas, ayuntamientos o asociaciones representa el movimiento

más notable del diseño web en la actualidad.

Page 10: UNIVERSIDAD AUTONOMA DE MÉXICO Colegio de Ciencia y Humanidades Vallejo Taller de Cómputo Equipo 4: Salvador García Gpe. Mariana Reyes Cano Julia Margarita.

ACTUALIDADActualmente las páginas web se pueden ver en múltiples

dispositivos como Computadoras, Smartphone, Netbooks, Consolas de Videojuegos, incluso en

Refrigeradores de última generación y un sin fin de dispositivos más.

Page 11: UNIVERSIDAD AUTONOMA DE MÉXICO Colegio de Ciencia y Humanidades Vallejo Taller de Cómputo Equipo 4: Salvador García Gpe. Mariana Reyes Cano Julia Margarita.

PRINCIPALES PERSONAJES QUE INFLUYEN EN LA

HISTORIA

Page 12: UNIVERSIDAD AUTONOMA DE MÉXICO Colegio de Ciencia y Humanidades Vallejo Taller de Cómputo Equipo 4: Salvador García Gpe. Mariana Reyes Cano Julia Margarita.

Timothy "Tim" John Berners-Lee

Tim Berners-Lee, creo la World Wide Web (WWW) en 1991, el

inglés subió a Internet la primera página a través de su

computadora.

“El padre de la web”.

Page 13: UNIVERSIDAD AUTONOMA DE MÉXICO Colegio de Ciencia y Humanidades Vallejo Taller de Cómputo Equipo 4: Salvador García Gpe. Mariana Reyes Cano Julia Margarita.

Ante la necesidad de distribuir e intercambiar información acerca de sus investigaciones de una

manera más efectiva, Berners-Lee desarrolló las ideas fundamentales que estructuran la web.

Él y su grupo crearon lo que por sus siglas en inglés se denomina:

• Lenguaje HTML (Hyper Text Markup Language) o lenguaje de etiquetas de hipertexto

• El protocolo HTTP (Hyper Text Transfer Protocol) o transferencia de hipertexto

• Sistema de localización de objetos en la web URL (Uniform Resource Locator).

Page 14: UNIVERSIDAD AUTONOMA DE MÉXICO Colegio de Ciencia y Humanidades Vallejo Taller de Cómputo Equipo 4: Salvador García Gpe. Mariana Reyes Cano Julia Margarita.

Marc Andreessen

“El padre de los Navegadores”.

Es el cofundador de la empresa Netscape Communications

Corporation y coautor de Mosaic, uno de los primeros navegadores

web con interfaz gráfica.

Page 15: UNIVERSIDAD AUTONOMA DE MÉXICO Colegio de Ciencia y Humanidades Vallejo Taller de Cómputo Equipo 4: Salvador García Gpe. Mariana Reyes Cano Julia Margarita.

Mosaic fue el segundo navegador gráfico disponible para visualizar paginas web y el primer navegador gráfico para Microsoft Windows.

Se distribuyó gratuitamente entre la comunidad científica y contribuyó a la rápida expansión del World Wide Web.

Page 16: UNIVERSIDAD AUTONOMA DE MÉXICO Colegio de Ciencia y Humanidades Vallejo Taller de Cómputo Equipo 4: Salvador García Gpe. Mariana Reyes Cano Julia Margarita.

¿QUÉ SON Y PARA QUÉ SIRVEN?

Una página web es un documento electrónico diseñado para el World Wide Web que contiene algún tipo de información como texto, imagen,

video, animación u otros.

Page 17: UNIVERSIDAD AUTONOMA DE MÉXICO Colegio de Ciencia y Humanidades Vallejo Taller de Cómputo Equipo 4: Salvador García Gpe. Mariana Reyes Cano Julia Margarita.

• Canalizar mensajes de comunicación interna y externa hacia el usuario y los miembros de la empresa.

Sirven para:

• Servir de vehículo para venta y difusión de las propuestas mediante el marketing de Internet.

• Permitir la renovación de contenidos de manera tal que reflejen la actividad de la empresa u institución.

• Actuar como enlace entre la empresa y los usuarios, sea como un canal de venta on-line, como herramienta de comunicación, como publicación electrónica, etc.

• Actuar como herramienta de marketing on-line potenciando las actividades de venta de las empresas.

• Funcionar como un recopilador de datos estadísticos importantes sobre el funcionamiento de un negocio on-line.

Page 18: UNIVERSIDAD AUTONOMA DE MÉXICO Colegio de Ciencia y Humanidades Vallejo Taller de Cómputo Equipo 4: Salvador García Gpe. Mariana Reyes Cano Julia Margarita.

PRINCIPALES APLICACIONES

Una aplicación web es una página web con contenido dinámico, es decir, cambia su contenido según la interacción de cada usuario que la visita.

Básicamente hay tres tipos de aplicaciones:

Page 19: UNIVERSIDAD AUTONOMA DE MÉXICO Colegio de Ciencia y Humanidades Vallejo Taller de Cómputo Equipo 4: Salvador García Gpe. Mariana Reyes Cano Julia Margarita.

. Las que permiten al usuario encontrar información fácil y rápidamente en una página web rica en contenido: buscadores, tablas de datos interactivas, planos de situación navegables, etc.

Page 20: UNIVERSIDAD AUTONOMA DE MÉXICO Colegio de Ciencia y Humanidades Vallejo Taller de Cómputo Equipo 4: Salvador García Gpe. Mariana Reyes Cano Julia Margarita.

Recibir, guardar y analizar datos proporcionados por el usuario de la página: formularios, listas de correo, carritos de la compra.

Page 21: UNIVERSIDAD AUTONOMA DE MÉXICO Colegio de Ciencia y Humanidades Vallejo Taller de Cómputo Equipo 4: Salvador García Gpe. Mariana Reyes Cano Julia Margarita.

Actualizar páginas web cuyo contenido necesita ser puesto al día: noticias.

Page 22: UNIVERSIDAD AUTONOMA DE MÉXICO Colegio de Ciencia y Humanidades Vallejo Taller de Cómputo Equipo 4: Salvador García Gpe. Mariana Reyes Cano Julia Margarita.

Envío de postales 

Este es un ejemplo de una aplicación dinámica de envío de postales desde una página web.

Parte de unas imágenes entre las que el usuario puede elegir una para enviar por email como postal. Al seleccionar la imagen se despliega el formulario en el que se recogen los datos del envío y se puede escribir un breve mensaje. Tiene la opción de cambiar la imagen seleccionada por otra, simplemente pinchando en "cambiar postal".

 

Page 23: UNIVERSIDAD AUTONOMA DE MÉXICO Colegio de Ciencia y Humanidades Vallejo Taller de Cómputo Equipo 4: Salvador García Gpe. Mariana Reyes Cano Julia Margarita.

Reserva de mesa online 

Este puede realizar la reserva de mesa en un restaurante, pudiendo seleccionar el día del mes (cierra todos los miércoles), para fumador o no fumador, y la mesa pinchando en el plano sobre la imagen de la mesa deseada.

 

Page 24: UNIVERSIDAD AUTONOMA DE MÉXICO Colegio de Ciencia y Humanidades Vallejo Taller de Cómputo Equipo 4: Salvador García Gpe. Mariana Reyes Cano Julia Margarita.

¿PARA QUÉ SE UTILIZAN? 

Una pagina web es considerada un buen medio para informar, comunicar y difundir información a costos muy bajos.

Sirven para atraer negocios y prospectos de diferentes ciudades y países. Esta quizá sea una de las mayores ventajas.

Page 25: UNIVERSIDAD AUTONOMA DE MÉXICO Colegio de Ciencia y Humanidades Vallejo Taller de Cómputo Equipo 4: Salvador García Gpe. Mariana Reyes Cano Julia Margarita.

VENTAJAS:

Proporcionar información precisa de lo que la gente busca y necesita.

Automatizar procesos de negocios.Alcanzar nuevas audiencias de público.Vender productos y servicios que la gente busca.Para reforzar y promocionar la imagen de tu empresa.Para crear un servicio de 24 horas para atender a

nuestros clientes.Para vender y promocionar productos.

Page 26: UNIVERSIDAD AUTONOMA DE MÉXICO Colegio de Ciencia y Humanidades Vallejo Taller de Cómputo Equipo 4: Salvador García Gpe. Mariana Reyes Cano Julia Margarita.

¿QUIÉN LO USA Y LOS MANEJA?

Estudiantes y profesores: quienes intercambian información con otros estudiantes o profesores en forma asincrónica o sincrónica.

 Comercios y personas de negocios: quienes localizan productos o servicios vía páginas web.

Investigadores: para localizar importante información en línea vía ftp, telnet, o páginas web.

Ciudadano común: para encontrar información de interés, tales como: viajes, compras, sitios históricos, museos, etc., vía páginas web. Cualquier persona quien desea conversar con otra vía aula de conversación o chat.

 

Page 27: UNIVERSIDAD AUTONOMA DE MÉXICO Colegio de Ciencia y Humanidades Vallejo Taller de Cómputo Equipo 4: Salvador García Gpe. Mariana Reyes Cano Julia Margarita.

DIFERENTES VERSIONES O TIPOS QUE HAY EN LA ACTUALIDAD Existen distintas formas de clasificar a las

páginas web, algunos criterios para ello son:

Según su construcción:

Page 28: UNIVERSIDAD AUTONOMA DE MÉXICO Colegio de Ciencia y Humanidades Vallejo Taller de Cómputo Equipo 4: Salvador García Gpe. Mariana Reyes Cano Julia Margarita.

Estáticas

Este tipo de páginas web están compuestas por archivos que contienen código HTML, es por medio de este que se pueden mostrar las imágenes, textos, videos y todos aquellos contenidos que componen a la página en sí.

El contenido de estas páginas no se modifica constantemente puesto que estas suelen estar en manos de personas que requieren contratar a diseñadores para que se encarguen de esto, lo que implica una serie de gastos. Además, la actualización contante no es algo que sus dueños necesiten.

Page 29: UNIVERSIDAD AUTONOMA DE MÉXICO Colegio de Ciencia y Humanidades Vallejo Taller de Cómputo Equipo 4: Salvador García Gpe. Mariana Reyes Cano Julia Margarita.

Dinámicas  En estas páginas, en cambio, los contenidos son modificados continuamente ya que

esto queda en manos de quienes las visitan. La información de estas páginas está guardada en bases de datos de las cuales los usuarios extraen aquello que les interese. Estas páginas se caracterizan entonces por ser sus usuarios quienes modifican el diseño y los contenidos, se las puede actualizar muy fácilmente, ya que no es necesario ingresar al servidor para esto. Además, tienen numerosas funciones como foros, bases de datos, contenidos dinámicos, carritos de compras, entre otros.

Page 30: UNIVERSIDAD AUTONOMA DE MÉXICO Colegio de Ciencia y Humanidades Vallejo Taller de Cómputo Equipo 4: Salvador García Gpe. Mariana Reyes Cano Julia Margarita.

¿QUIÉN LOS CREA Y LOS COMERCIALIZA?

Aquellas personas que necesitan hacer publicidad para vender o comprar artículos en este caso la mayoría de las compañías de alimentos, cosas, ropa, industrias y asta tiendas de inmueble tienen una pagina en la cual informan al comprador o vendedor que tipo de accesibilidad hay, cuanto cuesta un producto o es más, si tienen tal producto.

Page 31: UNIVERSIDAD AUTONOMA DE MÉXICO Colegio de Ciencia y Humanidades Vallejo Taller de Cómputo Equipo 4: Salvador García Gpe. Mariana Reyes Cano Julia Margarita.

¿CUÁNTO CUESTAN?

El costo de un domino web es variado, es decir, trata sobre el lugar donde estés y el tiempo que quieres tener tal dominio que esta entre $50 hasta $2000 dólares por año.

 

Page 32: UNIVERSIDAD AUTONOMA DE MÉXICO Colegio de Ciencia y Humanidades Vallejo Taller de Cómputo Equipo 4: Salvador García Gpe. Mariana Reyes Cano Julia Margarita.

CARACTERISTICAS Diseño BásicoUso de Frames Gráfica PersonalizadaPágina Web InteractivaAnimaciones

Page 33: UNIVERSIDAD AUTONOMA DE MÉXICO Colegio de Ciencia y Humanidades Vallejo Taller de Cómputo Equipo 4: Salvador García Gpe. Mariana Reyes Cano Julia Margarita.

BIBLIOGRAFIA  

(2006) Un poco de historia acerca de Internet y el surgimiento de las paginas webs. Creación de páginas web. Recuperado el 24 de noviembre de 2012, de http://www.creaciondepaginaweb.net/informacion-pagina-web.htm

Universidad del Saber (2008). Historia del diseño web. Diseño de páginas web. Recuperado el 24 de noviembre de 2012, de http://www.hooping.net/faq-historia-diseno-web.aspx

(2011). Actualidad de las páginas web. Logolego. Recuperado el 24 de noviembre de 2012, de http://www.logotipo.mx/diseno-paginas-web.html

Karim Gerzo (2011, Septiembre 14). Actualidad de las páginas web. Wevxs. Recuperado el 24 de noviembre de 2012,

de http://www.wevxs.com/inegocios/paginas-web/que-es-una-pagina-web/ (2011, Julio 18). Tim Berners-Lee. Muy interesante. Recuperado el 24 de noviembre de 2012, de

http://www.muyinteresante.com.mx/historia/310485/primera-pagina-web/

(2012, Noviembre 13). Tim Berners-Lee. Wikipedia. Recuperado el 24 de noviembre de 2012, de http://es.wikipedia.org/wiki/Tim_Berners-Lee

Márquez Daniel (2007, Octubre 27). Marc Andreessen. Blog Fantasía y realidad. Recuperado el 24 de noviembre de 2012, de http://fantasarealidad.blogspot.mx/2007/10/marc-andreessen-el-padre-de-los.html

(2012, Octubre 15). Marc Andressen. Wikipedia. Recuperado el 24 de noviembre de 2012, de http://es.wikipedia.org/wiki/Marc_Andreessen

Karim Gerzo (2011, Septiembre 14). ¿Qué es una páginas web? Wevxs. Recuperado el 24 de noviembre de 2012, de http://www.wevxs.com/inegocios/paginas-web/que-es-una-pagina-web/

¿Para qué sirve una web? Cosipaspatuweb. Recuperado el 24 de noviembre de 2012, de http://cositaspatuweb.jimdo.com/para-que-sirve-una-pagina-web (2012) Aplicaciones web. AILON WEBS. Recuperado el 24 de noviembre de 2012, de

http://www.ailonwebs.com/aplicaciones-web.php