Manual
Descargar como DOC, PDF0 recomendaciones190 vistas
El documento describe los pasos para crear un sitio web simple con funcionalidad de base de datos usando XAMPP, phpMyAdmin y Dreamweaver. Primero se crea una base de datos en phpMyAdmin y luego en Dreamweaver se conecta el sitio a la base de datos, se agregan formularios para insertar, eliminar y actualizar datos, y se prueba que el sitio funcione correctamente.
Manual
- 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.