Curso completo para crear tu propia página web con HTML y CSS (Parte 1)

¡Hola Picarones!

Este es el primer video de una serie de tutoriales que vamos a hacer para que puedan armar su página web desde cero. Vamos a usar HTML, CSS y un poco de JavaScript para crear una web linda y funcional.  Así que si aún no están suscritos a nuestro canal de Youtube, háganlo para que no se pierdan cada vez que subimos una parte del curso 🤩

¿Qué tipo de página web vamos a crear?

Vamos a crear una página web estática, lo que significa que no usaremos base de datos para construirla u otros elementos dinámicos (ej. venta de productos online). Para darte una idea, la website en la que está ahora es una web estática y eso nos da algunos beneficios como:

• No tendrás que pagar mensualmente por el hosting: A menos que pases las 20,000 visitas al mes el hosting vale $0. Si has escuchado de Wordpress o Wix antes, sabrás que debes pagar un monto mensual para que tu web siga activa, bueno en ese caso no será así. El único gasto que deberás hacer es el del dominio (Aprox. USD 15 al año).
• Todos los programas que usaremos son gratuitos.
• Tu página web será muy muy rápida y optimizada para el SEO (para que poco a poco aparezcas en las primeras posiciones de google).
• Vamos a hacerla que también se vea bien en otros dispositivos como tablet o celular.
• Será súper segura, casi imposible de hackear.

Si quieres saber un poco más cuál es el tipo de web que te conviene para tu negocio, lee este blog.

Curso: Crea tu página web con HTML y CSS - Parte 1

En este video vamos a revisar de forma general qué es HTML y CSS, así como practicar un poco en Codepen. Verán que no es muy complicado, es básicamente como aprender un nuevo idioma y solo requiere mucha práctica. 

En el siguiente video podrán encontrar toda la explicación y el paso a paso de cómo usar Codepen para crear algunos ejemplos de código.

 

Les dejo aquí el link al pen que hicimos durante el video, pero traten de hacerlo por ustedes mismxs y así van practicando.

También usamos Adobe Color para escoger una paleta de colores, pero pueden usar los colores de su marca.

Esperamos que les haya gustado este video y que puedan usarlo para crear su web poco a poco mientras vamos avanzando en el curso 🥰