Graficas Computacionales En El Desarrollo Web

Jonathan Ruiz

[pic 1]

Universidad Latina de Panamá

Gráficas Computacionales

Graficas Computacionales En El Desarrollo Web

Proyecto Final

Jonathan Ruiz

06/08/2022

ÍNDICE

INTRODUCCIÓN……………………………………………………………………..PAG3

GRAFICAS COMPUTACIONALES EN EL DESARROLLO WEB…PAG4

        HTML………………………………………………………………………………PAG4

        CSS………………………………………………………………………………..PAG5

        JAVASCRIPT………………………………………………………………….PAG7

        ACTUALIDAD………………………………………………………………..PAG8

        API CANVAS 2D……………………………………………………………PAG9

        WEBGL………………………………………………………………………….PAG10

CONCLUSIÓN………………………………………………………………………..PAG11

INFOGRAFÍA………………………………………………………………………….PAG12

INTRODUCCIÓN

Los sitios web al inicio solo eran texto, ya que solamente existía HTML, con la introducción de CSS entonces los desarrolladores web empezamos a poder darle diseño a nuestros sitios web con la introducción de CSS en 1996, algunas de las funcionalidades que tenia esta versión eran Propiedades de las Fuente, fondos, bordes, atributos texto, alineaciones, propiedades de caja, listas, etc. Con estas propiedades HTML paso de ser solo texto, a poder utilizar estilos para darle formato al sitio web.

Graficas Computacionales En El Desarrollo Web

HTML

HTML (HyperText Markup Language) es el elemento más básico de la Web. Define el significado y la estructura del contenido web. Además de HTML, generalmente se utilizan otras tecnologías para describir la apariencia/presentación de una página web (CSS) o la funcionalidad/comportamiento (JavaScript).

En año de 1993 Fue un año increíble porque este fue el año en que se lanzó "Jurassic Park".

También fue en 1993 cuando Tim Berners-Lee escribió la primera versión de HTML . Fue un físico y un informático que implementó la primera comunicación exitosa entre un cliente del Protocolo de transferencia de hipertexto (HTTP).

Él es esencialmente el inventor de Internet que conocemos y amamos hoy.

La única forma para agregar algo visual a nuestras páginas web con HTML era usando la etiqueta  <img>.

La etiqueta <img> se utiliza para incrustar una imagen en una página HTML. Técnicamente, las imágenes no se insertan en una página web; las imágenes están vinculadas a páginas web. La etiqueta <img> crea un espacio de espera para la imagen a la que se hace referencia.

HTML tuvo muchas iteraciones a lo largo de los próximos dos años. HTML v2 se lanzó en 1995 , seguido de v3 y v4 en 1997 . Finalmente, eso nos lleva a HTML5, que se lanzó en 2011 .

CSS

Durante el primer año, HTML parecía bastante soso. HTML v1 era un bebé feo. Pero todo eso empezó a cambiar a finales de 1994 cuando Håkon Wium Lie publicó el primer borrador de la propuesta de hojas de estilo HTML en cascada ( CSS ).

CSS son las siglas en inglés para «hojas de estilo en cascada» (Cascading Style Sheets). Básicamente, es un lenguaje que maneja el diseño y presentación de las páginas web, es decir, cómo lucen cuando un usuario las visita.

Se les denomina hojas de estilo «en cascada» porque puedes tener varias hojas y una de ellas con las propiedades heredadas (o «en cascada») de otras.

Con CSS puedes crear reglas para decirle a tu sitio web cómo quieres mostrar la información y puedes guardar los comandos para elementos de estilo (como fuentes, colores, tamaños, etc.) separados de los que configuran el contenido.

A través de esta herramienta puedes crear formatos específicos útiles para comunicar tus ideas y crear experiencias agradables para los usuarios del sitio web.

En la actualizad, el concepto clave para crear gráficas computacionales con CSS es utilizar creativamente la propiedad border-radius para crear curvas y formas. La propiedad border-radius define el radio de las esquinas del elemento.

Con otras propiedades de CSS entonces podemos rotar, posicionar, cambiar el color,  de la forma que queremos construir.

El primer lanzamiento de CSS provocó un poco de drama. Muchos lo percibieron como demasiado simple para la tarea para la que fue diseñado. Se argumentó que para diseñar documentos, se necesitaba el poder de un lenguaje de programación completo.

Después de un año de idas y venidas, CSS se convirtió en la recomendación del World Wide Web Consortium ( W3C ). En 1997 se publicó CSS ​​v2 y se usó más ampliamente en navegadores, incluido Netscape Navigator.

Netscape Navigator fue el primer navegador en cargar las webs en tiempo real, mostrando primero el texto y luego las imágenes y ofreciendo a los usuarios una sensación de fluidez desconocida hasta el momento (en otros navegadores debíamos esperar a que la web completa se descargara en el ordenador antes de visualizarla).

Netscape Navigator, nos ayudó a llegar a donde estamos hoy.

JAVASCRIPT

En 1995 , un programador de Netscape llamado Brandan Eich desarrolló un nuevo lenguaje de secuencias de comandos llamado Mocha, que finalmente se conoció como JavaScript .

JavaScript es un lenguaje de secuencias de comandos o de programación que le permite implementar funciones complejas en páginas web; cada vez que una página web hace algo más que solo existir y mostrar información estática para que usted la vea, por ejemplo si una página web muestra actualizaciones de contenido oportunas, mapas interactivos, animaciones 2D/ Gráficos en 3D, etc. puede apostar que JavaScript probablemente esté involucrado. Es la tercera capa del pastel de capas de tecnologías web estándar, dos de las cuales (HTML y CSS).

...