Lenguajes y estándares web Código:  76.510    :  6
Consulta de los datos generales   Descripción   Objetivos y competencias   Contenidos   Lista de los materiales de los que dispone la asignatura  
Este es el plan docente de la asignatura para el segundo semestre del curso 2023-2024. Podéis consultar si la asignatura se ofrece este semestre en el espacio del campus Más UOC / La universidad / Planes de estudios). Una vez empiece la docencia, tenéis que consultarlo en el aula. El plan docente puede estar sujeto a cambios.
El futuro graduado en multimedia tendrá una formación variada en todos los campos de producción de productos multimedia, cosa que le capacitará como usuario de una gran cantidad de áreas y le pondrá en contacto con creativos de las diferentes áreas de producción.

En el actual panorama, el soporte en que llegan al usuario la mayoría de productos multimedia es la web. Por lo tanto, el futuro graduado tiene que dominar los diferentes aspectos de la creación de páginas web, empezando por los lenguajes que componen la web: HTML para el contenido, CSS para la presentación, Javascript para el comportamiento y los diferentes lenguajes de programación de servidor y gestores de bases de datos para la creación de aplicaciones.

En esta asignatura se tratan los dos primeros aspectos: los lenguajes HTML y CSS.

Amunt

Competencias

  • Capacidad para crear y diseñar los elementos gráficos y visuales de un producto o aplicación multimedia usando procedimientos creativos, fundamentos básicos del diseño y un lenguaje formal.
  • Capacidad para usar de forma apropiada los lenguajes de programación y las herramientas de desarrollo para el análisis, diseño e implementación de aplicaciones.
  • Capacidad de organizar y gestionar la información usando tecnologías de bases de datos, lenguajes y modelos estándares.
  • Capacidad para integrar y gestionar contenidos digitales en aplicaciones multimodales de acuerdo con criterios estéticos, técnicos y funcionales.
  • Conocer los lenguajes de marcado y las tecnologías para manipularlos
  • Ser capaz de organizar el contenido y diseñar la interacción (arquitectura de la información, guiones, hipertexto, hipermedia)
  • Tener conocimientos de percepción visual, composición (cognición, emoción y atención)

Objetivos

  • Comprender la necesidad de la utilización de los estándares web y las ventajas de su uso.
  • Crear páginas web de acuerdo con los estándares.
  • Asegurar la correcta aplicación de las normas y mejores prácticas de accesibilidad.

Amunt

Introducción y conceptos básicos

  • Introducción al currículo de estándares web/contenidos
  • La historia de Internet y la web y la evolución de los estándares web
  • Cómo funciona Internet?
  • El modelo de estándares web: HTML, CSS y JavaScript
  • Estándares web: un bonito sueño, pero ¿cuál es la realidad?
  • Arquitectura de la información: planificación de una web
  • ¿Qué necesita una buena página web?  


Fundamentos de (X)HTML y CSS

  • Conceptos básicos de HTML
  • El elemento del HTML
  • Elegir el doctype correcto para los documentos HTML
  • Etiquetar contenido textual en HTML
  • Conceptos básicos de CSS
  • Herencia y cascada
  • Creación de estilos de texto con CSS  
  • Construcción del esqueleto de una página web  


Listas, imágenes, enlaces, div, span y el modelo de cajas

  • Listas HTML
  • Imágenes en HTML
  • Enlaces HTML: ¡construimos una web!
  • Imágenes de fondo en CSS
  • Estilos de listas y enlaces
  • Contenedores genéricos: los elementos div y span
  • El modelo de composición de CSS: cajas, bordes, márgenes, relleno 
  • Combinaciones de color y modelos de diseño  


Validación y accesibilidad

  • Validar el HTML
  • Conceptos básicos de accesibilidad
  • Pruebas de accesibilidad  


Tablas

  • Tablas HTML
  • Estilos de las tablas  
  • La tipografía en la Web  


Formularios

  • Formularios HTML: conceptos básicos
  • Diseño, composición y presentación de formularios con CSS 
  • Elementos semánticos menos conocidos  


"Layout"

  • Creación de múltiples páginas con menús de navegación
  • Elementos flotantes y clearing
  • Posicionamiento estático y relativo con CSS
  • Posicionamiento absoluto y fijo con CSS 
  • Encabezamientos, pies, columnas y plantillas

Amunt

Developer Mozilla. Recursos para desarrolladores, creados por desarrolladores Web

Amunt