1. UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN
Materia
Estructura de Datos
Tema
Manual de un Sitio Web
Nombre completo del Alumno : Diego Alejo Rodriguez Torres
Grado:
4
Grupo:
A
Nombre del Docente : Eloy Contreras de Lira
Fecha de entrega :
08/11/2013
2. UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN
3. UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN
Primero abrimos un cualquier explorador para abrir la página XAMMP ingresando la
dirección localhost y elegimos el lenguage en este caso sera español y asi poder crear
nuestra base de datos
4. UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN
Primero abrimos un cualquier explorador para abrir la página XAMMP ingresando la
dirección localhost y elegimos el lenguage en este caso sera español y asi poder crear
nuestra base de datos
damos clic a la pestaña de la opcion phpMyAdmin.
5. UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN
luego creamos la base de datos asignándole un nombre que prefieras, luego damos clic
en crear.
6. UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN
Ya que se creo la base de datos le asignaremos el nombre a la tabla que cotendra la base
de datos, tambien asignaremos el numero de campos que llevara. Luego clic en continuar.
7. UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN
Llenamos los campos correspondientes le damos clic en grabar para pasar terminar de
crear nuestra base de datos
Creamos una carpeta en el disco local c que vamos a utilizar en este caso en mi PC
buscamos la carpeta htdocs, luego XAMMP y abrimos la carpeta phpMyAdmin y dentro
de esta es donde será creada nuestra carpeta. A continuacion semuestrn los pasos:
8. UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN
SITIO:Un sito de Dreamweaver es el conjunto de archivos y activos que se utiliza en el sitio
web,consta de dos partes una carpeta local en su equipo en la que almacena y trabaja con
los archivos y una capeta remota ubicada en un servidor.
Abrimos el programa Adobe Dreamweaver CS6 para continuar con nuestra Base de Datos
y realizar una coneccion. Damos clic en la pestaña SITIO y creamos un nuevo sitio.
9. UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN
damos clic en base de datos conexión MySQL, llenamos los campos nesesarios y damos clicen
aceptar.
Después damos clic en ventana e insertar y nos aparecerá un menu y damos clic en base de datos,
a nuestra derecha buscamos la ocin base de datos, damos clic en insertar registro luegodamos clic
en asistente de formulario e insertamos registro.
10. UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN
Ahora buscamos nuestro sitio en la carpeta antes creada .
11. UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN
Luego damos clic en la opción de servidor y le damos clic en el signo de mas que aparece
en la parte de abajo de la ventana.
Llenamos los campos que se muestran en la pantalla como seria nombre del servidor que
seria el nombre que se le asignara al sitio,conectar usando local/red, url que sera la direccion que
se le asignara al sitio para trabajal de modo local, seleccionamos lacarpeta donde se guardara .
12. UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN
damos clic en la opción de avanzados y elegimos el modelo se servidor php mysql.
13. UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN
damos clic en la opción guardar y esta listo.
Despues damos clic en la opcion nuevo archivo y le asignamos un
nombre con terminacion .php.
14. UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN
damos clic en base de datos y nos aparecerá una tabla como la siguiente imagen llenamos los
campos que se piden.
15. UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN
En esta ventana seleccionamos la base de datos.
16. UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN
en seguida nos muestra el formulario yacreado
17. UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN
Dentro de nuestros archivos ya creados, vamos a crear uno nuevo que se llamara Eliminar
Dentro del archivo lista se crea un campo dentro del formulario y el mismo se enlaza al
archivo eliminar.
18. UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN
19. UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN
Luego nos muestra una ventana en donde nos dise a donde queremos que nos envíe la opcion
eliminar, en este caso nos va a mandar hacia la opcion lista
En esta ventana nos informa que es lo que se va a eliminar en la tabla,llenamos los datos y damos
clic en aceptar
20. UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN
21. UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN
Despues nos vamos a ir al codigo de el archivo eliminar y vamos a pegar el codigo marcado
22. UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN
cuando terninemos de crear la función eliminar creamos otro campo en la tabla del archivo vista
que se llame actualizar asi mismo un archivo con el mismo nombre el cual es enlazado con el
campo de la tabla de la lista
Después de esto se busca la opción actualizar y aparece una ventana que notifica lo que se va
actualizar
23. UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN
Después aparece el archivo donde vaa guardarse la función actualizar.
Luego se hacen los mismos pasos similar a la función eliminar y se copia el mismo código y
se pega en el mismo lugar
24. UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN
25. UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN
Ya copiado el código y guardado los cambios, se verifica dentro del explorador que el sitio
funcione correctamente
26. UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN
Si el sitio funciona correcta mente muestra los datos como se muestra en la siguiente ventana y si
esta mal mandara un mensaje diciendo que lo rctifiques.
27. UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN
damos clic a la pestaña de la opcion phpMyAdmin.
28. UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN
luego creamos la base de datos asignándole un nombre que prefieras, luego damos clic
en crear.
29. UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN
Ya que se creo la base de datos le asignaremos el nombre a la tabla que cotendra la base
de datos, tambien asignaremos el numero de campos que llevara. Luego clic en continuar.
30. UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN
Llenamos los campos correspondientes le damos clic en grabar para pasar terminar de
crear nuestra base de datos
Creamos una carpeta en el disco local c que vamos a utilizar en este caso en mi PC
buscamos la carpeta htdocs, luego XAMMP y abrimos la carpeta phpMyAdmin y dentro
de esta es donde será creada nuestra carpeta. A continuacion semuestrn los pasos:
31. UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN
SITIO:Un sito de Dreamweaver es el conjunto de archivos y activos que se utiliza en el sitio
web,consta de dos partes una carpeta local en su equipo en la que almacena y trabaja con
los archivos y una capeta remota ubicada en un servidor.
Abrimos el programa Adobe Dreamweaver CS6 para continuar con nuestra Base de Datos
y realizar una coneccion. Damos clic en la pestaña SITIO y creamos un nuevo sitio.
32. UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN
damos clic en base de datos conexión MySQL, llenamos los campos nesesarios y damos clicen
aceptar.
Después damos clic en ventana e insertar y nos aparecerá un menu y damos clic en base de datos,
a nuestra derecha buscamos la ocin base de datos, damos clic en insertar registro luegodamos clic
en asistente de formulario e insertamos registro.
33. UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN
Ahora buscamos nuestro sitio en la carpeta antes creada .
34. UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN
Luego damos clic en la opción de servidor y le damos clic en el signo de mas que aparece
en la parte de abajo de la ventana.
Llenamos los campos que se muestran en la pantalla como seria nombre del servidor que
seria el nombre que se le asignara al sitio,conectar usando local/red, url que sera la direccion que
se le asignara al sitio para trabajal de modo local, seleccionamos lacarpeta donde se guardara .
35. UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN
damos clic en la opción de avanzados y elegimos el modelo se servidor php mysql.
36. UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN
damos clic en la opción guardar y esta listo.
Despues damos clic en la opcion nuevo archivo y le asignamos un
nombre con terminacion .php.
37. UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN
damos clic en base de datos y nos aparecerá una tabla como la siguiente imagen llenamos los
campos que se piden.
38. UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN
En esta ventana seleccionamos la base de datos.
39. UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN
en seguida nos muestra el formulario yacreado
40. UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN
Dentro de nuestros archivos ya creados, vamos a crear uno nuevo que se llamara Eliminar
Dentro del archivo lista se crea un campo dentro del formulario y el mismo se enlaza al
archivo eliminar.
41. UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN
42. UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN
Luego nos muestra una ventana en donde nos dise a donde queremos que nos envíe la opcion
eliminar, en este caso nos va a mandar hacia la opcion lista
En esta ventana nos informa que es lo que se va a eliminar en la tabla,llenamos los datos y damos
clic en aceptar
43. UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN
44. UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN
Despues nos vamos a ir al codigo de el archivo eliminar y vamos a pegar el codigo marcado
45. UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN
cuando terninemos de crear la función eliminar creamos otro campo en la tabla del archivo vista
que se llame actualizar asi mismo un archivo con el mismo nombre el cual es enlazado con el
campo de la tabla de la lista
Después de esto se busca la opción actualizar y aparece una ventana que notifica lo que se va
actualizar
46. UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN
Después aparece el archivo donde vaa guardarse la función actualizar.
Luego se hacen los mismos pasos similar a la función eliminar y se copia el mismo código y
se pega en el mismo lugar
47. UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN
48. UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN
Ya copiado el código y guardado los cambios, se verifica dentro del explorador que el sitio
funcione correctamente
49. UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN
Si el sitio funciona correcta mente muestra los datos como se muestra en la siguiente ventana y si
esta mal mandara un mensaje diciendo que lo rctifiques.