No dices lo experimentado que ya eres con la programación.
Paso 1: escribe tu primera página web
Si puede crear una página web de “Hola Mundo”, entonces ya tiene un buen comienzo.
- Estoy tratando de crear un sitio web usando etiquetas html. pero ¿cómo veo la página web?
- ¿Debo usar JavaScript, jQuery o ambos para crear un sitio web dinámico?
- Sé HTML, CSS, JavaScript, jQuery y AngularJS. ¿Qué puedo aprender a continuación?
- Quiero ser un desarrollador de backend. ¿Es bueno NodeJS con Typecript para comenzar?
- Quiero combinar HTML y PHP en una página cuando utilizo datos de formulario. ¿Qué debo hacer?
(Guarde lo siguiente en un archivo llamado “hello.html” y ábralo con un navegador como iceweasel, chromium, safari o edge)
Hola mundo
Cuando abra este archivo, debería ver una pantalla en blanco con las palabras “Hola Mundo” escritas en él.
Paso 2: configura tu servidor.
Si desea servidor de una página de forma remota, necesita un servidor web. Si tiene una segunda computadora en casa que usa Windows, puede convertirla en un servidor muy fácilmente usando un programa llamado XAMPP. XAMPP es un software que contiene (entre otras cosas) Apache y un intérprete PHP.
Después de descargar e instalar XAMPP en el servidor, debe encontrar un directorio en C: / xampp / htdocs /. Suelta el archivo hello.html allí. Luego tendrá que asegurarse de que XAMPP se esté ejecutando. Haga clic en el icono de control XAMPP y haga clic en “iniciar apache”
Averigüe la dirección IP del servidor. Debería encontrar un número como 192.168.1.17. Usaré 192.168.1.17 como ejemplo, reemplace según corresponda.
Ahora vaya a su computadora cliente, inicie su navegador y en la barra de navegación escriba http://192.168.1.17/hello.html
Si ve el mensaje de Hello World en la computadora del cliente, ¡eso es todo el trabajo duro realizado!
Solo un par de notas:
Primero: supongo que tienes una segunda computadora disponible. Esto no es realmente necesario, solo hace que las cosas sean más fáciles de explicar. Puede abrir el navegador en la misma computadora que el servidor que ejecuta XAMPP. En este caso, puede ver la página web utilizando la URL http://127.0.0.1/hello.html
En segundo lugar: la razón por la que necesita XAMPP es que normalmente no puede acceder fácilmente al contenido de una computadora desde otra. Apache, uno de los programas incluidos en XAMPP es un programa que se ejecuta en el servidor y escucha las solicitudes de páginas web, y luego envía estas páginas al equipo cliente que las solicita.
En tercer lugar: el sitio web que acaba de configurar solo será visible en las computadoras dentro de su red local. Si configura el servidor en casa e intenta verlo mientras está en la escuela, no será visible.
Paso 3: Comience a usar PHP
El script php hello world se ve así:
<? php echo '
Hola Mundo
‘; ?>
Guarde esto como hello.php en el directorio C: / xampp / htdocs / en el servidor. En la barra de navegación del navegador que se ejecuta en la máquina cliente, escriba http://192.168.1.17/hello.php Esto es exactamente como lo hizo anteriormente, excepto que en lugar de .html al final de la url ahora hay un .php
Lo que debería pasar es esto:
Cuando escribe http://192.168.1.17/hello.php en el navegador web de la computadora cliente, la computadora cliente se comunica con la computadora (servidor) cuya dirección IP es 192.168.1.17, y le pide la página web llamada hola .php.
El programa en el servidor que escucha esta solicitud es Apache.
Apache toma la página llamada hello.php y se la muestra al intérprete PHP que lee la página php y sigue las instrucciones allí. Luego entrega su salida a Apache, que luego la envía al equipo cliente.
El navegador en la computadora cliente muestra la salida.
Si el intérprete PHP recibe el script anterior (hello.php), su salida será idéntica a la página html (hello.html).
Paso 4: amplíe su conocimiento de PHP
Hasta ahora no parece que hayamos ganado mucho escribiendo un script en lugar de escribir la página web directamente. Todo lo que parece que hemos hecho es hacer que todo sea más complicado. Para que PHP sea realmente útil, necesitamos aprender más sobre cómo usar el lenguaje. Las cosas más importantes para aprender son sobre variables, bucles y decisión (if-then-else). Aquí hay un hello.php mejorado que usa una variable y un bucle para escribir “Hello World” 100 veces:
<? php
para ($ x = 0; $ x <= 100; $ x ++)
{
echo ‘
Hola mundo
‘;
}
?>
Si logras escribir algunos scripts similares a este, entonces puedes hacer muchas cosas útiles con PHP, y puedes comenzar a aprender más funciones a medida que avanzas. Las características realmente útiles de PHP incluyen la capacidad de leer datos de formularios en páginas web, recuperar datos de bases de datos SQL y enviar correos electrónicos.
Un muy buen recurso para obtener información de PHP son los Tutoriales web en línea de W3Schools, que tienen muchos ejemplos de scripts PHP y le permiten experimentar con PHP en línea.
Ádh mór!