Contenido del curso
Sitios Code con HTML y CSS
- 5

Qué son las etiquetas en HTML
04:04 min - 6

Primeras líneas de código en HTML
14:47 min - 7

HTML del hero con ids y clases
11:19 min - 8

Iconos de redes sociales en HTML
11:38 min - 9

Selectores y propiedades CSS explicados
08:59 min - 10

box-sizing border-box explicado visualmente
12:10 min - 11

Estiliza tu primer header con CSS
13:51 min - 12

position absolute y relative en el hero
10:44 min - 13

Centrado vertical con CSS transform
14:43 min - 14

Colorea iconos sociales con Flexbox
16:08 min - 15

Optimización de CSS y Enlaces en HTML para Portafolios Web
07:42 min
Despliega tu página a internet
Sitios No-code con WordPress
- 20

Creación de Sitios Web sin Código con WordPress
07:44 min - 21

Instalación de WordPress en hosting propio
06:56 min - 22

Instalación y configuración de Elementor en WordPress
05:14 min - 23

Creación de una Página Web desde Cero con Elementor
10:10 min - 24

Maquetación de Héroes con Elementor para Páginas Web
11:33 min - 25

Creación de Páginas Web con WordPress y Plantillas Prediseñadas
05:04 min
Conclusiones
Despliegue de Sitios Web Gratis con Netlify
Resumen
¿Cómo hacer un deploy gratuito de tu proyecto?
Imagínate tener tu proyecto en línea, disponible para que cualquiera lo vea y lo explore, todo sin coste alguno. Esto es posible sin la necesidad de complejas configuraciones, solo HTML, CSS, y una plataforma gratuita. Sin embargo, es fundamental tener en cuenta ciertas limitaciones. Estos servicios gratuitos no te permitirán tener un backend o soportar un tráfico masivo. Así que, si tu intención es experimentar y mostrar pequeños proyectos al mundo, estás en el lugar correcto.
¿Cuáles son las opciones disponibles para el hosting gratuito?
Existen múltiples servicios que puedes utilizar para alojar tus proyectos web gratis. Los más conocidos son:
- Vercel: Ideal si estás familiarizado con Git y GitHub, pero no necesario si solo deseas tener tu proyecto en línea rápidamente.
- GitHub Pages: Excelente opción si tienes conocimiento en Git. Te permite alojar tus proyectos directamente desde tu perfil de GitHub.
- Netlify: Nuestra recomendación si prefieres evitar complicaciones técnicas en cuanto al manejo de Git. Permite un despliegue sencillo y rápido.
¿Cómo se despliega un sitio manualmente en Netlify?
Para llevar a cabo un despliegue en Netlify sin complicaciones con Git, sigue estos pasos:
- Regístrate en Netlify: Dirígete al sitio oficial de Netlify y crea una cuenta. Puedes registrarte usando tu cuenta de GitHub, GitLab, Bitbucket, o simplemente con tu email.
- Añadir un nuevo sitio: Una vez dentro, selecciona la opción "Add New Site" y elige "Deploy Manually".
- Arrastra y suelta los archivos: Toma la carpeta de tu proyecto y arrástrala al área designada en Netlify. Asegúrate de que incluya todos los archivos necesarios como
index.html, CSS e imágenes. - Espera la carga del sitio: Tras soltar los archivos, Netlify comenzará el proceso de carga. Una vez completado, se te proporcionará un enlace temporal donde estará alojado tu sitio web.
¿Cómo personalizar el dominio en Netlify?
Después de subir tu proyecto, tendrás un enlace proporcionado por Netlify que contendrá un subdominio algo complicado. Aquí te explicamos cómo mejorarlo:
- Modificar el nombre del sitio: Dentro de las configuraciones de dominio, navega hasta "Domain Settings" y acude a "Edit Site Name".
- Elige un nombre único: Ingresa un nombre memorable para tu sitio y asegúrate de que no esté en uso. Una vez guardado, tu dirección será más agradable y fácil de compartir, por ejemplo,
portafolio-flatsheet.netlify.app.
Aunque el dominio seguirá terminando en netlify.app, el subdominio será más personalizable a tus necesidades. Si deseas un dominio completamente personalizado, esto requerirá adquirir un dominio registrado, un proceso que explorarás más adelante.
Consejos finales
Estos servicios son ideales para mostrar tus iniciativas, prácticas y experimentos. Compartir tu sitio es tan fácil como copiar el enlace generado y distribuirlo como desees. Una vez compartido, cualquier persona, desde cualquier lugar del planeta, podrá acceder y observar a lo que has dedicado tus esfuerzos. Si bien iniciar con Netlify es un punto excelente, recuerda que siempre puedes explorar otras opciones de despliegue para proyectos más avanzados o a medida que crecen tus habilidades y necesidades.
¡Ánimo! El primer paso para cualquier desarrollador web es mostrar el mundo lo que sabe hacer, y ahora tú estás a un clic de distancia para lograrlo.