You are on page 1of 18

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