SlideShare a Scribd company logo
1 of 24
Download to read offline
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 Dreamweaver.

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
UNIVERSIDAD TECNOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN

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
UNIVERSIDAD TECNOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN

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.
UNIVERSIDAD TECNOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN

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:
UNIVERSIDAD TECNOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN

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
UNIVERSIDAD TECNOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN

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”.
UNIVERSIDAD TECNOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN

Ahora le damos clic en la + de agregar

Ahora llenas todos los registros.
UNIVERSIDAD TECNOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN

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.
UNIVERSIDAD TECNOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN

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
UNIVERSIDAD TECNOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN

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.
UNIVERSIDAD TECNOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN

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
UNIVERSIDAD TECNOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN

“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ú.
UNIVERSIDAD TECNOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN

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
UNIVERSIDAD TECNOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN

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
UNIVERSIDAD TECNOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN

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.
UNIVERSIDAD TECNOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN

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
UNIVERSIDAD TECNOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN

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.
UNIVERSIDAD TECNOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN

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
UNIVERSIDAD TECNOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN

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.
UNIVERSIDAD TECNOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN

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
UNIVERSIDAD TECNOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN

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/
UNIVERSIDAD TECNOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN

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.
UNIVERSIDAD TECNOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN

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.
UNIVERSIDAD TECNOLÓGICA DEL ESTADO DE ZACATECAS
UNIDAD ACADÉMICA DE PINOS
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN

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.

More Related Content

What's hot (17)

P1 maydapeñuelas
P1 maydapeñuelasP1 maydapeñuelas
P1 maydapeñuelas
 
Google docs manual ilustrado
Google docs manual ilustradoGoogle docs manual ilustrado
Google docs manual ilustrado
 
P1 marioarvizu
P1 marioarvizuP1 marioarvizu
P1 marioarvizu
 
Actividades En Moodle
Actividades En MoodleActividades En Moodle
Actividades En Moodle
 
Creacion de actividades en moodle
Creacion de actividades en moodleCreacion de actividades en moodle
Creacion de actividades en moodle
 
Manual de edmodo
Manual de edmodoManual de edmodo
Manual de edmodo
 
Doc1
Doc1Doc1
Doc1
 
Estableciendo redes de colaboración
Estableciendo redes de colaboraciónEstableciendo redes de colaboración
Estableciendo redes de colaboración
 
EPW
EPWEPW
EPW
 
Dropbox myriam denise
Dropbox myriam deniseDropbox myriam denise
Dropbox myriam denise
 
Conociendo la plataforma
Conociendo la plataformaConociendo la plataforma
Conociendo la plataforma
 
Delphos Word
Delphos WordDelphos Word
Delphos Word
 
Manual.de.procedimientos.2011.anexo.ii.samba
Manual.de.procedimientos.2011.anexo.ii.sambaManual.de.procedimientos.2011.anexo.ii.samba
Manual.de.procedimientos.2011.anexo.ii.samba
 
Caracteristicas de dropbox yuridia velasco zapata
Caracteristicas de dropbox yuridia velasco zapataCaracteristicas de dropbox yuridia velasco zapata
Caracteristicas de dropbox yuridia velasco zapata
 
Manual herramientas tics capacitación docentes
Manual herramientas tics capacitación docentes Manual herramientas tics capacitación docentes
Manual herramientas tics capacitación docentes
 
Curso moodle dap
Curso moodle dapCurso moodle dap
Curso moodle dap
 
Manual edmodo 2015
Manual edmodo 2015Manual edmodo 2015
Manual edmodo 2015
 

Viewers also liked

Diseño de tablas
Diseño de tablasDiseño de tablas
Diseño de tablasYerayesbobo
 
VENTAJAS DEL APRENDIZAJE COLABORATIVO
VENTAJAS DEL APRENDIZAJE COLABORATIVOVENTAJAS DEL APRENDIZAJE COLABORATIVO
VENTAJAS DEL APRENDIZAJE COLABORATIVOzulemaojeda
 
Bimestral Emprendimiento
Bimestral EmprendimientoBimestral Emprendimiento
Bimestral EmprendimientoIsabellaOM
 
Erkenntnistheoretische Beurteilung von Extreme Programming
Erkenntnistheoretische Beurteilung von Extreme ProgrammingErkenntnistheoretische Beurteilung von Extreme Programming
Erkenntnistheoretische Beurteilung von Extreme ProgrammingMarkus Harrer
 
Trabajo hemorragias
Trabajo hemorragiasTrabajo hemorragias
Trabajo hemorragiasYeimmy Leon
 
New Green's Theorem- Dr. Arthur Weglein
New Green's Theorem- Dr. Arthur WegleinNew Green's Theorem- Dr. Arthur Weglein
New Green's Theorem- Dr. Arthur WegleinArthur Weglein
 
Warum offene Systeme für unsere Gesellschaft lebensnotwendig sind
Warum offene Systeme für unsere Gesellschaft lebensnotwendig sindWarum offene Systeme für unsere Gesellschaft lebensnotwendig sind
Warum offene Systeme für unsere Gesellschaft lebensnotwendig sindUnivention GmbH
 
Tipos de conocimientos y trilogia
Tipos de conocimientos y trilogiaTipos de conocimientos y trilogia
Tipos de conocimientos y trilogiacutchie1986
 
Netscape y rockmelt
Netscape y rockmeltNetscape y rockmelt
Netscape y rockmeltValitamoreno
 
Seguridad informática
Seguridad informáticaSeguridad informática
Seguridad informáticaVanessa9720
 
Info ana y alexia
Info ana y alexiaInfo ana y alexia
Info ana y alexiaafhc10
 
Articulo Científico Robot para ancianos
Articulo Científico Robot para ancianosArticulo Científico Robot para ancianos
Articulo Científico Robot para ancianosErick Rosero
 
Tecnico profecional en procesos empresariales
Tecnico profecional en procesos empresarialesTecnico profecional en procesos empresariales
Tecnico profecional en procesos empresarialesLesly_12
 
Alejandra y michell 901
Alejandra y michell 901Alejandra y michell 901
Alejandra y michell 901basilicos
 

Viewers also liked (20)

La investigación
La investigaciónLa investigación
La investigación
 
Diseño de tablas
Diseño de tablasDiseño de tablas
Diseño de tablas
 
VENTAJAS DEL APRENDIZAJE COLABORATIVO
VENTAJAS DEL APRENDIZAJE COLABORATIVOVENTAJAS DEL APRENDIZAJE COLABORATIVO
VENTAJAS DEL APRENDIZAJE COLABORATIVO
 
Bimestral Emprendimiento
Bimestral EmprendimientoBimestral Emprendimiento
Bimestral Emprendimiento
 
Erkenntnistheoretische Beurteilung von Extreme Programming
Erkenntnistheoretische Beurteilung von Extreme ProgrammingErkenntnistheoretische Beurteilung von Extreme Programming
Erkenntnistheoretische Beurteilung von Extreme Programming
 
Trabajo hemorragias
Trabajo hemorragiasTrabajo hemorragias
Trabajo hemorragias
 
New Green's Theorem- Dr. Arthur Weglein
New Green's Theorem- Dr. Arthur WegleinNew Green's Theorem- Dr. Arthur Weglein
New Green's Theorem- Dr. Arthur Weglein
 
Warum offene Systeme für unsere Gesellschaft lebensnotwendig sind
Warum offene Systeme für unsere Gesellschaft lebensnotwendig sindWarum offene Systeme für unsere Gesellschaft lebensnotwendig sind
Warum offene Systeme für unsere Gesellschaft lebensnotwendig sind
 
Sigueme
SiguemeSigueme
Sigueme
 
Tipos de conocimientos y trilogia
Tipos de conocimientos y trilogiaTipos de conocimientos y trilogia
Tipos de conocimientos y trilogia
 
CED plaza de mercado
CED plaza de mercadoCED plaza de mercado
CED plaza de mercado
 
Netscape y rockmelt
Netscape y rockmeltNetscape y rockmelt
Netscape y rockmelt
 
Seguridad informática
Seguridad informáticaSeguridad informática
Seguridad informática
 
Presentación1
Presentación1Presentación1
Presentación1
 
Info ana y alexia
Info ana y alexiaInfo ana y alexia
Info ana y alexia
 
Articulo Científico Robot para ancianos
Articulo Científico Robot para ancianosArticulo Científico Robot para ancianos
Articulo Científico Robot para ancianos
 
Arte y pintura
Arte y pinturaArte y pintura
Arte y pintura
 
Publicidad retro-espa ola
Publicidad retro-espa olaPublicidad retro-espa ola
Publicidad retro-espa ola
 
Tecnico profecional en procesos empresariales
Tecnico profecional en procesos empresarialesTecnico profecional en procesos empresariales
Tecnico profecional en procesos empresariales
 
Alejandra y michell 901
Alejandra y michell 901Alejandra y michell 901
Alejandra y michell 901
 

Similar to Manual Dreamweaver crear sitio web PHP MySQL (20)

Manual dreamweaver
Manual dreamweaverManual dreamweaver
Manual dreamweaver
 
Dreamweaver
DreamweaverDreamweaver
Dreamweaver
 
Manuales de como crear servidores en DreamWeaver
Manuales de como crear servidores en DreamWeaverManuales de como crear servidores en DreamWeaver
Manuales de como crear servidores en DreamWeaver
 
Manual
ManualManual
Manual
 
Manuales eloy
Manuales eloyManuales eloy
Manuales eloy
 
Manual freddy
Manual freddyManual freddy
Manual freddy
 
Manual de sitio
Manual de sitioManual de sitio
Manual de sitio
 
Manipulacion de datos
Manipulacion de datosManipulacion de datos
Manipulacion de datos
 
Manual dreamweaver
Manual dreamweaverManual dreamweaver
Manual dreamweaver
 
Manual de-manipulacion-de-datos-rosario
Manual de-manipulacion-de-datos-rosarioManual de-manipulacion-de-datos-rosario
Manual de-manipulacion-de-datos-rosario
 
Final marycruzz
Final marycruzzFinal marycruzz
Final marycruzz
 
Manual
ManualManual
Manual
 
Manual de manipulación de datos
Manual de manipulación de datosManual de manipulación de datos
Manual de manipulación de datos
 
Manual de php_myadmin
Manual de php_myadminManual de php_myadmin
Manual de php_myadmin
 
Manual de phpMyAdmin
Manual de phpMyAdminManual de phpMyAdmin
Manual de phpMyAdmin
 
Manual phpMyAdmin
Manual  phpMyAdminManual  phpMyAdmin
Manual phpMyAdmin
 
Manipulación de datos
Manipulación de datosManipulación de datos
Manipulación de datos
 
Conexiondinamica
ConexiondinamicaConexiondinamica
Conexiondinamica
 
Conexiondinamica
ConexiondinamicaConexiondinamica
Conexiondinamica
 
Manual de phpmyadmin
Manual de phpmyadminManual de phpmyadmin
Manual de phpmyadmin
 

More from Cristo Esquivel Pinal

More from Cristo Esquivel Pinal (20)

Informe de auditoria unidad iii
Informe de auditoria unidad iiiInforme de auditoria unidad iii
Informe de auditoria unidad iii
 
Normas y Estándares De Calidad
Normas y Estándares De CalidadNormas y Estándares De Calidad
Normas y Estándares De Calidad
 
Agenda cristo
Agenda cristoAgenda cristo
Agenda cristo
 
Puntos de caso de uso
Puntos de caso de usoPuntos de caso de uso
Puntos de caso de uso
 
Calidad de software
Calidad de softwareCalidad de software
Calidad de software
 
Mapa mental de la inyección de codigo
Mapa mental de la inyección de codigoMapa mental de la inyección de codigo
Mapa mental de la inyección de codigo
 
Manual de PhpMyAdmin
Manual de PhpMyAdmin Manual de PhpMyAdmin
Manual de PhpMyAdmin
 
Manejo de archivos
Manejo de archivosManejo de archivos
Manejo de archivos
 
los conceptos, alcance e importancia de la Auditoria Informática.
los conceptos, alcance e importancia de la Auditoria Informática.los conceptos, alcance e importancia de la Auditoria Informática.
los conceptos, alcance e importancia de la Auditoria Informática.
 
A3 ap ratas
A3 ap ratasA3 ap ratas
A3 ap ratas
 
My plans for the next vacation
My plans for the next vacationMy plans for the next vacation
My plans for the next vacation
 
My plans for the next vacation
My plans for the next vacationMy plans for the next vacation
My plans for the next vacation
 
Topic weather
Topic weatherTopic weather
Topic weather
 
Políticas para el uso y desarrollo del Software Libre
Políticas para el uso y desarrollo del Software LibrePolíticas para el uso y desarrollo del Software Libre
Políticas para el uso y desarrollo del Software Libre
 
Licensamiento y legalidad del software
Licensamiento y legalidad del softwareLicensamiento y legalidad del software
Licensamiento y legalidad del software
 
Conversacion
ConversacionConversacion
Conversacion
 
Base de datos II
Base de datos II Base de datos II
Base de datos II
 
Lucy
LucyLucy
Lucy
 
Internet extranet intranet
Internet extranet intranetInternet extranet intranet
Internet extranet intranet
 
Internet extranet intranet
Internet extranet intranetInternet extranet intranet
Internet extranet intranet
 

Manual Dreamweaver crear sitio web PHP MySQL

  • 1. 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 Dreamweaver. 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
  • 2. UNIVERSIDAD TECNOLÓGICA DEL ESTADO DE ZACATECAS UNIDAD ACADÉMICA DE PINOS TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN 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
  • 3. UNIVERSIDAD TECNOLÓGICA DEL ESTADO DE ZACATECAS UNIDAD ACADÉMICA DE PINOS TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN 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.
  • 4. UNIVERSIDAD TECNOLÓGICA DEL ESTADO DE ZACATECAS UNIDAD ACADÉMICA DE PINOS TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN 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:
  • 5. UNIVERSIDAD TECNOLÓGICA DEL ESTADO DE ZACATECAS UNIDAD ACADÉMICA DE PINOS TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN 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
  • 6. UNIVERSIDAD TECNOLÓGICA DEL ESTADO DE ZACATECAS UNIDAD ACADÉMICA DE PINOS TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN 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”.
  • 7. UNIVERSIDAD TECNOLÓGICA DEL ESTADO DE ZACATECAS UNIDAD ACADÉMICA DE PINOS TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN Ahora le damos clic en la + de agregar Ahora llenas todos los registros.
  • 8. UNIVERSIDAD TECNOLÓGICA DEL ESTADO DE ZACATECAS UNIDAD ACADÉMICA DE PINOS TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN 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.
  • 9. UNIVERSIDAD TECNOLÓGICA DEL ESTADO DE ZACATECAS UNIDAD ACADÉMICA DE PINOS TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN 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
  • 10. UNIVERSIDAD TECNOLÓGICA DEL ESTADO DE ZACATECAS UNIDAD ACADÉMICA DE PINOS TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN 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.
  • 11. UNIVERSIDAD TECNOLÓGICA DEL ESTADO DE ZACATECAS UNIDAD ACADÉMICA DE PINOS TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN 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
  • 12. UNIVERSIDAD TECNOLÓGICA DEL ESTADO DE ZACATECAS UNIDAD ACADÉMICA DE PINOS TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN “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ú.
  • 13. UNIVERSIDAD TECNOLÓGICA DEL ESTADO DE ZACATECAS UNIDAD ACADÉMICA DE PINOS TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN 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
  • 14. UNIVERSIDAD TECNOLÓGICA DEL ESTADO DE ZACATECAS UNIDAD ACADÉMICA DE PINOS TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN 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
  • 15. UNIVERSIDAD TECNOLÓGICA DEL ESTADO DE ZACATECAS UNIDAD ACADÉMICA DE PINOS TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN 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.
  • 16. UNIVERSIDAD TECNOLÓGICA DEL ESTADO DE ZACATECAS UNIDAD ACADÉMICA DE PINOS TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN 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
  • 17. UNIVERSIDAD TECNOLÓGICA DEL ESTADO DE ZACATECAS UNIDAD ACADÉMICA DE PINOS TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN 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.
  • 18. UNIVERSIDAD TECNOLÓGICA DEL ESTADO DE ZACATECAS UNIDAD ACADÉMICA DE PINOS TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN 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
  • 19. UNIVERSIDAD TECNOLÓGICA DEL ESTADO DE ZACATECAS UNIDAD ACADÉMICA DE PINOS TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN 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.
  • 20. UNIVERSIDAD TECNOLÓGICA DEL ESTADO DE ZACATECAS UNIDAD ACADÉMICA DE PINOS TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN 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
  • 21. UNIVERSIDAD TECNOLÓGICA DEL ESTADO DE ZACATECAS UNIDAD ACADÉMICA DE PINOS TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN 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/
  • 22. UNIVERSIDAD TECNOLÓGICA DEL ESTADO DE ZACATECAS UNIDAD ACADÉMICA DE PINOS TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN 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.
  • 23. UNIVERSIDAD TECNOLÓGICA DEL ESTADO DE ZACATECAS UNIDAD ACADÉMICA DE PINOS TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN 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.
  • 24. UNIVERSIDAD TECNOLÓGICA DEL ESTADO DE ZACATECAS UNIDAD ACADÉMICA DE PINOS TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN 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.