SlideShare a Scribd company logo
1 of 24
Download to read offline
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
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.
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
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
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:)
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).
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
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
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
Aparecerá la siguiente pantalla donde vamos configuraremos nuestro sitio.

En la opción de avanzadas damos click en PHP MySQL. Damos click en
guardar
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
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
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
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
-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
Eliminar
Ahora creamos un archivo con el nombre de “eliminar”.

Nos vamos a la opción de INSERTAR-DATOS-ELIMINAR REJISTRO-
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
En seguida nos aparecerá la siguiente ventana

Después nos aparece esta ventana
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
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
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
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
La parte que esta seleccionada se copea y se pega en la parte que esta
seleccionada en la segunda imagen
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

More Related Content

What's hot

Naovy&aillyn Navegar Por Internet y Mandar Un Correo Electronico
Naovy&aillyn    Navegar Por Internet y Mandar Un Correo ElectronicoNaovy&aillyn    Navegar Por Internet y Mandar Un Correo Electronico
Naovy&aillyn Navegar Por Internet y Mandar Un Correo ElectronicoNaovy Díaz
 
Cómo conectar una página html a una base de datos de microsoft access
Cómo conectar una página html a una base de datos de microsoft accessCómo conectar una página html a una base de datos de microsoft access
Cómo conectar una página html a una base de datos de microsoft accessAleex Serosnas Casanova
 
Realiza una presentacion electronica con los siguientes temas
Realiza una presentacion electronica con los siguientes temasRealiza una presentacion electronica con los siguientes temas
Realiza una presentacion electronica con los siguientes temasgennaro mendoza
 
Pasos Para La Conecxion De Visual Con Access Importante 12
Pasos Para La Conecxion De Visual Con Access Importante 12Pasos Para La Conecxion De Visual Con Access Importante 12
Pasos Para La Conecxion De Visual Con Access Importante 12guest035fce1
 
diapositivas del hotmail
diapositivas del hotmaildiapositivas del hotmail
diapositivas del hotmailmani78945
 
Como puedo crear una cuenta de dropbox
Como puedo crear una cuenta de dropboxComo puedo crear una cuenta de dropbox
Como puedo crear una cuenta de dropboxLoremez
 
Afu3 gb manual de manipulación de datos
Afu3 gb manual de manipulación de datosAfu3 gb manual de manipulación de datos
Afu3 gb manual de manipulación de datosJorge Morales Martinez
 
Uso de el correo electronico
Uso de el correo electronicoUso de el correo electronico
Uso de el correo electronicoraysierra
 

What's hot (17)

Naovy&aillyn Navegar Por Internet y Mandar Un Correo Electronico
Naovy&aillyn    Navegar Por Internet y Mandar Un Correo ElectronicoNaovy&aillyn    Navegar Por Internet y Mandar Un Correo Electronico
Naovy&aillyn Navegar Por Internet y Mandar Un Correo Electronico
 
Cómo conectar una página html a una base de datos de microsoft access
Cómo conectar una página html a una base de datos de microsoft accessCómo conectar una página html a una base de datos de microsoft access
Cómo conectar una página html a una base de datos de microsoft access
 
Realiza una presentacion electronica con los siguientes temas
Realiza una presentacion electronica con los siguientes temasRealiza una presentacion electronica con los siguientes temas
Realiza una presentacion electronica con los siguientes temas
 
BD BV
BD BVBD BV
BD BV
 
Mariade jesus
Mariade jesusMariade jesus
Mariade jesus
 
Pasos Para La Conecxion De Visual Con Access Importante 12
Pasos Para La Conecxion De Visual Con Access Importante 12Pasos Para La Conecxion De Visual Con Access Importante 12
Pasos Para La Conecxion De Visual Con Access Importante 12
 
diapositivas del hotmail
diapositivas del hotmaildiapositivas del hotmail
diapositivas del hotmail
 
Archivo echo en word
Archivo echo en wordArchivo echo en word
Archivo echo en word
 
Manual de paginas web
Manual de paginas webManual de paginas web
Manual de paginas web
 
Manual
ManualManual
Manual
 
Eloy pasos (2)
Eloy pasos (2)Eloy pasos (2)
Eloy pasos (2)
 
Como puedo crear una cuenta de dropbox
Como puedo crear una cuenta de dropboxComo puedo crear una cuenta de dropbox
Como puedo crear una cuenta de dropbox
 
Afu3 gb manual de manipulación de datos
Afu3 gb manual de manipulación de datosAfu3 gb manual de manipulación de datos
Afu3 gb manual de manipulación de datos
 
Manejo de correo electrónico
Manejo de correo electrónicoManejo de correo electrónico
Manejo de correo electrónico
 
Uso de el correo electronico
Uso de el correo electronicoUso de el correo electronico
Uso de el correo electronico
 
2raul
2raul2raul
2raul
 
Manual eloy lipis
Manual eloy lipisManual eloy lipis
Manual eloy lipis
 

Viewers also liked

Douglas Engelbart y su creacion a travez del tiempo.
Douglas Engelbart y su creacion a travez del tiempo.Douglas Engelbart y su creacion a travez del tiempo.
Douglas Engelbart y su creacion a travez del tiempo.Brunoallevatto
 
Instituto inversitario de tecnologia
Instituto inversitario de tecnologiaInstituto inversitario de tecnologia
Instituto inversitario de tecnologiaArmando Morales
 
Pro Tools Tier 4 Music
Pro Tools Tier 4 MusicPro Tools Tier 4 Music
Pro Tools Tier 4 MusicTyler Bilbo
 
Historia de la publicidad
Historia de la publicidadHistoria de la publicidad
Historia de la publicidad80101682
 
Pro_Tools_Tier_5
Pro_Tools_Tier_5Pro_Tools_Tier_5
Pro_Tools_Tier_5Tyler Bilbo
 
Asri residence serua
Asri residence seruaAsri residence serua
Asri residence seruaSafri Dani
 
Captive Coal and Lignite Blocks in India - The Road ahead
Captive Coal and Lignite Blocks in India - The Road aheadCaptive Coal and Lignite Blocks in India - The Road ahead
Captive Coal and Lignite Blocks in India - The Road aheadiData Insights
 
Mis deberes y derechos
Mis deberes y derechosMis deberes y derechos
Mis deberes y derechosbernal-rosa
 
Where Angels Fear to Tread: Episode 1
Where Angels Fear to Tread: Episode 1Where Angels Fear to Tread: Episode 1
Where Angels Fear to Tread: Episode 1animeangel1983
 
Narrative report final 2012 2014
Narrative report final 2012 2014Narrative report final 2012 2014
Narrative report final 2012 2014Oyunii Erel NGO
 
Drupal: My Search for a CMS
Drupal: My Search for a CMSDrupal: My Search for a CMS
Drupal: My Search for a CMSJim Heil
 
Recorrido por la página web
Recorrido por la página webRecorrido por la página web
Recorrido por la página webMaria Fernanda
 

Viewers also liked (18)

Manuel de conexcion
Manuel de conexcionManuel de conexcion
Manuel de conexcion
 
2015 Art and Artifacts Fair submission form
2015 Art and Artifacts Fair submission form2015 Art and Artifacts Fair submission form
2015 Art and Artifacts Fair submission form
 
Grammar book
Grammar bookGrammar book
Grammar book
 
Douglas Engelbart y su creacion a travez del tiempo.
Douglas Engelbart y su creacion a travez del tiempo.Douglas Engelbart y su creacion a travez del tiempo.
Douglas Engelbart y su creacion a travez del tiempo.
 
gregresume.1
gregresume.1gregresume.1
gregresume.1
 
Instituto inversitario de tecnologia
Instituto inversitario de tecnologiaInstituto inversitario de tecnologia
Instituto inversitario de tecnologia
 
Tablas de adeveritas
Tablas de adeveritasTablas de adeveritas
Tablas de adeveritas
 
Pro Tools Tier 4 Music
Pro Tools Tier 4 MusicPro Tools Tier 4 Music
Pro Tools Tier 4 Music
 
Historia de la publicidad
Historia de la publicidadHistoria de la publicidad
Historia de la publicidad
 
Pro_Tools_Tier_5
Pro_Tools_Tier_5Pro_Tools_Tier_5
Pro_Tools_Tier_5
 
Asri residence serua
Asri residence seruaAsri residence serua
Asri residence serua
 
Captive Coal and Lignite Blocks in India - The Road ahead
Captive Coal and Lignite Blocks in India - The Road aheadCaptive Coal and Lignite Blocks in India - The Road ahead
Captive Coal and Lignite Blocks in India - The Road ahead
 
Mis deberes y derechos
Mis deberes y derechosMis deberes y derechos
Mis deberes y derechos
 
Where Angels Fear to Tread: Episode 1
Where Angels Fear to Tread: Episode 1Where Angels Fear to Tread: Episode 1
Where Angels Fear to Tread: Episode 1
 
Narrative report final 2012 2014
Narrative report final 2012 2014Narrative report final 2012 2014
Narrative report final 2012 2014
 
Drupal: My Search for a CMS
Drupal: My Search for a CMSDrupal: My Search for a CMS
Drupal: My Search for a CMS
 
Recorrido por la página web
Recorrido por la página webRecorrido por la página web
Recorrido por la página web
 
Forests sans Frontiers
Forests sans FrontiersForests sans Frontiers
Forests sans Frontiers
 

Similar to Manuel de conexcion

Similar to Manuel de conexcion (20)

Manual edgar
Manual edgarManual edgar
Manual edgar
 
Manual edgar
Manual edgarManual edgar
Manual edgar
 
Manual
ManualManual
Manual
 
Sitio prueva11
Sitio prueva11Sitio prueva11
Sitio prueva11
 
Trabajo de informática
Trabajo de informáticaTrabajo de informática
Trabajo de informática
 
Trabajo de informática
Trabajo de informáticaTrabajo de informática
Trabajo de informática
 
Manual para la_creacion_de_aplicaciones_web
Manual para la_creacion_de_aplicaciones_webManual para la_creacion_de_aplicaciones_web
Manual para la_creacion_de_aplicaciones_web
 
Manual para la_creacion_de_aplicaciones_web
Manual para la_creacion_de_aplicaciones_webManual para la_creacion_de_aplicaciones_web
Manual para la_creacion_de_aplicaciones_web
 
Manual de paginas web
Manual de paginas webManual de paginas web
Manual de paginas web
 
Manual eloy lipis
Manual eloy lipisManual eloy lipis
Manual eloy lipis
 
PRESENTACION UNO
PRESENTACION UNOPRESENTACION UNO
PRESENTACION UNO
 
Trabajo de informatica
Trabajo de informaticaTrabajo de informatica
Trabajo de informatica
 
Manula Basico
Manula BasicoManula Basico
Manula Basico
 
Tutorialfranmer
TutorialfranmerTutorialfranmer
Tutorialfranmer
 
Manual dreamweaver
Manual  dreamweaverManual  dreamweaver
Manual dreamweaver
 
Como subir un archivo pdf al blog
Como subir un archivo pdf al blogComo subir un archivo pdf al blog
Como subir un archivo pdf al blog
 
Tutorial de 260mb.org
Tutorial de 260mb.orgTutorial de 260mb.org
Tutorial de 260mb.org
 
Clase Access
Clase AccessClase Access
Clase Access
 
TECNOLOGÍA EDUCATIVA
TECNOLOGÍA EDUCATIVATECNOLOGÍA EDUCATIVA
TECNOLOGÍA EDUCATIVA
 
Tutorial para subir sitios web al servidor gratuito de www.260mb.net
Tutorial para subir sitios web al servidor gratuito de www.260mb.netTutorial para subir sitios web al servidor gratuito de www.260mb.net
Tutorial para subir sitios web al servidor gratuito de www.260mb.net
 

More from Jonathan Torres Castillo de Alvarado (6)

Documentacion de agenda jony (1)
Documentacion de agenda jony (1)Documentacion de agenda jony (1)
Documentacion de agenda jony (1)
 
Calidad del desarrollo de software
Calidad del desarrollo de softwareCalidad del desarrollo de software
Calidad del desarrollo de software
 
Seguridad jonathan
Seguridad jonathanSeguridad jonathan
Seguridad jonathan
 
My vacation jony
My vacation jonyMy vacation jony
My vacation jony
 
P3 a4 shd
P3 a4 shdP3 a4 shd
P3 a4 shd
 
Jose jonathan
Jose jonathanJose jonathan
Jose jonathan
 

Manuel de conexcion

  • 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