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. Además, describe los 19 pasos para maquetear una página web utilizando CSS externo, incluyendo la codificación de distintos estilos CSS y su aplicación en el documento HTML.

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 : TRUJILLO DIAZ, Digna Elizabeth
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. EJERCICIO 4: Maquete utilizando CSS externo.
Primero lo tenemos abierto el programa dreamweavern para así podertrabajar,
los pasos sonlos siguientes.
Paso N°1:
Para esto es los siguientes códigos que nos servirán para poderhacerlo el
ejercicio N°4
Paso N°2:codificamos los siguientes códigos css

4. Enlace con css en HTML:
Después lo guardamos y hacemos clic vista previa de navegador y lo
mostrara así

5. Paso N°3:codificamos los siguientes códigos en CSS
En HTML:
Paso N°4:codificamos los siguientes códigos css.

6. Paso N°5:codificamos los siguientes códigos css.
Paso N°6:codificamos los siguientes códigos css.
EN HTML:

7. Y nos muestra lo siguente.
Paso N°7:codificamos en css.
Paso N°8:codificamos en css.

8. Paso N°9:codificamos los siguientes códigos css.
Paso N°10:codificamos los siguientes códigos css.
Paso N°11:codificamos los siguientes códigos css.

9. Paso N°12:codificamos los siguientes códigos css.
Paso N°13:codificamos los siguientes códigos css.

10. En HTML:

11. No mostrara asi ya:
Paso N°14:codificamos los siguientes códigos css.

12. Paso N°15:codificamos los siguientes códigos css.
Paso N°16:codificamos los siguientes códigos css.
Paso N°17:codificamos los siguientes códigos css.

13. En HTML:
Luego nos mostrara asi:

14. Paso N°18:codificamos los siguientes códigos css.

15. Paso N°19:codificamos los siguientes códigos css.
En HTML:

16. Finalmente nos mostrara asi: