UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS UNIDAD ACADÉMICA DE PINOS

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

Materia

Desarrollo de Aplicaciones ll

Tema

Manual de conexión Dreamweaber cs6 y Xampp

Nombre completo del Alumno : María de Jesús reyes Betancourt

Grado: 4 Grupo: A Nombre del Docente : Eloy Contreras de Lira Fecha de entrega : 08-11-2013

Como primer paso vamos a hacer la creación de la carpeta en xampp después seleccionamosla

carpeta htdocts.

Creamos una carpeta con el nombre del proyecto que es sitio_prueba

Minimizamos para abrí el XAMPP ya que haremos la creación de la base de datos.

A aquí nos vamos a todos los programas y seleccionamos XAMPP control panel para activar

MySQL y apache para que inicie el arranque ya que este nos permite hacer las conexiones con

draamweaver6

A aquí seleccionamos los dos modelos que vamos a utilizar que son MYSQL Y APACHE

seleccionamos start para que comience a arrancar y cerramos.

Nos vamos a cualquier navegador y accedemos a local host para entrar de manera local al

servidor la damos entre y nos manda a todos los menú de opciones que tiene el xampp

A qui seleccionamos phpmyadmin que es donde vamos estar trabajando

Le damos en crear la base de datos con el nombre de prueba después de damos en crear

A aquí creamos la tabla ,le damos el nombre y vamos a darle un número exacto de columnas que

vamos a ocupar de pendiendo de los registros que vamos a llenar. le damos continuar

A aquí empezamos a llenar todos los registros dándoles el nombre, tipo, longitud, si es nulo y el

índice después de a verlo llenado guardamos los cambios para así hacer la conexión con la otra

aplicación de dreamwear6.

Abrimos dreamwear6 creamos un sitio nuevo prueba

A aquí nos vamos a new site para la creación del sitio seleccionamos y nos muestra una ventana la

cual vamos a llenar.

Site name vamos a poner el nombre de la carpeta ya creada en htdocts y en el siguiente apartado

seleccionamos la carpeta en donde se guardaran todos los archivos.a continuación nos vamos al

otro apartado que es servers en este vamos a llenarlo para hacer la conexion

Le ponemos en el signo más para llenas los datos faltantes a aquí nos aparece la siguiente pantalla.

Nos aparecen dos apartados que son basic y advanced,

En basic pondremos un nombre cualquiera a elegir el la siguiente línea le ponemos local/network

en la siguiente seleccionamos la ubicación del nombre de la carpeta en donde creo el proyecto

En la web url le ponemos hpp//localhost/empresa que así es el nombre del proyecto

Nos vamos Al siguiente apartado que es advanced en este solo modificaremos php MYSQL

cerramos.

Ya teniendo el sitio creamos un nuevo archivo con el nombre de guardar.php

En la carpeta del sitio le damos click derecho i le damos new file y le ponemos su respectivo

nombre que es guardar.php

Ya creado le damos click en el archivo .Después nos vamos al menú data para seleccionar insert

recorded seleccionamos record insertion form widcard

A qui seleccionamos la ubicación de los datos que tenemos guardados en le proyectoy tambien

noa aparece todos los datos guardados en phpmyadmin el cual seleccionamos el id y lo

eliminamos co el signo de menos.y le damos ok

Por ultimo guardamos todo los cambias realizados en el proyecto en SAVE ALL

Ya guardado nos vamos al navegador el cual describimos la siguiente línea

localhost/sitio_prueba/guardar.php

Nos da como resultado todos los datos que realizamos en phpmyadmin así es como nos aparece.

Ejemplo para guardar registros de algunos usuarios

A aquí creamos un nuevo archivo llamado lista. Con el mismo formulario del archivo guardar

utilizaremos los datos para ingresar nuevas columnas en el registro de lista

Estos son datos de los archivos de lista por lo cual nos ubicaremos en la última columna que nos

aparecerá en rojo la seleccionamos y le damos click derecho

Nos aparece el siguiente menú elegimos table y nos despliega otro menú y seleccionamos insert

rows or columns y le damos click

Nos aparece un recuadro con varias opciones que aquí vamos a especificar cuantas columnas o

filas queremos insertar

En este caso seleccionamos 2 y le cambiamos la opción de filas a columnas y le damos ok

A qui nos aparece las 2 filas y las 2 columnas que necesitamos

Se deslizan para ponerles su respectivo nombre

En la primer fila le pondremos acción es la que nos indica lo que queremos elegir

La segunda le ponemos 2 nombres que son eliminar y actualizar

A aquí creamos otro archivo llamado eliminar

Nos vamos a la pestaña data para seleccionar el menú delete record en el cual nos aparece la

siguiente pantalla

Se selecciona la ubicación del proyecto eliminar de damos ok

Nos vamos a la diseño del archivo lista que aquí tenemos las columnas agregadas seleccionamos

la carpeta llamado vinculo

De aquí nos manda a todos los archivos guardados en el proyecto por lo que seleccionaremos el

mismo archivo que es eliminar le damos ok

Seleccionamos el archivo eliminar ya que nos vamos al código y nos vamos a ala primer línea del

código seleccionamos desde el signo menos a el signo mayor el cual nos aparece en letras rojas

Pero para esto antes de pegarlo en la última línea de eliminar editaremos la línea que es

eliminar.php en seguida de esto cerramos ?id_empleado=a aquí pegamos el código que

seleccionamos anterior mente

A aquí guardamos todos los cambios en save All

De igual manera realizamos lo mismo que en el archivo guardar pero es importante que nos

demos cuenta que este archivo es de eliminar.le ponemos la extencion que es

localhost/empresa/eliminar.php

Aquí nos aparece creado en el localhost

A qui nos aparece los resultados y seleccionamos la opción eliminar

De igual manera hacemos un nuevo archivo llamado actualizar

Le damos click para entrar al diseño y al código nos vamos a data después nos vamos a la

seleccionar.

Aquí damos click en el juego de registros, donde vamos a seleccionar el empleado. Eliminamos el

id_alumno, ya que es autoincrementadle y no lo requerimos

Aquí nos aparece como hemos llevado a cabo el proceso

Al momento en que tenemos los datos llenos y le damos aceptar nos aparece esta acción

Ya creada la de actualizar la vamos a seleccionar, como nos aparece en pantalla, la cual nos va

llevar a la ubicación de la misma.

Realizado esto nos vamos a el código donde después de actualizar.php ponemos ?id_alumno= y

se copea la línea de código inicial.

Aquí nos aparece la línea de código que es la copeamos para pegarla en la parte de abajo.

Ya guardados los cambios ahora si nos vamos a el explorador para comprobar y de ahí continuar

con pdf

Aquí nos aparece la opción ya realizada de eliminar y actualizar

Aquí vamos a seleccionar la carpeta de fpdf donde dentro de eella contienen varios archivos, el

cual no seran muy utiles, al momento de la actualizacion con Dreamweaber.

A el momeento en que esta abierta la carpeta Seleccionamos los archivos que nos aparecen aquí

en pantalla

Tambien Seleccionamos el de reporte_docente.php

De ahí nos vamos a todos los Programas y nos vamos a el disco local (C)

Enseguida a la Carpeta del xampp

Por consiguiente a la Carpeta del htdocs

Le damos click y seleccionamos la carpeta donde tenemos la Conexxion en este caso yo voy a

Seleccionar la de escuela.

Entonces los archivos que copiamos los vamos a pegar, dentro de nuestra Carpeta de escuela,

damos click derecho y copiamos.

Ya abiero como esta desde anteriormente el Dreamweaber solo damos click en actualizar para que

en nuestra carpeta aparezca lo lo que pegamos.

En el archivo de reporte_docente vamos modificar , vamos a poner SELECT*FROM alumno y

vamos a poner los registros que tenemos en nuestra base de datos como es ´id_alumno´,

´nombre_alumno´,´Ap_paterno´, ´Ap_materno´.

Despues de eso, vamos a guardar los cambios realizados , los cuales como sabemos hemos llevado

a cabo la modificacion.

Por Ultimo paso vamos a checar lo mas inportante en el localhost la siguiente estructura que es

localhost/escuela/reporte_docente.php y de esta manera aperecen los datos registrados

Con este se da por terminado el Manual de estos archivos, se espera que aya sido explicado de la

mejor manera posible.