1. DISEÑO WEB
VIRGINIA DEMECIA HANCCO MORMONTOY
Año de la Promoción de la Industria Responsable y del Compromiso Climático”
INSTITUTO DE EDUCACION SUPERIOR TECNOLOGICO PRIVADO
“TECNOTRONIC”
ESPECIALIDAD:
COMPUTACION E INFORMATICA:
UNIDAD DIDÁCTICA:
DISEÑO WEB
DOCENTE:
PROF: HANCCO QUISPE, Elar E.
PERTENECE A:
HANCCO MORMONTOY, Virginia Demecia
SEMESTRE:
V
SECCION:
A
JULIACA-PUNO-PERÚ
2015

2. DISEÑO WEB
VIRGINIA DEMECIA HANCCO MORMONTOY
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. DISEÑO WEB
VIRGINIA DEMECIA HANCCO MORMONTOY
Ejercicio 2: Maquete utilizando CSS externo.
Primero abrimos dreamweaver.
Paso N°1:Trabajaremos en el archivo CSS.
Para esto usaremos los siguientes códigos.
ejercicio N°2
Paso N°2:codificamos los siguientes códigos para el header asignado que
es lo siguiente.
width:720px;
background-color: #960;
margin:auto;
}
Paso N°3:codificamos los siguientes códigos para la capa1 asignado que
es lo siguiente.
#capa1{
position: absolute;
width: 150px;
height: 200px;
border: solid 1px #339;
background-color: #C30;
text-align: center;
float: left;
}
Paso N°4:codificamos los siguientes códigos para la capa 2 asignado que
es lo siguiente.

4. DISEÑO WEB
VIRGINIA DEMECIA HANCCO MORMONTOY
#capa2{
width: 560px;
height: 400px;
background: #C00;
border: solid #966;
}
Paso N°5:codificamos los siguientes códigos para la capa 3 asignado que
es lo siguiente.
#capa3{
width: 140px;
height: 200px;
background: #909;
border: solid #FF0;
}
Paso N°6:codificamos los siguientes códigos para la capa 4 asignado que
es lo siguiente.
#capa4{
left:430px;
top:213px;
position:absolute;
width:690px;
height:607px;
background:#06F;
border:solid #33F;
}
Paso N°7:codificamos los siguientes códigos para la capa 5 asignado que
es lo siguiente.
#capa5{
width:895px;
height:70px;
background-color:#F06;
}
Paso N°8:Trabajaremos en el archivo HTML.
Para esto es los siguientes códigos que nos servirán para poderhacerlo el
ejercicio N°2

5. DISEÑO WEB
VIRGINIA DEMECIA HANCCO MORMONTOY
Paso N°9:codificamos los siguientes códigos para la práctica 2 (HTML)
asignado que es lo siguiente.

6. DISEÑO WEB
VIRGINIA DEMECIA HANCCO MORMONTOY
Paso N° 10: Es el resultado ejecutado presionamos F12 (ejercicio N°2)