Orientaciones para el alumnado

En esta unidad de trabajo estudiarás la evolución del lenguaje HTML hasta el XHTML y las características básicas de los mismos, así como el uso de las hojas de estilos.

Para poder aprovechar todo el contenido de la unidad es recomendable que a la vez que lees los contenidos tengas preparado algún editor de HTML (como Notepad++ o Geany, por ejemplo) para ir probando los ejemplos que acompañan a las explicaciones.

En esta unidad encontrarás dentro de los contenidos ejemplos de código que están disponibles para copiar y pegar directamente en tu editor, de este modo podrás poner en práctica cada uno de los ejemplos y realizar modificaciones sobre los mismos para observar las variaciones en los resultados. Recuerda que según Edgar Dale solo recordamos el 10% de lo que leemos y el 30% de lo que vemos sin embargo somos capaces de recordar el 90% de lo que hacemos así que asegúrate de probar y poner en práctica cada uno de los ejemplos.

Al finalizar esta unidad de trabajo podrás elaborar páginas web sencillas.

**Datos generales de la Unidad de Trabajo**
Nombre completo del MP	Lenguajes de marcas y sistemas de gestión de información.	Siglas MP	LMSGI
Nº y título de la UT	02.- Utilización de lenguajes de marcas en entornos web.
Índice o tabla de contenidos	Introducción a la utilización de lenguajes de marcas en entornos web. HTML: evolución y versiones HTML y XHTML Estructura de un documento HTML Identificación de etiquetas y atributos HTML Clasificación de los atributos comunes según su funcionalidad Elementos HTML. Elementos de la estructura básica de un documento Elementos de la sección de cabecera Encabezados y párrafos Saltos de línea y espacios en blanco Comentarios Semántica a nivel de texto Elementos de listas Elementos de tablas Elementos de formularios Declaración de formularios - Etiqueta form Campos de formulario - input Campos de formulario - Área de texto Campos de formularios - Lista desplegable Campos de formulario - checkbox Botones de formulario Otros campos de formulario Campos de formulario con formato de fecha Campos de formulario - Rangos Organización de formularios Un ejemplo de formulario Multimedia Secciones y etiquetas semánticas Elemento iframe Validación HTML Hojas de estilo o CSS Cómo incluir CSS en un documento HTML o XHTML Elemento span Sintaxis de las reglas de estilo Cascada y herencia de estilos Selectores Selectores de clase Selectores de ID Selectores descendentes Selector hijo Propiedades principales Propiedades de color y fondo Propiedades de fuente Propiedades de texto Propiedades de listas Propiedad display Avanzado: Modelo de cajas Propiedades de caja Unidades de tamaño Ejemplos del modelo de cajas Posicionamiento Validador CSS
Objetivos	Con el estudio de esta unidad pretendemos que seas capaz de... Identificar y clasificar los lenguajes de marcas relacionados con la Web y sus diferentes versiones. Analizar la estructura de un documento HTML e identificar las secciones que lo componen. Reconocer la funcionalidad de las principales etiquetas y atributos del lenguaje HTML. Establecer las semejanzas y diferencias entre los lenguajes HTML y XHTML. Reconocer la utilidad de XHTML en los sistemas de gestión de información. Utilizar herramientas en la creación documentos Web. Identificar las ventajas que aporta la utilización de hojas de estilo. Aplicar hojas de estilo.
Temporalización (estimación)	Tiempo necesario para estudiar los contenidos (h)		15
	Tiempo necesario para completar la tarea (h)		4
	Tiempo necesario para completar el examen (h)		1
	Nº de días que se recomienda dedicar a esta unidad		20
	La temporalización anterior no deja de ser una estimación media, ya que el tiempo a invertir va a depender mucho de las circunstancias personales de cada cual.
Consejos y recomendaciones	Antes de abordar la tarea, estudia la unidad, visita los enlaces para saber más y debes conocer de la misma, y haz el examen final de la unidad, consultando todas las dudas que te vayan surgiendo en el foro para que te las resuelvan tus compañeros y compañeras y tu tutor o tutora. Cuando creas que has asimilado todo, será el momento de abordar la realización de la tarea.