Ejercicios (puesta en marcha) - Apache (1) - Enunciados

Estos ejercicios tratan de la configuración de Apache y de Visual Studio Code. Se pueden consultar unas posibles soluciones.

Apache (1) 1 - Creación de alias

  1. Cree la carpeta C:\tmp\apache-1\e01
  2. Cree en el archivo httpd.conf el alias /ejercicio-01 que enlace a C:\tmp\apache-1\e01
  3. Compruebe que el navegador muestra el directorio vacío al abrir la dirección http://localhost/ejercicio-01/
  4. Cree con Notepad++ el archivo prueba.html en la carpeta C:\tmp\apache-1\e01 con el siguiente contenido: 
    <!DOCTYPE html>
<html lang="es">
<head>
  <meta charset="utf-8">
  <title>Ejercicio 1</title>
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>

<body>
  <p>Esta es la página prueba.html del ejercicio 1.</p>
</body>
</html>
  5. Compruebe que el navegador muestra el directorio con un archivo al abrir la dirección http://localhost/ejercicio-01/
  6. Compruebe que el navegador muestra la página prueba.html al hacer clic en el nombre del archivo en el directorio.
  7. Cree con Notepad++ el archivo index.html en la carpeta C:\tmp\apache-1\e01 con el siguiente contenido: 
    <!DOCTYPE html>
<html lang="es">
<head>
  <meta charset="utf-8">
  <title>Ejercicio 1</title>
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>

<body>
  <p>Esta es la página index.html del ejercicio 1.</p>
</body>
</html>
  8. Compruebe que el navegador muestra la página index.html al abrir la dirección http://localhost/ejercicio-01/
  9. Compruebe que el navegador muestra la página prueba.html al abrir la dirección http://localhost/ejercicio-01/prueba.html
  10. Compruebe que el navegador muestra la página index.html al abrir la dirección http://localhost/ejercicio-01/index.html

Apache (1) 2 - Creación de alias

  1. Cree la carpeta C:\tmp\apache-1\e02
  2. Cree en el archivo httpd.conf el alias /ejercicio-02/paginas que enlace a C:\tmp\apache-1\e02
  3. Compruebe que el navegador da error al abrir la dirección http://localhost/ejercicio-02/
  4. Compruebe que en el navegador se muestra el directorio vacío al abrir la dirección http://localhost/ejercicio-02/paginas/
  5. Cree con Notepad++ el archivo index.html en la carpeta C:\tmp\apache-1\e02 con el siguiente contenido: 
    <!DOCTYPE html>
<html lang="es">
<head>
  <meta charset="utf-8">
  <title>Ejercicio 2</title>
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>

<body>
  <p>Esta es la página index.html principal del ejercicio 2.</p>
  <p>Ir a <a href="ejemplo/">la página secundaria</a>.</p>
</body>
</html>
  6. Compruebe que el navegador muestra la página index.html al abrir la dirección http://localhost/ejercicio-02/paginas/
  7. Compruebe que al hacer clic en el enlace se muestra un error 404 (objeto no localizado).
  8. Cree la carpeta C:\tmp\apache-1\e02\ejemplo
  9. Compruebe que al hacer clic en el enlace se muestra el directorio vacío.
  10. Cree con Notepad++ el archivo index.html en la carpeta C:\tmp\apache-1\e02\ejemplo con el siguiente contenido: 
    <!DOCTYPE html>
<html lang="es">
<head>
  <meta charset="utf-8">
  <title>Ejercicio 2</title>
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>

<body>
  <p>Esta es la página index.html secundaria del ejercicio 2.</p>
  <p>Ir a <a href="../">la página principal</a>.</p>
</body>
</html>
  11. Compruebe que al hacer clic en el enlace de la página index.html principal se muestra la página index.html secundaria.
  12. Compruebe que al hacer clic en el enlace de la página index.html secundaria se muestra la página index.html principal.

Apache (1) 3 - Creación de área de trabajo (carpeta), tareas y alias

El objetivo de este ejercicio es crear un área de trabajo (carpeta) y unas tareas en Visual Studio Code y crear un alias en Apache para que se puedan abrir páginas en el navegador desde Visual Studio Code.

  1. Abrir área de trabajo (carpeta)
    1. Cree la carpeta C:\tmp\apache-1\e03
    2. Cree la carpeta C:\tmp\apache-1\e03\archivos
    3. Abra Visual Studio Code eligiendo como área de trabajo la carpeta C:\tmp\apache-1\e03\archivos
  2. Crear archivo
    1. Cree con Visual Studio Code el archivo test.php en la carpeta archivos con el siguiente contenido: 
      <?php
print "<p>Ejercicio 3 - Página 1</p>\n";
phpinfo();
  3. Crear tareas
    1. Cree las tareas que abran los ficheros en Firefox y Chrome con la URL http://localhost/ejercicio-03/...
    2. Ejecute desde Visual Studio Code el archivo test.php y compruebe que en la barra de dirección del navegador aparece la dirección http://localhost/ejercicio-03/test.php pero se muestra un error 404 (objeto no localizado).
  4. Configurar Apache
    1. Cree en el archivo httpd.conf el alias /ejercicio-03 que enlace a C:\tmp\apache-1\e03\archivos
    2. Compruebe que al abrir la dirección http://localhost/ejercicio-03/ en el navegador se muestra el directorio.
  5. Crear archivos
    1. Ejecute desde Visual Studio Code el archivo test.php y compruebe que se abre correctamente en el navegador la página http://localhost/ejercicio-03/test.php (se mostrará una tabla con información detallada del PHP instalado en el servidor).
    2. Cree con Visual Studio Code la carpeta ejemplo en la carpeta archivos.
    3. Compruebe con el Explorador de archivos de Windows que se ha creado la carpeta C:\tmp\apache-1\e03\archivos\ejemplo
    4. Cree con Visual Studio Code el archivo test2.php en la carpeta ejemplo con el siguiente contenido: 
      <?php
print "<p>Ejercicio 3 - Página 2</p>\n";
phpinfo();
    5. Ejecute desde Visual Studio Code el archivo test2.php y compruebe que se abre correctamente en el navegador la página http://localhost/ejercicio-03/ejemplo/test2.php (se mostrará una tabla con información detallada del PHP instalado en el servidor).

Apache (1) 4 - Creación de área de trabajo (carpeta), tareas y alias

El objetivo de este ejercicio es crear un área de trabajo (carpeta) y unas tareas en Visual Studio Code y crear un alias en Apache para que se puedan abrir páginas en el navegador desde Visual Studio Code.

  1. Abrir área de trabajo (carpeta)
    1. Cree la carpeta C:\tmp\apache-1\e04
    2. Abra Visual Studio Code eligiendo como área de trabajo la carpeta C:\tmp\apache-1\e04
    3. Cree la carpeta C:\tmp\apache-1\e04\archivos
  2. Crear tareas
    1. Cree las tareas que abran los ficheros en Firefox y Chrome con la URL http://localhost/ejercicio-04/ficheros/...
  3. Configurar Apache
    1. Cree en el archivo httpd.conf el alias /ejercicio-04/ficheros que enlace a C:\tmp\apache-1\e04
    2. Compruebe que en el navegador se muestra el directorio que contiene el directorio archivos al escribir http://localhost/apache-01/ejercicio-04/ficheros
  4. Crear archivos
    1. Cree con Visual Studio Code el archivo test.php en la carpeta archivos con el siguiente contenido: 
      <?php
print "<p>Ejercicio 4 - Página 1</p>\n";
phpinfo();
    2. Ejecute desde Visual Studio Code el archivo test.php y compruebe que se abre correctamente en el navegador la página http://localhost/ejercicio-04/ficheros/archivos/test.php (se mostrará una tabla con información detallada del PHP instalado en el servidor).
    3. Cree con Visual Studio Code la carpeta ejemplos en la carpeta e04.
    4. Compruebe con el Explorador de archivos de Windows que se ha creado la carpeta C:\tmp\apache-1\e04\ejemplos
    5. Cree con Visual Studio Code el archivo test2.php en la carpeta ejemplos con el siguiente contenido: 
      <?php
print "<p>Ejercicio 4 - Página 2</p>\n";
phpinfo();
    6. Ejecute desde Visual Studio Code el archivo test2.php y compruebe que se abre correctamente en el navegador la página http://localhost/ejercicio-04/ficheros/ejemplos/test2.php (se mostrará una tabla con información detallada del PHP instalado en el servidor).

Apache (1) 5 - Creación de área de trabajo (carpeta) para clase

El objetivo de este ejercicio es configurar Visual Studio Code en el ordenador de clase, para utilizar a lo largo del curso.

  1. Cree la carpeta Documentos > IAW > PHP
  2. Abra Visual Studio Code eligiendo como área de trabajo dicha carpeta.
  3. Cree en el archivo httpd.conf el alias /iaw/php (sin mayúsculas ni espacios) que enlace a la carpeta.
  4. Cree las tareas que abran los ficheros en Firefox y Chrome con la URL http://localhost//iaw/php/..."
  5. Cree las carpetas "pruebas" y "ejercicios" en la carpeta PHP..
  6. Cree con Visual Studio Code un archivo test.php en cada una de las carpetas (PHP, pruebas y ejercicios) con el siguiente contenido: 
    <?php
print "<p>Ejercicio 5</p>\n";
phpinfo();
  7. Cree con Visual Studio Code un archivo test.html en cada una de las carpetas (PHP, pruebas y ejercicios) con el siguiente contenido: 
    <!DOCTYPE html>
<html lang="es">
<head>
  <meta charset="utf-8">
  <title>IAW PHP</title>
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>

<body>
  <p>Esta es una prueba.</p>
</body>
</html>
  8. Ejecute desde Visual Studio Code los archivos test.php y test.html en cada una de las carpetas y compruebe que se muestran correctamente en los navegadores.

En el caso del ordenador de casa se recomienda a los alumnos elegir una estructura similar para facilitar el traslado de información entre clase y casa.