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.

Ejercicio 3 maquete utilizando css externo.

164 views

Published on

ejercicio3

Published in: Education
  • Be the first to comment

  • Be the first to like this

Ejercicio 3 maquete utilizando css externo.

  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 : CCALLA HUANCA, Diego Carlos. CICLO ACADÉMICO : V SEMESTRE : 2015 III Juliaca - Puno – Perú. 2015
  2. 2. DISEÑO WEB CCALLA HUANCA, DIEGO CARLOS DISEÑO WEB 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. DISEÑO WEB CCALLA HUANCA, DIEGO CARLOS DISEÑO WEB Ejercicio 3: Maquetación utilizando CSS externo. Paso N°1:Trabajaremos en el archivo CSS. Para esto es los siguientes códigos que nos servirán para poderhacerlo el ejercicio N°3 Paso N°3:codificamos los siguientes códigos para el cuerpo asignado que es lo siguiente. #cuerpo{ width:900px; margin:auto; }
  4. 4. DISEÑO WEB CCALLA HUANCA, DIEGO CARLOS DISEÑO WEB Paso N°4:codificamos los siguientes códigos para la capa 1 asignado que es lo siguiente. #capa1{ width:900px; background:#0FF; height:200px; border:solid 1px; } Paso N°5:codificamos los siguientes códigos para la capa 2 asignado que es lo siguiente. #capa2{ width:900px; background:#0F0; height:50px; border:solid 1px; } Paso N°6:codificamos los siguientes códigos para la capa 3 asignado que es lo siguiente. #capa3{ width:900px; background:#9F3; height:500px; border:solid 1px; }
  5. 5. DISEÑO WEB CCALLA HUANCA, DIEGO CARLOS DISEÑO WEB Paso N°7:codificamos los siguientes códigos para la capa 4 asignado que es lo siguiente. #capa4{ width:900px; background:#306; height:50px; border:solid 1px; } Paso N°8:codificamos los siguientes códigos para la capa 5 asignado que es lo siguiente. #capa5{ width:900px; background:#FC9; height:50px; border:solid 1px; }
  6. 6. DISEÑO WEB CCALLA HUANCA, DIEGO CARLOS DISEÑO WEB Paso N°9:Trabajaremos en el archivo HTML. Para esto es los siguientes códigos que nos servirán para poderhacerlo el ejercicio N°2 Paso N°10:codificamos los siguientes códigos para la práctica 2 (HTML) asignado que es lo siguiente.
  7. 7. DISEÑO WEB CCALLA HUANCA, DIEGO CARLOS DISEÑO WEB Paso N°10:AHORA VEAMOS EL RESULTADO PRESIONANDO F12:

×