HTML y CSS Código:  20.650    :  6
Consulta de los datos generales   Descripción   La asignatura en el conjunto del plan de estudios   Campos profesionales en el que se proyecta   Conocimientos previos   Información previa a la matrícula   Objetivos y competencias   Contenidos   Consulta de los recursos de aprendizaje de la UOC para la asignatura   Informaciones sobre la evaluación en la UOC   Consulta del modelo de evaluación  
Este es el plan docente de la asignatura para el primer semestre del curso 2024-2025. 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.

Al graduarse en Técnicas de interacción digital y multimedia o en Multimedia, los y las estudiantes tendrán una formación variada en todos los campos de producción, lo que les capacitará como usuarios de una gran cantidad de áreas y le pondrás en contacto con profesionales de la creatividad de las diferentes áreas de producción.

En el actual panorama, el soporte en que llegan al usuario una gran cantidad de productos multimedia es la web. Por tanto, al graduarse, los y las estudiantes deben 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.

Esta asignatura se ofrece también en el grado de Multimedia bajo el nombre de Lenguajes y estándares web.

Amunt

En el grado de Técnicas de interacción digital y multimedia hay múltiples asignaturas que se encargan de formar al estudiante en las competencias necesarias para el diseño y desarrollo de webs. Todas estas asignaturas necesitan la presente como base y son sus continuaciones naturales.

En cuanto a programación y desarrollo de aplicaciones tenemos las asignaturas Programación, Programación web o Internet y bases de datos, y tanto Diseño de interacción como Diseño de interfaces multimedia son también continuaciones lógicas de la asignatura en lo que respecta a la materia de interacción. El primer proyecto del grado es un buen punto para componer los conocimientos y competencias adquiridos tanto en esta asignatura como en algunas de las mencionadas hasta ahora, especialmente las de la materia de interacción.

Dentro del grado de Multimedia, las asignaturas relacionadas son Programación y Programación web, por lo que respecta a la programación, y Arquitectura de la información y Diseño de interfaces multimedia en cuanto a la interacción.

Amunt

La asignatura es de vital importancia para cualquier actividad que implique la creación de páginas web. Así pues, será esencial para diseñadores web y desarrolladores de 'front ends' y aplicaciones web en general. Por ser fundamental en todos los ámbitos de la creación web, también será muy importante para los diferentes profesionales implicados en el proceso de creación y producción de la web, desde el arquitecto de la información hasta el gestor de proyectos.

Amunt

La asignatura no requiere conocimientos previos.

Amunt

La asignatura no requiere conocimientos previos.

Amunt

Los objetivos de aprendizaje de esta asignatura son los siguientes:

  • 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.
  • Crear páginas web usables.
  • Asegurar la correcta aplicación de las normas y mejores prácticas de accesibilidad.

Las competencias asignadas a esta asignatura en el grado de Técnicas de interacción digital y multimedia son las siguientes:

  • Capacidad para ejercer la actividad profesional de acuerdo con el código ético y los aspectos legales en el entorno de las TIC.
  • Integrar y gestionar contenidos digitales en aplicaciones interactivas y multimedia de acuerdo con criterios estéticos, técnicos y funcionales.
  • Utilizar de manera adecuada los lenguajes de programación, las herramientas de desarrollo y las tecnologías disponibles para el análisis, el diseño y la implementación de aplicaciones multimedia.
Las competencias asignadas a esta asignatura en el grado de Multimedia son las siguientes:
  • 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.
La asignatura, diseñada de acuerdo a un nuevo real decreto de organización de las enseñanzas universitarias (RD 822/2021), permite adquirir los conocimientos, habilidades y competencias que se detallan a continuación:
  • Analizar e identificar el lenguaje de programación y/o la herramienta con la que se ha implementado un producto interactivo para poder modificarlo, mejorarlo y continuar aprendiendo.
  • Analizar, conceptualizar, diseñar y desarrollar productos interactivos multimedia.
  • Integrar y gestionar contenidos digitales en aplicaciones interactivas y multimedia de acuerdo con criterios estéticos, técnicos y funcionales.
  • Utilizar de manera adecuada los lenguajes de programación, las herramientas de desarrollo y las tecnologías disponibles para el análisis, el diseño y la implementación de aplicaciones multimedia.
  • Diseñar, desarrollar y gestionar proyectos multimedia adaptándose a la evolución de las tecnologías, los lenguajes y las necesidades del mercado y de la sociedad.
  • Actuar de manera honesta, ética, sostenible, socialmente responsable y respetuosa con los derechos humanos y la diversidad, tanto en la práctica académica como en la profesional.
  • Aplicar las tecnologías digitales en el ámbito académico y profesional.

Amunt

La asignatura se compone de ocho módulos principales.

Módulo 1. Introducción y conceptos básicos

  • La historia de internet y la web y la evolución de los estándares web
  • El modelo de estándares web: HTML, CSS y JavaScript
  • El estado de los estándares web

Fundamentos de HTML y CSS

  • Fundamentos de HTML
  • El elemento head
  • Fundamentos de texto
  • Enlaces
  • Texto avanzado
  • La estructura de los documentos
  • Depurar HTML
  • Fundamentos de CSS
  • Estructura CSS

CSS para textos, enlaces y listas

  • Fundamentos de texto y tipografía
  • Estilos para listas
  • Estilos para enlaces
  • Imágenes en HTML

Cascada y herencia. Selectores CSS. Valores y tamaños en CSS

  • Cascada y herencia
  • Selectores CSS
    • Selectores de tipo, clase e ID
    • Selectores de atributo
    • Pseudoclases y pseudoelementos
    • Combinadores
  • Valores y unidades en CSS
  • Dimensionar elementos en CSS

El modelo de caja. Imágenes. Accesibilidad

  • El modelo de caja
  • Fondo y bordes
  • desbordamientos
  • accesibilidad

Layout

  • Introducción al diseño CSS
  • Flujo normal
  • Diseño responsive
  • Flexbox
  • Retículas (grids)

Tablas

  • Fundamentos de tablas en HTML
  • Características avanzadas y accesibilidad
  • Estilos de tablas
  • Depurar CSS

Formularios

  • Fundamentos de formularios
  • Estructura de formularios
  • Controles de formulario originales
  • Validación de formularios del lado del cliente

Amunt

Developer Mozilla. Recursos para desarrolladores, creados por desarrolladores Web

Amunt

En la UOC, la evaluación generalmente es virtual. Se estructura en torno a la evaluación continua, que incluye diferentes actividades o retos; la evaluación final, que se lleva a cabo mediante pruebas o exámenes, y el trabajo final de la titulación.

Las actividades o pruebas de evaluación pueden ser escritas y/o audiovisuales, con preguntas aleatorias, pruebas orales síncronas o asíncronas, etc., de acuerdo con lo que decida cada equipo docente. Los trabajos finales representan el cierre de un proceso formativo que implica la realización de un trabajo original y tutorizado que tiene como objetivo demostrar la adquisición competencial hecha a lo largo del programa.

Para verificar la identidad del estudiante y la autoría de las pruebas de evaluación, la UOC se reserva la potestad de aplicar diferentes sistemas de reconocimiento de la identidad y de detección del plagio. Con este objetivo, la UOC puede llevar a cabo grabación audiovisual o usar métodos o técnicas de supervisión durante la ejecución de cualquier actividad académica.

Asimismo, la UOC puede exigir al estudiante el uso de dispositivos electrónicos (micrófonos, cámaras u otras herramientas) o software específico durante la evaluación. Es responsabilidad del estudiante asegurar que estos dispositivos funcionan correctamente.

El proceso de evaluación se fundamenta en el trabajo personal del estudiante y presupone la autenticidad de la autoría y la originalidad de las actividades académicas. La web sobre integridad académica y plagio de la UOC contiene información al respecto.

La falta de autenticidad en la autoría o de originalidad de las pruebas de evaluación; la copia o el plagio; la suplantación de identidad; la aceptación o la obtención de cualquier actividad académica a cambio o no de una contraprestación; la colaboración, el encubrimiento o el favorecimiento de la copia, o el uso de material, software o dispositivos no autorizados en el plan docente o el enunciado de la actividad académica, incluida la inteligencia artificial y la traducción automática, entre otras, son conductas irregulares en la evaluación que pueden tener consecuencias académicas y disciplinarias graves.

Estas conductas irregulares pueden conllevar el suspenso (D/0) en las actividades evaluables definidas en el plan docente -incluidas las pruebas finales- o en la calificación final de la asignatura, ya sea porque se han utilizado materiales, software o dispositivos no autorizados durante las pruebas (como el uso de inteligencia artificial no permitida, redes sociales o buscadores de información en internet), porque se han copiado fragmentos de texto de una fuente externa (internet, apuntes, libros, artículos, trabajos o pruebas de otros estudiantes, etc.) sin la citación correspondiente, por la compraventa de actividades académicas, o porque se ha llevado a cabo cualquier otra conducta irregular.

Asimismo, y de acuerdo con la normativa académica, las conductas irregulares en la evaluación también pueden dar lugar a la incoación de un procedimiento disciplinario y a la aplicación, si procede, de la sanción que corresponda, de conformidad con lo establecido en la normativa de convivencia de la UOC.

En el marco del proceso de evaluación, la UOC se reserva la potestad de:

  • Solicitar al estudiante que acredite su identidad según lo establecido en la normativa académica.
  • Solicitar al estudiante que acredite la autoría de su trabajo a lo largo de todo el proceso de evaluación, tanto en la evaluación continua como en la evaluación final, a través de una entrevista oral síncrona, que puede ser objeto de grabación audiovisual, o por los medios establecidos por la UOC. Estos medios tienen el objetivo de verificar los conocimientos y las competencias que garanticen la identidad del estudiante. Si no es posible garantizar que el estudiante es el autor de la prueba, esta puede ser calificada con una D, en el caso de la evaluación continua, o con un suspenso, en el caso de la evaluación final.

Inteligencia artificial en el marco de la evaluación

La UOC reconoce el valor y el potencial de la inteligencia artificial (IA) en el ámbito educativo y, a su vez, pone de manifiesto los riesgos que supone si no se utiliza de forma ética, crítica y responsable. En este sentido, en cada actividad de evaluación se informará al estudiantado sobre las herramientas y los recursos de IA que se pueden utilizar y en qué condiciones. Por su parte, el estudiantado se compromete a seguir las indicaciones de la UOC a la hora de realizar las actividades de evaluación y de citar las herramientas utilizadas y, concretamente, a identificar los textos o imágenes generados por sistemas de IA, los cuales no podrá presentar como si fueran propios.

Respecto a usar o no la IA para resolver una actividad, el enunciado de las actividades de evaluación indica las limitaciones en el uso de estas herramientas. Debe tenerse en cuenta que usarlas de manera inadecuada, como por ejemplo en actividades en las que no están permitidas o no citarlas en las actividades en las que sí lo están, puede considerarse una conducta irregular en la evaluación. En caso de duda, se recomienda que, antes entregar la actividad, se haga llegar una consulta al profesorado colaborador del aula.

Amunt

La asignatura solo puede aprobarse con el seguimiento y la superación de la evaluación continua (EC). La calificación final de la asignatura es la nota obtenida en la EC.

 

Amunt