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



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.



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



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.



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.



Creación de nuestro sitio en dreamweawer.

Lo primero que necesitamos es abrir nuestro dreamweaver.



Para lo cual seleccionamos inicio y seleccionamos dreamweaver.



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



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



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.



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.



A continuación seleccionamos el disco local C:



Ya dentro de C, buscamos y seleccionamos xampp.



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.



Ya estando dentro de htdocs, damos clic derecho….



Seleccionamos nuevo y carpeta…



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



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



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:



Después damos clic en guardar:

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



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



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

Borramos el id y seleccionamos la opción examinar



Seleccionamos la opción guardar.php.

Damos clic en aceptar

Y este es el resultado

Creamos un archivo que se llame lista.php



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



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í



Creamos el archivo Eliminar.php

Aquí ya esta creado el archivo

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



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



Creamos el archivo Actualizar

Aquí el archivo Actualizar ya esta creado

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



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



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

Manual de manejo de datos en dreamweaver.

Education

Transcript of Manual de manejo de datos en dreamweaver.