• Descripción

La maquetación de páginas web es un proceso complejo donde tener un muy buen conocimiento de HTML y CSS es imprescindible para ahorrar tiempo y conseguir los resultados deseados. Cualquier persona que necesite trabajar con HTML y CSS necesita mantener actualizado su conocimiento de las CSS para conocer todas sus posibilidades y aprovecharlas en su beneficio.

Con el paso del tiempo las páginas web han crecido en complejidad de forma exponencial. Esto ha hecho necesario la creación de metodologías de desarrollo CSS y herramientas que apoyan estas metodologías.

En esta asignatura se introduce al estudiante en el uso de las herramientas que le ayudarán a llevar a cabo su trabajo de la manera más eficiente posible.

Esta asignatura se actualiza cada semestre para ofrecer al estudiante la posibilidad de utilizar las últimas versiones de las herramientas. Por este motivo el material docente se compone en gran parte de enlaces a documentaciones oficiales y publicaciones en revistas técnicas de actualidad que se encuentran sólo en inglés.

• La asignatura en el conjunto del plan de estudios

Esta asignatura tiene su continuación en Herramientas HTML y CSS II, aunque se pueden cursar las dos asignaturas en paralelo, o en el orden que se considere oportuno.

• Campos profesionales en que se proyecta

Esta asignatura es importante para cualquier actividad que implique la creación de páginas web, especialmente para diseñadores web y desarrolladores front-end y de aplicaciones basadas en tecnologías web, independientemente de la plataforma a través de la cual lleguen al usuario.

• Conocimientos previos

Esta asignatura requiere un conocimiento consolidado de HTML y CSS. También son adecuados, aunque no imprescindibles, conocimientos sobre JavaScript. Durante la asignatura no se programará en JavaScript, pero algunas de las herramientas que se utilizarán ofrecen más funcionalidades si se combinan con JavaScript.

• Objetivos y competencias

• 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.
• Utilizar las mejores herramientas disponibles para asegurar un proceso de desarrollo eficiente.
• Dominar el uso de las últimas técnicas de maquetado web.
• Dominar el uso de las mejores metodologías CSS.

• Contenidos

1. Las herramientas para desarrolladores web de los navegadores.
2. Un workflow moderno de desarrollo front-end.
3. Imágenes y animaciones en la web.
   1. Imágenes responsive con dirección de arte
   2. Formas con clip-path
   3. Transformaciones y animaciones CSS
4. Rendimiento front-end y herramientas para monitorizar y optimizar.

• Consulta de los recursos de aprendizaje de la UOC para la asignatura

• Metodología

El curso se fundamenta en las actividades prácticas. Por este motivo, se realizarán tres PECs (pruebas de evaluación continua) obligatorias que combinan los contenidos teóricos de la asignatura con actividades prácticas. Los estudiantes que realicen las tres 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 los contenidos y enlaces de profundización.

• Información sobre la evaluación en la UOC

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.

La UOC se reserva la potestad de solicitar al estudiante que se identifique o que acredite la autoría de su trabajo a lo largo de todo el proceso de evaluación por los medios que establezca la universidad (síncronos o asíncronos). A estos efectos, la UOC puede exigir al estudiante el uso de un micrófono, una cámara u otras herramientas durante la evaluación y que este se asegure de que funcionan correctamente.

La verificación de los conocimientos para garantizar la autoría de la prueba no implicará en ningún caso una segunda evaluación.

• Consulta del modelo de evaluación