PDF de programación - El maquetado a base de scripts y hojas de estilo en cascada (CSS) y su incidencia en la optimización de un sitio web

UNIVERSIDAD TÉCNICA DE AMBATO



CENTRO DE ESTUDIOS DE POSGRADO

ESPECIALIZACIÓN EN DISEÑO Y ANIMACIÓN WEB



Tema:



“El maquetado a base de scripts y hojas de estilo en cascada (CSS)

y su incidencia en la optimización de un sitio web”



Trabajo de Investigación

Previa a la obtención del Título de Especialista en Diseño y Animación Web



Autor: Ing. Efraín Marcelo Pilamunga Poveda

Director: Ing. Mg. Galo Mauricio López Sevilla



Ambato-Ecuador

2012

Al Consejo de Posgrado de la Universidad Técnica de Ambato

El tribunal receptor de la defensa del trabajo de investigación con el tema “El
maquetado a base de scripts y hojas de estilo en cascada (CSS) y su incidencia en
la optimización de un sitio web”, presentado por el Ing. Marcelo Pilamunga
Poveda y conformado por: Ing. Mg. Guillermo Almeida Garzón, Ing. Mg. Freddy
Robalino Peña e Ing. Mg. Lorena Chiliquinga Vejar, Miembros del Tribunal; Ing.
Mg. Galo López Sevilla, Director del trabajo de investigación y presidido por el
Ing. Mg. Juan Garcés Chávez Presidente del Tribunal y Director del CEPOS –
UTA, una vez escuchada la defensa oral el Tribunal aprueba y remite el trabajo de
investigación para uso y custodia en las bibliotecas de la UTA.



Ing. Mg. Juan Garcés Chávez
Presidente del Tribunal de
Defensa



Ing. Mg. Juan Garcés Chávez
DIRECTOR CEPOS



Ing. Mg. Galo López Sevilla
Director de Trabajo de la Investigación



Ing. Mg. Guillermo Almeida Garzón
Miembro del Tribunal



Ing. Mg. Freddy Robalino Peña
Miembro del Tribunal



Ing. Mg. Lorena Chiliquinga Vejar
Miembro del Tribunal



ii



AUTORÍA DE LA INVESTIGACIÓN



La responsabilidad de las opiniones, comentarios y críticas emitidas en el trabajo
de investigación con el tema: “El maquetado a base de scripts y hojas de estilo en
cascada (CSS) y su incidencia en la optimización de un sitio web”, nos
corresponde exclusivamente a: Ing. Marcelo Pilamunga Poveda, Autor y de Ing.
Mg. Galo López Sevilla, Director del trabajo de investigación; y el patrimonio
intelectual del mismo a la Universidad Técnica de Ambato.



__________________________
Ing. Marcelo Pilamunga Poveda

__________________________
Ing. Mg. Galo López Sevilla


Director

Autor



iii



DERECHOS DE AUTOR



Autorizo a la Universidad Técnica de Ambato, para que haga de este trabajo de
investigación o parte de él, un documento disponible para su lectura, consulta y
procesos de investigación, según las normas de la Institución.

Cedo los derechos de mi trabajo de investigación, con fines de difusión pública,
además apruebo la reproducción de esta, dentro de las regulaciones de la
Universidad.



________________________________

Ing. Marcelo Pilamunga Poveda

iv





DEDICATORIA

El presente trabajo de investigación
la dedico con todo mi respeto y cariño
primeramente a Dios
por haberme dado la oportunidad de vivir y estudiar.

Con mucho cariño a mi madre que me dio la vida
y ha estado conmigo en todo momento,
brindándome apoyo en mi vida profesional,
por ser mi motor y mi mejor ejemplo de lucha y superación.

A toda la gente que me ha apoyado,
que ha estado presente de una u otra manera
durante mis estudios y mi vida personal.

Este trabajo que me llevó mucho esfuerzo realizarlo
se los dedico a ustedes.

v





AGRADECIMIENTO



Primero y antes que nada,
dar gracias a Dios,
por estar conmigo en cada paso que doy,
por fortalecer mi corazón e iluminar mi mente

Por haber puesto en mi camino
a aquellas personas
que han sido mi soporte y compañía
durante todo el periodo de estudio.

De manera especial a mi madre,
a quien agradezco de todo corazón
por su amor, cariño y comprensión.
En todo momento la llevo conmigo.

vi



ÍNDICE GENERAL DE CONTENIDOS


ÍNDICE GENERAL DE CONTENIDOS ............................................................. vii 
ÍNDICE DE GRÁFICOS ....................................................................................... xi 
ÍNDICE DE CUADROS ....................................................................................... xii 

RESUMEN ........................................................................................................... xiii 
SUMMARY ......................................................................................................... xiv 
INTRODUCCIÓN .................................................................................................. 1 

CAPITULO I ........................................................................................................... 3 
EL PROBLEMA ..................................................................................................... 3 
1.1.  Tema ............................................................................................................. 3 
1.2.  Planteamiento del Problema ......................................................................... 3 
1.2.1.  Contextualización ..................................................................................... 3 
1.2.2.  Análisis Crítico ......................................................................................... 4 
Prognosis .................................................................................................. 5 
1.2.3. 
1.2.4. 
Formulación del Problema ....................................................................... 6 
1.2.5. 
Interrogantes ............................................................................................. 6 
1.2.6.  Delimitación del objeto de investigación ................................................. 6 
1.3. 
Justificación ................................................................................................. 7 
1.4.  Objetivos ...................................................................................................... 8 
1.4.1.  Objetivo General: ..................................................................................... 8 
1.4.2.  Objetivos Específicos: .............................................................................. 8 

CAPITULO II ......................................................................................................... 9 
MARCO TEÓRICO ................................................................................................ 9 
2.1.  Antecedentes Investigativos ......................................................................... 9 
2.2.  Fundamentación Filosófica ........................................................................ 10 
2.3.  Fundamentación Legal ............................................................................... 10 
2.4.  Categorías Fundamentales ......................................................................... 11 
Fundamentación Científica ..................................................................... 12 
2.4.1. 



vii

Internet y World Wide Web .............................................................................. 12 
Diseño ............................................................................................................... 13 
Diseño Web ....................................................................................................... 13 
Diseño web aplicado ......................................................................................... 14 
Etapas del diseño web ....................................................................................... 14 
Metodologías de Desarrollo Web ..................................................................... 15 
Estándares Web ................................................................................................. 21 
Los beneficios del uso de estándares web ......................................................... 23 
Usabilidad web .................................................................................................. 24 
Otros aspectos de la usabilidad ......................................................................... 25 
Arquitectura de la información ......................................................................... 27 
Hojas de estilo en cascada (CSS) ...................................................................... 31 
Ventajas de maquetar con CSS ......................................................................... 32 
JavaScript .......................................................................................................... 34 
Imagen ............................................................................................................... 34 
Sobre el uso y abuso de imágenes ..................................................................... 35 
2.5.  Hipótesis ..................................................................................................... 36 
2.6.  Señalamiento de variables .......................................................................... 36 

CAPITULO III ...................................................................................................... 37 
METODOLOGÍA ................................................................................................. 37 
3.1.  Modalidad básica de la Investigación ........................................................ 37 
3.2.  Nivel o Tipo de Investigación .................................................................... 37 
3.3.  Población y Muestra ................................................................................... 38 
3.4.  Operacionalización de variables ................................................................ 39 
3.4.1.  Variable independiente: Optimización de un sitio web