4.6 de 5
4.6
491 reseñas sobre Udemy

Aprende a crear webs desde cero con HTML Y CSS

Aprende a crear páginas web en unas horas, utilizando HTML y CSS.
Instructor:
Guillermo Rincón Gracia
1.465 estudiantes matriculados
Spanish [Auto-generated]
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.

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.

Introducción a este curso

1
Bienvenida

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.

2
Qué son HTML y CSS

Explicación de qué son HTML y CSS mediante una breve presentación.

3
Estructura de este curso

Breve presentación sobre la estructura que seguiremos en este curso.

4
Recursos necesarios

¿Qué necesitamos para construir una página web? En esta breve presentación tenemos explicado todo lo necesario.

HTML - La Estructura

1
Etiquetas, atributos y valores

Presentación sobre las etiquetas en HTML.

2
Estructura básica de una página web

Pequeña presentación explicando la estructura básica de una página web. DOCTYPE, head y body.

3
¡Hola Mundo! - Tu primera página web

Creamos nuestra primera página web.

4
¡Hola Mundo! (2) - La estructura básica.

Implementación de la estructura básica de una página web.

5
Comentarios en HTML

Breve clase en la que aprenderemos a insertar comentarios en HTML.

6
¡Al Turrón! - Mi primera página web

Hora de ponerse a trabajar solos por primera vez. ¡Al turrón!

HTML - El texto

1
Cabeceras y párrafos

Los dos elementos principales de texto: las cabeceras y los párrafos.

2
Saltos de línea - br y hr

Aprenderemos a insertar saltos de línea en HTML.

3
Strong y em

Aprenderemos a utilizar correctamente las etiquetas para destacar el texto.

4
Acrónimos y abreviaturas

Aprenderemos a añadir acrónimos y abreviaturas en HTML.

5
Citas, definiciones y direcciones

En esta clase veremos cómo estructurar citas, definiciones y direcciones.

6
¡Al Turrón! - Artículo de periódico

Segundo "¡Al turrón!" del curso. Implementaremos todo lo visto para el texto en un artículo de periódico de ejemplo.

7
¡Al Turrón! - Artículo de periódico. (2)

Segundo "¡Al turrón!" del curso. Implementaremos todo lo visto para el texto en un artículo de periódico de ejemplo.

HTML - Listas, enlaces e imágenes

1
Listas ordenadas y desordenadas

Aprendemos a insertar los dos tipos principales de listas: listas ordenadas y listas desordenadas en HTML.

2
Listas de descripción

En esta clase aprenderemos a insertar listas de descripción.

3
Listas anidadas (Nested Lists)

En esta clase veremos como anidar listas (o poner unas listas dentro de otras).

4
Enlaces (1)

Nociones básicas sobre cómo funcionan los enlaces y como implementarlos en HTML.

5
Enlaces (2)

Nociones más avanzadas sobre cómo funcionan los enlaces y como implementarlos en HTML.

6
Imágenes

En esta clase aprenderemos a insertar imágenes en nuestras páginas web.

7
¡Al Turrón! - El recetario de Pepe

En este nuevo ¡Al Turrón!, haremos un recetario de cocina con dos páginas enlazadas.

8
¡Al Turrón! - El recetario de Pepe (2)

Segunda parte del ¡Al Turrón! de esta sección. Continuamos con el recetario.

HTML - Tablas y formularios

1
Tablas

Estructura básica de las tablas en HTML.

2
Tablas - Avanzado

Aprenderemos algunos conceptos algo más avanzados sobre las tablas en HTML.

3
Formularios - Campos de texto

Aprenderemos a insertar un formulario y diferentes campos de texto dentro de él.

4
Formularios - Botones

Estudiaremos los diferentes tipos de botón que puede haber en un formulario.

5
Formularios - Conceptos avanzados

En esta clase veremos conceptos algo más avanzados sobre los formularios.

6
¡Al Turrón! - Reserva de Hotel

En el "¡Al Turrón!" de esta sección, utilizaremos las tablas y los formularios para hacer una página de reservas de Hotel.

7
¡Al Turrón! - Reserva de Hotel (2)

Continuamos con el ejercicio de esta sección, la página de reservas para un hotel.

HTML - Estructura avanzada

1
Id's y clases

Breve explicación sobre el concepto de id (identificador) y el concepto de clase.

2
Block e Inline

Explicación sobre las diferencias entre los elementos de tipo block y de tipo inline.

3
Span y div

Divisores de secciones: span y div. Qué son y cuándo utilizarlos.

4
Header y footer

Dos divisiones un poco particulares: header y footer.

5
Caracteres especiales

Aprenderemos a insertar caracteres de texto especiales en HTML.

6
¡Al Turrón! - Blog de viajes

El último ejercicio práctico de la parte de HTML del curso. Crearemos un blog de viajes.

7
¡Al Turrón! - Blog de viajes (2)

El último ejercicio práctico de la parte de HTML del curso. Crearemos un blog de viajes.

8
¡Al Turrón! - Blog de viajes (3)

El último ejercicio práctico de la parte de HTML del curso. Crearemos un blog de viajes.

CSS - Conceptos generales

1
CSS - Sintaxis

Aprenderemos la sintaxis en CSS.

2
Estilos de CSS: Internal, external o inline

En esta clase veremos las tres formas de implementar CSS en un documento HTML.

3
Herencia

Estudiaremos el concepto de herencia en CSS

4
Dimensiones: píxeles, porcentajes y em

En esta clase estudiaremos las diferentes formas de representar las dimensiones en CSS.

5
Selectores - Universal y de tipo

Primera clase sobre selectores en CSS. Veremos el selector de tipo y el selector universal.

6
Selectores - De clase y de id

Segunda clase sobre selectores en CSS. Estudiaremos cómo funcionan el de clase y el de id.

7
Selectores - Descendientes y de grupo

Última clase sobre selectores en CSS. Veremos los selectores descendientes y los de grupo.

8
Especificidad en CSS

Los selectores pueden ser más o menos específicos. Tenemos en esta clase una breve referencia acerca de este tema.

9
¡Al Turrón! - Repaso de conceptos

Repaso de los conceptos iniciales de CSS.

CSS - Márgenes y colores

1
El modelo de cajas

Aprenderemos cómo funciona el modelo de cajas en CSS.

2
Márgenes y relleno

Estudiaremos cómo modificar los márgenes, el relleno y los bordes mediante CSS.

3
Bordes

Veremos como dar estilo a los bordes de nuestras cajas mediante CSS.

4
Colores

Breve referencia sobre los colores en CSS.

5
Imágenes de fondo

Aprenderemos a poner imágenes de fondo en nuestras páginas web mediante CSS.

6
Display inline y display block

Estudiaremos la forma de cambiar la propiedad de display de un elemento.

7
¡Al Turrón! - Modificando la presentación del blog

Mediante CSS, cambiaremos la presentación de nuestro blog de viajes.

8
¡Al Turrón! - Modificando la presentación del blog (2)

Seguimos modificando la presentación del blog de viajes utilizando CSS.

CSS - El texto

1
Fuentes y tamaños.

Aprenderemos a modificar las fuentes de texto y su tamaño mediante CSS.

2
Peso y estilo de texto

Aprenderemos a modificar el peso (normal, light, negrita...) de texto y su estilo mediante CSS.

3
Suavizado del texto

Veremos una herramienta útil para el suavizado del texto.

4
Transformando el texto: up, lw, cap

Estudiaremos 3 propiedades útiles para transformar nuestro texto.

5
Decoración del texto

Veremos diferentes propiedades de CSS para decorar el texto.

6
Google Fonts

Breve explicación sobre qué son las Google Fonts y cómo funcionan.

7
¡Al Turrón! - Modificando el texto del blog

Trabajaremos sobre el texto de nuestro blog de viajes.

CSS - Otros elementos

1
CSS en listas

Aprenderemos a modificar los estilos de las listas mediante CSS.

2
CSS en formularios

Aprenderemos cómo dar estilo a formularios mediante CSS.

3
CSS en links

Veremos los diferentes estilos que podemos aplicar sobre los links mediante CSS.

4
CSS en tablas

Estudiaremos el CSS útil para dar estilo a tablas HTML.

5
¡Al Turrón! - Terminando el blog

Terminamos los últimos detalles en CSS de nuestro blog.

6
¡Al Turrón! - Terminando el blog

Recursos Adicionales

1
Archivos del curso.

Tenéis un .zip con en el que se incluye mi carpeta "CursoWeb", para que la tengáis de referencia.

2
Instalando Brackets en Windows

Breve video que muestra cómo instalar Brackets en entornos de Windows.

3
Plugin útil: emmet

Emmet es un plugin muy útil, soportado por múltiples editores de código, que nos ayuda a ahorrar tiempo al programar en HTML.

You can view and review the lecture materials indefinitely, like an on-demand channel.
Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don't have an internet connection, some instructors also let their students download course lectures. That's up to the instructor though, so make sure you get on their good side!
4.6
4.6 de 5
Calificaciones 491

Calificación Detallada

5 estrellas
274
4 estrellas
178
3 estrellas
32
2 estrellas
4
1 estrellas
3