Este documento presenta la visión y misión del Instituto de Educación Superior Tecnológico Privado "TECNOTRONIC" para el 2018 y 2015 respectivamente. Luego, describe los pasos para maquetar una página web utilizando códigos HTML y CSS externos, incluyendo la creación de cuadros para el cuerpo, margen izquierdo, centro y derecho, y un pie de página. Finalmente, muestra una captura de pantalla del resultado en el navegador.

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 : DISEÑO WEB
DOCENTE : HANCCO QUISPE, Elar E.
ESTUDIANTE : PAYE MENDOZA, Gaby
CICLO ACADÉMICO : V
SEMESTRE : 2015 III
Juliaca - Puno – Perú.
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. Trabajaremos conel HTML.
Paso N°1 codificamos los siguientes códigos (HTML) asignado que es lo
siguientes código.
Ejercicio 1: Maquete utilizando CSS externo.
Paso N° 1: Lo primero hacerlo el cuerpo del cuadro para eso lo primero
ponemos el siguiente código que es:

4. Paso N° 2: Ahora hacerlo el cuadro izquierdo (margen izquierdo) para ello
son los siguientes códigos.
Paso N° 2: Ahora hacerlo el cuadro izquierdo (margen izquierdo) para ello
son los siguientes códigos.
Paso N° 4: Ahora hacerlo el cuadro derecho (margen-derecho) para ello son
los siguientes códigos.

5. Paso N° 3: Ahora hacerlo el cuadro centro (margen-centro) para ello son los
siguientes códigos.
Paso N° 6: Ahora hacerlo el cuadro donde ira del footer (parte de abajo) para
ello sonlos siguientes códigos.
.

6. Paso N° 7: El resultado del ejercicio N° 1 ejecutado en el navegador.