Unidad Didáctica 1: Introducción LMSGI

Choose a study mode

Play Quiz
Study Flashcards
Spaced Repetition
Chat to Lesson

Podcast

Play an AI-generated podcast conversation about this lesson
Download our mobile app to listen on the go
Get App

Questions and Answers

¿Qué animal apareció entre los árboles en el bosque encantado?

  • Un ciervo
  • Un conejo
  • Una ardilla
  • Un zorro de pelaje dorado (correct)

Pilar estaba asustada cuando vio al zorro dorado.

False (B)

¿Qué tipo de flor le ofreció Pilar al zorro?

Una flor de lavanda

Pilar y el zorro dorado se convirtieron en _______ inseparables.

<p>compañeros</p> Signup and view all the answers

¿Cuál era la belleza que admiraba Pilar en el bosque?

<p>Los helechos (B)</p> Signup and view all the answers

La historia se desarrolla en un bosque encantado.

<p>True (A)</p> Signup and view all the answers

¿Qué hizo Pilar al ver al zorro dorado?

<p>Se agachó para ofrecerle una flor.</p> Signup and view all the answers

Relaciona las siguientes acciones con los personajes correspondientes:

<p>Pilar = Ofreció una flor de lavanda Zorro dorado = Aceptó el regalo Ambos = Exploraron el bosque juntos Naturaleza = Ofreció serenidad</p> Signup and view all the answers

¿Cuál es la función principal de HTML?

<p>Generar páginas web organizadas (A)</p> Signup and view all the answers

XHTML es un lenguaje que combina las características de HTML y XML.

<p>True (A)</p> Signup and view all the answers

¿Qué lenguajes surgen en 1993 para la creación de páginas web?

<p>HTML</p> Signup and view all the answers

El lenguaje que permite negociaciones entre entidades diferentes es ____.

<p>XML</p> Signup and view all the answers

Relaciona los lenguajes con su objetivo principal:

<p>HTML = Generación de páginas web XML = Intercambio de datos XHTML = Combinación de HTML y XML HTML5 = Mejoras en la funcionalidad web</p> Signup and view all the answers

¿Qué característica tiene XHTML?

<p>Combina la estructura de XML con simplicidad de HTML (D)</p> Signup and view all the answers

HTML5 y XHTML son lenguajes completamente distintos sin ninguna relación entre sí.

<p>False (B)</p> Signup and view all the answers

Menciona una ventaja del uso de XML.

<p>Flexibilidad en la creación de nuevos tipos de documentos.</p> Signup and view all the answers

¿Cuál es el vínculo mágico que se forma entre Pilar y el zorro dorado?

<p>Un regalo de flores (A)</p> Signup and view all the answers

Pilar y el zorro dorado se convirtieron en amigos después de que el zorro rechazara la flor.

<p>False (B)</p> Signup and view all the answers

¿Qué flor le ofreció Pilar al zorro dorado?

<p>lavanda</p> Signup and view all the answers

El zorro de pelaje dorado y Pilar aprendieron a explorar los secretos del ______.

<p>bosque</p> Signup and view all the answers

Relaciona los lenguajes de marca con sus descripciones:

<p>GML = Lenguaje de marcado generalizado utilizado por IBM SGML = Versión estandarizada para creación de documentos técnicos</p> Signup and view all the answers

¿En qué año se desarrolló SGML?

<p>1986 (D)</p> Signup and view all the answers

Los lenguajes de marca tienen su origen en 1970.

<p>False (B)</p> Signup and view all the answers

¿Qué se necesita para hacer una página Web según el ejercicio mencionado?

<p>un algoritmo y planificación en diagrama de Gantt</p> Signup and view all the answers

¿Cuál de las siguientes opciones utiliza HTML5 para ofrecer una experiencia moderna y responsiva?

<p>spotify.com (D)</p> Signup and view all the answers

RTVE utiliza exclusivamente XHTML en su sitio web.

<p>False (B)</p> Signup and view all the answers

¿Qué ventaja ofrece la sintaxis estricta de XHTML?

<p>Reduce errores y mejora la mantenibilidad.</p> Signup and view all the answers

XHTML es compatible con ________, facilitando la integración con otros sistemas.

<p>XML</p> Signup and view all the answers

Relaciona cada sitio web con su uso de XHTML o HTML5:

<p>elpais.com = Puede usar XHTML rockfm.fm = HTML5 mariskalrock.com = HTML5 rtve.es = Puede usar XHTML</p> Signup and view all the answers

¿Qué aplicación requiere una validación estricta y una estructura de código consistente?

<p>Sitios gubernamentales (B)</p> Signup and view all the answers

La accesibilidad y la usabilidad son estrictamente opcionales en XHTML.

<p>False (B)</p> Signup and view all the answers

Nombra un estándar que XHTML puede ayudar a cumplir.

<p>WCAG</p> Signup and view all the answers

¿Cuál es la función central de la sección en una página web?

<p>Presentar contenido visual y funcional (A)</p> Signup and view all the answers

En XHTML, las etiquetas no necesitan ser cerradas explícitamente.

<p>False (B)</p> Signup and view all the answers

¿Qué se requiere en XHTML que no es obligatorio en HTML5?

<p>Cierre explícito de todas las etiquetas.</p> Signup and view all the answers

En XHTML, los nombres de las etiquetas deben estar en ______.

<p>minúsculas</p> Signup and view all the answers

Asocia cada tipo de documento con su característica principal:

<p>HTML5 = Compatible con silmultáneamente navegadores modernos XHTML = Todas las etiquetas deben ser cerradas correctamente HTML4 = Requiere compatibilidad con navegadores antiguos</p> Signup and view all the answers

¿Cuál es un ejemplo de un código correcto en XHTML?

<p>Hola</p> (D) Signup and view all the answers

HTML5 es adecuado solo para navegadores modernos.

<p>False (B)</p> Signup and view all the answers

¿Cuál es una de las guías de estilo mencionadas para HTML?

<p>W3Schools HTML Style Guide.</p> Signup and view all the answers

¿Cuál de las siguientes características describe a XML?

<p>Permite definir etiquetas propias. (C)</p> Signup and view all the answers

El DTD (Document Type Definition) se utiliza para definir la presentación de un documento.

<p>False (B)</p> Signup and view all the answers

¿Cuál es la función principal de un lenguaje descriptivo/semántico?

<p>Transmitir el significado del contenido.</p> Signup and view all the answers

XML es un lenguaje de marcas puramente ________ que no incluye información sobre el diseño.

<p>estructural</p> Signup and view all the answers

Relaciona cada tipo de lenguaje de marcado con su descripción:

<p>Lenguaje de presentación = Indica el formato del texto. Lenguaje de procedimiento = Ofrece instrucciones sobre el procesamiento de etiquetas. Lenguaje descriptivo/semántico = Transmite el significado del contenido. XML = Permite definir etiquetas y atributos propios.</p> Signup and view all the answers

¿Cuál de las siguientes opciones describe mejor la sintaxis de XML?

<p>Estricto y coherente. (A)</p> Signup and view all the answers

XML es un estándar internacional que se estableció en 1998.

<p>True (A)</p> Signup and view all the answers

¿Qué es un metalenguaje en el contexto de XML?

<p>Un lenguaje que permite definir otros lenguajes.</p> Signup and view all the answers

Flashcards

HTML

Un lenguaje de marcado que se utiliza para crear páginas web.

XML

Un lenguaje de marcado extensible que se utiliza para definir la estructura y el contenido de los datos.

XHTML

Un lenguaje de marcado extensible que combina la estructura de XML con la simplicidad de HTML.

SGML

Un lenguaje de marcado que se utiliza para definir la estructura y el contenido de los documentos.

Signup and view all the flashcards

GML

Un lenguaje de marcado que se utiliza para definir la estructura y el contenido de los documentos.

Signup and view all the flashcards

Diagrama de Gantt

Un diagrama de Gantt es una herramienta visual para planificar tareas y proyectos, mostrando el tiempo que se estima que durará cada tarea y su relación con otras tareas.

Signup and view all the flashcards

Algoritmo

Un algoritmo es una secuencia de pasos específicos que se ejecutan para resolver un problema o completar una tarea.

Signup and view all the flashcards

Instrucciones de un algoritmo

Las instrucciones de un algoritmo son los pasos específicos que se deben realizar para resolver un problema o completar una tarea.

Signup and view all the flashcards

Crear una página web

Para crear una página web, se necesita un lenguaje de marcado para la estructura, un lenguaje de estilo para la presentación y código para la funcionalidad.

Signup and view all the flashcards

Bosque encantado

El lugar donde suceden los eventos: un bosque encantado. Este es el escenario donde todo sucede.

Signup and view all the flashcards

Pilar admira los helechos

Pilar camina con atención, apreciando la belleza de los helechos que cubren el suelo. Esto muestra su curiosidad y aprecio por la naturaleza.

Signup and view all the flashcards

Aparece el zorro dorado

Un zorro de pelaje dorado aparece entre los árboles, observando a Pilar con intriga. Este encuentro marca el inicio de una amistad especial.

Signup and view all the flashcards

Pilar ofrece una flor

Pilar, sorprendida pero contenta, se arrodilló para ofrecerle al zorro una flor de lavanda. Este gesto de amabilidad inicia un lazo especial.

Signup and view all the flashcards

El zorro acepta el regalo

El zorro, confiando, se acercó y aceptó el regalo, creando un vínculo mágico entre ellos. La amistad nace a través de la confianza y la generosidad.

Signup and view all the flashcards

Pilar y el zorro se hacen amigos

Pilar y el zorro dorado se convierten en amigos inseparables, explorando juntos los secretos del bosque. Este lazo se basa en la amistad y la exploración.

Signup and view all the flashcards

La serenidad de la naturaleza

Pilar y el zorro disfrutan de la paz y tranquilidad que solo la naturaleza ofrece. La tranquilidad es un regalo que solo la naturaleza puede dar.

Signup and view all the flashcards

La belleza de la naturaleza

Ambas personas disfrutan de la tranquilidad y la belleza del bosque. Es importante apreciar la naturaleza y sus regalos.

Signup and view all the flashcards

XML (eXtensible Markup Language)

Un lenguaje de marcas que especifica la estructura de un documento, pero no su apariencia. Es un metalenguaje que permite definir etiquetas propias y atributos, facilitando el intercambio de datos.

Signup and view all the flashcards

DTD (Document Type Definition)

Un documento que define la estructura y reglas de un lenguaje de marcas, incluyendo las etiquetas, atributos y su sintaxis.

Signup and view all the flashcards

Lenguaje de Presentación

Lenguaje de marcas que se utiliza para indicar el formato de un texto, cómo debe visualizarse.

Signup and view all the flashcards

Lenguaje Descriptivo/Semántico

Lenguaje de marcas que se utiliza para transmitir el significado o la semántica del contenido.

Signup and view all the flashcards

Lenguaje de Procedimiento

Lenguaje de marcas que ofrece instrucciones sobre cómo se deben procesar las etiquetas.

Signup and view all the flashcards

Alta Complejidad y Costos Elevados

La complejidad y el alto costo asociados a la implementación de soluciones.

Signup and view all the flashcards

Limitado en Semántica y Estructura de Datos

Limitaciones relacionadas con la semántica y la estructura de datos.

Signup and view all the flashcards

Intercambio de Datos entre Sistemas Empresariales

El intercambio de datos entre sistemas empresariales.

Signup and view all the flashcards

Aplicaciones de XHTML

XHTML se utiliza cuando se necesita una validación estricta y una estructura de código consistente, como en sitios web gubernamentales, educativos o corporativos.

Signup and view all the flashcards

Interoperabilidad de XHTML

XHTML, al ser una aplicación de XML, ofrece una mejor integración con otros sistemas que trabajan con XML.

Signup and view all the flashcards

Ventajas de XHTML

La sintaxis estricta de XHTML asegura que el código sea bien formado y consistente, lo que ayuda a reducir errores y facilita la mantenibilidad del código.

Signup and view all the flashcards

Accesibilidad de XHTML

XHTML es más compatible con los estándares de accesibilidad web (WCAG) ya que su estructura bien definida facilita la accesibilidad para usuarios con diversas necesidades.

Signup and view all the flashcards

¿Cómo identificar XHTML?

Identificar si un sitio web utiliza XHTML es fácil si analizas el código fuente de la página. Busca la etiqueta <html> y observa los atributos xmlns y lang. Si está en XHTML, tendrá un atributo xmlns con el valor http://www.w3.org/1999/xhtml.

Signup and view all the flashcards

Revisar el código fuente

Revisar el código fuente de un sitio web es una forma de comprobar si una página web fue construida con XHTML. El código fuente puede ser revisado utilizando el navegador web o herramientas online para análisis de código.

Signup and view all the flashcards

Estructura del código fuente

Si la página web está construida con XHTML, el código fuente estará bien formado (sin errores de sintaxis) y tendrá una estructura definida. Esto facilita la lectura y el análisis.

Signup and view all the flashcards

Sección

La parte central de una página web donde se coloca el contenido visual y funcional. Incluye elementos como texto, imágenes, formularios, etc.

Signup and view all the flashcards

Cierre de etiquetas en HTML5 vs XHTML

HTML5 elimina la necesidad de cerrar explícitamente algunas etiquetas, mientras que XHTML exige que todas las etiquetas, incluso las vacías, se cierren correctamente.

Signup and view all the flashcards

Mayúsculas o minúsculas en etiquetas XHTML

XHTML requiere que los nombres de las etiquetas estén en minúsculas. Por ejemplo, <p> en lugar de <P>.

Signup and view all the flashcards

Declaración de codificación

HTML5 permite la codificación de caracteres dentro de las etiquetas HTML, mientras que XHTML exige usar la declaración de la codificación en la raíz del documentos. Por ejemolo, <meta charset="UTF-8"> dentro de la cabeza del documento.

Signup and view all the flashcards

HTML5 y la compatibilidad con navegadores

HTML5 admite la creación de páginas web que funcionan en navegadores modernos y antiguos, aunque con algunas diferencias.

Signup and view all the flashcards

XHTML: más estricto y formal

XHTML es más estricto que HTML. Requiere que todas las etiquetas estén bien cerradas y con los nombres en minúsculas.

Signup and view all the flashcards

Guías de estilo HTML y XHTML

Ambas versiones, HTML y XHTML, tienen guías de estilo para escribir código limpio y bien estructurado .

Signup and view all the flashcards

Posibilidades de HTML5 y XHTML

Cada lenguaje tiene sus propias recomendaciones, aunque HTML5 es más flexible y admite una gama más amplia de posibilidades.

Signup and view all the flashcards

Study Notes

Lenguajes de Marca y Sistemas de Gestión de Información

  • El ciclo formativo de Grado Superior es Desarrollo de Aplicaciones Web.
  • El curso se imparte en el IES El Lago.
  • El profesor es Sara Martín Cuezva.
  • El curso abarca el año 2024-2025.

Unidad Didáctica 1 (UD1). Introducción LMSGI

  • Ejercicio 1: Se utiliza el editor online w3Schools Tryit Editor para explorar la estructura mínima de un código HTML y experimentar con cambios en el formato de texto. El enlace de la práctica es https://www.w3schools.com/html/tryit.asp?filename=tryhtml_default_default.
  • Ejemplo de código HTML: Se presenta un ejemplo básico de código HTML, incluyendo etiquetas <DOCTYPE html>, <html>, <head>, <title>, <body>, <h1>, y <p>.
  • Ejercicio 2: Realizar un texto manuscrito de 100 palabras que incluya un animal, una planta y el nombre de un familiar. El texto debe elaborarse a mano en hoja en blanco.
  • Ejercicio 3: Preguntan sobre la necesidad de los lenguajes de marca y sistemas de gestión de información, así como sobre las novedades e implicaciones que los rodean.
  • Ejercicio 4: Pregunta sobre los recursos necesarios para la elaboración de un sitio web, y se solicita el algoritmo para crear una página web. Se mencionan la planificación en diagrama de Gantt y la programación dentro del curso.
  • Actividad Descubrimiento 1: Los estudiantes deben trabajar en equipo para analizar las similitudes y diferencias en el diseño de 4 sitios web relacionados con un tema específico elegido por ellos. Se pide un análisis utilizando un Diagrama de Gantt junto con la asignación de tareas y estimación de tiempos.

Lenguajes de Marcas (LMSGI)

  • Los lenguajes de marca tienen su origen en 1969 con GML (Generalized Markup Language).
  • IBM usaba GML para la producción de documentos internos.
  • En 1986, se desarrolló SGML como estandarización de GML para uso en manuales técnicos y documentación de productos.
  • HTML (HyperText Markup Language): Surge en 1993 como un lenguaje de generación de páginas web.
  • XML (eXtensible Markup Language) surgió para permitir a las empresas comunicarse con la ayuda de un lenguaje común, mediante etiquetas de formato.
  • XHTML (eXtensible HyperText Markup Language) combina la flexibilidad de XML con la estructura de HTML.
  • Se presenta una tabla comparativa de las características de GML, SGML, HTML, XML y XHTML.

Estructuras HTML

  • Existen etiquetas y atributos fundamentales para la estructura, diseño y funcionamiento de las páginas web en HTML, por ejem. <html>, <head>, <title>, <body>, <h1>, <p>, <img>, <b>, etc. href, src, etc.
  • El DOCTYPE es una instrucción crucial en HTML (incluyendo HTML5).
  • La sección <head> permite definir metadatos relevantes para la página (ej. título, caracteres).
  • La sección <body> contiene el contenido visible de la página.

HTML5 vs XHTML

  • Se comparan las sintaxis y estructura de HTML5 y XHTML.
  • XHTML tiene una sintaxis más rigurosa y se basa en XML. HTML5 ofrece mayor flexibilidad y compatibilidad con navegadores.

¿Cuándo usar HTML5 y XHTML?

  • Se presenta una guía de cuándo usar HTML5 y cuándo XHTML basándose en las características de cada lenguaje y las necesidades del sitio web. (Ej. Compatibilidad, validación, accesibilidad).

Ejercicio 6 y 7 (Noticias HTML5 y Música HTML5):

  • Se solicitan ejemplos de sitios web que se asume utilizan HTML5 para su estructura y funcionamiento.

Ejercicio 8 (Noticias XHTML):

  • Se plantea la tarea de identificar si ciertas páginas web aún utilizaban XHTML como formato de archivo.

Studying That Suits You

Use AI to generate personalized quizzes and flashcards to suit your learning preferences.

Quiz Team

More Like This

HTML and Web Development Basics
18 questions
JavaScript Basics for Web Development
5 questions
Overview of Web Development Basics
8 questions
Web Server Programming Basics
39 questions

Web Server Programming Basics

StreamlinedTajMahal2813 avatar
StreamlinedTajMahal2813
Use Quizgecko on...
Browser
Browser