ISTITUCION EDUCATIVA MUNICIPAL

LUIS EDUARDO MORA OSEJO

MAUETACION PAGINA WEB EMPRESARIAL

NOMBRE DE LA ESTUDIANTE: ZOLANYER DELGADO

CORREO de la estudiante: zolanyerdelgado.b@gmail.com

Grado: 11 de la modalidad computación

De la jornada de la tarde

NOMBRE DEL DOCENTE: JAIRO INAGAN

CORREO PROFESOR: jairoinagan@gmail.com

AÑO ESCOLAR 2011

MAQUETACION PÁGINA WEB EMPRESARIAL

HEADER

PASO 1: ABRIMOS EL PROGRAMA DE PHOTOSHOP EN MI CASO LA VERSION CS4, ARIMOS NUEVO Y LE PONEMOS LAS MEDIDAS 920X200

PASO 2: PINTAMOS LA CAPA DEL COLOR QUE QUIERAS OY TOMAS UN ESTILO Y LO APLICAS

PASO 3:

A CONTINUACION SE DEBE ABRIR UN ARCHIVO NUEVO QUE EN MI CASO ES EL ESCUDO DEL COLEGIO Y LO PEGAMOS EN LA CAPA

PASO 4: AHORA TOMAMOS LA HERRAMIENTA TEXTO Y ESCRIBIMOS EL NOMBRE DEL HEADER

PASO 5: LUEGO DAMOS CLICK DERECHO A LA CAPA DE TITULO OPCIONES DE FUSION SELECCIONAMOS UN COLOR PARA EL TITULO Y DAMOS OK Y YA QUEDO NUESTRO HEADER LISTO

MENU

PASO 1: DISEÑAMOS UNA NUEVA CAPA CON LAS MEDIDAS 565X42 Y PINTAMOS CON LA HERRAMIENTA PINCEL TOMANDO EL COLOR QUE USTED DESEA

PASO 2: REALIZAMOS AHORA LOS BOTONES DEL MENU CON UNAS MEDIDAS DE 100X38 PINTAMOS Y COMENZAMOS A PONERLAS EN LA

BARRA AZUL

PASO 3: LUEGO ARRASTRAMOS A UNA NUEVA CAPA CON LAS MEDIDAS DE 600X250

PASO 4: LUEGO COMENZAMOAS A AÑADIR MAS BOTONES PINTADOS DE COLOR AZUL DEL TAMAÑO DE LOS BOTONES ANTERIORES 100X38

PASO 5: LUEGO TOMAMOS LA HERRAMIENTA TEXTO Y COMENZAMOS A

ESCRIBIR EN LOS BOTONES Y TERMINAMOS DE REALIZAR NUESTRO MENU

LOGO

Paso 1: DISEÑAMOS EN UNA CAPA VAMOS A OPCION DE COLORES TOMAMOS UNO Y NOS DIRIGIMOS A CREAR UNA ESTRELLA COMO YA TOMAMOS EL COLOR LA ESTRELLA EN EL MOMENTO QUE LA REALICES

SE PINTARA

PASO 2: AHORA DAMOS CLIC DERECHO A LA CAPA Y TOMAMOS UN ESTILO Y NOS QUEDARA COMO LA IMAGEN LO MUESTRA SEGÚN EL ESTILO QUE ELIJAN

PASO 3: AHORA TOMAMOS UNA IMAGEN Y LA PEGAMOS EN LA ESTRELLA PARA ACOMODARLA AL TAMAÑO DE LA ESTRELLA LE DEBEN DAR (ctrl+T) y aplicar

PASO 4: TOMAMOS LA HERRAMIENTA TEXTO Y REALIZAMOS NUEDTRO TEXTO LE DAMOS UN COLOR AL TITULO LE DAMOS CLIC DERECHO Y TOMAMOS LA OPCION DEFORMAR TEXTO Y TOMAN LA OPCION QUE DESEN EN MI OCACION TOME ARCO SUPERIOR Y LA AJUSTE SEGÚN MI IMAGEN Y APLICAR Y YA TENEMOS NUESTRO LOGO

FOOTER

PASO 1: PRIMERO ABRIMOS NUEVO Y LE PONEMOS LA MEDIDAS 980X150

PASO 2: TOMAMOS UN COLOR Y DAMOS CLIC DERTECHO PARA TOMAR UN ESTILO Y LO APLICAMOS Y YA QUEDA LISTO NUESTRO FOOTER

PAGE

PASO 1: CREAMOS UNA CAPA CON LAS MEDIDAS 366X489

PASO 2: AHORA TOMAMOS LA HERRAMIENTA PINCEL LA PONEMOS EN 55 DEL PINCEL TOMAMOS UN COLOR Y COMENZAMOS A PINTAR Y NOS VA A QUEDAR ASI

PASO 3: VAMOS A LA HERRAMIENTA PINCEL Y TOMAMOS EL NÚMERO DEL PINCEL 55 AHORA TOMAMOS UN COLOR Y COMENZAMOS A DECORAR LA PAGE Y HACEMOS LO MISMO CON OTRO MOTIVO

PASO 3: AHORA TOMAMOS LA HERRAMIENTA FORMA PERSONALIZADA QUE ESTA EN LA PARTE INFERIOR IZQUIERDA DE LA BARRA DE HERRAMIENTAS ENSEGUIDA VAMOS A FORMAS Y TOMAMOS UN MOTIVO Y LO APLICAMOS A LA PAGE

PASO 4: AHORA AJUSTAMOS LOS COLORES COMO MEJOR NOS PARESCA Y LISTO YA TENEMOS NUESTRA PAGE SIN ANTES DARLE ACOPLAR IMAGEN

CREDITOS

DISEÑO: ZOLANYER DELGADO

DIRECCION GENERAL: JAIRO INAGAN

SOFWARE UTILIZADO:

PHOTOSHOP CS4

MICROSOFT OFFICE WORK