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
POSEE : CAUNA ROQUE Roberto.
CICLO ACADÉMICO : V-A
UNIDAD DIDACTICA : DISEÑO WEB
DOCENTE : HANCCO QUISPE, Elar E.
SEMESTRE : 2015-I
Juliaca - 2015

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. MAQUETADO DE PAGINA WEB EJERCICIO N° 02
En nuestro caso ya esta abierto el programa adobe teamviewer utilizando css externo
METODO 1: insertamos el cuerpo de la siguiente manera:
#cuerpo{
width:900px;
background:#00C;
margin:auto;
}
METODO 2: insertamos capa 1 de la siguiente manera:
#capa1{
position: absolute;
width: 150px;
height: 200px;
border: solid 1px #000;
background-color: #FCC;
text-align: center;
float: left;
}
METODO 3: insertamos capa 2 de la siguiente manera:
#capa2{
width:200px;
height:300px;
background:#F60;
border:solid #F00;
}
METODO 4: insertamos capa 3 de la siguiente manera:
#capa3{
width:200px;
height:300px;
background:#F33;

4. border:solid #F00;
}
METODO 5: insertamos capa 4 de la siguiente manera:
#capa4{
left:430px;
top:213px;
position:absolute;
width:690px;
height:607px;
background:#F63;
border:solid #F00;
}
METODO 6: insertamos capa 5 de la siguiente manera:
#capa5{
width:895px;
height:70px;
background-color:#F06;
border:solid #F00;
}
METODO 7: Por último asignamos las siguientes variables en cada una de las capas
Por ejemplo;

5. METODO 8: Vemos el resultado con la tecla F12.