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

GUADALUPE HERNADEZ CHAVEZ

ESPECIALIDAD: INFORMATICA SEMESTRE: TRES

GRUPO:”302” NO DE L:3,5,13

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