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 01
Para lo cual vamos a realizar un maquetado de página web, en primer lugar vamos a abrir
el programa dreamweaver cs6
Elegimos la opción tipo de página html.
Una vez elegido vamos a la opción código colocamos como titulo
<title>maquetado</title>
en seguida declaramos la hoja de estilo
<style type="text/css">
METODO 1: Insertamos el cuerpo
#cuerpo{
width:900px;
background:#CCC;
margin:auto;
}
METODO 2: Insertamos banner o la cabecera
#header{
height: 200px;
width:100%;
background:#F66
}
METODO 3: Insertamos menú de navegación
#menu_navegation{

4. width:150px;
background:#096;
border: solid 1px #000000;
float:left;
height:700px;
}
METODO 4: Isertamos menú link list
#menu_linklist{
width:150px;
background:#69F;
border: solid 1px #000000;
float:right;
height:700px;
}
METODO 5: Insertamos el contenido
#content{
width:594px;
border: solid 1px #000000;
background:#3FF;
float:left;
margin-left:0px;
height:700px;
}
METODO 6: Insertamos el pie de pagina
#footer{
border: solid 1px #03C;
float:left;
width:100%;
height:60px;
background:#FF3;

5. }
Hemos realizado una maquetación de una pagina web tal como muestra en la imagen
Por último asignamos las siguientes variables en cada una de las capas
Por ejemplo;
Por el ultimo lugar presionamos la tecla f12 para guardar o caso contrario nos mandara
a un navegador web