SlideShare una empresa de Scribd logo
1 de 49
UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN

Materia
Estructura de Datos

Tema

Manual de un Sitio Web

Nombre completo del Alumno : Diego Alejo Rodriguez Torres
Grado:

4

Grupo:

A

Nombre del Docente : Eloy Contreras de Lira
Fecha de entrega :

08/11/2013
UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN
UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN

Primero abrimos un cualquier explorador para abrir la página XAMMP ingresando la
dirección localhost y elegimos el lenguage en este caso sera español y asi poder crear
nuestra base de datos
UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN

Primero abrimos un cualquier explorador para abrir la página XAMMP ingresando la
dirección localhost y elegimos el lenguage en este caso sera español y asi poder crear
nuestra base de datos

damos clic a la pestaña de la opcion phpMyAdmin.
UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN

luego creamos la base de datos asignándole un nombre que prefieras, luego damos clic
en crear.
UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN

Ya que se creo la base de datos le asignaremos el nombre a la tabla que cotendra la base
de datos, tambien asignaremos el numero de campos que llevara. Luego clic en continuar.
UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN

Llenamos los campos correspondientes le damos clic en grabar para pasar terminar de
crear nuestra base de datos

Creamos una carpeta en el disco local c que vamos a utilizar en este caso en mi PC
buscamos la carpeta htdocs, luego XAMMP y abrimos la carpeta phpMyAdmin y dentro
de esta es donde será creada nuestra carpeta. A continuacion semuestrn los pasos:
UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN

SITIO:Un sito de Dreamweaver es el conjunto de archivos y activos que se utiliza en el sitio
web,consta de dos partes una carpeta local en su equipo en la que almacena y trabaja con
los archivos y una capeta remota ubicada en un servidor.
Abrimos el programa Adobe Dreamweaver CS6 para continuar con nuestra Base de Datos
y realizar una coneccion. Damos clic en la pestaña SITIO y creamos un nuevo sitio.
UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN

damos clic en base de datos conexión MySQL, llenamos los campos nesesarios y damos clicen
aceptar.

Después damos clic en ventana e insertar y nos aparecerá un menu y damos clic en base de datos,
a nuestra derecha buscamos la ocin base de datos, damos clic en insertar registro luegodamos clic
en asistente de formulario e insertamos registro.
UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN

Ahora buscamos nuestro sitio en la carpeta antes creada .
UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN
Luego damos clic en la opción de servidor y le damos clic en el signo de mas que aparece
en la parte de abajo de la ventana.

Llenamos los campos que se muestran en la pantalla como seria nombre del servidor que
seria el nombre que se le asignara al sitio,conectar usando local/red, url que sera la direccion que
se le asignara al sitio para trabajal de modo local, seleccionamos lacarpeta donde se guardara .
UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN

damos clic en la opción de avanzados y elegimos el modelo se servidor php mysql.
UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN
damos clic en la opción guardar y esta listo.

Despues damos clic en la opcion nuevo archivo y le asignamos un

nombre con terminacion .php.
UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN

damos clic en base de datos y nos aparecerá una tabla como la siguiente imagen llenamos los
campos que se piden.
UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN

En esta ventana seleccionamos la base de datos.
UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN

en seguida nos muestra el formulario yacreado
UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN

Dentro de nuestros archivos ya creados, vamos a crear uno nuevo que se llamara Eliminar

Dentro del archivo lista se crea un campo dentro del formulario y el mismo se enlaza al
archivo eliminar.
UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN
UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN
Luego nos muestra una ventana en donde nos dise a donde queremos que nos envíe la opcion
eliminar, en este caso nos va a mandar hacia la opcion lista

En esta ventana nos informa que es lo que se va a eliminar en la tabla,llenamos los datos y damos
clic en aceptar
UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN
UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN
Despues nos vamos a ir al codigo de el archivo eliminar y vamos a pegar el codigo marcado
UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN
cuando terninemos de crear la función eliminar creamos otro campo en la tabla del archivo vista
que se llame actualizar asi mismo un archivo con el mismo nombre el cual es enlazado con el
campo de la tabla de la lista

Después de esto se busca la opción actualizar y aparece una ventana que notifica lo que se va
actualizar
UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN

Después aparece el archivo donde vaa guardarse la función actualizar.

Luego se hacen los mismos pasos similar a la función eliminar y se copia el mismo código y
se pega en el mismo lugar
UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN
UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN
Ya copiado el código y guardado los cambios, se verifica dentro del explorador que el sitio
funcione correctamente
UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN

Si el sitio funciona correcta mente muestra los datos como se muestra en la siguiente ventana y si
esta mal mandara un mensaje diciendo que lo rctifiques.
UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN

damos clic a la pestaña de la opcion phpMyAdmin.
UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN

luego creamos la base de datos asignándole un nombre que prefieras, luego damos clic
en crear.
UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN

Ya que se creo la base de datos le asignaremos el nombre a la tabla que cotendra la base
de datos, tambien asignaremos el numero de campos que llevara. Luego clic en continuar.
UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN

Llenamos los campos correspondientes le damos clic en grabar para pasar terminar de
crear nuestra base de datos

Creamos una carpeta en el disco local c que vamos a utilizar en este caso en mi PC
buscamos la carpeta htdocs, luego XAMMP y abrimos la carpeta phpMyAdmin y dentro
de esta es donde será creada nuestra carpeta. A continuacion semuestrn los pasos:
UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN

SITIO:Un sito de Dreamweaver es el conjunto de archivos y activos que se utiliza en el sitio
web,consta de dos partes una carpeta local en su equipo en la que almacena y trabaja con
los archivos y una capeta remota ubicada en un servidor.
Abrimos el programa Adobe Dreamweaver CS6 para continuar con nuestra Base de Datos
y realizar una coneccion. Damos clic en la pestaña SITIO y creamos un nuevo sitio.
UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN

damos clic en base de datos conexión MySQL, llenamos los campos nesesarios y damos clicen
aceptar.

Después damos clic en ventana e insertar y nos aparecerá un menu y damos clic en base de datos,
a nuestra derecha buscamos la ocin base de datos, damos clic en insertar registro luegodamos clic
en asistente de formulario e insertamos registro.
UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN

Ahora buscamos nuestro sitio en la carpeta antes creada .
UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN
Luego damos clic en la opción de servidor y le damos clic en el signo de mas que aparece
en la parte de abajo de la ventana.

Llenamos los campos que se muestran en la pantalla como seria nombre del servidor que
seria el nombre que se le asignara al sitio,conectar usando local/red, url que sera la direccion que
se le asignara al sitio para trabajal de modo local, seleccionamos lacarpeta donde se guardara .
UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN

damos clic en la opción de avanzados y elegimos el modelo se servidor php mysql.
UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN
damos clic en la opción guardar y esta listo.

Despues damos clic en la opcion nuevo archivo y le asignamos un

nombre con terminacion .php.
UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN

damos clic en base de datos y nos aparecerá una tabla como la siguiente imagen llenamos los
campos que se piden.
UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN

En esta ventana seleccionamos la base de datos.
UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN

en seguida nos muestra el formulario yacreado
UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN

Dentro de nuestros archivos ya creados, vamos a crear uno nuevo que se llamara Eliminar

Dentro del archivo lista se crea un campo dentro del formulario y el mismo se enlaza al
archivo eliminar.
UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN
UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN
Luego nos muestra una ventana en donde nos dise a donde queremos que nos envíe la opcion
eliminar, en este caso nos va a mandar hacia la opcion lista

En esta ventana nos informa que es lo que se va a eliminar en la tabla,llenamos los datos y damos
clic en aceptar
UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN
UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN
Despues nos vamos a ir al codigo de el archivo eliminar y vamos a pegar el codigo marcado
UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN
cuando terninemos de crear la función eliminar creamos otro campo en la tabla del archivo vista
que se llame actualizar asi mismo un archivo con el mismo nombre el cual es enlazado con el
campo de la tabla de la lista

Después de esto se busca la opción actualizar y aparece una ventana que notifica lo que se va
actualizar
UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN

Después aparece el archivo donde vaa guardarse la función actualizar.

Luego se hacen los mismos pasos similar a la función eliminar y se copia el mismo código y
se pega en el mismo lugar
UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN
UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN
Ya copiado el código y guardado los cambios, se verifica dentro del explorador que el sitio
funcione correctamente
UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN

Si el sitio funciona correcta mente muestra los datos como se muestra en la siguiente ventana y si
esta mal mandara un mensaje diciendo que lo rctifiques.

Más contenido relacionado

Destacado (20)

Benemérita universidad autónoma de puebla (1)
Benemérita universidad autónoma de puebla (1)Benemérita universidad autónoma de puebla (1)
Benemérita universidad autónoma de puebla (1)
 
Parcial2 benitez mariela -
Parcial2 benitez mariela - Parcial2 benitez mariela -
Parcial2 benitez mariela -
 
Redglobal
RedglobalRedglobal
Redglobal
 
Tibisay Guédez
Tibisay GuédezTibisay Guédez
Tibisay Guédez
 
Método de lowry
Método de lowryMétodo de lowry
Método de lowry
 
Propiedades de los fluidos
Propiedades de los fluidosPropiedades de los fluidos
Propiedades de los fluidos
 
Ensayosimcenatcinned8n3blogger 131007123536-phpapp02
Ensayosimcenatcinned8n3blogger 131007123536-phpapp02Ensayosimcenatcinned8n3blogger 131007123536-phpapp02
Ensayosimcenatcinned8n3blogger 131007123536-phpapp02
 
Evaluación práctica
Evaluación prácticaEvaluación práctica
Evaluación práctica
 
Its sucre
Its sucreIts sucre
Its sucre
 
Haze n 2
Haze n 2Haze n 2
Haze n 2
 
Social&Loyal, the social CRM
Social&Loyal, the social CRMSocial&Loyal, the social CRM
Social&Loyal, the social CRM
 
PRESENTACIÓN 4 DE JULIO
PRESENTACIÓN 4 DE JULIOPRESENTACIÓN 4 DE JULIO
PRESENTACIÓN 4 DE JULIO
 
Poner una semilla en la ee
Poner una semilla en la eePoner una semilla en la ee
Poner una semilla en la ee
 
Tipos de conocimientos
Tipos de conocimientosTipos de conocimientos
Tipos de conocimientos
 
Comenzar
ComenzarComenzar
Comenzar
 
División regiones XV a III.
División regiones XV a III.División regiones XV a III.
División regiones XV a III.
 
Tema 1 origen de la vida - argos
Tema 1    origen de la vida - argosTema 1    origen de la vida - argos
Tema 1 origen de la vida - argos
 
Torneo 0113
Torneo 0113Torneo 0113
Torneo 0113
 
4ºb..informatica
4ºb..informatica4ºb..informatica
4ºb..informatica
 
La Gatera de la Villa nº 6
La Gatera de la Villa nº 6La Gatera de la Villa nº 6
La Gatera de la Villa nº 6
 

Similar a Manual (20)

Manual freddy
Manual freddyManual freddy
Manual freddy
 
Manual dreamweaver
Manual dreamweaverManual dreamweaver
Manual dreamweaver
 
Manuales eloy
Manuales eloyManuales eloy
Manuales eloy
 
Manual De Manipulacion De Datos
Manual De Manipulacion De DatosManual De Manipulacion De Datos
Manual De Manipulacion De Datos
 
Manual de dreamweaver
Manual de dreamweaverManual de dreamweaver
Manual de dreamweaver
 
Final marycruzz
Final marycruzzFinal marycruzz
Final marycruzz
 
Manual de crear sitio en php.
Manual de crear sitio en php.Manual de crear sitio en php.
Manual de crear sitio en php.
 
Elaboracion de una bd con dreawever
Elaboracion de una bd con dreaweverElaboracion de una bd con dreawever
Elaboracion de una bd con dreawever
 
Manual de-manipulacion-de-datos-rosario
Manual de-manipulacion-de-datos-rosarioManual de-manipulacion-de-datos-rosario
Manual de-manipulacion-de-datos-rosario
 
Manual de manipulación de datos
Manual de manipulación de datosManual de manipulación de datos
Manual de manipulación de datos
 
Sitio prueva1
Sitio prueva1Sitio prueva1
Sitio prueva1
 
Automoviles
AutomovilesAutomoviles
Automoviles
 
Manual de PhpMyAdmin
Manual de PhpMyAdmin Manual de PhpMyAdmin
Manual de PhpMyAdmin
 
Manual de phpMyAdmin
Manual de phpMyAdminManual de phpMyAdmin
Manual de phpMyAdmin
 
Manual phpMyAdmin
Manual  phpMyAdminManual  phpMyAdmin
Manual phpMyAdmin
 
Tutorial Blanca Yesenia
Tutorial Blanca YeseniaTutorial Blanca Yesenia
Tutorial Blanca Yesenia
 
Tutorial
TutorialTutorial
Tutorial
 
Manual php myadmin
Manual php myadminManual php myadmin
Manual php myadmin
 
Manual php myadmin
Manual php myadminManual php myadmin
Manual php myadmin
 
Manual php myadmin
Manual php myadminManual php myadmin
Manual php myadmin
 

Más de Diego Alejo Rodriguez Torres (9)

Portada1 diego
Portada1 diegoPortada1 diego
Portada1 diego
 
Portada1(1)
Portada1(1)Portada1(1)
Portada1(1)
 
Portada1(1)
Portada1(1)Portada1(1)
Portada1(1)
 
Conversacion 5
Conversacion 5Conversacion 5
Conversacion 5
 
Conversacion4
Conversacion4Conversacion4
Conversacion4
 
Descripcion de prendas
Descripcion de prendasDescripcion de prendas
Descripcion de prendas
 
Prendas de vestir
Prendas de vestirPrendas de vestir
Prendas de vestir
 
Descripcion de prendas
Descripcion de prendasDescripcion de prendas
Descripcion de prendas
 
Ventajas y desventajas
Ventajas y desventajasVentajas y desventajas
Ventajas y desventajas
 

Manual

  • 1. UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS UNIDAD ACADÉMICA DE PINOS TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN Materia Estructura de Datos Tema Manual de un Sitio Web Nombre completo del Alumno : Diego Alejo Rodriguez Torres Grado: 4 Grupo: A Nombre del Docente : Eloy Contreras de Lira Fecha de entrega : 08/11/2013
  • 2. UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS UNIDAD ACADÉMICA DE PINOS TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN
  • 3. UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS UNIDAD ACADÉMICA DE PINOS TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN Primero abrimos un cualquier explorador para abrir la página XAMMP ingresando la dirección localhost y elegimos el lenguage en este caso sera español y asi poder crear nuestra base de datos
  • 4. UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS UNIDAD ACADÉMICA DE PINOS TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN Primero abrimos un cualquier explorador para abrir la página XAMMP ingresando la dirección localhost y elegimos el lenguage en este caso sera español y asi poder crear nuestra base de datos damos clic a la pestaña de la opcion phpMyAdmin.
  • 5. UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS UNIDAD ACADÉMICA DE PINOS TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN luego creamos la base de datos asignándole un nombre que prefieras, luego damos clic en crear.
  • 6. UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS UNIDAD ACADÉMICA DE PINOS TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN Ya que se creo la base de datos le asignaremos el nombre a la tabla que cotendra la base de datos, tambien asignaremos el numero de campos que llevara. Luego clic en continuar.
  • 7. UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS UNIDAD ACADÉMICA DE PINOS TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN Llenamos los campos correspondientes le damos clic en grabar para pasar terminar de crear nuestra base de datos Creamos una carpeta en el disco local c que vamos a utilizar en este caso en mi PC buscamos la carpeta htdocs, luego XAMMP y abrimos la carpeta phpMyAdmin y dentro de esta es donde será creada nuestra carpeta. A continuacion semuestrn los pasos:
  • 8. UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS UNIDAD ACADÉMICA DE PINOS TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN SITIO:Un sito de Dreamweaver es el conjunto de archivos y activos que se utiliza en el sitio web,consta de dos partes una carpeta local en su equipo en la que almacena y trabaja con los archivos y una capeta remota ubicada en un servidor. Abrimos el programa Adobe Dreamweaver CS6 para continuar con nuestra Base de Datos y realizar una coneccion. Damos clic en la pestaña SITIO y creamos un nuevo sitio.
  • 9. UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS UNIDAD ACADÉMICA DE PINOS TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN damos clic en base de datos conexión MySQL, llenamos los campos nesesarios y damos clicen aceptar. Después damos clic en ventana e insertar y nos aparecerá un menu y damos clic en base de datos, a nuestra derecha buscamos la ocin base de datos, damos clic en insertar registro luegodamos clic en asistente de formulario e insertamos registro.
  • 10. UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS UNIDAD ACADÉMICA DE PINOS TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN Ahora buscamos nuestro sitio en la carpeta antes creada .
  • 11. UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS UNIDAD ACADÉMICA DE PINOS TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN Luego damos clic en la opción de servidor y le damos clic en el signo de mas que aparece en la parte de abajo de la ventana. Llenamos los campos que se muestran en la pantalla como seria nombre del servidor que seria el nombre que se le asignara al sitio,conectar usando local/red, url que sera la direccion que se le asignara al sitio para trabajal de modo local, seleccionamos lacarpeta donde se guardara .
  • 12. UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS UNIDAD ACADÉMICA DE PINOS TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN damos clic en la opción de avanzados y elegimos el modelo se servidor php mysql.
  • 13. UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS UNIDAD ACADÉMICA DE PINOS TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN damos clic en la opción guardar y esta listo. Despues damos clic en la opcion nuevo archivo y le asignamos un nombre con terminacion .php.
  • 14. UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS UNIDAD ACADÉMICA DE PINOS TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN damos clic en base de datos y nos aparecerá una tabla como la siguiente imagen llenamos los campos que se piden.
  • 15. UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS UNIDAD ACADÉMICA DE PINOS TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN En esta ventana seleccionamos la base de datos.
  • 16. UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS UNIDAD ACADÉMICA DE PINOS TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN en seguida nos muestra el formulario yacreado
  • 17. UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS UNIDAD ACADÉMICA DE PINOS TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN Dentro de nuestros archivos ya creados, vamos a crear uno nuevo que se llamara Eliminar Dentro del archivo lista se crea un campo dentro del formulario y el mismo se enlaza al archivo eliminar.
  • 18. UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS UNIDAD ACADÉMICA DE PINOS TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN
  • 19. UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS UNIDAD ACADÉMICA DE PINOS TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN Luego nos muestra una ventana en donde nos dise a donde queremos que nos envíe la opcion eliminar, en este caso nos va a mandar hacia la opcion lista En esta ventana nos informa que es lo que se va a eliminar en la tabla,llenamos los datos y damos clic en aceptar
  • 20. UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS UNIDAD ACADÉMICA DE PINOS TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN
  • 21. UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS UNIDAD ACADÉMICA DE PINOS TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN Despues nos vamos a ir al codigo de el archivo eliminar y vamos a pegar el codigo marcado
  • 22. UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS UNIDAD ACADÉMICA DE PINOS TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN cuando terninemos de crear la función eliminar creamos otro campo en la tabla del archivo vista que se llame actualizar asi mismo un archivo con el mismo nombre el cual es enlazado con el campo de la tabla de la lista Después de esto se busca la opción actualizar y aparece una ventana que notifica lo que se va actualizar
  • 23. UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS UNIDAD ACADÉMICA DE PINOS TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN Después aparece el archivo donde vaa guardarse la función actualizar. Luego se hacen los mismos pasos similar a la función eliminar y se copia el mismo código y se pega en el mismo lugar
  • 24. UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS UNIDAD ACADÉMICA DE PINOS TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN
  • 25. UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS UNIDAD ACADÉMICA DE PINOS TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN Ya copiado el código y guardado los cambios, se verifica dentro del explorador que el sitio funcione correctamente
  • 26. UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS UNIDAD ACADÉMICA DE PINOS TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN Si el sitio funciona correcta mente muestra los datos como se muestra en la siguiente ventana y si esta mal mandara un mensaje diciendo que lo rctifiques.
  • 27. UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS UNIDAD ACADÉMICA DE PINOS TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN damos clic a la pestaña de la opcion phpMyAdmin.
  • 28. UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS UNIDAD ACADÉMICA DE PINOS TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN luego creamos la base de datos asignándole un nombre que prefieras, luego damos clic en crear.
  • 29. UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS UNIDAD ACADÉMICA DE PINOS TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN Ya que se creo la base de datos le asignaremos el nombre a la tabla que cotendra la base de datos, tambien asignaremos el numero de campos que llevara. Luego clic en continuar.
  • 30. UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS UNIDAD ACADÉMICA DE PINOS TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN Llenamos los campos correspondientes le damos clic en grabar para pasar terminar de crear nuestra base de datos Creamos una carpeta en el disco local c que vamos a utilizar en este caso en mi PC buscamos la carpeta htdocs, luego XAMMP y abrimos la carpeta phpMyAdmin y dentro de esta es donde será creada nuestra carpeta. A continuacion semuestrn los pasos:
  • 31. UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS UNIDAD ACADÉMICA DE PINOS TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN SITIO:Un sito de Dreamweaver es el conjunto de archivos y activos que se utiliza en el sitio web,consta de dos partes una carpeta local en su equipo en la que almacena y trabaja con los archivos y una capeta remota ubicada en un servidor. Abrimos el programa Adobe Dreamweaver CS6 para continuar con nuestra Base de Datos y realizar una coneccion. Damos clic en la pestaña SITIO y creamos un nuevo sitio.
  • 32. UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS UNIDAD ACADÉMICA DE PINOS TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN damos clic en base de datos conexión MySQL, llenamos los campos nesesarios y damos clicen aceptar. Después damos clic en ventana e insertar y nos aparecerá un menu y damos clic en base de datos, a nuestra derecha buscamos la ocin base de datos, damos clic en insertar registro luegodamos clic en asistente de formulario e insertamos registro.
  • 33. UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS UNIDAD ACADÉMICA DE PINOS TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN Ahora buscamos nuestro sitio en la carpeta antes creada .
  • 34. UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS UNIDAD ACADÉMICA DE PINOS TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN Luego damos clic en la opción de servidor y le damos clic en el signo de mas que aparece en la parte de abajo de la ventana. Llenamos los campos que se muestran en la pantalla como seria nombre del servidor que seria el nombre que se le asignara al sitio,conectar usando local/red, url que sera la direccion que se le asignara al sitio para trabajal de modo local, seleccionamos lacarpeta donde se guardara .
  • 35. UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS UNIDAD ACADÉMICA DE PINOS TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN damos clic en la opción de avanzados y elegimos el modelo se servidor php mysql.
  • 36. UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS UNIDAD ACADÉMICA DE PINOS TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN damos clic en la opción guardar y esta listo. Despues damos clic en la opcion nuevo archivo y le asignamos un nombre con terminacion .php.
  • 37. UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS UNIDAD ACADÉMICA DE PINOS TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN damos clic en base de datos y nos aparecerá una tabla como la siguiente imagen llenamos los campos que se piden.
  • 38. UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS UNIDAD ACADÉMICA DE PINOS TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN En esta ventana seleccionamos la base de datos.
  • 39. UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS UNIDAD ACADÉMICA DE PINOS TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN en seguida nos muestra el formulario yacreado
  • 40. UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS UNIDAD ACADÉMICA DE PINOS TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN Dentro de nuestros archivos ya creados, vamos a crear uno nuevo que se llamara Eliminar Dentro del archivo lista se crea un campo dentro del formulario y el mismo se enlaza al archivo eliminar.
  • 41. UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS UNIDAD ACADÉMICA DE PINOS TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN
  • 42. UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS UNIDAD ACADÉMICA DE PINOS TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN Luego nos muestra una ventana en donde nos dise a donde queremos que nos envíe la opcion eliminar, en este caso nos va a mandar hacia la opcion lista En esta ventana nos informa que es lo que se va a eliminar en la tabla,llenamos los datos y damos clic en aceptar
  • 43. UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS UNIDAD ACADÉMICA DE PINOS TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN
  • 44. UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS UNIDAD ACADÉMICA DE PINOS TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN Despues nos vamos a ir al codigo de el archivo eliminar y vamos a pegar el codigo marcado
  • 45. UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS UNIDAD ACADÉMICA DE PINOS TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN cuando terninemos de crear la función eliminar creamos otro campo en la tabla del archivo vista que se llame actualizar asi mismo un archivo con el mismo nombre el cual es enlazado con el campo de la tabla de la lista Después de esto se busca la opción actualizar y aparece una ventana que notifica lo que se va actualizar
  • 46. UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS UNIDAD ACADÉMICA DE PINOS TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN Después aparece el archivo donde vaa guardarse la función actualizar. Luego se hacen los mismos pasos similar a la función eliminar y se copia el mismo código y se pega en el mismo lugar
  • 47. UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS UNIDAD ACADÉMICA DE PINOS TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN
  • 48. UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS UNIDAD ACADÉMICA DE PINOS TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN Ya copiado el código y guardado los cambios, se verifica dentro del explorador que el sitio funcione correctamente
  • 49. UNIVERSIDAD TECNONOLÓGICA DEL ESTADO DE ZACATECAS UNIDAD ACADÉMICA DE PINOS TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN Si el sitio funciona correcta mente muestra los datos como se muestra en la siguiente ventana y si esta mal mandara un mensaje diciendo que lo rctifiques.