HTML y CSS Código:  M4.252    Créditos:  6
Consulta de los datos generales   Descripción   La asignatura en el conjunto del plan de estudios   Campos profesionales en que se proyecta   Conocimientos previos   Objetivos y competencias   Contenidos   Consulta de los recursos de aprendizaje que dispone la asignatura   Bibliografía y fuentes de información   Metodología   Información sobre la evaluación en la UOC   Consulta del modelo de evaluación   Feedback  
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.

En el actual panorama, el soporte en que llegan al usuario la mayoría de productos multimedia es la web. Por lo tanto, es esencial 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

Esta asignatura es la base del máster de Desarrollo de aplicaciones web y las restantes asignaturas la usan como base. También se ofrece como asignatura optativo del máster de Desarrollo de aplicaciones para dispositivos móviles, en la que la combinación de HTML y CSS, seguida posteriormente de la programación en JavaScript, supone una tecnología muy importante para el desarrollo multiplataforma.

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 tanto front-end como back-end y aplicaciones basadas en tecnologías web, independientemente de la plataforma a traves de la que lleguen al usuario.

Amunt

Esta asignatura no requiere de conocimientos previos.

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

Material Soporte
Responsive Web Design. Wiki Web
Vídeo de presentación de la asignatura Audiovisual
H2PAC Web
Elementos flotantes y "clearing" Audiovisual
Elements flotants i "clearing" Audiovisual
Currículum d'estàndards Web Opera PDF
Currículum de estándares Web Opera PDF
Developer Mozilla. Recursos per a desenvolupadors, creats per desenvolupadors Web
Developer Mozilla. Recursos para desarrolladores, creados por desarrolladores Web

Amunt

  • Cameron Adams y otros. Web standards creativity. Friensofed 2007. ISBN 1-59059-803-2
  • Dan Cederholm. Web standards solutions. Friensofed 2004. ISBN 1-59059-381-2
  • Andy Budd. CSS Mastery. Friensofed 2006. ISBN 1-59059-614-5

Amunt

El curso se fundamenta en las actividades prácticas. Por este motivo se realizarán tres PEC (pruebas de evaluación continua) obligatorias que combinan los contenidos teóricos de la asignatura con actividades prácticas. Los estudiantes que realicen al menos dos de las PEC obtendrán nota final de evaluación continua. Los que no obtendrán una calificación de N (no presentado).

Para cada unidad de estudio el estudiante recibirá una guía de estudio con pautas para estudiar el contenido, enlaces de profundización y ejercicios a realizar. Estos ejercicios no son obligatorios pero ayudan a asimilar los contenidos estudiados.

Amunt

El proceso de evaluación se fundamenta en el trabajo personal de cada estudiante y presupone la autenticidad de la autoría y la originalidad de los ejercicios realizados.

La falta de autenticidad en la autoría o de originalidad de las pruebas de evaluación; la copia o el plagio; el intento fraudulento de obtener un resultado académico mejor; la colaboración, el encubrimiento o el favorecimiento de la copia, o la utilización de material o dispositivos no autorizados durante la evaluación, entre otras, son conductas irregulares que pueden tener consecuencias académicas y disciplinarias graves.

Por un lado, si se detecta alguna de estas conductas irregulares, puede comportar el suspenso (D/0) en las actividades evaluables que se definan en el plan docente –incluidas las pruebas finales– o en la calificación final de la asignatura, ya sea porque se han utilizado materiales o dispositivos no autorizados durante las pruebas, como 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 del resto de estudiantes, etc.) sin la correspondiente citación, o porque se ha practicado cualquier otra conducta irregular.

Por el otro, y de acuerdo con las normativas académicas, las conductas irregulares en la evaluación, además de comportar el suspenso de la asignatura, pueden dar lugar a la incoación de un procedimiento disciplinario y a la aplicación, si procede, de la sanción que corresponda.

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.


Ponderación de las calificaciones

Opción para superar la asignatura: EC

Nota final de asignatura: EC

Amunt

Después de la entrega de todos los ejercicios de evaluación continua el consultor hará llegar al estudiante un comentario personalizado de su ejercicio.

Plagio

El seguimiento correcto de la asignatura os compromete a realizar las actividades propuestas de manera individual y según las indicaciones que pauta este Plan Docente. En caso de que no sea así, la nota final de evaluación continua se evaluará con una D.

Por otra parte, y siempre a criterio de los Estudios, el incumplimiento de este compromiso puede suponer que no se os permita superar ninguna otra asignatura mediante evaluación continua ni en el semestre en curso ni en los siguientes.

Amunt