Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Subscribe
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
Curso HTML Y CSS principiante desde cero (diseño responsivo)
Highest Rated
Rating: 4.5 out of 5(19 ratings)
236 students

Curso HTML Y CSS principiante desde cero (diseño responsivo)

¡Crea tu primera web responsiva con un menú desplegable (hamburguesa) y explora los límites del diseño adaptable!
Highest Rated
Created byGuillermo Visintini
Last updated 2/2024
Spanish

What you'll learn

  • Aprenderas HTML y CSS3 a Fondo
  • Crearas tu primera página web
  • Crearas tu primera página web adaptable (responsive web design)
  • Haremos un menú desplegable (menú hamburguesa)

Explore related topics

Course content

4 sections • 54 lectures • 6h 8m total length

  • Presentación del curso3:43

    .

  • Hacemos nuestra primera carpeta y primer "hola mundo".6:59
  • Mostramos las etiquetas principales (header, main, footer).8:46
  • Usamos la etiqueta img para tener imagenes4:51
  • Seguimos viendo etiquetas hacemos nuestro formulario.9:44
  • Usamos las etiquetas ul, li y a para indexar páginas.9:52
  • Mostramos la etiquetas style y damos color a las palabras.7:46
  • Hacemos nuestro primer link en html y creamos archivo style.css8:13
  • Hacemos selector universal y creamos nuestra primera caja con css.5:45
  • Seguimos con el modelo de cajas creamos caja 1 y caja 2.9:40
  • Explicamos display flex y modelo de cajas.4:23
  • Explicamos aline items y justify content (display flex).9:08
  • Achicamos la img a través de una clase.4:02
  • Porcentajes (etiquetas html).10:45
  • Porcentajes vs pixel (etiquetas html).3:35
  • Inciamos el proyecto del Diario.7:29
  • Hacemos nuestra divición y la herobox.9:37
  • Ponemos nuestras imagenes en la herobox5:41
  • Cajas 1 y Cajas 2 (main simbólico)9:33
  • Agregamos la foto principal del título8:50
  • Creamos nuestro nav bar con sus botones12:38
  • Creamos el título de nuestro banner (header)9:48
  • Separación del header con el padding8:29
  • Texto para las cajas (herobox) (archivos para estudiantes).4:53
  • Centramos los h2 de los herobox (cajas)2:21
  • Centramos los títulos del herobox (cajas)2:37
  • Trabajamos el footer5:04
  • Trabajamos el footer y cambiamos título4:04
  • Le damos un position fixe al header (nuevas configuraciones)4:17
  • Le cambiamos los colores al documento y etiquetas5:23
  • Hacemos un repaso de lo visto en el curso y recomendaciones.8:05
  • Agregamos más texto al título principal y configurando5:37
  • ¡Crea una web con sus secciones completas!0:11

Requirements

  • Tener una notebook o PC y buena conexión a internet

Description

Mi nombre es Guillermo Visintini y soy el instructor del curso. Para mí será un placer enseñarte cómo ir desde la nada misma hasta un nivel muy bueno que te servirá perfectamente para tener las bases de diseño web y seguir aprendiendo, ya que en esta área el aprendizaje es permanente.


En este curso, comenzaremos desde lo básico con HTML, por lo que no necesitas tener conocimientos previos. Aprenderás todas las etiquetas HTML y cómo estructurar una página web. Luego, adaptaremos tu primera página web a diseño responsivo, es decir, a tablet y celulares.


**En el módulo 1:**


Aprenderás:


- Qué es HTML y cómo usarlo

- Todas las etiquetas HTML esenciales

- Cómo estructurar una página web correctamente


**En el módulo 2:**


Aprenderás:


- Vamos con CSS

- Veremos qué son los porcentajes

- Veremos qué son los píxeles

- Veremos qué es Flexbox

- Veremos cómo usar los colores

- Veremos cómo diseñar las partes de la web


**En el módulo 3:**


Aprenderás:


**Parte Adaptable**


- Conoce un poco de historia sobre el CSS3

- Cómo optimizar las etiquetas HTML para el diseño adaptable

- Cómo corregir el código del sitio web estático y prepararlo para adaptable

- Conocerás los media queries

- Adaptarás todo el contenido del sitio web estático

- Tendrás listo el diseño para una tablet y para un celular

- Menú desplegable (hamburguesa) con JavaScript (no hace falta saber programar)


**CLASE BONUS:**


Vamos a hacer una landing page:


- Profundizamos en background

- Colocamos un mapa de Google.


Apuesto que te va a encantar el curso. ¡Te espero en el curso!

Who this course is for:

  • Aspirantes a diseñador web
  • Diseñadores UX/UI
  • Público en general

Report abuse