manuales de como crear servidores en dreamweaver

23
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 II Tema MANUALES Nombre completo del Alumno : Cristopher Yohanni Esquivel Pinal Grado: 4 Grupo: “B” Nombre del Docente : : I. en Tic`s Eloy Contreras de Lira Fecha de entrega : 08/11/2013 Introducción Para crear nuestra base de datos entramos a un explorador (Cualquiera) y Tecleamos en el buscador “localhost” y damos Enter y nos aparecerá la siguiente imagen:

Upload: cristo-esquivel-pinal

Post on 26-May-2015

212 views

Category:

Education


6 download

TRANSCRIPT

Page 1: Manuales de como crear servidores en DreamWeaver

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 II

Tema

MANUALES

Nombre completo del Alumno :

Cristopher Yohanni Esquivel Pinal

Grado: 4 Grupo: “B”

Nombre del Docente : : I. en Tic`s Eloy Contreras de Lira

Fecha de entrega : 08/11/2013

Introducción

Para crear nuestra base de datos entramos a un explorador (Cualquiera) y Tecleamos en el

buscador “localhost” y damos Enter y nos aparecerá la siguiente imagen:

Page 2: Manuales de como crear servidores en DreamWeaver

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

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

En esta elegimos el idioma que queremos configurar en nuestro local host después de que

hayamos elegido nuestro idioma nos aparece la siguiente imagen:

En esta nos aparece la bienvenida de XAMPP para Windows ahora podemos empezar a trabajar en

nuestra base de datos ahora le damos click donde dice phpMyAdmin en Herramientas

Page 3: Manuales de como crear servidores en DreamWeaver

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

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

Nos aparecerá la siguiente ventana lo cual ya estamos dentro de phpMyAdmin

Después empezamos a crear nuestra Base de Datos en MySQL localhost le damos nombre a

nuestra Base de Datos y su Cojetamiento y después le damos click en crear.

Después nos aparece la siguiente ventana en la cual pondremos el nombre de la nueva tabla y

numero de campos que queremos en la Base de Datos después de que terminamos de poner

nuestro nombre a la tabla y sus números de campos le damos click en Continuar

Page 4: Manuales de como crear servidores en DreamWeaver

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

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

después nos aparece la siguiente ventana en la cual llenaremos todos los Campos de nuestra Base

de Datos después de que terminemos de llenar nuestros campos le damos Click en Grabar

Después nos aparece la siguiente ventana la cual indica que la Base de Datos a sido creada

Page 5: Manuales de como crear servidores en DreamWeaver

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

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

Despues creamos una nueva carpeta en la carpeta htdocs que se encuentra en la carpeta xampp

Ahora Abrimos Adobe Dreamweaver para crear nuestro sitio

Buscamos la ventana que se llama Sitio y después le damos click en nuevo sitio

Page 6: Manuales de como crear servidores en DreamWeaver

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

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

En esta ventana crearemos nuestro sitio en esta le pondremos el nombre del sitio y donde se

guardaran los datos del sitio se guardaran el la carpeta que creamos es htdocs

Después de que creemos nuestro sitio le damos click derecho al sitio y le damos click en Nuevo

archivo

Page 7: Manuales de como crear servidores en DreamWeaver

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

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

Ahora ya creamos 2 archivos que se llaman Guardar_alumno.html y Registro_alumno.html en

estos guardaremos los datos

Abrimos el archivo Guardar_alumno.html y buscamos en la ventana la pestaña Base de Datos

Page 8: Manuales de como crear servidores en DreamWeaver

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

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

En esta configuraremos el sitio le damos click en la “+”

Después seleccionamos la pestaña básica y configuramos el sitio de la siguiente manera

Page 9: Manuales de como crear servidores en DreamWeaver

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

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

Ahora realizamos lo mismo pero en la pestaña avanzadas

Después Guardamos todos los cambios

Page 10: Manuales de como crear servidores en DreamWeaver

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

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

Ahora damos click en la Base de Datos “+” y damos click en Conexión MySQL

En esta se inicia la conexión y llenamos los siguientes campos de la siguiente manera

Page 11: Manuales de como crear servidores en DreamWeaver

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

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

Ahora elegimos la Base de Datos Que Hemos Creado Anteriormente

Después insertamos un Asistente de formulario de inserción de registro en la pestaña Datos

Page 12: Manuales de como crear servidores en DreamWeaver

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

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

Después nos aparece el formulario de inserción de registro llenaremos de la siguiente manera

Después nos aparece la interfaz de nuestra tabla

Page 13: Manuales de como crear servidores en DreamWeaver

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

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

Después abrimos el archivo Registro_alumnos.html

Luego nos vamos a la ventana Datos y insertamos una Tabla dinámica y Damos click en Aceptar

Page 14: Manuales de como crear servidores en DreamWeaver

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

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

Después nos apareces la una ventana de juego de registro y le damos click Aceptar

Ahora Abrimos un explorador para ingresar el link de nuestro sitio y poder ingresar a nuestra Base

de Datos

http://localhost/Registro_Alumno/Guardar_alumno.php

Page 15: Manuales de como crear servidores en DreamWeaver

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

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

Terminamos con nuestro Registro en esta pantalla nos aparece nuestra Base de Datos donde se

guardan los datos

Page 16: Manuales de como crear servidores en DreamWeaver

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

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

Manual de como Eliminar y Modificar los registros ya agregados.

Eliminar

Empezamos agregando un nuevo archivo al que le pondremos como

nombre eliminar.php. Damos click y nos mostrara lo que Sara la

interfaz de la página despues nos vamos a Insertar en Datos y

Page 17: Manuales de como crear servidores en DreamWeaver

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

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

Eliminar registro.

Realizamos Click en Eliminar Registro Para Comenzar

Nos aparecerá la siguiente ventana en la que vamos a dejarla con los

datos tal y como aparece, solo vamos a llenar el campo vacío, para

que después de eliminar nos mande a la misma lista, presionamos el

botón Examinar y nos mostrara la siguiente ventana en la que nos

mostrara las archivos a los que nos mandara después de y en este

caso lista y realizamos click en aceptar

Page 18: Manuales de como crear servidores en DreamWeaver

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

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

Después nos aparece esta ventana donde seleccionamos el archivo

de redirección realizamos click en aceptar

En esta nos aparece la eliminación del registro

MODIFICAR

Abrimos el archivo modificar.php nos vamos a datos en

actualizar registro y vamos a tener que crear un juego de

registros y seleccionamos aceptar.

En la opción después de eliminar ir a seleccionamos examinar

y elegimos lista.php.

Page 19: Manuales de como crear servidores en DreamWeaver

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

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

En el archivo lista.php seleccionamos modificar y creamos un

hipervínculo a modificar.php

En el código yacemos lo mismo que en eliminar.php,

copeamos el código.

Queda nuestro archivo para eliminar y modificar nuestros

datos.

Page 20: Manuales de como crear servidores en DreamWeaver

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

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

GENERAR REPORTE.

Para generar el reporte copeamos los siguientes archivos en la

carpeta donde tenemos guardado nuestro sitio y lo pegamos.

Abrimos el archivo de reporte_cliente para modificar el código y

que nos genere el reporte de nuestra base de datos.

Page 21: Manuales de como crear servidores en DreamWeaver

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

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

Se modifica los campos según la base de datos.

En el archivo lista.php se selecciona reporte con

reporte_cliente.php

Page 22: Manuales de como crear servidores en DreamWeaver

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

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

Nos vamos a nuestra lista y seleccionamos en nuestro registro

de reporte.

Page 23: Manuales de como crear servidores en DreamWeaver

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

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

Después muestra el reporte.