Lunes , 29 Mayo 2023
  1. Cursos
  2. Tecnología
  3. Desarrollo Web
  4. HTML y CSS para no informáticos

HTML y CSS para no informáticos

Videocurso donde aprenderás HTML y CSS. Podrás crear tus páginas web de forma fácil y sencilla, empezando desde cero

HTML y CSS para no informáticos
Comparte este curso

Descripción del curso

¿Te haces un lío con todos los lenguajes, las siglas y las palabras extrañas que rodean el diseño de páginas web?¿Te parece que eso son "cosas de informáticos" y que tú nunca vas a llegar a comprenderlo?

Este curso empieza desde cero y está pensado para gente que, como tú, nunca ha visto nada sobre el diseño de páginas web. O que sí lo ha visto, pero que nunca ha llegado a manejarlo del todo. 

Pero no se trata de un curso de iniciación. Presentamos un curso totalmente completo con el que serás capaz de diseñar sitios web profesionales. Abordaremos todos los aspectos de la creación y publicación de páginas web, por lo que aprenderás HTML y CSS, y también cómo funciona el sistema de internet, cómo subir nuestras páginas a la red, cómo posicionarlas en los buscadores para que aparezcan en las primeras posiciones (el famoso SEO)... En resumen, un ciclo completo con el que seremos capaces no sólo de crear páginas web de aspecto profesional, si no también de subirlas a internet y hacerlas accesibles para cualquier persona del mundo. Y todo ello explicado con sencillez y sin tecnicismos.

No lo dudes, si te apetece aprender de una vez por todas a crear tus propias páginas web, este es tu curso. Y si ya tienes conocimientos básicos de HTML y CSS, este curso te ayudará a refrescar lo que sabes y ordenarlo para sacarle el máximo partido ¡Te espero!

Contenido del curso

Introducción al mundo web

19:17
  • Presentación del curso03:52AVANCE
  • Tipos de páginas web10:21AVANCE
  • Estructura de internet05:04

Preparándonos para empezar

11:26
  • Programas a descargar03:59
  • Crear un sitio de trabajo07:27

Bases de HTML

19:08
  • ¿Qué es eso de HTML?06:42
  • El documento base de HTML07:33
  • Comentarios en HTML04:53

Bases de CSS

24:08
  • ¿Qué es eso de CSS?08:52
  • ¿Cómo incluir CSS en HTML?09:34
  • Glosario básico de CSS02:26
  • Comentarios en CSS03:16

Etiquetas y estilos básicos

01:57:21
  • Las principales etiquetas04:33
  • La etiqueta p05:06
  • Las etiquetas strong y em05:10
  • Estilos CSS para p08:57
  • La etiqueta span06:16
  • Elementos de línea y de bloque08:49
  • Las etiquetas h1-h607:16
  • La etiqueta a07:05
  • Los pseudoselectores10:59
  • La etiqueta img05:56
  • Estilos CSS para img06:40
  • Herencia06:24
  • Selectores básicos I10:34
  • Selectores básicos II07:22
  • Selectores avanzados I07:12
  • Selectores avanzados II09:02

Unidades

09:52
  • Unidades09:52

Características de las cajas

36:18
  • Border06:49
  • Margin10:25
  • Padding09:27
  • Background09:37

Maquetación

02:13:20
  • Coordenadas de una página03:17
  • La etiqueta div09:04
  • Posicionamiento normal o estático10:00
  • Posicionamiento relativo07:24
  • Posicionamiento absoluto09:51
  • Posicionamiento fijo08:04
  • Relativo vs Absoluto05:55
  • Posicionamiento flotante09:16
  • Visualización I (display)05:12
  • Visualización II (overflow)04:45
  • Visualización III (z-index)06:50
  • Diseño a dos columnas08:55
  • Diseño a tres columnas09:16
  • Formato fijo y flexible05:02
  • Anchura y altura máxima y mínima05:16
  • Centrar un div relativo03:31
  • Centrar un div absoluto05:14
  • Alinear textos e imágenes09:43
  • Efecto hover en los div06:45

Listas

01:20:14
  • Listas desordenadas10:00
  • Listas ordenadas03:59
  • Convertir elementos a línea o bloque10:41
  • Estilos CSS para listas08:40
  • Listas de dos niveles09:06
  • Flotamiento en listas07:45
  • Crear un menú con las listas05:48
  • Poner enlaces03:46
  • Estilos CSS para enlaces08:02
  • Diferenciar las páginas de un menú09:06
  • Listas con imágenes03:21

Tablas

33:00
  • La etiqueta table07:03
  • Combinar celdas06:02
  • Estilos CSS para tablas06:12
  • Estilos CSS avanzados para tablas13:43

Formularios

02:11:48
  • La etiqueta form06:44
  • La etiqueta label y las cajas de texto06:59
  • Los botones de selección06:35
  • Las casillas de verificación07:23
  • Las listas de selección06:04
  • Las cajas de texto libre06:34
  • Los botones de envío y borrado07:20
  • Estilos CSS para formularios07:03
  • Alinear los label08:38
  • El efecto focus05:41
  • Los efectos hover y active para botones07:55
  • Creación de un formulario I11:43
  • Creación de un formulario II15:18
  • Creación de un formulario III06:26
  • Validar un formulario con Dreamweaver (BONUS)09:43
  • Enviar un formulario con php (BONUS)11:42

CSS3

47:28
  • Cajas con bordes redondeados08:47
  • Dar sombras a elementos y textos07:52
  • Insertar nuevas fuentes de letra05:11
  • Maquetar con columnas09:07
  • Efecto de transición I09:46
  • Efecto de transición II06:45

Técnicas con Dreamweaver CS

20:06
  • Mostrar y ocultar elementos con Dreamweaver CS07:40
  • Crear una galería de imágenes con Dreamweaver CS12:26

Subir nuestras páginas a Internet

18:40
  • Cómo publicar páginas web en Internet18:40

Photoshop básico (BONUS)

31:58
  • Redimensionar imágenes09:14
  • Crear imágenes en blanco y negro02:57
  • Añadir texto a imágenes06:05
  • Diseñar botones para hover y active13:42

SEO (BONUS)

31:59
  • ¿Qué es eso del SEO?09:55
  • Poner title y alt05:40
  • Las etiquetas h1 y h206:04
  • Las etiquetas meta para SEO07:05
  • Darse de alta en buscadores03:15

Valoraciones

4.6/5
13 Valoraciones
  • 5 ESTRELLAS
    85%
  • 4 ESTRELLAS
    8%
  • 3 ESTRELLAS
    0%
  • 2 ESTRELLAS
    0%
  • 1 ESTRELLAS
    8%
  • Carlos Munoz
    Carlos
      Munoz
    Incluir valoración media (en números)

  • Germán Zabala
    Germán
      Zabala
    Incluir valoración media (en números)

  • Noemi Belinchon gonzalez
    Noemi
      Belinchon gonzalez
    Incluir valoración media (en números)

    Hace poco que he empezado y he de decir que me encanta como da las clases el profesor y que me encantaría que hiciese más cursos sobre páginas web. Por ejemplo cursos de javascript y PHP-MySQL, SEO. Todo lo que sirva para hacer mejores webs. Este curso es lo que buscaba.

  • Arnau Ramió
    Arnau
      Ramió
    Incluir valoración media (en números)

  • Alicia Vozmediano Hervás
    Alicia
      Vozmediano Hervás
    Incluir valoración media (en números)

    Es muy básico para los que no tenemos ni idea de html ni de crear páginas web. Ideal para mi nivel.

  • Héctor Elissalt Cárdenas
    Héctor
      Elissalt Cárdenas
    Incluir valoración media (en números)

    Con solo ver los 2 primeros capítulos, ya me ha ayudado a ordenar los conceptos básicos para poder entender los elementos técnicos necesarios. ¡El curso promete!

  • Jeimy Rodolfo Mendoza Carbajal
    Jeimy Rodolfo
      Mendoza Carbajal
    Incluir valoración media (en números)

  • Cesar Romero
    Cesar
      Romero
    Incluir valoración media (en números)

  • Fabio Montenegro
    Fabio
      Montenegro
    Incluir valoración media (en números)

  • Carlos alfredo montás caminero
    Carlos alfredo
      montás caminero
    Incluir valoración media (en números)

    muy práctico

  • Jesus Abraham Viña
    Jesus Abraham
      Viña
    Incluir valoración media (en números)

    Excelente curso. Muy bien explicado y muy detallista en cada momento. Super recomendado este curso.

  • Miguel Ortega
    Miguel
      Ortega
    Incluir valoración media (en números)

    Esta de pmadre, bien explicado, facil de seguir,. Muy recomendable para aquellas personas que se atrevan a hacer sus webs aprendiendo desde cero,

  • Antonio Santos
    Antonio
      Santos
    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 15€
GRATIS con la Suscripción