El documento proporciona instrucciones paso a paso para desarrollar una aplicación web básica para registrar datos en una base de datos MySQL utilizando XAMPP y Dreamweaver. Explica cómo configurar el entorno local de desarrollo, crear una base de datos y tablas, e implementar formularios para insertar, eliminar y actualizar registros.

1. Materia
Desarrollo de aplicaciones
Tema
Manual para el desarrollo de aplicaciones web
Nombre completo del Alumno : José Jonathan Torres Castillo
Grado: 4
Grupo: “B”
Nombre del Docente : Eloy de Lira Contreras
Fecha de entrega : 8/10/2013

2. Primero ingresamos la dirección “local host” en nuestro navegador y nos
aparecerá una ventana la cual nos indica que ya estamos dentro de XAMPP.
Seleccionamos el idioma en el que deseamos trabajar en mi caso será en
(español).
Después nos muestra una ventana con la siguiente interfaz, en la parte
izquierda de la pantalla seleccionamos la opción de phpMyAdmin.

3. Después nos aparece la interfaz en donde creamos el nombre de nuestra base
de datos le damos clic en crear
Ingresamos el nombre de la tabla y el número de campos que contendrá y
damos click al botón continuar

4. Tenemos la tabla y debemos llenarla con la información que nosotros vamos a
ingresar
Ya cuándo tengamos la información guardada dentro de nuestra basa de datos
damos click en el botón grabar

5. Nos aparecerá una veta en donde nos dice que la base de datos ha sido
creada
Nos vamos a la opción de mi PC
Después de que nos metimos a mi PC nos vamos a disco extraíble (c:)

6. Damos clic en la carpeta de XAMMP
Damos doble clic en la carpeta de (htdocs) para poder crear una nueva carpeta
Estando dentro de la carpeta htdocs creamos una nueva carpeta con un
nombre de identificarse para su posterior uso (registro).

7. Ya una vez creado las carpetas nos iremos a Adobe Dreamweaber CS6
Nos vamos a la pestaña de sito, esperamos que se desplace la barra de
opciones y damos click en nuevo sitio
Ahora vamos a ingresar el nombre del sitio y elegir la carpeta. Elegimos la
carpeta que creamos anteriormente en htdocs y guardar

8. Ahora creamos un nuevo archivo
Ya que creamos el archivo, a hora volvemos a crear otro nuevo archivo
Después
damos
doble
click
sobre
el
archivo
guardar

9. Estando dentro del archivo guardar damos click en base de datos. Con esto se
abrirá una nueva ventana en la parte derecha de la interfaz.
Damos click en servidor de prueba

10. Aparecerá la siguiente pantalla donde vamos configuraremos nuestro sitio.
En la opción de avanzadas damos click en PHP MySQL. Damos click en
guardar

11. Después nos aparecerá la siguiente interfaz y damos click en el botón guardar
Cuando ya hemos ingresado los datos, damos click en el botón aceptar

12. Cuando terminemos la conexión nos deberá aparecer en el lado derecho en
forma de cilindro eso quiere decir que la conexión se izo favorablemente
Nos vamos a la pestaña de insertar, damos click en común y datos

13. Insertar registro y después asistente de formulario de inserción de registros
Eliminaremos la id_nombre oprimiendo el botón (-)
Ya después de que eliminamos el id_nombre damos click en el botón aceptar

14. Nos aparecerá la siguiente interfaz elegimos el de registrar y damos aceptar
Cuando le dimos click a aceptar nos aparecerá una tabla en Dreamweaver
Nos vamos a archivo y seleccionamos (Guardar todo) para que nos guarde los
cambios

15. -En nuestro explorador ingresamos el URL correspondiente al lugar y nombre
de tu carpeta http://localhost/misitio
Lo cual nos llevara hasta esta parte donde se registra y se guardan los datos
-si te aparece esta interfaz quiere decir que si estás bien que si guarda los
registros

16. Eliminar
Ahora creamos un archivo con el nombre de “eliminar”.
Nos vamos a la opción de INSERTAR-DATOS-ELIMINAR REJISTRO-

17. Vamos a actualizar y eliminar los registros ya agregados.
Interfaz de la página, vamos a “insertar datos” y “eliminar registro”.
Nos aparecerá la siguiente venta que es

18. En seguida nos aparecerá la siguiente ventana
Después nos aparece esta ventana

19. Aquí es la opción elegida es la de asistente de formulario de actualización de
registros
Seleccionamos la opción tablas y dentro de ella nos aparecerán varias
opciones y nosotros elegimos insertar filas o columnas.
Se muestra la siguiente ventana en la cual podemos poner cuantas filas y
columnas deseamos insertar

20. En esta ventana nada más combinaremos las celdas
Se muestra como quedaron las celdas a después de haberlas combinado
Seleccionamos las letras que dicen eliminar, esto es para crear un vínculo

21. Nos aparece una interfaz y elegimos la opción eliminar como vinculo para las
letras que ya seleccionamos
Actualizar
Seleccionamos la palabra actualizar asemos lo mismo que con el de eliminar solo que
ahora elegimos las opción “lista alumno”
Vamos a crear el vínculo

22. Nos aparece un formulario de actualización de registros
Nos vamos al código de “lista_alumnos” y acomodamos el código de la
siguiente manera

23. La parte que esta seleccionada se copea y se pega en la parte que esta
seleccionada en la segunda imagen

24. El documento ya funciona
se va a mostrar desde el explorador y aquí es
donde se guardan los registros
En esta parte es donde se muestran los datos insertados
Desde esta parte ya podemos eliminar, actualizar nuestros datos