Ejercicio 3 maquete utilizando css externo.
9
“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
-
Upload
carlos-ccalla -
Category
Education
-
view
19 -
download
0
Transcript of Ejercicio 3 maquete utilizando css externo.
“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
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.
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 poder hacerlo 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;
}
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;
}
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;
}
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 poder hacerlo el
ejercicio N°2
Paso N°10: codificamos los siguientes códigos para la práctica 2 (HTML)
asignado que es lo siguiente.
CCALLA HUANCA, DIEGO CARLOS
DISEÑO WEB
Paso N°10: AHORA VEAMOS EL RESULTADO PRESIONANDO F12:
CCALLA HUANCA, DIEGO CARLOS
DISEÑO WEB
