|
HTML y CSS
|
Código:
M4.252 :
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
Objetivos y competencias
Contenidos
Consulta de los materiales de los que dispone la asignatura
Informaciones sobre la evaluación a la UOC
Consulta del modelo de evaluación
|
ATENCIÓN: Esta información recoge los apartados del plan docente de la asignatura durante el último semestre con docencia. Al iniciar el periodo de matrícula, podrás consultar el calendario y modelo de evaluación para el siguiente semestre en Trámites / Matrícula / Horarios de las pruebas de evaluación final. |
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.
|
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.
|
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.
|
Esta asignatura no requiere de conocimientos previos.
|
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.
|
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
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
|
|
|
|
Currículum de estándares Web Opera |
Web |
Vídeo de presentación de la asignatura |
Audiovisual |
Elements flotants i "clearing" |
Audiovisual |
Elementos flotantes y "clearing" |
Audiovisual |
H2PAC |
Web |
Tecnologies i eines per al desenvolupament web |
XML |
Tecnologies i eines per al desenvolupament web |
DAISY |
Tecnologies i eines per al desenvolupament web |
EPUB 2.0 |
Tecnologies i eines per al desenvolupament web |
MOBIPOCKET |
Tecnologies i eines per al desenvolupament web |
KARAOKE |
Tecnologies i eines per al desenvolupament web |
HTML5 |
Tecnologies i eines per al desenvolupament web |
PDF |
Currículum d'estàndards Web Opera |
PDF |
Currículum d'estàndards Web Opera |
Web |
Currículum de estándares Web Opera |
PDF |
Responsive Web Design. Wiki |
Web |
Tecnologías y herramientas para el desarrollo web |
XML |
Tecnologías y herramientas para el desarrollo web |
DAISY |
Tecnologías y herramientas para el desarrollo web |
EPUB 2.0 |
Tecnologías y herramientas para el desarrollo web |
MOBIPOCKET |
Tecnologías y herramientas para el desarrollo web |
KARAOKE |
Tecnologías y herramientas para el desarrollo web |
HTML5 |
Tecnologías y herramientas para el desarrollo web |
PDF |
|
La Normativa académica de la UOC dispone que 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 los ejercicios realizados.
La falta de originalidad en la autoría o el mal uso de las condiciones en las que se hace la evaluación de la asignatura es una infracción que puede tener consecuencias académicas graves.
El estudiante será calificado con un suspenso (D/0) si se detecta falta de originalidad en la autoría de alguna actividad evaluable (práctica, prueba de evaluación continua (PEC) o final (PEF), o la que se defina en el plan docente), ya sea porque ha utilizado material o dispositivos no autorizados, ya sea porque ha copiado de forma textual de internet, o ha copiado de apuntes, de materiales, manuales o artículos (sin la citación correspondiente) o de otro estudiante, o por cualquier otra conducta irregular.
La calificación de suspenso (D/0) en la evaluación continua (EC) puede conllevar la obligación de hacer el examen presencial para superar la asignatura (si hay examen y si superarlo es suficiente para superar la asignatura según indique este plan docente).
Cuando esta mala conducta se produzca durante la realización de las pruebas de evaluación finales presenciales, el estudiante puede ser expulsado del aula, y el examinador hará constar todos los elementos y la información relativos al caso.
Además, esta conducta puede dar lugar a la incoación de un procedimiento disciplinario y la aplicación, si procede, de la sanción que corresponda.
|
Esta asignatura sólo puede superarse a partir de la evaluación continua (EC). La nota final de evaluación continua se convierte en la nota final de la asignatura.
La fórmula de acreditación de la asignatura es la siguiente: EC.
|
|