manual de manejo de datos en dreamweaver

UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECASUNIDAD ACADÉMICA DE PINOS

TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN

Materia: Desarrollo de aplicaciones II

Tema: Manual de Manipulacion de Datos con Dreamweaaver CS6.

Nombre completo del Alumno : Carlos Eduardo Sánchez Martínez.

Grado : 4 Grupo : A

Nombre del Docente :ING. Eloy Contreras de Lira

Fecha de entrega : viernes 8 de noviembre del 2013

UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECASUNIDAD ACADÉMICA DE PINOS

TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN

Creación de una base de datos.

Lo primero que debemos hacer es crear nuestra base de datos, lo cual hacemos de la siguiente manera, para ello necesitamos un administrador de bases de datos en este caso phpmyadmin y para ingresar a él se hace de la siguiente manera, insertamos la dirección por defecto en nuestro navegador, ya sea localhost o bien 127.0.0.1 que a fin de cuentas nos mostrara el mismo resultado, al dar clic abrirá la interfaz gráfica de xampp en el navegador.

Ya estando dentro de la interfaz al final y del lado izquierdo buscamos y seleccionamos phpmyadmin que es la interfaz gráfica para administrar nuestras bases de datos., es aquí donde crearemos y diseñaremos con las tablas necesarias.

UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECASUNIDAD ACADÉMICA DE PINOS

TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN

Lo cual nos abrirá la siguiente ventana y ahora a crear nuestra base de datos.

UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECASUNIDAD ACADÉMICA DE PINOS

TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN

A continuación asignaremos el nombre de la base de datos en el campo en blanco que se encuentra en la parte que dice Crear Nueva Base de Datos y le damos en el botón del lado derecho que dice crear sin alterar el valor por default que dice Cotejamiento y listo ya tenemos nuestra base de datos .

Después que le damos en crear nos aparece una ventana que dice crear una nueva tabla, le escribimos un nombre y ponemos los campos que tiene esta tabla en este caso son 7 y le damos en continuar.

UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECASUNIDAD ACADÉMICA DE PINOS

TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN

Llenamos los datos de la bd no olvides poner el tipo de dato que es y la longitud el id es primary Key y auto incremental, después le damos en grabar.

Damos continuar y listo ya esta lista la base de datos con una tabla y de esta manera podemos crear y las bases de datos y tablas que necesitemos.

UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECASUNIDAD ACADÉMICA DE PINOS

TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN

UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECASUNIDAD ACADÉMICA DE PINOS

TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN

Creación de nuestro sitio en dreamweawer.

Lo primero que necesitamos es abrir nuestro dreamweaver.

UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECASUNIDAD ACADÉMICA DE PINOS

TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN

Para lo cual seleccionamos inicio y seleccionamos dreamweaver.

UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECASUNIDAD ACADÉMICA DE PINOS

TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN

Después se comenzara a ejecutar el programa iniciando con esta imagen.

UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECASUNIDAD ACADÉMICA DE PINOS

TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN

Ya estando el programa ejecutado seleccionamos sitio en la barra de herramientas como se muestra en la siguiente imagen, y seleccionamos nuevo sitio.

UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECASUNIDAD ACADÉMICA DE PINOS

TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN

Y nos habrira la siguiente ventana en la cual en la parte seleccionada, abremos de signarle nombre a nuestro sitio

Y listo nuestro sitio ha sido creado satisfactoriamente como aparece en la siguiente pantalla.

UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECASUNIDAD ACADÉMICA DE PINOS

TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN

UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECASUNIDAD ACADÉMICA DE PINOS

TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN

Creación de carpeta personal en htdocs.

Esta carpeta la necesitamos para poder ejecutar todos nuestros sitios en el navegador, lo primero que se hace es seleccionar mi pc.

UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECASUNIDAD ACADÉMICA DE PINOS

TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN

A continuación seleccionamos el disco local C:

UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECASUNIDAD ACADÉMICA DE PINOS

TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN

Ya dentro de C, buscamos y seleccionamos xampp.

UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECASUNIDAD ACADÉMICA DE PINOS

TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN

Después ya dentro de xampp seleccionamos htdocs que es la carpeta para guardar todos nuestros sitios web claro siempre y cuando los queramos ejecutar.

UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECASUNIDAD ACADÉMICA DE PINOS

TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN

Ya estando dentro de htdocs, damos clic derecho….

UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECASUNIDAD ACADÉMICA DE PINOS

TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN

Seleccionamos nuevo y carpeta…

UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECASUNIDAD ACADÉMICA DE PINOS

TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN

Damos enter y listo ya tenemos creada nuestra carpeta, ahora le asignaremos el nombre que queramos…

UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECASUNIDAD ACADÉMICA DE PINOS

TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN

Ingresamos el nombre, damos enter y listo eso es todo.

UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECASUNIDAD ACADÉMICA DE PINOS

TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN

Damos clic derecho en la carpeta del sitio que se creo y seleccionamos nuevo archivo:

Creamos un archivo que se llame guardar.html.

Damos clic en sitio pero ahora seleccionamos la opción servidores, y damos clic en el signo de +.

Seleccionamos la opción FTP y la cambiamos por local/red, después llenamos los campos necesarios:

UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECASUNIDAD ACADÉMICA DE PINOS

TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN

Después damos clic en guardar:

Damos clic en avanzados y seleccionamos modo de servidor y PHP MySQL y en guardar.

UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECASUNIDAD ACADÉMICA DE PINOS

TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN

Damos clic en la pestaña ventana y seleccionamos la opción base de datos

Seleccionamos la opción base de datos y conexión MySQL

UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECASUNIDAD ACADÉMICA DE PINOS

TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN

Después insertar, datos, insertar registros, asistente de formulario de inserción de registros

Borramos el id y seleccionamos la opción examinar

UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECASUNIDAD ACADÉMICA DE PINOS

TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN

Seleccionamos la opción guardar.php.

Damos clic en aceptar

Y este es el resultado

Creamos un archivo que se llame lista.php

UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECASUNIDAD ACADÉMICA DE PINOS

TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN

Abrimos el archivo y seleccionamos la opción Insertar, datos

Seleccionamos la opción Datos dinámicos y Tabla dinámica

Cuando nos aparece esta ventana borramos el id_alumno y le decimos que tras insertar valla a guardar

Seleccionamos la opción Todos los registros y aceptar

UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECASUNIDAD ACADÉMICA DE PINOS

TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN

Como resultado nos aparece esta tabla en donde nos aparecerán todos los registros

Después seleccionamos las dos ultimas columnas y damos clic derecho seleccionamos la opción Tabla, Insertar fila o columna

Le decimos que inserte 3 columnas y presionamos la opción aceptar

La tabla debe de quedar maso menos así

UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECASUNIDAD ACADÉMICA DE PINOS

TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN

Creamos el archivo Eliminar.php

Aquí ya esta creado el archivo

En la opción insertar datos seleccionamos la opción Eliminar registro

UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECASUNIDAD ACADÉMICA DE PINOS

TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN

Nos aparece esta ventana y le decimos que después de Eliminar un registro se baya a la lista y damos clic en aceptar

En el archivo de la lista nos vamos al código y después de la parte donde dice eliminar penemos el código que se muestra en la imagen

En el archivo lista en el diseño seleccionamos Eliminar y creamos el vinculo correspondiente

UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECASUNIDAD ACADÉMICA DE PINOS

TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN

Creamos el archivo Actualizar

Aquí el archivo Actualizar ya esta creado

Elegimos la opción Actualizar registro que esta en la opción Insertar

UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECASUNIDAD ACADÉMICA DE PINOS

TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN

Damos clic en aceptar

Cuando nos muestra esta ventana borramos el id_alumno y le decimos que después de Actualizar se baya a el archivo lista

UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECASUNIDAD ACADÉMICA DE PINOS

TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN

Y este es el resultado

En el archivo lista seleccionamos Actualizar y creamos su vinculo correspondiente

Después nos vamos a el código y después de la parte donde dice Actualizar ponemos el código que se muestra en la siguiente imagen