Please enable JavaScript.
Coggle requires JavaScript to display documents.
Lenguajes de diseño, Realizado Por: Emiliano Rivero Meraz - Coggle Diagram
Lenguajes de diseño
DOM
-
Dato(s) relevantes
Facilita una representación estructurada del documento y define de qué manera los programas pueden acceder, al fin de modificar, tanto su estructura, estilo y contenido
Versiones
Level 1, Level 2, Level 3, Level 4
-
-
¿Cuál es su función?
proporciona otras formas de presentar, guardar y manipular este mismo documento
-
Relación con HTML
Estructura los documentos HTML, facilitando el acceso a varios documentos
¿Cómo funciona?
cuando nos referimos al DOM nos referimos a esta estructura, que podemos modificar de forma dinámica desde Javascript, añadiendo nuevas etiquetas, modificando o eliminando otras
-
¿Qué es?
Las siglas DOM significan Document Object Model, o lo que es lo mismo, la estructura del documento HTML. Una página HTML está formada por múltiples etiquetas HTML, anidadas una dentro de otra, formando un árbol de etiquetas relacionadas entre sí, que se denomina árbol DOM
Relación con JavaScript
El DOM es una representación completamente orientada al objeto de la página web y puede ser modificado con un lenguaje de script como JavaScript
Concepto
El Modelo de Objetos del Documento (DOM) es una interfaz de programación de aplicaciones (API) para documentos validos HTML y bien construidos XML
HTML
-
Dato(s) relevantes
HTML y la web (WWW) nacieron al mimo tiempo, su primera versión tenía 18 etiquetas.
-
-
-
-
-
Relación con CSS
el HTML es un lenguaje de marcado (constituye la base de un sitio web) y CSS define el estilo de la página (toda la parte estética)
¿Cómo funciona?
HTML es un markup language, lo que significa que está escrito con códigos que puede leer una persona sin que sea necesario compilarlo primero. En otras palabras, el texto en una página web está marcado con estos códigos para dar instrucciones al navegador web sobre cómo mostrar el texto.
-
-
Relación con DOM
Estructura los documentos HTML, facilitando el acceso a varios documentos
Concepto
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.
CSS
-
-
-
-
-
¿Cuál es su función?
se puede usar para estilos de texto muy básicos como, por ejemplo, cambiar el color y el tamaño de los encabezados y los enlaces.
-
Relación con HTML
el HTML es un lenguaje de marcado (constituye la base de un sitio web) y CSS define el estilo de la página (toda la parte estética)
¿Cómo funciona?
Cuando un navegador muestra un documento, ha de combinar el contenido con la información de estilo del documento. Procesa el documento en una serie de etapas
-
-
Relación con DOM
Facilita una representación estructurada del documento y define de qué manera los programas pueden acceder.
Concepto
Este lenguaje contiene elementos de codificación y se compone de estas “Cascading Style Sheets” que también se llaman archivos CSS
JAVASCRIPT
-
Dato(s) relevantes
El nombre real no es “Javascript”, sino ECMAScript
-
-
-
-
-
¿Cómo funciona?
Funciona como analizador de los lenguajes CSS, HTML y Dom
-
¿Qué es?
JavaScript es un lenguaje de programación o de secuencias de comandos que te permite implementar funciones complejas en páginas web, cada vez que una página web hace algo más que sentarse allí y mostrar información estática para que la veas, muestra oportunas actualizaciones de contenido, mapas interactivos, animación de Gráficos 2D/3D
-
Concepto
JavaScript es un lenguaje de secuencias de comandos que te permite crear contenido de actualización dinámica, controlar multimedia, animar imágenes y prácticamente todo lo demás
Relación con DOM
El DOM es una representación completamente orientada al objeto de la página web y puede ser modificado con un lenguaje de script como JavaScript
-