UNIVERSIDAD TECNOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN
Materia
Desarrollo de Aplicaciones Web II.
Tema
Manual De Manipulación de Datos.
Nombre completo del Alumno: Sandra Montoya Reyes.
Grado:
4
Grupo:
B
Nombre del Docente: I. en Tics Eloy Contreras de Lira.
Fecha de entrega : 8 de Noviembre de 2013

UNIVERSIDAD TECNOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN
RECOMENDACION
Lo primero que debemos de tener antes de empezar a hacer nuestro sitio
debemos tener los siguientes programas que nos facilitaran llevar acabo la
creación de nuestro sitio y la base de datos.
 XAMPP For Windows.
 Adobe Dreamweaver CS5.
Si no los tienes los puedes descargar en internet además de que son muy fácil
de instalar y son muy fáciles de manejar y de aprender ya que su interfaz es
muy amigable.
Ya que lo tengas instalado y si ya lo tenías desde mucho antes lo primero que
debes de hacer con el XAMPP.
Le das clic en Apache y MySQL ahora te vas a tu explorador y en el buscador
pones la página de
localhost

UNIVERSIDAD TECNOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN
Se crea la base de datos en localhost PHP MyAdmin .
Te aparece la notificación de que tu base de datos se ha creado. Dé aquí le
seleccionas cual es la clave o ID o con lo que quieras empezar primero y las
campos que quieres en este caso nosotros queremos 6.
clic en continuar y automáticamente te manda para que llenes los registros de
las columnas.

UNIVERSIDAD TECNOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN
Los llenamos los registros clic en grabar ya está nuestra base de datos.
Ya se creó nuestra tabla ahora se habré el programa de adobe dreamweaver.
Ya que este abierto nuestro programa empezamos con la siguiente fase que es
crear nuestro sitio en dreamweaver.
Pero antes debemos crear nuestra carpeta en la de XAMP
Los pasos a seguir son estos:
Te vas al equipo clic, después a disco local C:

UNIVERSIDAD TECNOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN
y allí buscamos la carpeta de XAMP, clic y buscamos la carpeta que dice
htdocs, creas una nueva carpeta que se llame con el nombre que tu deseas
yo en este caso de nombre mi_sitio.
De aquí ya continuamos en dreamweavear
Creando nuestro sitio y lo guardamos en la carpeta que creamos. Ahora nos
vamos a la barra de herramienta y clic en site que en español es sitio y le das
clic en la opción nuevo sitio.
Te aparece esta ventana llena los registros y le puse mi_sitio

UNIVERSIDAD TECNOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN
Le das clic ala carpetita y buscas la carpeta que creamos y la seleccionas y allí
guardamos todo lo de nuestro sitio.
Después clic a la opción que está a lado izquierdo la opción que dice servers
“servidor”.

UNIVERSIDAD TECNOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN
Ahora le damos clic en la + de agregar
Ahora llenas todos los registros.

UNIVERSIDAD TECNOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN
En la primera opción le pones el nombre de tu servidor en este caso yo le puse
misitio1B
Después en la conexión local/network “local/red.
Y busque la carpeta que cree de allí le pones la dirección localhost/y el sitio.
 Después le damos clic en la opción advanced “avanzadas”.
Seleccionas la opción de PHPMyAdmin. Después te aparecerá esta
ventanilla
Le pones la palomita en la opción testing “de prueba”. Té aparecerá esta
ventana a mano derecha.

UNIVERSIDAD TECNOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN
Le das clic izquierdo a la carpetita de tu sitio y le das nuevo archivo clic y le
pones de nombre como tu gustes en mi caso yo le puede nombre
”guardar_alumnos” y haces lo mismo otra vez pero le pones otro nombre
“lista_alumnos”.
De aquí te vas a la barra de herramientas que se llama Window “ventana” le
das clic y seleccionamos database “base de datos”.
Te mostrara la siguiente ventana a mano derecha le das clic
Connection.
+ MySQL

UNIVERSIDAD TECNOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN
A parecerá la siguiente ventana llenamos los registros
En el primer registro le pones el nombre de tu carpeta creada, localhost, root y
después seleccionamos nuestra base de datos clic en SELECT.
A aquí te mostrara las bases de datos que creaste y seleccionas la que tu
creaste yo voy a seleccionar pruebas_1b clic ok.

UNIVERSIDAD TECNOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN
Confirmamos.
Después a mano derecha nos vamos asta mero arriba y clic a la opción de
o insertar se desplegara una lista y seleccionas datos o
data
Te aparecerán varias herramientas pero nosotros vamos a utilizar la de
insertar registros “Insert Record” ya que esta nos ayudara a crear la base
de datos y se desplegaran dos opciones y seleccionamos

UNIVERSIDAD TECNOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN
“Record Insertion Form Wizard” que viene siendo asistente de formulario
Te aparecerá esta tabla y pues nosotros vamos a quitar lo del id_alumno
porque está declarada que va ir incrementado. Seleccionamos id_alumno y l
clic al botoncito
Después le vamos a cambiar a lo que es el sexo y el grupo formato de texto.
Seleccionamos el grupo clic en propiedades y clic en menú.

UNIVERSIDAD TECNOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN
Después te aparecerá la siguiente ventana y tú la modificas dependiendo de lo
que desees.
Si quieres quitar algo seleccionas lo que vas a quitar clic en:
Si vas agregar le das clic en:
Ya que uno termino de llenar los registros clic en ok

UNIVERSIDAD TECNOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN
Nos aparecerá la ventana siguiente ahora comprobaremos que se inserten los
registros pero debemos guardar todo
Nos vamos a la barra de herramientas clic en
Archivo, te desplegara una lista le das clic en sabe all o
“guardar todo”.
Nos vamos a nuestro explorador nos vamos al buscador y escribimos localhost
y el nombre de tu carpeta donde guardaste tu sitio.
Por ejemplo:
Localhost/mi_sitio

UNIVERSIDAD TECNOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN
Y si está todo bien te aparecerá esta página le clic en guardar_alumnos porque
ahorita el formulario que hicimos es para registra alumnos.
Te aparecerá esta ventana y llenaremos los registros para ver si funciona.
Verificamos en localhost en la base de datos y se aparece el registro que
llenaste es que si funciono.

UNIVERSIDAD TECNOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN
LISTA_ALUMNOS.PHP
Seleccionamos lista_alumnos ahora nos
vamos a las herramientas que están arriba en las de datos y seleccionamos
dynamic data “datos dinámicos” le das clic
Se desplegaran opciones y nosotros seleccionaremos la opción de Dynamic
table “tabla dinámica”.
Te aparecerá la siguiente ventana

UNIVERSIDAD TECNOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN
Clic en recordset “juego de registros” clic te aparecerá la siguiente ventana
y le das clic en ok.
También le das ok y te parecerá otra ventana le das clic en “todos los
registros” .Le das ok
Y te muestra los siguientes campos.

UNIVERSIDAD TECNOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN
Verificamos con nuestro explorador para que nos muestre la lista de nuestros
alumnos registrados.
Escribamos la página en nuestro buscador
http://localhost/mi_sitio/
Cli en lista_alumnos.php y te aparecerá tu tabla con los alumnos registrados.
Y ya terminamos con nuestro sitio. Bueno con una parte todavía nos falta
mucho por continuar.
ELIMINAR.
Para eliminar Y modificar los registros nos posicionamos en el archivo de
lista.php, seleccionamos apellido materno y clic en derecho e insertamos dos
columnas y las nombramos eliminar y modificar

UNIVERSIDAD TECNOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN
Creamos nuestros archivos eliminar y modificar.
Después nos vamos a la ventana de mano derecha clic en eliminar registros
Te aparecerá la siguiente ventana llenas registros y le clic en examinar para
posicionarnos en donde vamos a guardar.

UNIVERSIDAD TECNOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN
Se selecciona el archivo y en el URL “eliminar.PHP clic en aceptar.
ACTUALIZAR
Nos vamos al archivo de modificar clic para abrirlo.
DATA clic en actualizar registros y después
Clic en juegos de registros te aparecerá la siguiente ventana y llenamos todos
los registros y clic en aceptar

UNIVERSIDAD TECNOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN
Aparece esta ventana llenamos los registros los llenamos ingresas el nombre
de nuestra conexión el nombre de archivo etc.clic en aceptar.
Ahora los vinculamos para que se regrese a la página y clic en aceptar
Ahora verificamos nos vamos al explorador
http://localhost/mi_sitio/

UNIVERSIDAD TECNOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN
Clic en
Y te mostrara la siguiente tabla y ya tu seleccionas al alumno que deseas
eliminar.
Pero primero guardas alumnos y te mostrara los alumnos registrados y ya clic
en eliminar y se eliminara automáticamente.

UNIVERSIDAD TECNOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN
REPORTE
Se pegan estos archivos en la carpeta del sitio para llevar a cabo el reporte
Y te aparecerán los siguientes archivos
Se modifica el código de archivo de REPORTE DE ALUMNOS conforme a los
datos que tenemos en nuestra base de datos.

UNIVERSIDAD TECNOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN
Y verificamos que nos muestre el reporte desde cualquier navegador que tu
desees si explorador,google crhome.
Localhost/mi_sitio.
Clic en reporte y te aparecerá si no vuelve a verificar espero que este manual
te facilite el trabajo.