Manual de dreamweaver

UNIVERSIDAD TECNOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN

Materia

Desarrollo de Aplicaciones Web II.

Tema

Manual De Manipulación de Datos.

Nombre completo del Alumno: Sandra Montoya Reyes.
Grado:

4

Grupo:

B

Nombre del Docente: I. en Tics Eloy Contreras de Lira.
Fecha de entrega : 8 de Noviembre de 2013


RECOMENDACION
Lo primero que debemos de tener antes de empezar a hacer nuestro sitio
debemos tener los siguientes programas que nos facilitaran llevar acabo la
creación de nuestro sitio y la base de datos.
 XAMPP For Windows.
 Adobe Dreamweaver CS5.
Si no los tienes los puedes descargar en internet además de que son muy fácil
de instalar y son muy fáciles de manejar y de aprender ya que su interfaz es
muy amigable.

Ya que lo tengas instalado y si ya lo tenías desde mucho antes lo primero que
debes de hacer con el XAMPP.
Le das clic en Apache y MySQL ahora te vas a tu explorador y en el buscador
pones la página de
localhost


Se crea la base de datos en localhost PHP MyAdmin .

Te aparece la notificación de que tu base de datos se ha creado. Dé aquí le
seleccionas cual es la clave o ID o con lo que quieras empezar primero y las
campos que quieres en este caso nosotros queremos 6.

clic en continuar y automáticamente te manda para que llenes los registros de
las columnas.


Los llenamos los registros clic en grabar ya está nuestra base de datos.

Ya se creó nuestra tabla ahora se habré el programa de adobe dreamweaver.

Ya que este abierto nuestro programa empezamos con la siguiente fase que es
crear nuestro sitio en dreamweaver.
Pero antes debemos crear nuestra carpeta en la de XAMP
Los pasos a seguir son estos:
Te vas al equipo clic, después a disco local C:


y allí buscamos la carpeta de XAMP, clic y buscamos la carpeta que dice
htdocs, creas una nueva carpeta que se llame con el nombre que tu deseas
yo en este caso de nombre mi_sitio.

De aquí ya continuamos en dreamweavear
Creando nuestro sitio y lo guardamos en la carpeta que creamos. Ahora nos
vamos a la barra de herramienta y clic en site que en español es sitio y le das
clic en la opción nuevo sitio.

Te aparece esta ventana llena los registros y le puse mi_sitio


Le das clic ala carpetita y buscas la carpeta que creamos y la seleccionas y allí
guardamos todo lo de nuestro sitio.

Después clic a la opción que está a lado izquierdo la opción que dice servers
“servidor”.


Ahora le damos clic en la + de agregar

Ahora llenas todos los registros.


En la primera opción le pones el nombre de tu servidor en este caso yo le puse
misitio1B
Después en la conexión local/network “local/red.
Y busque la carpeta que cree de allí le pones la dirección localhost/y el sitio.
 Después le damos clic en la opción advanced “avanzadas”.
Seleccionas la opción de PHPMyAdmin. Después te aparecerá esta
ventanilla

Le pones la palomita en la opción testing “de prueba”. Té aparecerá esta
ventana a mano derecha.


Le das clic izquierdo a la carpetita de tu sitio y le das nuevo archivo clic y le
pones de nombre como tu gustes en mi caso yo le puede nombre
”guardar_alumnos” y haces lo mismo otra vez pero le pones otro nombre
“lista_alumnos”.

De aquí te vas a la barra de herramientas que se llama Window “ventana” le
das clic y seleccionamos database “base de datos”.

Te mostrara la siguiente ventana a mano derecha le das clic
Connection.

+ MySQL


A parecerá la siguiente ventana llenamos los registros

En el primer registro le pones el nombre de tu carpeta creada, localhost, root y
después seleccionamos nuestra base de datos clic en SELECT.

A aquí te mostrara las bases de datos que creaste y seleccionas la que tu
creaste yo voy a seleccionar pruebas_1b clic ok.


Confirmamos.
Después a mano derecha nos vamos asta mero arriba y clic a la opción de

o insertar se desplegara una lista y seleccionas datos o
data

Te aparecerán varias herramientas pero nosotros vamos a utilizar la de
insertar registros “Insert Record” ya que esta nos ayudara a crear la base
de datos y se desplegaran dos opciones y seleccionamos


“Record Insertion Form Wizard” que viene siendo asistente de formulario

Te aparecerá esta tabla y pues nosotros vamos a quitar lo del id_alumno
porque está declarada que va ir incrementado. Seleccionamos id_alumno y l
clic al botoncito

Después le vamos a cambiar a lo que es el sexo y el grupo formato de texto.
Seleccionamos el grupo clic en propiedades y clic en menú.


Después te aparecerá la siguiente ventana y tú la modificas dependiendo de lo
que desees.

Si quieres quitar algo seleccionas lo que vas a quitar clic en:

Si vas agregar le das clic en:

Ya que uno termino de llenar los registros clic en ok


Nos aparecerá la ventana siguiente ahora comprobaremos que se inserten los
registros pero debemos guardar todo

Nos vamos a la barra de herramientas clic en

Archivo, te desplegara una lista le das clic en sabe all o
“guardar todo”.

Nos vamos a nuestro explorador nos vamos al buscador y escribimos localhost
y el nombre de tu carpeta donde guardaste tu sitio.
Por ejemplo:
Localhost/mi_sitio


Y si está todo bien te aparecerá esta página le clic en guardar_alumnos porque
ahorita el formulario que hicimos es para registra alumnos.

Te aparecerá esta ventana y llenaremos los registros para ver si funciona.

Verificamos en localhost en la base de datos y se aparece el registro que
llenaste es que si funciono.


LISTA_ALUMNOS.PHP

Seleccionamos lista_alumnos ahora nos
vamos a las herramientas que están arriba en las de datos y seleccionamos
dynamic data “datos dinámicos” le das clic

Se desplegaran opciones y nosotros seleccionaremos la opción de Dynamic
table “tabla dinámica”.
Te aparecerá la siguiente ventana


Clic en recordset “juego de registros” clic te aparecerá la siguiente ventana
y le das clic en ok.

También le das ok y te parecerá otra ventana le das clic en “todos los
registros” .Le das ok
Y te muestra los siguientes campos.


Verificamos con nuestro explorador para que nos muestre la lista de nuestros
alumnos registrados.
Escribamos la página en nuestro buscador
http://localhost/mi_sitio/

Cli en lista_alumnos.php y te aparecerá tu tabla con los alumnos registrados.

Y ya terminamos con nuestro sitio. Bueno con una parte todavía nos falta
mucho por continuar.

ELIMINAR.
Para eliminar Y modificar los registros nos posicionamos en el archivo de
lista.php, seleccionamos apellido materno y clic en derecho e insertamos dos
columnas y las nombramos eliminar y modificar


Creamos nuestros archivos eliminar y modificar.

Después nos vamos a la ventana de mano derecha clic en eliminar registros

Te aparecerá la siguiente ventana llenas registros y le clic en examinar para
posicionarnos en donde vamos a guardar.


Se selecciona el archivo y en el URL “eliminar.PHP clic en aceptar.

ACTUALIZAR
Nos vamos al archivo de modificar clic para abrirlo.
DATA clic en actualizar registros y después
Clic en juegos de registros te aparecerá la siguiente ventana y llenamos todos
los registros y clic en aceptar


Aparece esta ventana llenamos los registros los llenamos ingresas el nombre
de nuestra conexión el nombre de archivo etc.clic en aceptar.

Ahora los vinculamos para que se regrese a la página y clic en aceptar

Ahora verificamos nos vamos al explorador
http://localhost/mi_sitio/


Clic en

Y te mostrara la siguiente tabla y ya tu seleccionas al alumno que deseas
eliminar.

Pero primero guardas alumnos y te mostrara los alumnos registrados y ya clic
en eliminar y se eliminara automáticamente.


REPORTE
Se pegan estos archivos en la carpeta del sitio para llevar a cabo el reporte

Y te aparecerán los siguientes archivos

Se modifica el código de archivo de REPORTE DE ALUMNOS conforme a los
datos que tenemos en nuestra base de datos.


Y verificamos que nos muestre el reporte desde cualquier navegador que tu
desees si explorador,google crhome.
Localhost/mi_sitio.
Clic en reporte y te aparecerá si no vuelve a verificar espero que este manual
te facilite el trabajo.

Manual de dreamweaver

Empfohlen

Empfohlen

Weitere ähnliche Inhalte

Was ist angesagt?

Was ist angesagt? (18)

Ähnlich wie Manual de dreamweaver

Ähnlich wie Manual de dreamweaver (20)

Mehr von Sandy Montoya Reyes

Mehr von Sandy Montoya Reyes (20)

Manual de dreamweaver