INSTALACION

Johan Darío Alarcón Ayala

08/11/2018

Servicio Nacional de Aprendizaje SENA

Ibagué (Tolima)

DESARROLLO WEB CON PHP

Tabla de contenido

INSTALACION DE XAMPP.................................................................................................................... 1

INSTALACION DE VISUAL CODE (editor) ............................................................................................ 7

CREACION DEL PRIMER PROYECTO .................................................................................................. 13

MODIFICACION DEL PRIMER PROYECTO ......................................................................................... 15

 Página |1

1. Como primera instancia procedemos a dirigirnos a la pagina de XAMPP, y descargar el

servidor.

2. Una vez descargado el archivo lo ejecutamos:

Página |2
 Página |3

3. En esta parte de la instalación se escoge el lugar o la carpeta donde quedará alojado el

XAMPP, en este caso será en la unidad de disco C.
Página |4
 Página |5

4. Una vez terminada la instalación, solo nos queda escoger el idioma e iniciar el XAMPP.

5. A continuación, procedemos a iniciar el apache y MySQL en caso de que vallamos a

realizar proyectos con base de datos. El puerto que utilizará este servidor Web de manera
local en mi PC será el 8080. Solo queda ejecutarlo en el navegador para confirmar que sus
servicios se encuentran activos y funcionales.
 Página |6

6. Para revisar la correcta instalación de Apache en nuestro navegador, escribimos como

URL: localhost: Seguido del puerto por donde se escuchan los servicios.

➔ http://localhost:8080/dashboard/
 Página |7

INSTALACION DE VISUAL CODE

 Página |8

1. De ante mano iniciamos con la descarga y ejecución del instalador VSCode.

 Página |9

2. En esta parte de la instalación, escogemos la ubicación donde quedara alojado

nuestro VISUAL CODE.
P á g i n a | 10
 P á g i n a | 11

3. Una vez terminado el proceso de configuración procedemos a generar la instalación

como tal.
 P á g i n a | 12

4. Y finalmente tenemos instalado el editor con el que realizaremos la programación

de PHP.
 P á g i n a | 13

CREACION DEL PRIMER PROYECTO

 P á g i n a | 14

VISTA DESDE EL NAVEGADOR

 P á g i n a | 15

MODIFICACION DEL PRIMER PROYECTO

 P á g i n a | 16

VISTA DESDE EL NAVEGADOR