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. 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. 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;
}
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. 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>