A R M I O E T O CREATIV Presentado por Armando Parra APLICACIONES WEB 1 Cómo funciona y procesos 2 Identificaciones de tecnologias de desarrollo web 5 HTML Y CSS 3 Comprimir 6 JS 4 Descomprimir CÓMO FUNCIONA Y PROCESOS El funcionamiento de una página web implica varios elementos y procesos. Los conceptos básicos: -Protocolo de transferencia de hipertexto (HTTP) -Servidor web -Lenguajes de marcado -Cliente y servidor -Resolución de direcciones IP -Renderizado -Establecimiento de conexión -Recursos adicionales -Solicitud y respuesta HTTP -Descarga de recursos -Renderizado y visualización -Interacción del usuario -Cierre de conexión IDENTIFICACION HTML El Lenguaje de Marcado de Hipertexto (HTML) es el código que se utiliza para estructurar y desplegar una página web y sus contenidos. Por ejemplo, sus contenidos podrían ser párrafos, una lista con viñetas, o imágenes y tablas de datos. JS Lenguaje de programación que los desarrolladores utilizan para hacer páginas web interactivas. Desde actualizar fuentes de redes sociales a mostrar animaciones y mapas interactivos, las funciones de JavaScript pueden mejorar la experiencia del usuario de un sitio web. CSS Lenguaje informático que especifica cómo se presentan los documentos a los usuarios: cómo se diseñan, compaginan, etc. Un documento suele ser un archivo de texto estructurado con un lenguaje de marcado: HTML es el más común, pero también existen otros como SVG o XML. COMPRIMIR DESCOMPRIMIR Los archivos comprimidos (comprimidos) ocupan menos espacio de almacenamiento y se pueden transferir a otros equipos más rápidamente que archivos sin comprimir. En Windows, se trabaja con las carpetas y archivos comprimidos de la misma manera que con los que están sin comprimir. Las personas generalmente quitan los saltos de línea de su código fuente html para ahorrar en costos del ancho de banda y presentar páginas más rápido. Lo cual es una gran práctica de optimización, pero hace que el html resultante sea muy difícil de leer para nosotros los humanos. HTML Y CSS HTML CSS Integra todos los lenguajes de programación y elementos multimedia que conforma la página. Son reglas que permiten dar formato a los distintos elementos del lenguaje HTML. Utiliza etiquetas con estructura el texto Una vez estructurado el texto le añadimos el formato los cuales JS JAVASCRIPT JavaScript es un lenguaje de programación que los desarrolladores utilizan para hacer páginas web interactivas. Desde actualizar fuentes de redes sociales a mostrar animaciones y mapas interactivos, las funciones de JavaScript pueden mejorar la experiencia del usuario de un sitio web. MUCHAS GRACIAS