Curso de HTML y CSS 2019

Clases del Curso de HTML y CSS 2019

Instruido por:
Rulótico González
Rulótico González
Básico
4 horas de contenido
Ver la ruta de aprendizaje
Producto digital con botón de pago enlazado a Paypal
Proyecto del curso
Producto digital con botón de pago enlazado a Paypal

Crea una página web que se conecta con PayPal para realizar el proceso de pago de los productos ofrecidos. Haz el proceso completo de creación de un producto digital desde la creación del paper wireframe para definir el flujo de navegación, pasando por el diseño y maquetación, hasta la publicación usando Github.

Curso de HTML y CSS 2019

Curso de HTML y CSS 2019

Progreso del curso:0/40contenidos(0%)

Contenido del Curso
Tutoriales de estudiantes
Preguntas de estudiantes

Progreso del curso:0/40contenidos(0%)

Internet

Material Thumbnail

Pasos para aprender HTML y CSS

00:49 min

¿Qué conocimientos necesito para tomar este curso?

01:01 min

Material Thumbnail

¿Cómo se construye la tecnología web?

08:00 min

¿Cómo instalar ATOM?

00:39 min

Material Thumbnail

Comprendamos Internet

05:41 min

Los básicos del web

Material Thumbnail

¿Cómo funciona HTML?

05:11 min

Material Thumbnail

Etiquetas y sus atributos

07:02 min

Reto 1: crea tu fiesta de gifs

00:32 min

Material Thumbnail

¿Cómo funciona CSS?

03:51 min

Material Thumbnail

¿Cómo funciona JavaScript?

05:01 min

Material Thumbnail

Hola mundo y estructura del proyecto

02:39 min

Listado de las etiquetas más usadas

01:42 min

Construcción de un producto digital

¿Cómo instalar XD?

00:51 min

Material Thumbnail

Diseño de interfaces

06:41 min

Material Thumbnail

Maquetación de la NavBar

13:10 min

Material Thumbnail

Maquetación de main_section y agregando estilos CSS

08:22 min

Material Thumbnail

Maquetación de tarjetas de producto

09:07 min

Material Thumbnail

Fuentes personalizadas y variables de CSS

07:46 min

Categorizando etiquetas según nuestra estructura en HTML

00:48 min

Reto 2: Maquetar el home del producto digital

00:39 min

Material Thumbnail

Reglas responsive

07:14 min

Material Thumbnail

Animaciones y transiciones

08:47 min

Integrando otras herramientas

Atributos especiales de las etiquetas para mejorar el funcionamiento de nuestros formularios

02:47 min

Material Thumbnail

Librería vs Framework

05:42 min

Material Thumbnail

Sistema de Grillas

08:05 min

Material Thumbnail

Completando el Sistema de Grillas

04:03 min

Reto 3: implementación del sistema de grillas

00:34 min

Material Thumbnail

Maquetación del formulario

13:03 min

Material Thumbnail

Creación de formulario: inputs

10:39 min

Material Thumbnail

Creación de formulario: botones

08:43 min

¿Cómo crear tu cuenta en Paypal?

01:26 min

Material Thumbnail

Configuración del botón de pago con Paypal

08:02 min

Autofill del formulario de PayPal

01:03 min

Material Thumbnail

Maquetación de pantalla de éxito y error

10:37 min

Deploy

Material Thumbnail

Testing con el Navegador

09:43 min

Cómo crear tu cuenta en Github

00:23 min

Material Thumbnail

Subiendo nuestro proyecto a Internet con Github

08:33 min

Conclusión

Bonus

nuevosmás votadossin responder
Jorge Ivan Lopez Santiz
Jorge Ivan Lopez Santiz
Estudiante

Hola como estas una pregunta:
¿Se puede usar canva en ves de XD si ó no?

1
sebastian jhair chilet dioses
sebastian jhair chilet dioses
Estudiante

![](C:\Sin título.png)
experrimentea

1
Gonzo16
Gonzo16
Estudiante

hola buena noche para todos, estoy siguiendo el ejercicio al pie de la letra, bueno al pie del código mejor hay varios problemas que he podido solucionar excepto la configuración de las tarjetas. alguien me podría ayudar muchas gracias adjunto HTML y css

imagen brand.png
css brand.png
html brand.png
1
Gonzo16
Gonzo16
Estudiante

hola, alguien sabe porque me sale que el valor negativo en el margin top esta mal, que es un valor invalido?
gracias

1
Luis G.
Luis G.
Estudiante
Screenshot 2021-06-19 001756.png

¡Hola! Buscando ideas para mi proyecto me encontre con esta página y me gustaria tener un header con opacidad en el area que dibuje con verde, pero me estoy enredando mucho con la arquitectura de estos elementos. ¿Algún tip de como hacer que mi imagen sea el fondo de mi navbar y main?

1
Gonzo16
Gonzo16
Estudiante

hola, no me ha salido nada hasta el momento estoy haciendo todo al pie de la letra como indica el docente, desde hacer los botones del nav, hasta hacer que salga la imagen curve, la verdad es un poco frustrante.

1
Gonzo16
Gonzo16
Estudiante

hola, tengo una pregunta, ¿Cómo genero la división entre el nav y el main en el css?
Muchas gracias

1
Gonzo16
Gonzo16
Estudiante

hola , buenas tardes a todos, realizando el ejercicio del sitio de Brand, tuve un problema.
los elementos de li, no se pasan a botón y además no pude dejarlos separados, agradezco cualquier ayuda para solucionar este inconveniente, muchas gracias
adjunto código HTML, css

html brand.png
css de brand.png
navegador brand.png
0
Christian Alvarenga
Christian Alvarenga
Estudiante

Cual seria la diferencia entre usar display: inherit; y display: block; para que queden uno debajo del otro en la seccion de .products?

1
fitodac
fitodac
Estudiante

Adobe XD es similar a Sketch?

1