menus para la maquetacion de una pagina web
TRANSCRIPT
![Page 1: Menus PARA LA MAQUETACION DE UNA PAGINA WEB](https://reader035.vdocuments.mx/reader035/viewer/2022062320/55b477a0bb61eb0a6f8b479b/html5/thumbnails/1.jpg)
ISTITUCION EDUCATIVA MUNICIPAL
LUIS EDUARDO MORA OSEJO
MAUETACION PAGINA WEB EMPRESARIAL
NOMBRE DE LA ESTUDIANTE: ZOLANYER DELGADO
CORREO de la estudiante: [email protected]
Grado: 11 de la modalidad computación
De la jornada de la tarde
NOMBRE DEL DOCENTE: JAIRO INAGAN
CORREO PROFESOR: [email protected]
AÑO ESCOLAR 2011
MAQUETACION PÁGINA WEB EMPRESARIAL
![Page 2: Menus PARA LA MAQUETACION DE UNA PAGINA WEB](https://reader035.vdocuments.mx/reader035/viewer/2022062320/55b477a0bb61eb0a6f8b479b/html5/thumbnails/2.jpg)
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
![Page 3: Menus PARA LA MAQUETACION DE UNA PAGINA WEB](https://reader035.vdocuments.mx/reader035/viewer/2022062320/55b477a0bb61eb0a6f8b479b/html5/thumbnails/3.jpg)
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
![Page 4: Menus PARA LA MAQUETACION DE UNA PAGINA WEB](https://reader035.vdocuments.mx/reader035/viewer/2022062320/55b477a0bb61eb0a6f8b479b/html5/thumbnails/4.jpg)
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
![Page 5: Menus PARA LA MAQUETACION DE UNA PAGINA WEB](https://reader035.vdocuments.mx/reader035/viewer/2022062320/55b477a0bb61eb0a6f8b479b/html5/thumbnails/5.jpg)
MENU
PASO 1: DISEÑAMOS UNA NUEVA CAPA CON LAS MEDIDAS 565X42 Y PINTAMOS CON LA HERRAMIENTA PINCEL TOMANDO EL COLOR QUE USTED DESEA
![Page 6: Menus PARA LA MAQUETACION DE UNA PAGINA WEB](https://reader035.vdocuments.mx/reader035/viewer/2022062320/55b477a0bb61eb0a6f8b479b/html5/thumbnails/6.jpg)
PASO 2: REALIZAMOS AHORA LOS BOTONES DEL MENU CON UNAS MEDIDAS DE 100X38 PINTAMOS Y COMENZAMOS A PONERLAS EN LA
BARRA AZUL
![Page 7: Menus PARA LA MAQUETACION DE UNA PAGINA WEB](https://reader035.vdocuments.mx/reader035/viewer/2022062320/55b477a0bb61eb0a6f8b479b/html5/thumbnails/7.jpg)
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
![Page 8: Menus PARA LA MAQUETACION DE UNA PAGINA WEB](https://reader035.vdocuments.mx/reader035/viewer/2022062320/55b477a0bb61eb0a6f8b479b/html5/thumbnails/8.jpg)
![Page 9: Menus PARA LA MAQUETACION DE UNA PAGINA WEB](https://reader035.vdocuments.mx/reader035/viewer/2022062320/55b477a0bb61eb0a6f8b479b/html5/thumbnails/9.jpg)
PASO 5: LUEGO TOMAMOS LA HERRAMIENTA TEXTO Y COMENZAMOS A
ESCRIBIR EN LOS BOTONES Y TERMINAMOS DE REALIZAR NUESTRO MENU
![Page 10: Menus PARA LA MAQUETACION DE UNA PAGINA WEB](https://reader035.vdocuments.mx/reader035/viewer/2022062320/55b477a0bb61eb0a6f8b479b/html5/thumbnails/10.jpg)
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
![Page 11: Menus PARA LA MAQUETACION DE UNA PAGINA WEB](https://reader035.vdocuments.mx/reader035/viewer/2022062320/55b477a0bb61eb0a6f8b479b/html5/thumbnails/11.jpg)
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
![Page 12: Menus PARA LA MAQUETACION DE UNA PAGINA WEB](https://reader035.vdocuments.mx/reader035/viewer/2022062320/55b477a0bb61eb0a6f8b479b/html5/thumbnails/12.jpg)
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
![Page 13: Menus PARA LA MAQUETACION DE UNA PAGINA WEB](https://reader035.vdocuments.mx/reader035/viewer/2022062320/55b477a0bb61eb0a6f8b479b/html5/thumbnails/13.jpg)
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 14: Menus PARA LA MAQUETACION DE UNA PAGINA WEB](https://reader035.vdocuments.mx/reader035/viewer/2022062320/55b477a0bb61eb0a6f8b479b/html5/thumbnails/14.jpg)
PAGE
PASO 1: CREAMOS UNA CAPA CON LAS MEDIDAS 366X489
![Page 15: Menus PARA LA MAQUETACION DE UNA PAGINA WEB](https://reader035.vdocuments.mx/reader035/viewer/2022062320/55b477a0bb61eb0a6f8b479b/html5/thumbnails/15.jpg)
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
![Page 16: Menus PARA LA MAQUETACION DE UNA PAGINA WEB](https://reader035.vdocuments.mx/reader035/viewer/2022062320/55b477a0bb61eb0a6f8b479b/html5/thumbnails/16.jpg)
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
![Page 17: Menus PARA LA MAQUETACION DE UNA PAGINA WEB](https://reader035.vdocuments.mx/reader035/viewer/2022062320/55b477a0bb61eb0a6f8b479b/html5/thumbnails/17.jpg)
CREDITOS
DISEÑO: ZOLANYER DELGADO
DIRECCION GENERAL: JAIRO INAGAN
SOFWARE UTILIZADO:
PHOTOSHOP CS4
MICROSOFT OFFICE WORK