Aprende a crear webs desde cero con HTML Y CSS

Aprende a crear páginas web en unas horas, utilizando HTML y CSS.
4.6 (31 ratings) Instead of using a simple lifetime average, Udemy calculates a
course's star rating by considering a number of different factors
such as the number of ratings, the age of ratings, and the
likelihood of fraudulent ratings.
478 students enrolled
$19
$20
5% off
Take This Course
  • Lectures 72
  • Length 6 hours
  • Skill Level Beginner Level
  • Languages Spanish
  • Includes Lifetime access
    30 day money back guarantee!
    Available on iOS and Android
    Certificate of Completion
Wishlisted Wishlist

How taking a course works

Discover

Find online courses made by experts from around the world.

Learn

Take your courses with you and learn anywhere, anytime.

Master

Learn and practice real-world skills and achieve your goals.

About This Course

Published 3/2016 Spanish

Course 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.

What are the 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.

What am I going to get from this course?

  • 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.

What is the target audience?

  • 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.

What you get with this course?

Not for you? No problem.
30 day money back guarantee.

Forever yours.
Lifetime access.

Learn on the go.
Desktop, iOS and Android.

Get rewarded.
Certificate of completion.

Curriculum

Section 1: Introducción a este curso
03: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.

02:38

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

03:09

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

03:30

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

Section 2: HTML - La Estructura
01:40

Presentación sobre las etiquetas en HTML.

03:14

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

02:06

Creamos nuestra primera página web.

02:25

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

02:27

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

03:18

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

Section 3: HTML - El texto
05:04

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

04:20

Aprenderemos a insertar saltos de línea en HTML.

03:20

Aprenderemos a utilizar correctamente las etiquetas para destacar el texto.

05:32

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

04:41

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

04:46

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

06:25

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

Section 4: HTML - Listas, enlaces e imágenes
07:07

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

03:59

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

05:15

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

05:08

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

06:10

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

05:45

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

06:58

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

06:32

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

Section 5: HTML - Tablas y formularios
05:30

Estructura básica de las tablas en HTML.

05:12

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

07:40

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

09:04

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

05:02

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

10: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.

08:54

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

Section 6: HTML - Estructura avanzada
09:25

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

02:57

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

03:53

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

01:28

Dos divisiones un poco particulares: header y footer.

04:06

Aprenderemos a insertar caracteres de texto especiales en HTML.

08:46

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

09:30

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

08:41

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

Section 7: CSS - Conceptos generales
01:50

Aprenderemos la sintaxis en CSS.

03:13

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

02:12

Estudiaremos el concepto de herencia en CSS

02:39

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

04:08

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

02:27

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

05:33

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

03:36

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

7 questions

Repaso de los conceptos iniciales de CSS.

Section 8: CSS - Márgenes y colores
03:49

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

06:14

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

04:33

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

06:56

Breve referencia sobre los colores en CSS.

02:24

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

03:19

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

12:16

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

07:51

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

Section 9: CSS - El texto
05:02

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

03:53

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

01:36

Veremos una herramienta útil para el suavizado del texto.

02:33

Estudiaremos 3 propiedades útiles para transformar nuestro texto.

02:47

Veremos diferentes propiedades de CSS para decorar el texto.

04:50

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

11:23

Trabajaremos sobre el texto de nuestro blog de viajes.

Section 10: CSS - Otros elementos
06:40

Aprenderemos a modificar los estilos de las listas mediante CSS.

08:50

Aprenderemos cómo dar estilo a formularios mediante CSS.

04:17

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

05:29

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

08:23

Terminamos los últimos detalles en CSS de nuestro blog.

¡Al Turrón! - Terminando el blog
12:22
Section 11: Recursos Adicionales
Article

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

03:12

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

03:26

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

Students Who Viewed This Course Also Viewed

  • Loading
  • Loading
  • Loading

Instructor Biography

Guillermo Rincón Gracia, Amante de las nuevas tecnologías y profesor por vocación.

¡Hola a todos! Mi nombre es Guillermo Rincón. Vivo en Madrid y estoy terminando mis estudios en Ingeniería Electrónica Industrial y Automática. He hecho un poco de todo: he sido socorrista, profesor particular, entrenador de baloncesto, guitarrista en una banda, he trabajado en la organización de un par de festivales... Soy una de esas personas a las que les gusta aprender de todo y, además, también me gusta enseñar lo que he aprendido. En muchas ocasiones, es mejor que te enseñe alguien que no es un gurú del tema y lleva 20 años estudiándolo: si no sabe transmitir bien sus conocimientos, da igual lo mucho que sepa. En cambio, alguien que lo tiene más reciente acaba de pasar por problemas de aprendizaje similares a los que puedas tener tú y es más fácil que te ayude a aprender.

Ahora mismo, estoy centrado en la programación. Es una parte fundamental de mis estudios, sobre todo la programación orientada a objetos y la de microprocesadores. Sin embargo, la que más me gusta es la relacionada con internet: HTML, CSS, MySQL, JavaScript... Paso muchas horas en internet y al final acabé interesándome por lo que había detrás.

A todo el que he ayudado, siempre me lo ha agradecido y me ha recomendado a otras personas que necesitasen ayudas similares. Sinceramente, creo que no soy mal profesor. ¡Deja que te lo demuestre en cualquiera de mis cursos!

Ready to start learning?
Take This Course