Manual pag (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

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

• 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.

PRACTICA NU.2

PLANTILLA CON TABLAS:

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.

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

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.

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

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

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.

PRACTICA NU.7

BASE DE DATOS:

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.

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.

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

PRACTICA No.10

PLANTILLA DE PROYECTO:

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

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

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.

PRACTICA NU.15

EDITAR PERFIL:

Bueno editar perfil es cuando se puede modificar o agregar algo un ejemplo es la foto de perfil.

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