Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Ejercicio3

127 views

Published on

  • Be the first to comment

  • Be the first to like this

Ejercicio3

  1. 1. “Año de la diversificación productiva y del fortalecimiento de la educación” INSTITUTO DE EDUCACIÓN SUPERIOR TECNOLÓGICO PRIVADO “TECNOTRONIC” COMPUTACIÓN E INFORMÁTICA UNIDAD DIDACTICA : DISSEÑO WEB DOCENTE : HANCCO QUISPE, Elar E. ESTUDIANTE : QUISPE APAZA, Mery. CICLO ACADÉMICO : V SEMESTRE : 2015 III Juliaca - Puno – Perú. 2015
  2. 2. COMPUTACION E INFORMATICA QUISPE APAZA, Mery Página 2 VISIÓN En el 2018, El IESTP TECNOTRONIC es un Modelo Empresarial Educativo de Excelencia Académica que lidera la Educación Superior Tecnológica de la región sur del país. MISIÓN Formar profesionales competitivos en un ambiente de Emprendimiento, Innovación, Eficiencia y Valores.
  3. 3. COMPUTACION E INFORMATICA QUISPE APAZA, Mery Página 3 EJERCICIO 3 Maquete utilizando CSS externo. Primero lo tenemos abierto el programa dreamweavern para así podertrabajar, los pasos sonlos siguientes. Paso N°1:codificamos los siguientes códigos css. Para esto es los siguientes códigos que nos servirán para poderhacerlo el ejercicio N°3 Paso N°2:codificamos los siguientes códigos css. #cabecera{ background:#CC9; border:groove; width:1000px; height:200px; padding-top:1px; margin:auto; text-align:center; }
  4. 4. COMPUTACION E INFORMATICA QUISPE APAZA, Mery Página 4 Paso N°3:codificamos los siguientes códigos css. #margen-izquierdo{ background:#F93; border:groove; width:1000px; height:50px; padding-top:1px; margin:auto; text-align:center; } Paso N°4:codificamos los siguientes códigos css. #margen-centro{ background:#39C; border:groove; width:1000px; height:600px; padding-top:1px; margin:auto; text-align:center; } Paso N°5:codificamos los siguientes códigos css. #margen-derecho{ background:#CC3; border:groove; width:1000px; height:50px; padding-top:1px; margin:auto; text-align:center; }
  5. 5. COMPUTACION E INFORMATICA QUISPE APAZA, Mery Página 5 Paso N°6:codificamos los siguientes códigos css. #footer{ background:#CC9; border:groove; width:1000px; height:50px; padding-top:1px; margin:auto; text-align:center; } Paso N°7:Trabajaremos en el archivo HTML. Para esto es los siguientes códigos que nos servirán para poderhacerlo el ejercicio N°2
  6. 6. COMPUTACION E INFORMATICA QUISPE APAZA, Mery Página 6 Paso N°8:codificamos los siguientes códigos para la práctica 2 (HTML) asignado que es lo siguiente. <!DOCTYPE html > <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>practica de css </title> <link rel="stylesheet" href="css3.css" type="text/css"/> </head> <body> <div id="cabecera"> Header</div> <div id="margen-izquierdo"> navigation</div> <div id="margen-centro"> navigation</div> <div id="margen-derecho"> navigation</div> <div id="footer"> footer</div> </div> </body> </html>
  7. 7. COMPUTACION E INFORMATICA QUISPE APAZA, Mery Página 7 paso N° 9: El resultado del ejercicio N° 3 ejecutado en el navegador.

×