1. COLEGIO DE ESTUDIOS CIENTÍFICOS Y TECNOLÓGICOS DE
MÉXICO
PLANTEL TECAMAC
“MANUAL DE PRACTICAS”
PAGINAS WEB
RENE DOMINGUEZ
ELABORADO POR: ESTEFANIA ARTEAGA MAURICIO
ELIZABETH BALDERRAMA ZURITA
ESPECIALIDAD: INFORMATICA SEMESTRE: TRES
GRUPO:”302” NO DE L:”3”,”5”
TECAMAC ED. DE MEXICO
11-NOV-12

2. INDICE
• Plantilla con página de inicio
• Plantilla con tablas
• Login
• Error
• Registrar
• Perfil
• Base de datos
• Galería de imágenes con iframe
• Calculadora
• Plantilla de proyecto
• Efecto JavaScript

3. • Hoja de estilos
• Intro flas
• Banner flash
• Gestión de imagen
• Editar perfil
PRACTICA No.1
PLANTILLA CON PÁGINA DE INICIO:
En esta práctica se elaboró en Dreamweaver escogiendo la plantilla de página de
inicio (la más agradable ya que tienen diferentes plantillas) haciéndola de una
empresa inventada o verdadera poniendo región editable, imágenes referentes a
la empresa.
Al mismo tiempo haciéndola presentable y de un buen agrado para presentarla a
la demás gente ya que es una página de inicio para la web.

4. PRACTICA NU.2
PLANTILLA CON TABLAS:

5. Bueno en esta práctica se tuvo que realizar una seria de tablas en el cual la
desarrollamos de música de imágenes en donde la tabla tiene un formato de texto
con imágenes relacionadas al tema.

6. PRACITCA No. 3
LOGIN:
En esta práctica se realizó en Xamp bueno en este programa teníamos que hacer
una base de datos esto quiere decir un registro como por ejemplo:
Email
Password
Nombre
Apellido
Entre otras al mismo tiempo teníamos que hacer un usuario para poder entrar a
nuestra página y nos mandara directamente a ella

7. PRACICA No.4
PAGINA ERROR:
Bueno en esta práctica tuvimos que tener ya echa nuestra plantilla ya que con ella
nos apoyamos a no hacer otra y solo poner vínculos para saber que la persona
esta errónea en su correo o contraseña o ya sea volver a registrarse.

8. Así que los mandaba a la página de registrar o intentar de nuevo

9. PRACTICA NU.5
PAGINA DE REGISTRO:
Bueno en esta práctica se realizó casi el mismo proceso solo que utilizamos la
herramienta de juego de registro en donde nos mandó a nuestro usuario y nos
apareció la base de datos que hicimos entonces las pusimos en nuestra pagina de
error y un botón

10. PRACTICA No.6
PAGINA DE PERFIL:
Bueno en esta práctica se volvió a utilizar la misma plantilla aquí se puso el juego
de registro para que la página de perfil al momento de entrar a tu cuenta te diera la
bienvenida y pone toda aquella información de la persona que al momento de
registrarse la puso.

11. PRACTICA NU.7
BASE DE DATOS:

12. Bueno en esta práctica se realizó en xamp en este programa hicimos una base de
datos en donde los pudimos utilizar de nuevo en dreamweaver para ello
requerimos como si fuera un registro la información básica de una red social.

13. PRACTICA No. 8:
GALERIA DE IMÁGENES CON IFRAME:
Bueno en esta práctica se realizó una tabla en donde la dividimos en 10 aquí
pusimos imágenes y al momento de abrirlas en el navegador pudiéramos ver la
imagen una por una al dar le clic a cada una de las imágenes.

15. PRACTICA No.9
CALCULADORA:
Bueno en esta práctica fue casi el mismo procedimiento solo que cambio que era
una calculadora en donde las paginas eran calcular, salir.
Con las operaciones básicas en la calculadora

16. PRACTICA No.10
PLANTILLA DE PROYECTO:

17. Bueno en la plantilla de proyecto fue como la plantilla de inicio la modificamos con
el tema relacionado de nuestro proyecto para que se viera de que estábamos
hablando

18. PRACTICA NU.11
EFECTO JAVASCRIP:
En esta práctica no se puedo decir que JavaScript es solo como aplicación esto
quiere decir (no solo son juegos) aquí se realizó un mensaje de bienvenida antes
de abrir las paginas

19. PRACTICA NU.14
INTRO FLASH:
Bueno en esta práctica el intro flash para realizarlo en dreamweaver se necesita
un programa pero se puede hacer con un intro gratis aquí se pudo hacer con intro
gratis y es como un tema de fondo tú lo seleccionas y listo.

21. PRACTICA NU.15
EDITAR PERFIL:
Bueno editar perfil es cuando se puede modificar o agregar algo un ejemplo es la
foto de perfil.

23. PRACTICA No.16
GESTION DE IMAGEN:
Bueno en esta práctica la gestión de imagen es cuando te aparece de donde subir
la foto o video así que nosotras la hicimos de esta forma