¿Cómo Crear Tu Primera Página Web con Servidor Real? Guía Paso a Paso con Apache, PHP y Visual Studio Code

Introducción
¿Estás cansado de los tutoriales que enseñan a hacer páginas web sin explicar cómo funcionan en un entorno real? En este primer vídeo de la serie, aprenderás a montar un entorno de desarrollo completo usando Debian 12, Apache, PHP, MySQL y Visual Studio Code. No solo aprenderás HTML, sino que trabajarás como se hace en el mundo profesional: con un servidor real y acceso remoto por SSH.

Prepárate para construir una página web dinámica desde cero, conectada a una base de datos, aprendiendo las bases que realmente importan.

Configuración del Entorno de Desarrollo Web Profesional

El objetivo de esta serie es que aprendas HTML, PHP y MySQL con una base sólida. En lugar de simplemente abrir archivos locales, se enseña a trabajar con un servidor web real en Debian 12, utilizando:

Apache como servidor web.
PHP como lenguaje de servidor.
MySQL como sistema de base de datos (lo instalaremos más adelante).
Visual Studio Code con la extensión Remote SSH para escribir código directamente desde tu equipo a una máquina virtual o servidor remoto.

Este enfoque te prepara para escenarios reales en desarrollo web profesional.

Conexión Remota por SSH a tu Servidor Debian
Aprenderás a conectarte por SSH sin contraseña usando llaves SSH con el comando:

ssh-copy-id usuario@192.168.1.1

Después, usarás Visual Studio Code con la extensión Remote SSH para editar y trabajar en tu servidor sin necesidad de usar terminales externas.

Instalación del Stack LAMP: Linux, Apache, MySQL y PHP
El entorno LAMP es la base de muchos sitios web. En este tutorial, se instalan y configuran:

Apache2 con módulos necesarios como userdir, que permite a cada usuario tener su propio sitio web público.
PHP junto con módulos para MySQL.
Se configura el sistema para que PHP funcione en carpetas personales (~/public_html).

Además, se edita la configuración de Apache para habilitar PHP correctamente, comentando ciertas líneas del archivo correspondiente.

Creación del Archivo de Prueba en PHP
Se crea la carpeta public_html y el archivo index.php con contenido básico:

<?php
echo "Hola mundo";
?>

Esto sirve para verificar que el servidor y el lenguaje PHP están funcionando correctamente.

Visualización de la Página Web en el Navegador
Accediendo a:

http://192.168.1.1/~usuario

Podrás ver tu primer «Hola Mundo» generado por PHP en tu servidor web real. Si no se ve correctamente, se soluciona reiniciando Apache.

Primeros Pasos con HTML: Etiquetas Básicas
Finalmente, se muestra cómo crear un documento HTML con codificación UTF-8 y estructura correcta, asegurando que los acentos y caracteres especiales se vean bien:

<!DOCTYPE html>
<html lang="es">
  <head>
    <meta charset="UTF-8">
    <title>Mi primera web</title>
  </head>
  <body>
    <h1>Bienvenidos a mi web más divertida</h1>
    <p>Autor: Tu Nombre</p>
  </body>
</html>

Conclusión
Este vídeo es el primer paso para aprender desarrollo web de verdad. Aquí no vas a trabajar con simples archivos locales, sino que vas a construir un entorno real, como se hace en el mundo profesional.

Si te ha gustado este enfoque práctico y realista, no olvides darle «me gusta», dejar tu comentario, decir desde dónde me ves y suscribirte al canal para seguir aprendiendo cómo crear páginas web completas con servidor, base de datos y programación real.