1. Cursos
  2. Tecnología
  3. Desarrollo Web
  4. Programación web HTML5 y CSS3 Responsive

Programación web HTML5 y CSS3 Responsive

Descubre un curso online fácil, claro, completo, práctico y muy didáctico, y conviértete en diseñador de páginas web.

Programación web HTML5 y CSS3 Responsive
Comparte este curso

Descripción del curso

Descubre un curso fácil, claro, completo, práctico y muy didáctico y conviértete en programador y diseñador de páginas web con las más recientes versiones de los lenguajes de programación HTML y CSS.

¿Quieres dedicarte a una de las profesiones con más futuro y proyección pero te parece muy difícil?. ¿O tal vez ya tengas conocimientos básicos de HTML o CSS y quieres profundizar?. En ambos casos, te ofrecemos los mejores recursos para que lo consigas.

  • Más de 100 vídeos donde te explicamos cada tema de forma amena y dándole más importancia al aspecto práctico. ¡A programar, se aprende programando!.
  • Un manual escrito para cada capítulo del curso donde podrás repasar los temas tratados en los vídeos, ampliar conocimientos y acceder a más ejemplos prácticos.
  • Decenas y decenas de ejercicios con sus correspondientes soluciones, para que pongas a prueba lo aprendido en el curso.
  • Y el soporte y ayuda de tu tutor, para que nunca te sientas perdido.

Y ten presente que este es un curso dinámico. Respondiendo a tus dudas y para estar siempre a la última en programación y diseño web responsive con HTML y CSS iremos ampliando los contenidos de nuestro curso con nuevos temas, trucos y casos prácticos. Recuerda que tienes acceso ilimitado e indefinido. ¡Vuelve cuando quieras, aquí estaremos!

Contenido del curso

Introducción y principios del HTML5

25:58
  • Introducción y principios del HTML510:17AVANCE
  • ¿Qué programas necesito?15:41AVANCE

Tu primera página web

54:14
  • Las etiquetas05:24
  • Estructura de una página HTML19:05
  • Los comentarios04:12
  • Etiquetas importantes en el encabezado (1)13:18
  • Etiquetas importantes en el encabezado (2)12:15

La organización del texto

45:27
  • Párrafos08:01
  • Títulos07:26
  • Resaltando el texto11:56
  • Listas18:04

Hipervínculos

01:00:06
  • Hipervínculos externos (1)13:06
  • Hipervínculos externos (2)10:54
  • Hipervínculos internos13:26
  • Otros tipos de hipervínculos15:21
  • Parámetros de los hipervínculos07:19

Imágenes

22:41
  • Insertar imágenes14:53
  • Hipervínculos con imágenes02:11
  • Etiquetas HTML5 para imágenes: figure y figcaption05:37

Hojas de Estilos: CSS

59:43
  • Introducción03:24
  • Hojas de estilos en un archivo .css07:32
  • CSS en el encabezado06:48
  • CSS en linea04:05
  • Estructura del código CSS03:31
  • Estilos e Identificadores09:13
  • Etiquetas universales07:28
  • Selectores avanzados04:40
  • Herencia de las propiedades07:09
  • CSS por el contexto05:53

El aspecto del texto

01:27:33
  • Propiedades CSS relacionadas con el texto03:49
  • Color13:17
  • Alineación: Text-align04:45
  • Subrayados: Text-decoration06:41
  • Tamaño: Font-size14:14
  • Destacar texto: Font-style04:18
  • Destacar texto: Font-weight03:26
  • Espaciado: Letter-spacing y Word spacing07:24
  • Tabulación: Text-indent02:13
  • Mayúsculas: Text-transform03:35
  • Tipografía: Font-family04:04
  • Incorporando cualquier tipografía a nuestra web19:47

Definiendo fondos

35:54
  • Color de fondo04:29
  • Degradados de fondo10:41
  • Imágenes de fondo04:44
  • Las propiedades de background-image13:30
  • Transparencias02:30

Bordes y sombreados

18:40
  • Borde estándar06:26
  • Bordes redondeados05:15
  • Sombras06:59

Efectos dinámicos

19:42
  • Hover10:56
  • Active05:25
  • Visited03:21

Estructurando nuestra página web

32:45
  • Cambiando dimensiones13:26
  • Márgenes y padding08:16
  • Dimensiones avanzadas11:03

Posicionar elementos en una página

01:13:42
  • Posicionamiento Flotante (1)17:04
  • Posicionamiento Flotante (2)12:01
  • Clear06:55
  • Posicionamiento Absoluto12:11
  • Z-Index09:45
  • Posicionamiento Fijo07:43
  • Posicionamiento Relativo08:03

Nuevas etiquetas HTML5 para estructurar webs

55:58
  • Cómo estructurar una web con HTML507:15
  • Ejemplo práctico (1)19:48
  • Ejemplo práctico (2)09:04
  • Ejemplo práctico (3)19:51

Tablas

44:26
  • Una tabla básica14:42
  • Encabezado, pie y título de la tabla10:26
  • Fusión de celdas19:18

Formularios

02:43:55
  • Formulario básico: input type text, submit y reset19:53
  • Contraseñas: Input type password06:53
  • Grandes textos: Textarea06:25
  • Botones de opción: Input type checkbox05:58
  • Casillas de selección: Input type radio09:04
  • Cuadros de selección: Select15:54
  • Botones: Button10:16
  • Adjuntar archivos: Input type file05:57
  • Campos ocultos: Input type hidden04:21
  • Nuevos campos de formulario de HTML5 (1)19:59
  • Nuevos campos de formulario de HTML5 (2)08:28
  • Nuevos campos de formulario de HTML5 (3)14:43
  • Agrupar controles en un formulario07:51
  • Otras operaciones con los controles14:34
  • Enviar los datos del formulario13:39

Diseño web responsive: Media Queries

01:15:25
  • Concepto y presentación10:29
  • Media Queries: Dos formas de trabajar18:17
  • El meta tag viewport02:57
  • Ejemplo práctico (1)10:08
  • Ejemplo práctico (2)14:09
  • Ejemplo práctico (3)19:25

Video y Audio en tu página web

36:25
  • Introducción al video y audio en HTML 503:24
  • Insertar audio con HTML517:27
  • Insertar video con HTML515:34

Cómo publicar un sitio web

42:42
  • Los dominios y el hosting13:54
  • FTP: Subiendo nuestra página (1)14:34
  • FTP: Subiendo nuestra página (2)14:14

Valoraciones

4.4/5
47 Valoraciones
  • 5 ESTRELLAS
    62%
  • 4 ESTRELLAS
    28%
  • 3 ESTRELLAS
    2%
  • 2 ESTRELLAS
    2%
  • 1 ESTRELLAS
    6%
  • carlos tejero
    carlos
      tejero
    Incluir valoración media (en números)

    explica muy bien la materia

  • Eric José Garcia Garcia
    Eric José
      Garcia Garcia
    Incluir valoración media (en números)

  • EDUARDO ANDRÉS POZO MEZA
    EDUARDO ANDRÉS
      POZO MEZA
    Incluir valoración media (en números)

  • ALBERTO BAEZA MARTIN-GIL
    ALBERTO
      BAEZA MARTIN-GIL
    Incluir valoración media (en números)

    Le doy 5 porque de momento me gusta lo que estoy viendo, la valoración buena sera cuando finalice el curso

  • Diego Bartolomé Ruano
    Diego
      Bartolomé Ruano
    Incluir valoración media (en números)

  • NIRA ALONSO
    NIRA
      ALONSO
    Incluir valoración media (en números)

  • Raúl Ortega Gallegos
    Raúl
      Ortega Gallegos
    Incluir valoración media (en números)

    muy bien explicado

  • Ruben Abdias
    Ruben
      Abdias
    Incluir valoración media (en números)

  • Francisco Porrata
    Francisco
      Porrata
    Incluir valoración media (en números)

  • Francisco Tirado Collado
    Francisco
      Tirado Collado
    Incluir valoración media (en números)

    Muy adecuado para un alumno que parte de cero, ya que va avanzando lentamente paso a paso

  • Klaus Moll B.
    Klaus
      Moll B.
    Incluir valoración media (en números)

  • Harland Yatzet Lohora Espinoza
    Harland Yatzet
      Lohora Espinoza
    Incluir valoración media (en números)

  • Luis Fernando Vargas Vega
    Luis Fernando
      Vargas Vega
    Incluir valoración media (en números)

    Muy buen curso ya que inicia desde cero y te de las bases para seguir explorando el html5 y el css3.

  • Manuel Castillo Martín
    Manuel
      Castillo Martín
    Incluir valoración media (en números)

  • Jesús Antonio Campo Román
    Jesús Antonio
      Campo Román
    Incluir valoración media (en números)

¿Por qué pagar por un curso cuando puedes tenerlos todos?

Prueba la Suscripción ahora
O quiero saber más
Apúntate POR 29€
GRATIS con la Suscripción