Aprende a crear webs desde cero con HTML Y CSS

Aprende a crear páginas web en unas horas, utilizando HTML y CSS.

Created byGuillermo Rincón Gracia

Last updated 3/2016

Spanish

What you'll learn

Al final del curso, serás capaz de crear páginas web completas utilizando HTML y CSS, los lenguajes base de la programación web
Tendrás un montón de ejemplos útiles para repasar lo estudiado.
Asentarás las bases para iniciar una carrera como desarrollador web.
Puedes empezar a ganar dinero con sólo unas horas de aprendizaje.

Course content

11 sections • 72 lectures • 6h 7m total length

Bienvenida3:45
Bienvenidos a Aprende a crear webs desde cero. Mi nombre es Guillermo Rincón y este es mi curso sobre desarrollo web utilizando HTML y CSS.
Qué son HTML y CSS2:38
Explicación de qué son HTML y CSS mediante una breve presentación.
Estructura de este curso3:09
Breve presentación sobre la estructura que seguiremos en este curso.
Recursos necesarios3:30
¿Qué necesitamos para construir una página web? En esta breve presentación tenemos explicado todo lo necesario.

Etiquetas, atributos y valores1:40
Presentación sobre las etiquetas en HTML.
Estructura básica de una página web3:14
Pequeña presentación explicando la estructura básica de una página web. DOCTYPE, head y body.
¡Hola Mundo! - Tu primera página web2:06
Creamos nuestra primera página web.
¡Hola Mundo! (2) - La estructura básica.2:25
Implementación de la estructura básica de una página web.
Comentarios en HTML2:27
Breve clase en la que aprenderemos a insertar comentarios en HTML.
¡Al Turrón! - Mi primera página web3:18
Hora de ponerse a trabajar solos por primera vez. ¡Al turrón!

Cabeceras y párrafos5:04
Los dos elementos principales de texto: las cabeceras y los párrafos.
Saltos de línea - br y hr4:20
Aprenderemos a insertar saltos de línea en HTML.
Strong y em3:20
Aprenderemos a utilizar correctamente las etiquetas para destacar el texto.
Acrónimos y abreviaturas5:32
Aprenderemos a añadir acrónimos y abreviaturas en HTML.
Citas, definiciones y direcciones4:41
En esta clase veremos cómo estructurar citas, definiciones y direcciones.
¡Al Turrón! - Artículo de periódico4:46
Segundo "¡Al turrón!" del curso. Implementaremos todo lo visto para el texto en un artículo de periódico de ejemplo.
¡Al Turrón! - Artículo de periódico. (2)6:25
Segundo "¡Al turrón!" del curso. Implementaremos todo lo visto para el texto en un artículo de periódico de ejemplo.

Listas ordenadas y desordenadas7:07
Aprendemos a insertar los dos tipos principales de listas: listas ordenadas y listas desordenadas en HTML.
Listas de descripción3:59
En esta clase aprenderemos a insertar listas de descripción.
Listas anidadas (Nested Lists)5:15
En esta clase veremos como anidar listas (o poner unas listas dentro de otras).
Enlaces (1)5:08
Nociones básicas sobre cómo funcionan los enlaces y como implementarlos en HTML.
Enlaces (2)6:10
Nociones más avanzadas sobre cómo funcionan los enlaces y como implementarlos en HTML.
Imágenes5:45
En esta clase aprenderemos a insertar imágenes en nuestras páginas web.
¡Al Turrón! - El recetario de Pepe6:58
En este nuevo ¡Al Turrón!, haremos un recetario de cocina con dos páginas enlazadas.
¡Al Turrón! - El recetario de Pepe (2)6:32
Segunda parte del ¡Al Turrón! de esta sección. Continuamos con el recetario.

Tablas5:30
Estructura básica de las tablas en HTML.
Tablas - Avanzado5:12
Aprenderemos algunos conceptos algo más avanzados sobre las tablas en HTML.
Formularios - Campos de texto7:40
Aprenderemos a insertar un formulario y diferentes campos de texto dentro de él.
Formularios - Botones9:04
Estudiaremos los diferentes tipos de botón que puede haber en un formulario.
Formularios - Conceptos avanzados5:02
En esta clase veremos conceptos algo más avanzados sobre los formularios.
¡Al Turrón! - Reserva de Hotel10:09
En el "¡Al Turrón!" de esta sección, utilizaremos las tablas y los formularios para hacer una página de reservas de Hotel.
¡Al Turrón! - Reserva de Hotel (2)8:54
Continuamos con el ejercicio de esta sección, la página de reservas para un hotel.

Id's y clases9:25
Breve explicación sobre el concepto de id (identificador) y el concepto de clase.
Block e Inline2:57
Explicación sobre las diferencias entre los elementos de tipo block y de tipo inline.
Span y div3:53
Divisores de secciones: span y div. Qué son y cuándo utilizarlos.
Header y footer1:28
Dos divisiones un poco particulares: header y footer.
Caracteres especiales4:06
Aprenderemos a insertar caracteres de texto especiales en HTML.
¡Al Turrón! - Blog de viajes8:46
El último ejercicio práctico de la parte de HTML del curso. Crearemos un blog de viajes.
¡Al Turrón! - Blog de viajes (2)9:30
El último ejercicio práctico de la parte de HTML del curso. Crearemos un blog de viajes.
¡Al Turrón! - Blog de viajes (3)8:41
El último ejercicio práctico de la parte de HTML del curso. Crearemos un blog de viajes.

CSS - Sintaxis1:50
Aprenderemos la sintaxis en CSS.
Estilos de CSS: Internal, external o inline3:13
En esta clase veremos las tres formas de implementar CSS en un documento HTML.
Herencia2:12
Estudiaremos el concepto de herencia en CSS
Dimensiones: píxeles, porcentajes y em2:39
En esta clase estudiaremos las diferentes formas de representar las dimensiones en CSS.
Selectores - Universal y de tipo4:08
Primera clase sobre selectores en CSS. Veremos el selector de tipo y el selector universal.
Selectores - De clase y de id2:27
Segunda clase sobre selectores en CSS. Estudiaremos cómo funcionan el de clase y el de id.
Selectores - Descendientes y de grupo5:33
Última clase sobre selectores en CSS. Veremos los selectores descendientes y los de grupo.
Especificidad en CSS3:36
Los selectores pueden ser más o menos específicos. Tenemos en esta clase una breve referencia acerca de este tema.
¡Al Turrón! - Repaso de conceptos

El modelo de cajas3:49
Aprenderemos cómo funciona el modelo de cajas en CSS.
Márgenes y relleno6:14
Estudiaremos cómo modificar los márgenes, el relleno y los bordes mediante CSS.
Bordes4:33
Veremos como dar estilo a los bordes de nuestras cajas mediante CSS.
Colores6:56
Breve referencia sobre los colores en CSS.
Imágenes de fondo2:24
Aprenderemos a poner imágenes de fondo en nuestras páginas web mediante CSS.
Display inline y display block3:19
Estudiaremos la forma de cambiar la propiedad de display de un elemento.
¡Al Turrón! - Modificando la presentación del blog12:16
Mediante CSS, cambiaremos la presentación de nuestro blog de viajes.
¡Al Turrón! - Modificando la presentación del blog (2)7:51
Seguimos modificando la presentación del blog de viajes utilizando CSS.

Fuentes y tamaños.5:02
Aprenderemos a modificar las fuentes de texto y su tamaño mediante CSS.
Peso y estilo de texto3:53
Aprenderemos a modificar el peso (normal, light, negrita...) de texto y su estilo mediante CSS.
Suavizado del texto1:36
Veremos una herramienta útil para el suavizado del texto.
Transformando el texto: up, lw, cap2:33
Estudiaremos 3 propiedades útiles para transformar nuestro texto.
Decoración del texto2:47
Veremos diferentes propiedades de CSS para decorar el texto.
Google Fonts4:50
Breve explicación sobre qué son las Google Fonts y cómo funcionan.
¡Al Turrón! - Modificando el texto del blog11:23
Trabajaremos sobre el texto de nuestro blog de viajes.

CSS en listas6:40
Aprenderemos a modificar los estilos de las listas mediante CSS.
CSS en formularios8:50
Aprenderemos cómo dar estilo a formularios mediante CSS.
CSS en links4:17
Veremos los diferentes estilos que podemos aplicar sobre los links mediante CSS.
CSS en tablas5:29
Estudiaremos el CSS útil para dar estilo a tablas HTML.
¡Al Turrón! - Terminando el blog8:23
Terminamos los últimos detalles en CSS de nuestro blog.
¡Al Turrón! - Terminando el blog12:22

Requirements

No hace falta nada más que un ordenador y un editor de texto: ¡hasta el bloc de notas sirve!
No hace falta ningún conocimiento previo.
Hay un capítulo dedicado a material extra de utilidad, no dudéis en echarle un vistazo.

Description

En "Aprende a crear webs desde cero con HTML y CSS", aprenderemos a hacer exactamente lo que dice el título. En más de 6 horas de vídeo podemos encontrar todo lo necesario para iniciar nuestra carrera como desarrolladores web. No se requiere ningún conocimiento previo.

Empezaremos con la estructura más básica, empleando el lenguaje HTML. Después, vamos a darle vida y color a nuestras páginas mediante CSS.

Todos los archivos del curso (los del profesor, los míos) están disponibles desde el primer momento en la sección de recursos para que todos los estudiantes tengan una referencia en caso de querer consultarla. Además, estoy trabajando en un pequeño libro en PDF que servirá como complemento al curso y, una vez acabado, será totalmente gratuito para los estudiantes del mismo.

Who this course is for:

Diseñadores gráficos que quieran ampliar sus conocimientos hacia la programación
Cualquier persona con ganas de aprender a crear webs. ¡No hace falta ser programador!
Personas que quieran construir una página web para promocionar su negocio.

Aprende a crear webs desde cero con HTML Y CSS

What you'll learn

Explore related topics

Course content

Introducción a este curso4 lectures • 13min

HTML - La Estructura6 lectures • 15min

HTML - El texto7 lectures • 34min

HTML - Listas, enlaces e imágenes8 lectures • 47min

HTML - Tablas y formularios7 lectures • 52min

HTML - Estructura avanzada8 lectures • 49min

CSS - Conceptos generales8 lectures • 26min

CSS - Márgenes y colores8 lectures • 47min

CSS - El texto7 lectures • 32min

CSS - Otros elementos6 lectures • 46min

Requirements

Description

Who this course is for: