Programación Web

Ing. Cecilia Jiménez Meza

Montar página web

sencilla con PHP en el
servidor de XAMPP

Integrantes del Equipo 4:

Abundis Morales Kevin Leonel 16320777

Bibiano Cortes Marko Alan 16320803
Caballero Patricio Cristóbal 16320806
Tolentino Bracamontes Abril Clarisa 16320978

Carrera: Ingeniería en Sistemas Computacionales

Horario: 13:00 – 14:00
Ciclo escolar: Enero – Junio 2020
 Contenido

Introducción..................................................................................................................................... 3
Montar página web en el servidor de XAMPP......................................................................... 4
Pantallazos de nuestra página web ........................................................................................... 9
Pantallazos del código ................................................................................................................ 11
index.css..................................................................................................................................... 11
index.html ................................................................................................................................... 12
menu.html................................................................................................................................... 13
insertar_datos.html .................................................................................................................. 13
conexion.php ............................................................................................................................. 14
consultar.php ............................................................................................................................ 15
insertar.php................................................................................................................................ 16
Conclusión ..................................................................................................................................... 18
 Introducción

En el presente trabajo se mostrará paso a paso como montar una página web en el
servidor de XAMPP.
En la página web utilizamos código de PHP para poder realizar una consulta y una
inserción de datos a una base de datos que ya teníamos creada.
XAMPP nos permite realizar pruebas a nuestra página web cuando no tenemos
ningún acceso a internet, hace que nuestra computadora se comporte como un
servidor, pero lo hace de manera local.
 Montar página web en el servidor de XAMPP

1.- Abrimos el Panel de Control de XAMPP.

2.- Damos clic en el botón que dice “Explorer”.

3.- Ingresamos a la carpeta de “htdocs”.

4.- Una vez dentro de la carpeta htdocs, copiamos la carpeta donde vienen todos
los archivos que creamos para la página web. En nuestro caso fue la carpeta de
“Ejercicio con PHP”.
5.- Regresamos al Panel de Control de XAMPP y ahora damos clic en “Start” para
iniciar el servidor de Apache y poder visualizar nuestra página web de manera local.
6.- Una vez iniciado el servidor de Apache, abrimos el navegador y escribimos en la
URL “localhost:8080/Ejercicio con PHP/index.html”, con lo que podremos visualizar
nuestra página principal de nuestro proyecto. Nota: En nuestro caso tuvimos que
escribir “localhost:8080” porque cambiamos el puerto que tenía por defecto, que es
el 80, por razones de que este puerto es utilizado por otro programa.

7.- Listo, esos serían los pasos que se realizaron para montar la página en el
servidor de XAMPP y visualizarla de manera local en nuestra computadora.
Pantallazos de nuestra página web
 Pantallazos del código

index.css
index.html
menu.html

insertar_datos.html
conexion.php
consultar.php
insertar.php
 Conclusión

Con este trabajo concluimos que la herramienta de XAMPP es de gran utilidad,

porque con esta herramienta podemos realizar las pruebas que queramos a nuestra
página web, sin necesidad de tener internet, ya que hace que nuestro ordenador
funcione como un servidor. También concluimos que el lenguaje de programación
de PHP es muy potente, ya que nos permite realizar acciones de parte del servidor
y realizar cambios a nuestras páginas web, además de que puede incrustar código
HTML.