Técnicas de desarrollo web con HTML5 y CSS3

Un curso de Marta Armada
Diseñadora Web. Barcelona, España.
En Domestika desde 11/08/2015
, Diseñadora Web

Optimiza tus páginas web con nuevas técnicas de programación y maquetación

  • 97% Valoraciones positivas (172)
  • 4862 alumnos
  • Audio: Español
  • Español, Inglés, Portugués, Alemán

Optimiza tus páginas web con nuevas técnicas de programación y maquetación


  • 97% Valoraciones positivas (172)
  • 4862 alumnos
  • Online y a tu ritmo
  • Audio: Español
  • Nivel: Intermedio
  • 29 Lecciones (2h 14m)
  • Disponible desde la app
  • Español, Inglés, Portugués, Alemán
  • Acceso ilimitado

Marta Armada –diseñadora web especializada en UX, diseño responsive y front-end y fundadora del estudio Swwweet junto a Javier Usobiaga– te enseñará a mejorar tus habilidades de desarrollo web analizando diferentes técnicas de HTML5 y CSS3.

Aprenderás sobre semántica, degradados, sombras, formularios, animaciones y flexbox, entre otras muchas cosas, que te permitirán mejorar y optimizar tus páginas web.

Se trata de un curso complementario al de Introducción al Desarrollo Web Responsive con HTML y CSS de Javier Usobiaga.

¿Qué incluye este curso?

Tabla de contenidos del curso

  • U1
    U1. Introducción
  • U2
    U2. Introducción a HTML5 y CSS3
  • U3
    U3. Semántica
  • U4
    U4. Decoración
  • U5
    U5. Vídeo, audio e imágenes responsive
  • U6
    U6. Selectores
  • U7
    U7. Formularios
  • U8
    U8. Transiciones y animaciones
  • U9
    U9. Herramientas de layout
  • PF
    PF Proyecto final
Ver detalle

Comenzarás conociendo el trabajo y las influencias de Marta Armada y su estudio de diseño web, Swwweet.

A continuación te adentrarás en una breve introducción sobre HTML, CSS, navegadores y soportes que serán el punto de partida para comenzar a explorar las posibilidades de las nuevas técnicas web que se hacen posibles gracias a HTML5 y CSS3.

Empezarás conociendo la semántica y los formularios en HTML5, para después profundizar en las herramientas de decoración como bordes redondeados, degradados y sombras.

Más tarde descubrirás las herramientas de vídeo, audio e imágenes responsive. También las transiciones, transformaciones y animaciones, nuevos selectores y herramientas de layout como flexbox y calc().

¿Cuál es el proyecto del curso?

El proyecto final consiste en crear una página web de diseño libre, como síntesis de las diferentes materias que verás a lo largo del curso.

Proyectos de alumnos del curso

¿A quién está dirigido?

Este curso está dirigido a diseñadores web, programadores, diseñadores gráficos y todas aquellas personas que se sientan cómodas escribiendo HTML y CSS, pero que quieran mejorar sus habilidades. No es necesario tener un nivel muy alto y tampoco son imprescindibles conocimientos de diseño.

También a aquellos que hayan cursado el curso de Javier Usobiaga Introducción al Desarrollo Web Responsive con HTML y CSS y quieran profundizar en la materia de la mano de Marta Armada.

Requisitos

Para este curso necesitas conocimientos previos que te permitan escribir cómodamente HTML y CSS. Necesitarás un ordenador y tu editor de código favorito.


Valoraciones

4862 Alumnos
172 Valoraciones
97% Valoraciones positivas

Marta Armada

Un curso de Marta Armada

ProfesorPro
Diseñadora Web

Marta Armada es Diseñadora Web en Barcelona. Le interesa la tipografía, el diseño web responsive, CSS, UX o el diseño en general: cualquier cosa que ayude a hacer una web mejor.

En 2009 fundó el estudio de diseño web Swwweet junto a su marido, Javier Usobiaga, donde trabajan creando páginas web para startups.

Marta ha dado varias charlas y workshops tanto en eventos locales como en conferencias de ámbito internacional, y es profesora de diseño web en ELISAVA Escuela Superior de Diseño.


Contenidos

  • U1

    Introducción

    • Introducción
    • Influencias
  • U2

    Introducción a HTML5 y CSS3

    • Introducción a HTML5
    • Introducción a CSS3
    • Navegadores y soporte
  • U3

    Semántica

    • Las etiquetas HTML5 y la semántica
    • Etiquetas de bloque
    • Etiquetas de línea
  • U4

    Decoración

    • Color y opacidad
    • Bordes redondeados
    • Sombras
    • Degradados y fondos
  • U5

    Vídeo, audio e imágenes responsive

    • Vídeo y audio
    • Atributos de vídeo
    • Imágenes responsive
  • U6

    Selectores

    • Selectores de hijo y tipo
    • Selectores de atributo
    • Otros selectores útiles
    • Pseudoelementos ::before y ::after
  • U7

    Formularios

    • Nuevos tipos de inputs
    • Atributos en los formularios
    • Dar estilos a los formularios
  • U8

    Transiciones y animaciones

    • Transformaciones
    • Transiciones
    • Animaciones
  • U9

    Herramientas de layout

    • Box-sizing y las media queries
    • Calc() y viewport units
    • Introducción a flexbox
    • Soluciones con flexbox
  • PF

    Proyecto final

    • Técnicas de Desarrollo Web con HTML5 y CSS3

Así son los cursos de Domestika

  • Aprende a tu ritmo

    Disfruta de los cursos desde casa, sin horarios ni entregas. Tú marcas tu propia agenda.

  • De la mano del profesor

    Aprende técnicas y métodos de gran valor explicados por los grandes expertos del sector creativo.

  • Profesores expertos

    Cada profesor imparte solo lo que mejor sabe hacer, asegurando transmitir la pasión y la excelencia en cada lección.

  • Certificado Pro

    Acredita tu asistencia al curso con un certificado firmado por el profesor. Consíguelo con tu suscripción a Domestika PRO.

  • En primera fila

    Vídeos de máxima calidad para que no pierdas detalle. Y como el acceso es ilimitado, puedes verlos una y otra vez.

  • Comparte conocimiento

    Expón tus dudas, pide feedback, aporta soluciones. Comparte el aprendizaje con el resto de los alumnos de la comunidad.

  • Comunidad creativa

    Más de 1M creativos y creciendo. Domestika es el entorno ideal para compartir y aprender lo que te apasiona.

  • Cursos producidos profesionalmente

    Seleccionamos a los mejores creativos y un equipo profesional produce el curso con ellos. El resultado: sentirás que trabajas mano a mano con los mejores.


Preguntas frecuentes

  • Los cursos de Domestika son unas clases online que te permiten aprender una serie de herramientas y habilidades para realizar un proyecto concreto. Cada paso del proyecto combina vídeos y textos junto a materiales didácticos complementarios. Los cursos también te ofrecen la oportunidad de compartir tus propios proyectos con otros usuarios y con el profesor, creando así una comunidad en torno al curso.

  • La modalidad de los cursos es 100% online, por tanto una vez estén publicados, los cursos empiezan y acaban cuando tú quieras. Tú marcas el ritmo de la clase. Puedes volver a ver lo que te interese, pasar lo que ya te sepas, hacer preguntas, resolver dudas, compartir tus proyectos y mucho más.

  • Los cursos se dividen en diferentes Unidades, cada una de ellas incluyen lecciones, textos explicativos, tareas y prácticas para llevar a cabo tu proyecto paso a paso, recursos y documentos adjuntos complementarios. También tendrás acceso a un Foro exclusivo donde puedes interactuar con todos los alumnos del curso y el profesor, así como compartir tus trabajos y el proyecto que realices, creándose de esta manera una comunidad en torno al curso.

  • Puedes canjear un curso que te han regalado accediendo a la página de canjeo donde podrás introducir el código de regalo que te han proporcionado.

Técnicas de desarrollo web con HTML5 y CSS3. Un curso de Tecnología de Marta Armada

Técnicas de desarrollo web con HTML5 y CSS3

Un curso de Marta Armada
Diseñadora Web. Barcelona, España.
En Domestika desde 11/08/2015
  • 97% Valoraciones positivas (172)
  • 4863 alumnos