Gracias a la flexibilidad horaria que manejamos tendrás la posibilidad de alternar tus actividades diarias con tus estudios. Es necesario que al conectarte enciendas la cámara y te conectes en el horario establecido.
Con esta formación buscamos brindar a los alumnos una completa formación desde lo más básico hasta lograr el desarrollo total de las habilidades de los estudiantes para desarrollar correctamente una web responsive e incrementar sus oportunidades en el mercado laboral o en su negocio propio.
Tema 1: conceptos básicos
El objetivo de este tema es preparar al alumno con todos los conocimientos necesarios para poder afrontar el resto de los temas y completar con éxito el curso.
1.1 Antes de empezar
Introducción al diseño web
Internet, redes y otros conocimientos importantes
Dominio
Servidor
FTP
1.2 Herramientas de trabajo
Visual Studio Code
Figma
Firefox Developer
FileZilla
1.3 Primeros pasos con html
Qué es html
Qué es una etiqueta
Atributos y características
Creación de archivos
Estructura básica de un documento html
Primeras etiquetas
Creación de una web con Normal Flow
Creación de rutas
Inserción de enlaces e imágenes
Buenas practicas
1.4 Introducción a css
Qué es CSS
Reglas, propiedades y valores
Como integrar css en html
Que es un selector
Tipos de selectores
Primeras propiedades
Trabajando con textos
Uso del color
Unidades de medida
Bordes
Modelo de cajas
Buenas practicas
Tema 2: maquetación responsive
Actualmente es obligatorio saber realizar una web capaz de adaptarse a todos los dispositivos. En este tema aprenderemos diferentes técnicas de maquetación que nos permitirán realizar nuestra web de manera adaptable y profesional.
2.1 Introducción a la maquetación
Qué es la maquetación
Qué es una técnica o paradigma de maquetación
Diferentes técnicas de maquetación
Layout, entendiendo la estructura de una web
Análisis de estructura con Figma
2.2 Maquetación con Flexbox
Qué es Flexbox
Propiedad Display
Naturaleza de los elementos flexibles
Propiedades de Flexbox para elementos padres
Propiedades de Flexbox para elementos hijos
Realizando nuestra primera web con Flexbox
2.3 Media Queries
Que es un media quiere
Mobile first vs Desktop first
Breakpoint y viewport
Condiciones
Media Type
Landscape y Portrait
2.4 Maquetación con CSS Grid
Qué es CSS Grid
Entendiendo la lógica de paradigmas de tipo rejilla
Propiedades de CSS Grid
Galerías y componentes con Grid
Realizando un proyecto con Grid
2.5 Maquetación de componentes con Position
Qué es position
Posición relativa
Posición absoluta
Posición fija
Posición Sticky
Maquetación de cabeceras con position
Maquetación de menú con position
Maquetación de otros componentes
Tema 3: Propiedades y etiquetas
3.1 HTML | Etiquetas semánticas
Etiquetas semánticas
Etiquetas de texto
Etiquetas contenedoras
Secciones
3.2 HTML | Etiquetas Multimedia
Imágenes
Video
Audio
3.3 HTML | Formularios
Introducción a formularios
Campos de texto
Campos numéricos
Campos de fecha
Botones
Listas de selección
Archivos
3.4 CSS | Uso del color
Fondos
Degradados lineales
Degradados radiales
Uso de overlays
3.5 CSS | Pseudo Selectores
Pseudo selectores de Acción
Hover
Active
Focus
Pseudo Selectores de enlace
Link
Visited
Pseudo Selectores de posición
First-child
Last-Child
Nth-child
First-of-type
Last-of-type
Only-child
3.6 CSS | Pseudo Elementos
Before
After
Placeholder
3.7 CSS | otras propiedades
Sombras de texto
Sombras de cajas
Filtros
Transiciones
Transformaciones
Cursor del ratón
Reglas AT
Propiedades avanzadas.
Curso diseño web con HTML5 y CSS3
No es necesario tener titulaciones previa, conocimientos o experiencia.
Información Adicional
Precio:
500€
Becas:
Tenemos grandes beneficios financieros ya que podrás acceder a nuestros maravillosos descuentos desde un 50% hasta un 100%.
Duración
48 horas de clases
12 horas tuteladas de proyectos
Total: 60 horas
