1º Primero nos vamos a la unidad de disco duro y abrimos el disco duro “c” hay

encontraremos una carpeta llamada xampp.

2ºAbrimos la carpeta xampp Y dentro de la carpeta xampp encontraremos la

carpeta htdocs

3º Ya después de hallar la carpeta htdocs la abrimos y hay creamos una carpeta

con el nombre de nuestro sitio.

4º ya cuando se tiene la carpeta creada entonces nos vamos a localhost y

phpmyadmin

5º Al haber entrado a phpmyadmin nos aparece la siguiente ventana y es donde le

damos el nombre a nuestra base de datos ya teniendo el nombre le damos a el

botón crear

6º Al haber creado nuestra base de datos y haber presionado el botón crear nos

manda a esta ventana que es donde le daremos el nombre a nuestra tabla y el

número de campos que llevara nuestra tabla ya al haberle dado el nombre y el

número de campos le damos al botón continuar

7º En esta ventana comenzamos a llenar los campos de nuestra tabla al igual que

le damos el tipo ya sea varchar, entero etc., la longitud, si es llave primaria y si es

autoincrementar o no.

8º Se presiona el botón continuar y nos aparece esta ventana la cual nos muestra

cómo nos quedó nuestra tabla.

9º Ya al tener nuestras carpeta creada y nuestra base de datos lista abrimos

dreamweaver y nos vamos a la barra de herramientas a donde dice sitio y

seleccionamos nuevo sitio

10º Después de haberle dado a la opción nuevo sitio nos aparecerá la siguiente

ventana que es donde le daremos el nombre a nuestro sitio y seleccionaremos la

carpeta donde se va a guardar.

11º Antes presionar el botón guardar nos vamos a la pestaña que está al lado

izquierdo y seleccionamos donde dice servidores. Y nos vamos a la parte superior

donde está un signo de mas (+)

12º Presionamos el signo más (+) y nos aparecerá la siguiente ventana en la cual

nos muestra dos pestañas donde dice avanzadas y básicas y seleccionamos la

pestaña donde dice básicas. Y nos aparecen varios campos para llenar como es el

nombre de servidor que se le tiene que dar un nombre, en el siguiente campo

donde dice conectar usando se le cambia FTP por local/red y nos manda a otra

ventana.

13º Esta es la ventana a la cual nos manda ya después de haberle cambiado

conectar usando FTP a local/red, Y donde dice carpeta de servidor seleccionamos

la carpetita del lado derecho y buscan nuestras carpetas para que ahí se

almacene nuestro sitio, y por ultimo donde aparece URLWeb: nos aparece por

default http:// aquí nomas agregamos localhost/prueba4b que es el nombre de

nuestra carpeta donde se almacenara nuestro sitio, y presionamos el botón

guardar.

14º al presionar el botón guardar nos manda a esta ventana en la cual nomas se

le cambiara de remoto que esta seleccionado con una paloma a de prueba y

botón guardar y listo

15º en esta ventana creamos dos archivos que es el de lista y el de guardar

alumnos pero eso si los dos tienen que llevar el (.PHP).

16º Después de haber creado los dos archivos nos vamos a la base de datos

después donde dice conexión MySQL y le damos clic.

17º Después de darle clic nos aparece la siguiente ventana donde le vamos a dar

el nombre a la conexión, el nombre del servidor, nombre de usuario y seleccionar

la carpeta donde se va a guardar.

18º Ya al haberle asignado los datos a la ventana anterior le damos aceptar y nos

aparece esta ventana y aquí nomas le damos aceptar

19º Después de haberle dado aceptar nos aparece esta otra ventana e igual le

damos aceptar.

20º Después le damos en la insertar después en datos, datos dinámicos y en

tabla dinámica y le damos aceptar a todo lo demás.

21º Y así nos aparecerá la ventana ya después de haberle dado aceptar a todo.

22º Después nos vamos otra vez a insertar y a datos e insertar registros y

asistente de formularios y le damos clic.

23º Ya después de haberle dado aceptar nos aparece esta ventana donde

quitaremos el id_alumno para esto seleccionamos el id_alumno y le damos en la

opción (-) y nos vamos a examinar y en ese campo buscamos lista.php que es a

donde queremos que nos mande y aceptar.

24º Ya al haber quitado el id alumno seleccionamos la palabra sexo y nos vamos a

donde dice mostrar cómo y seleccionamos grupo de opciones y nos aparece esta

ventana donde le daremos el valor de 1 a hombre y 0 a la mujer y para agregar un

elemento le damos a la opción más o para quitar a la opción menos y le damos

aceptar.

25º De igual forma seleccionamos la palabra grupo y mostrar cómo y menú

después propiedades y de igual forma agregamos los elementos como en la

ventana anterior y aceptar.

26º Y esta es nuestra ventana final la cual así nos tiene que aparecer y ya está

listo.

27° Ahora nos posicionamos en el archivo Lista_alumno.php y nos vamos a la

barra donde dice datos y lo seleccionamos

28° Después de haber seleccionado la pestaña datos nos vamos a datos

dinámicos y a tabla dinámica y clic.

29°Y después aparecerá una ventana como la siguiente.

30°Damos clic en juego de registro

31° Si es necesario cambiar nombre se puede hacer.

Después damos aceptar.

32°Seguimos seleccionando el botón aceptar.

33°Después aparecerá otra ventana donde seleccionaremos todos los registros y

presionamos el botón aceptar.

34° Y ya tenemos nuestra Lista_alumno.php y nos vamos a

Comprobar que nuestro sistema funcione en la web.

35°En esta ventana es donde guardaremos los datos del alumno

36°Aquí agregamos algún nombre cualquiera para verificar que este en la

Lista_alumno.php y asi saber si nuestro sitio esta funcionando o mejor dicho si se

esta actualisando

37°Y ahora agregamos tres campos donde digan Acciones, Actualizar y Eliminar.

38°Seleccionamos la parte de Sexo después damos clic derecho.

39°Donde aparecerá una lista y posicionaremos el cursor en tabla donde

automáticamente aparece una lista donde daremos clic en insertar filas o

columnas.

40°y nos aparecerá esta ventana de insertar filas o columnas

41°Después damos clic en el botón aceptar.

42° Después aparecerá las dos columnas que insertamos. Y Ahora realizaremos

lo siguiente

43° Seccionamos las columnas insertadas dar clic derecho y en tabla ahora en

combinar celdas.

44°Así es como quedaran las columnas después de combinar celdas.

45°Ahora escribimos Acciones en la parte de arriba después Eliminar y Actualizar

como se muestra en la imagen anterior.

46° Ahora creamos un nuevo archivo llamado Actualizar y eliminar clic derecho en

Sitio-UTEZ(C:/XAMP….y nuevo archivo.

47° Ahora vincularemos Eliminar con el archivo creado. Seleccionando La palabra

Eliminar y dando clic en la carpeta vinculo que aparece en la parte inferior de la

interfaz.

48° Después buscamos el archivo de eliminar y damos clic en el botón aceptar El

mismo procedimiento el que aremos para el archivo de Actualizar.

49° Ahora seleccionamos Eliminar y damos clic en la pestaña que dice código que

se encuentra en la parte superior izquierda de la pantalla.

50° Aparecerá el siguiente código donde en la línea de eliminar

51° después de esta parte agregamos un ?id_alumno= después copiamos el

código

52° Solamente la parte de a continuación

53° El código anterior después de:

54°El mismo procedimiento se realiza con Actualizar.

55°Ahora damos doble clic en el archivo Eliminar para abrir.

56° Después en datos seleccionamos eliminar registro.

57°Aparecerá una ventana como la anterior donde lo único que aremos será

examinar adonde queremos que nos lleve después de borrar damos clic en el

botón Examinar.

58° Y buscamos el archivo Lista después clic en el botón Aceptar

59° Después mostrara la ventana anterior, damos Aceptar.

60° Ahora abrimos el archivo de Actualizar.

61° En datos seleccionamos Actualizar registro y seleccionamos la primera opción.

62° Así mostrara una ventana como la anterior lo único que realizaremos es en la

parte de “Tras la actualización, ir a:” damos clic en el botón Examinar

62° Para después de la acción ir a lista, seleccionamos lista y damos aceptar.

Y automáticamente nos mostrara la interfaz donde la información del alumno

serán Actualizados.

Al finalizar para poder entrar a el sitio creado escribimos en la barra de dirección

localhost o 127.0.0.1/y el nombre de la carpeta creada en xammp y htdocs.

63° para el documento en fpdf asemos lo siguiente primero abrimos el sitio y

pegamos la carpeta FPDF

Ya

64°después de haber pegado la carpeta nos vamos a reporte_alumno.php y

damos clic y nos aparesera este codigo

64° después de haber abierto el código en PDF lo modificamos para que así nos

vaya acomodando nuestro reporte como lo deseamos y asi hasta que nos quede

bien