Manual dreamweaver
Descargar como DOCX, PDF0 recomendaciones210 vistas
Este documento describe los pasos para crear una base de datos y una aplicación web sencilla utilizando PHP y MySQL. Explica cómo crear la base de datos en phpMyAdmin, desarrollar la interfaz web en Dreamweaver, y agregar funciones para insertar, eliminar y actualizar registros en la base de datos a través de la aplicación.
Manual dreamweaver
- 1. UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS UNIDAD ACADÉMICA DE PINOS TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN DESARROLLO DE APLICACIONES II MANUAL Arturo Morales Ruiz Grado: 4° Grupo: A ITIC. 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 En la pantalla que se muestra en seguida lo primero que asemos es seleccionar nuestro navegador. Luego entramos a phpmyadmin para crear la base de datos
- 3. UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS UNIDAD ACADÉMICA DE PINOS TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN Al darle clic en esta opción nos manda a la siguiente ventana para empezar a crear una base de datos y a continuación le damos el nombre a la base de datos En esta ventana lo primero que tenemos que hacer o el primer paso a seguir es darle el nombre a nuestra base de datos el nombre de 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 Después de escribir el nombre como mostré en la pantalla de arriba damos clic el crear como mostrare en la pantalla para que así quede guardada o creada nuestra base de datos : Esta ventana muestra como la base de datos se creo correctamente
- 5. UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS UNIDAD ACADÉMICA DE PINOS TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN En este caso lo llamaremos alumno y le daremos como numero de campos 4, y damos clic en continuar. Nos manda ala siguiente pantalla donde aremos lo siguiente en los espacios vacios de el apartado campo pondremos lo que nesesitas en tu tacla creada en la base de datos donde pide el nombre de los campos asi como sus atributos
- 6. UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS UNIDAD ACADÉMICA DE PINOS TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN En este caso pusimos los siguientes campos id alumno, nombre, apellido paterno, apellido materno, a a ojo todas sus tablas deben llevar un id como llave primaria debe de ser de tipo int llave primaria y autoincrementadle como les mostrare en la tabla siguiente. La llave primaria se pondrá o la seleccionaremos en el campo o apartado índice y diremos que sea autoincremental seleccionando en el cuadrado de enfrente.
- 7. UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS UNIDAD ACADÉMICA DE PINOS TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN En el caso de los otros campos se pondrá el tipo de dato que sea en este caso los tres son varchar y pondremos la longitud que se necesite que en este caso yo puse 50. Y cuan do demos grabar en la pantalla de arriba Ya nos muestra nuestra base de datos hecha como se les muestra abajo.
- 8. UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS UNIDAD ACADÉMICA DE PINOS TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN Entramos a la carpeta XAMP que se encuentra en el disco local C: Despues a la carpeta con nombre htdocs Ya estando dentro de la carpeta creamos una nueva hay dentro y la guardamos
- 9. UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS UNIDAD ACADÉMICA DE PINOS TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN Abrimos el SW Adobe Dreamweaver CS6 para continuar con la creación de nuestra Base de Datos y que esta sea conectada le damos clic en la pestaña SITIO y creamos nuestro nuevo 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. En nuestro caso asignaremos el nombre de nuestro stio.
- 10. UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS UNIDAD ACADÉMICA DE PINOS TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN En la carpeta crear un nuevo archivo con el nombre deseado. Ahora dar clic en esta pestañita para llenar los siguientes campos
- 11. UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS UNIDAD ACADÉMICA DE PINOS TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN Se llenan los campos y le damos aceptar Después damos clic en ventana e insertar y nos aparecerá un a nuestra derecha un cuadrito buscamos donde diga base de datos y damos clic en insertar registro y después en asistente de formulario de insertar registro.
- 12. UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS UNIDAD ACADÉMICA DE PINOS TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN Después nos muestra esta otra ventana donde nos muestra la s carpetas que están adrento de xampp y le damos clic en la carpeta htdocs. Ahora buscamos nuestro sitio .
- 13. UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS UNIDAD ACADÉMICA DE PINOS TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN Le damos en la opción de seleccionar. Después le damos en la opción de servidor y le damos en el signito de mas.
- 14. UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS UNIDAD ACADÉMICA DE PINOS TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN Llenamos los campos que se muestran en la pantalla conectar usando le ponemos local/red. Cuando le damos en la opción local/red, buscamos la carpeta en donde esta guardado nuestro sitio.
- 15. UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS UNIDAD ACADÉMICA DE PINOS TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN Le damos en la opción de avanzados y elegimos el modelo se servidor php mysql. Le damos en la opción guardar y esta listo.
- 16. UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS UNIDAD ACADÉMICA DE PINOS TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN Despues le damos en nuevo archivo y le ponemos un nombre esn este caso el mi sera alumno.php. Le damos clic en base de datos y nos aparecerá una tabla como la siguiente imagen llenamos los campos.
- 17. UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS UNIDAD ACADÉMICA DE PINOS TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN En esta seleccionamos la base de datos.
- 18. 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 vamos a crear uno nuevo que se llama Eliminar
- 19. UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS UNIDAD ACADÉMICA DE PINOS TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN Dentro del archivo lista se crea un campo en el cuadro y el mismo se enlaza al archivo eliminar Luego nos muestra a donde queremos que nos envíe al eliminar en este caso nos va a mandar hacia lista
- 20. UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS UNIDAD ACADÉMICA DE PINOS TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN En este cuadro nos notifica que es lo que se va a eliminar en la tabla, le presionamos aceptar
- 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 señalado Ya terminada la función eliminar creamos otro campo en la tabla del archivo vista que se llame actualizar asimismo un archivo con el mismo nombre el cual es enlazado con el campo de la tabla de la lista
- 22. UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS UNIDAD ACADÉMICA DE PINOS TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN Después de esto se busca la opción actualizar y aparece un recuadro que notifica lo que se va actualizar Después aparece el archivo donde va la función actualizar y hay lo guardara
- 23. UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS UNIDAD ACADÉMICA DE PINOS TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN Luego se hace similar a la función eliminar y se copia el mismo código y se pega donde mismo Ya copiado el código se verifica en el explorador que el sitio funcione correctamente
- 24. 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 en la siguiente imagen