Type something to search...
Hosting y Alojamiento web

Hosting y Alojamiento web

Hosting, Dominios, Almacenamiento y Bases de Datos 🌐

🎯 Objetivos

  • Entender qué es un dominio y un hosting
  • Conocer el papel del almacenamiento web
  • Descubrir para qué sirven las bases de datos
  • Explorar opciones gratuitas para alojar páginas web

🧠 Conceptos clave

🌍 ¿Qué es un Dominio?

Un dominio es como la dirección de tu casa, pero en internet. Es lo que escribes para visitar una página web.

  • Ejemplo: www.miwebfavorita.com
  • Puedes comprar uno o usar uno gratuito que te da el servicio de hosting.

🗃️ ¿Qué es un Hosting?

El hosting (o alojamiento web) es el lugar donde se guarda tu página web para que otras personas puedan verla.

  • Piensa en el hosting como el terreno donde vas a construir tu página.
  • Tu sitio web vive en un servidor, una computadora especial que está siempre encendida.

💾 ¿Qué es el Almacenamiento Web?

Es el espacio digital que te da el hosting para guardar tus archivos:

  • Imágenes
  • Videos
  • Archivos HTML, CSS, JS
  • Documentos

Importante: Si subes muchos archivos grandes (como videos o imágenes), necesitas más espacio.


🧮 ¿Qué es una Base de Datos?

Una base de datos es como una gran hoja de cálculo (Excel), pero más poderosa.

  • Guarda información importante de tu sitio, por ejemplo:
    • Usuarios registrados
    • Comentarios de un blog
    • Productos de una tienda en línea
  • Se conecta al sitio web para mostrar la información cuando el usuario la necesita.

Ejemplos de bases de datos:

  • MySQL
  • PostgreSQL
  • Firebase (muy usado en apps móviles)

🧑‍💻 Relación entre Hosting, Dominio, Archivos y Bases de Datos

Imagina que tu sitio web es como una casa digital:

ElementoFunción
DominioLa dirección de la casa
HostingEl terreno donde se construye
Archivos WebLas paredes, muebles, decoración
Base de DatosEl “cerebro” que recuerda nombres, usuarios, productos…

🛠️ Tipos de Hosting

1. Gratuito

  • Ideal para aprender
  • Algunas opciones:
    • GitHub Pages
    • Netlify
    • Vercel
    • Firebase
    • InfinityFree

2. De pago

  • Más rápido, seguro y con soporte
  • Algunas opciones:
    • Hostinger
    • Bluehost
    • GoDaddy

📌 Actividades

🔍 Actividad 1: Investiga Hosting Gratuitos en tu país

Instrucciones:

  • Busca 3 opciones de hosting gratuito y 3 de paga disponibles en México.
  • Escribe una tabla comparando:
    • Espacio de almacenamiento que ofrecen
    • Dominio gratuito o no
    • ¿Incluye base de datos?
    • Soporte tecnico

Entrega: Una tabla y una conclusión: ¿cuál recomendarías?


🛠️ Actividad 2: Crea tu primera página web con GitHub Pages

Instrucciones:

  1. Crea una cuenta en GitHub
  2. Sube un archivo HTML (por ejemplo, index.html)
  3. Activa GitHub Pages desde la configuración del repositorio
  4. Comparte tu URL

Entrega: La dirección pública de tu sitio web en GitHub Pages


🧠 Actividad 3: Diseña tu Sitio Web Ideal

Instrucciones:

  • Crea un mapa mental en una hoja o digitalmente.
  • Incluye:
    • Nombre del sitio
    • Páginas que tendría (Inicio, Galería, Contacto…)
    • ¿Qué datos necesitaría guardar? (usuarios, correos, comentarios…)
    • ¿Usarías base de datos? ¿Por qué?

Entrega: Presentación del mapa o entrega en digital


💬 Reflexión final

  • ¿Qué aprendiste hoy?
  • ¿Crees que podrías tener tu propia página?
  • ¿Qué servicio gratuito usarías primero?

🧩 Recursos recomendados


✅ Criterios de evaluación

CriterioPuntaje
Participación en clase10 pts
Comparación de hosting25 pts
Sitio publicado en GitHub Pages45 pts
Mapa mental del sitio web ideal20 pts
Total100 pts

🧾 Glosario

  • Dominio: Dirección de una página web.
  • Hosting: Lugar donde se almacena la página.
  • Almacenamiento: Espacio donde se guardan archivos.
  • Base de datos: Lugar donde se guarda información dinámica como usuarios o mensajes.

Publicaciones relacionadas

Encender y apagar led usando processing

Encender y apagar led usando processing

Encender y Apagar Luz LED Usando Processing Índice¿Qué es Processing? Temas importantes del proyecto Especificación detallada de las conexiones Especificaciones del proyecto Preg

read more
Multímetro

Multímetro

Introducción En esta clase, aprenderás sobre componentes electrónicos básicos como resistencias, potenciómetros y el uso de un multímetro para medir voltajes. También exploraremos cómo estos concep

read more
Semáforo sencillo

Semáforo sencillo

// C++ code //// Pines de los LEDs del semáforo sencillo const int LED_VERDE = 2; const int LED_AMARILLO = 3; const int LED_ROJO = 4;void setup() { // Configuración de los pines OUTPUT

read more
Reloj digital LCD

Reloj digital LCD

Reloj digital LCD Introducción En este tutorial, vamos a crear un reloj digital utilizando un display LCD y un microcontrolador

read more
Semáforos Coordinados

Semáforos Coordinados

Semáforos coordinados Introducción En este proyecto, vamos a crear un sistema de semáforos coordinados utilizando Arduino.

read more
Pantallas LCD

Pantallas LCD

Introducción a las Pantallas LCD Las pantallas LCD (Liquid Crystal Display) son dispositivos electrónicos utilizados para mostrar información de manera clara y eficiente. Estas pantallas son muy co

read more
Personalizar caracteres en LCD

Personalizar caracteres en LCD

ÍndiceExplicación del Código Componentes Clave del Código Librería LiquidCrystal_I2C [In

read more
Semáforo Doble

Semáforo Doble

Descripción del código Este programa controla el funcionamiento de dos semáforos simulados utilizando un Arduino. Cada semáforo cuenta con tres luces LED: verde, amarillo y rojo. El programa altern

read more
Proyectos

Proyectos

Planificación de 12 Semanas para Proyectos Los proyectos serán libres y sencillos, pero deberán abordar un problema escolar o de la comunidad, utilizando al menos dos de las tecnologías vistas en c

read more
Evaluación Parcial

Evaluación Parcial

Evaluación del Avance del ProyectoObjetivo General de la Evaluación:Verificar que los equipos hayan cumplido con al menos el 70% del desarrollo funcional del proyecto, incluyendo inte

read more
Bases para la Elaboración del Reporte Breve del Proyecto

Bases para la Elaboración del Reporte Breve del Proyecto

📝 Bases para la Elaboración del Reporte Breve del ProyectoFormato: Documento Word (máximo 4 páginas)Entrega: En formato digital (PDF), cargar en el apartado de Archivos.

read more
Mascota virtual

Mascota virtual

🐾 Proyecto: Mascota Virtual en Escritorio con Python Este proyecto te guiará paso a paso para crear una mascota virtual que se mueva por tu pantalla de Windows y muestre mensajes motivadores c

read more
Mascota virtual

Mascota virtual

🐾 Proyecto: Mascota Virtual en Escritorio con Python Este proyecto te guiará paso a paso para crear una mascota virtual que se mueva por tu pantalla de Windows y muestre mensajes motivadores c

read more
Crea tu primera página web con GitHub Pages

Crea tu primera página web con GitHub Pages

🛠️ Actividad 2: Crea tu primera página web con GitHub Pages Instrucciones:Crea una cuenta en GitHub Sube un archivo HTML (por ejemplo, index.html) Activa GitH

read more