Modalidad Online
El curso se realiza totalmente a distancia. No hay ninguna actividad presencial ni horarios preestablecidos. El acceso a los materiales y las consultas al profesorado del curso se realizarán mediante la plataforma de enseñanza online de la UPV.
Profesorado
Pedro Valderas Aranda (pvalderas@dsic.upv.es)
Doctor en Informática.
Profesor Titular de Universidad del Departamento de Sistemas Informáticos y Computación de la UPV.
Investigador del Valencian Research Institute for Artificial Intelligence de la UPV.
Fechas de inicio y matrícula
Puedes matricularte en cualquier momento y (estando el curso activo) dispondrás de 90 días para finalizarlo.
Descripción del curso y objetivos
Introducción al Diseño Web con HTML 5, CSS 3 y JavaScript
| Al finalizar el curso, el alumno será capaz de: |
– Conocer el propósito de los lenguajes HTML, CSS, Javascript y la relación entre ellos
– Utilizar HTML para: Organizar el contenido de una página web mediante etiquetas; Crear contenido básico como títulos, párrafos o listas; Diseñar tablas de contenido; Crear contenido hipertextual combinando texto con imágenes; Enlazar múltiples páginas web mediante enlaces de navegación; Diseñar formularios para permitir al usuario introducir datos
– Utilizar CSS para: Seleccionar elementos de un documento HTML mediante selectores; Diseñar el estilo de texto y enlaces; Definir el tamaño y el espaciado asociado a un elemento HTM; Diseñar el fondo y el borde de cualquier elemento HTML; Trabajar con el modelo de colores de CSS; Diseñar tablas y listas visualmente atractivas; Especificar la distribución y el posicionamiento de los elementos HTML; Diseñar interfaces adaptables a diferentes dispositivos.
– Utilizar Javascript para: Consultar el DOM; Manipular el contenido de una página web de forma dinámica a través del DOM; Gestionar eventos
Duración
Precios
99 euros – Personal UPV (PAS y PDI)
99 euros – Miembro de Alumni UPV
99 euros – Colegiados en TIC
99 euros – Alumno UPV
Metodología docente
El curso es autocontenido y totalmente práctico. Los alumnos tendrán en la plataforma docente todos los materiales necesarios para desarrollar el curso. Estos materiales incluyen introducciones teórico-prácticas a los conceptos clave mediante vídeo tutoriales, ejemplos de casos de uso guiados de los conceptos explicados, propuestas de nuevos ejercicios para la aplicación práctica de los conceptos introducidos. En cualquier momento, los alumnos podrán plantear cuestiones a los profesores o a otros alumnos del curso. Para ello, la plataforma docente cuenta un sistema de correo interno.
El alumno será evaluado a través de una prueba tipo test y el desarrollo de un caso de estudio guiado.
Dirigido a
Contenido detallado
BLOQUE 0: Entorno de desarrollo
- Introducción a Visual Studio Code
- Herramientas de desarrollo del navegador
BLOQUE 1: Introducción a HTML 5
- ¿Qué es HTML?
- Primera página Web
- Organización de contenido (etiquetas HEADER, MAIN, FOOTER, SECTION y ARTICLE)
- Títulos, párrafos y saltos de línea
- Formato de texto
- Comentarios
- Listas ordenadas y desordenadas
- Creación de tablas
- Propiedades RowSpan y Colspan
- Manejo de imágenes y vídeos
- Hipervínculos
- Definición de un formulario
- Componentes de entrada
- Botones
- Propiedades adicionales y validación
BLOQUE 2: Introducción a CSS 3
- ¿Qué es CSS?
- Selectores básicos por etiqueta, id y clase
- Selectores avanzados por jerarquía
- Estilos de texto
- Colores
- Unidades de medida
- Cascada y especifidad
- Modelo de caja
- Bordes
- Fondos
- Enlaces y sus estados
- Estilos de listas y tablas
- Propiedad display
- Posicionamiento de elementos
- Propiedad float
- Centrado de elementos
- Display Flex
- Display Grid
- Response design con media queries
BLOQUE 3: Javascript para el DOM
- ¿Qué es Javascript?
- Constructores básicos de Javascript
- El DOM (Document Object Model)
- Selección de elementos por etiqueta, id y clase
- Selección de elementos con selectores CSS
- Asignar estilos
- Acceder y modificar el texto
- Trabajo con clases
- Manipulación del DOM (creación, modificación y eliminación de elementos)
- Eventos del DOM
BLOQUE 4: Aspectos adicionales
- Conexiones Ajax
- Despliegue en un servidor web