INTRODUCCIÓN

El diseño web es una actividad que requiere factores como la navegabilidad,

interactividad, usabilidad, arquitectura de la información y la interacción de medios
como el audio, texto, imagen y vídeo; con este podemos crear sitios web y páginas
web.

Una página web es un documento electrónico al cual se puede acceder desde un

navegador. Estas páginas normalmente están compuestas por información en
textos, imágenes o hiperenlaces pero también puede contener aplicaciones
informáticas (combinación de gráficos, texto, audio, vídeo, y otros materiales
dinámicos o estáticos) para hacerla más atractiva hacia las personas que la visitan
y así hacer que esta no sea monótona y aburrida.

En esencia, una página web, es una tarjeta de presentación digital ya sea para
empresas, organizaciones o personas, así como una tarjeta de presentación de
ideas y de informaciones. Las páginas web son la base para optimizar todo un sitio
web el cual es un conjunto de páginas web.

Los elementos que contenga la página web deben ayudar para lograr el propósito
con el cual se creó la página y así obtener mejores resultados esparciendo la
información y haciendo que más personas la lean; cada página tiene un propósito
diferente como por ejemplo: ayudar a crecer su empresa, vender cosas, concientizar
a las personas acerca de temas de los que se tiene un conocimiento mínimo, para
divertir, entre otros usos que hacen interesante la búsqueda de información y el uso
de la tecnología.

1
 1. JUSTIFICACIÓN

La realización del diseño de esta página web se hace porque es necesaria una
fuente de información para la comunidad que desea saber más acerca de la
contaminación del medio ambiente poniendo una atención especial a la que se
presenta en el Municipio de Nobsa (Boyacá), pero esta página también estará
disponible para otras personas que deseen tener más información acerca de este
tema.

Con esta página web se espera lograr una concientización acerca de la

contaminación y de sus posibles consecuencias a corto o largo plazo; algunas de
estas consecuencias pueden ser enfermedades, erosión de los suelos, perdida de
la capa de ozono, perdida de pisos fértiles, calentamiento global, etc.

Actualmente tenemos que plantearnos la idea de avanzar de una manera conjunta

con la tecnología, que es algo primordial en esta época, para solucionar problemas
sociales por lo que diseñar una página web acerca de la contaminación va a lograr
que las personas se interesen tanto por la comunidad en la que viven como por la
tecnología, logrando un equilibrio y una buena forma de dar información sobre el
tema tratado con el proyecto.

2
 2. PROBLEMÁTICA

2.1 PLANTEAMIENTO DEL PROBLEMA

La poca información que se tiene sobre el manejo de las basuras y la

contaminación de los suelos está creando que muy pocas personas creen
conciencia sobre este tema en específico lo que causa que en vez de que la
contaminación disminuya va en aumento creando problemas, principalmente, con
los suelos y el clima. Estos son factores muy importantes sobre todo para el
Municipio de Nobsa ya que sus principales actividades económicas están
relacionadas con la ganadería, agricultura y la utilización de suelos, y con la poca
información estas actividades están dejando de dar buenos resultados.

2.2 FORMULACIÓN

¿Qué impacto podría tener la elaboración de una página web que contenga la
información suficiente sobre el cuidado del ambiente en el municipio de Nobsa
teniendo en cuenta sus actividades económicas principales?

2.3 SOLUCIÓN DEL PROBLEMA

3
 3. OBJETIVOS

3.3 OBJETIVO GENERAL:

• Diseñar una página web que ayude a aumentar la información sobre la

contaminación y sus consecuencias tanto sociales como económicas en el
Municipio de Nobsa.

3.4 OBJETIVOS ESPECÍFICOS:

• Realizar encuestas sobre el tema a tratar para saber la efectividad del

proyecto.
• Dar la información necesaria para hacer que las personas se interesen en la
página.
• Crear una página web interesante y atractiva para las personas que la visiten.
• Buscar una forma eficaz de solucionar los problemas que causa la
desinformación acerca de la contaminación.
• Implementar la página en la web para que las personas puedan visitarla y
comentarla.

4 MARCO TEÓRICO CONCEPTUAL

4
 4.3 MARCO TEÓRICO

4.3.1 PÁGINA WEB

Una Página Web, también denominada página de Internet, es un documento

adaptado para la web y que casi siempre forma parte de un sitio web. Su rasgo
distintivo son los hiperenlaces que en la misma se hacen de otras páginas, ya
que es este el fundamento principal de la web.

Las páginas web están compuestas por información, principalmente, ya sea

texto o multimedia, es decir, imágenes y videos y los mencionados
hiperenlaces. Asimismo, una página puede contener o asociar datos de estilo
para especificar la forma de visualizarse y también aplicaciones embebidas con
el objetivo de hacerla aún más interactiva.

Respecto del contenido de una página web, el mismo puede ser dinámico o en
su defecto estático. Se dice que es estático cuando el contenido se encuentra
predeterminado y se llamará dinámico cuando se genera al momento de
visualizar la página o solicitársela a un servidor web.1

4.3.2 DISEÑO WEB

El diseño de páginas web se trata básicamente de realizar un documento con

información hiperenlazado con otros documentos y asignarle una presentación
para diferentes dispositivos de salida.

Para el diseño de páginas web debemos tener en cuenta tres etapas:

• El diseño visual de la información que se desea editar: realizar un boceto en

papel.

1
http://www.definicionabc.com/tecnologia/pagina-web.php#ixzz2hA4JigWN

5
 • Estructura y relación jerárquica de las páginas del sitio web. Una vez que se
tiene el boceto se pasa a 'escribir' la página web.
• Posicionamiento en buscadores o SEO. Ésta consiste en optimizar la
estructura del contenido para mejorar la posición en que aparece la página
en determinada búsqueda. 2

4.3.3 MANEJO AMBIENTAL

Surge desde el concepto de ECOEFICIENCIA definido por El Consejo

Colombiano de Desarrollo Sostenible como: “el proceso continuo de maximizar
la productividad de los recursos, minimizando desechos y emisiones y
generando valor en los beneficiarios de las zonas aledañas a donde se
encuentra la producción”.3

4.3.4 CONTAMINACIÓN

La contaminación es uno de los problemas más grandes que existen en el

planeta y el más peligroso, ya que al destruir la Tierra y su naturaleza original,
termina por destruirnos a nosotros mismos.

La contaminación es la introducción de agentes biológicos, químicos o físicos a

un medio al que no pertenecen. Cualquier modificación indeseable de la
composición natural de un medio; por ejemplo, agua, aire o alimentos. Existen
varios tipos de contaminación.

2
http://es.wikipedia.org/wiki/Dise%C3%B1o_web
3
http://www.fundacionsanantonio.org/ninosyninas/fundacion/204/140/manejo-ambiental.html

6
 4.3.5 TIPOS DE CONTAMINACIÓN

4.1.5.1 CONTAMINACIÓN DEL AGUA

Como su nombre lo sugiere, “Contaminación del agua” es el tipo de

contaminación que supone la contaminación de distintos cuerpos de agua.
Varias criaturas acuáticas dependen de estos cuerpos de agua y sus
características naturales nutritivos para apoyar su vida.

Figura 1: CONTAMINACIÓN DEL AGUA FOTO TOMADA POR YOMMARA SALCEDO

¿QUÉ CAUSA LA CONTAMINACIÓN DEL AGUA?

• Los residuos industriales se vierten en estos cuerpos de agua. Esto

provoca un desequilibrio químico en el agua que conduce a la muerte de
los seres acuáticos.
• Insecticidas, pesticidas y productos químicos de maduración que se
utilizan en las plantas que se usan en el sistema de aguas subterráneas
o arroyos cercanos.

7
 • Lavar la ropa cerca de lagos y ríos detergentes causa una enfermedad
llamada “eutrofización”, que bloquea la luz del sol entre en el interior y
reduce los valores de oxígeno en el agua, causando un ambiente
inhabitable.
• Derrames de petróleo son causados cuando los buques petroleros
gigantes y plataformas petrolíferas que están presentes en los océanos
están dañadas por cualquiera tipo de error humano o natural causando
un daño a largo tiempo para el océano. Como el petróleo es más ligero
que el agua, flota sobre el agua formando una capa de bloqueo de la luz
del sol.
• Ciertos desastres naturales como las inundaciones repentinas y los
huracanes causan la entremezcla de agua con sustancias nocivas en la
tierra.

Para la reparación de los daños que ya se ha hecho, las plantas de tratamiento

de agua se construyen con técnicas innovadoras para limpiar el agua
contaminada. Pero como siempre una cierta parte de los daños no se pueden
resolver, por lo tanto, es mejor prevenir la contaminación del agua ya que esta
es una necesidad básica para la supervivencia del hombre.

4.1.5.2 CONTAMINACIÓN DEL AIRE

La contaminación del aire altera la composición química y natural del aire. La

respiración es un proceso importante para la vida de todos los seres vivos. Por
lo tanto, si el aire que nos rodea está contaminado con gases venenosos,
tendría un efecto fatal en nosotros.

8
El aire de forma natural se compone de 78% de nitrógeno, 21% de oxígeno,
0,9% de los gases de óxido y 0,1% de gases inertes. Cuando este equilibrio se
altera, provoca trastornos de proporciones graves.

Figura 2: CONTAMINACIÓN DEL AIRE FUENTE http://zoomintro.blogspot.com/2008/05/la-

asfixiante-neblina-de-nobsa_962.html

¿QUÉ
CAUSA LA CONTAMINACIÓN DEL AIRE?

• Los gases de escape parcialmente quemados liberados de motores de

combustión interna añaden gases tóxicos a la atmósfera.
• Ciertas industrias liberan algunos gases como el dióxido de azufre y
monóxido de carbono que se mezclan con el aire y las nubes y provocan
lluvias ácidas.
• La quema de plástico de desecho, madera y goma también liberan
gases cancerígenos a la atmósfera.

La contaminación del aire es fatal para los seres vivos, ya que casi todos los
seres vivos respiran directamente de la atmósfera. Por lo tanto el uso de

9
 convertidores catalíticos en los vehículos, evitando la quema de los productos
utilizados, dejando vehículos que funcionan durante largos períodos de tiempo
mientras esté detenida, favorecen un buen funcionamiento natural en el medio
ambiente.

4.1.5.3 CONTAMINACIÓN DEL SUELO

Suelo pelado de su fertilidad natural mediante el uso de sustancias químicas

Figura 3: CONTAMINACIÓN DEL SUELO FOTO TOMADA POR YOMMARA SALCEDO

artificiales, como los pesticidas, insecticidas, etc maduración agentes que se

conoce como “contaminación del suelo”. Las plantas dependen de los
compuestos nitrogenados presentes en el suelo para su nutrición. El uso de
insecticidas, pesticidas y otras sustancias químicas artificiales absorbe el
nitrógeno del suelo por lo que es apto para el crecimiento de las plantas. Las
plantas son responsables de mantener el suelo de una manera firme así,
cuando las plantas no pueden crecer divide el suelo, lo que conduce a la
erosión del suelo.4

4
http://tiposdecontaminacion.com/2013/01/06/tipos-de-contaminacion/

10
 ¿QUÉ CAUSA LA CONTAMINACIÓN DEL SUELO?

• Almacenamiento incorrecto de productos y/o residuos en actividades

industriales
• Vertidos de residuos incontrolados
• Escombros industriales
• Almacenamiento incorrecto de productos o residuos
• Fugas en tanques u operaciones deficientes
• Vertidos incontrolados de aguas residuales
• Uso incorrecto de pesticidas y/o abonos
• Alcantarillado antiguo en mal estado
• Antiguos entierros de residuos
• Deposición de contaminantes atmosféricos5

4.1.5.4 CONTAMINACIÓN TÉRMICA

Aumento de la temperatura en el ecosistema debido a la liberación de energía

de calor excesivo en el medio ambiente por métodos artificiales o desastres
naturales que se llama “La contaminación térmica”. Generalmente, las
industrias manufactureras liberar una gran cantidad de energía térmica que se
transfiere a los cuerpos de agua y aire. Incluso los vehículos que tienen
motores de combustión liberan una gran cantidad de energía térmica, ya que
requieren altas temperaturas para funcionar. El dióxido de carbono tiene una
propiedad de bloquear el calor salga de la atmósfera y por lo que el calor que
viene del sol es atrapada en la atmósfera. 6

http://www20.gencat.cat/portal/site/arc/menuitem.d79bdb4ba0c86afd624a1d25b0c0e1a0/?vgnextoid=83
80519367209210VgnVCM1000008d0c1e0aRCRD&newLang=es_ES
6
http://tiposdecontaminacion.com/2013/01/06/tipos-de-contaminacion/

11
Figura 4: CONTAMINACIÓN TÉRMICA FUENTE
http://sogamosoairepuro.blogspot.com/p/denuncia-ambiental.html

5 MARCO LEGAL

12
La legislación sobre contaminación del suelo no se encuentra de forma específica
en una Ley o Decreto de orden nacional, se tienen normas de ámbito regional o
local, esto se debe principalmente a que el recurso suelo necesariamente hace
parte fundamental de los ecosistema terrestres, por lo tanto no se hace referencia
exclusiva a la contaminación del suelo como tal, sino que generaliza a la
protección de los recursos naturales.

Algunas normas usadas para este propósito son:

• Constitución Nacional. 1991: Se presentan 17 artículos específicos,

relacionados con la protección, conservación, control y mejoramiento de los
recursos naturales: 49, 67, 79, 80, 81, 82, 88, 95, 277, 313, 317, 330, 331,
334; de forma específica sobre el uso del suelo se menciona en los
siguientes artículos: 360, 361 y 366, a los cuales se refiere la Corte
Constitucional.

• Código Penal: De forma general se refiere a los delitos contra los recursos
naturales, especialmente en los siguientes artículos:
✓ Art. 242: Ilícito aprovechamiento de recursos naturales.
✓ Art. 243: Ocupación ilícita de parques y zonas de reserva forestal.
✓ Art. 245: Propagación de enfermedad en los recursos naturales.
✓ Art. 246: Daños en los recursos naturales.
✓ Art. 247: Contaminación ambiental.

• Ley 2 de 1959: Mediante la cual se establecen con carácter de "Zonas

Forestales Protectoras" y "Bosques de Interés General", según la
clasificación de que trata el Decreto legislativo número 2278 de 1953, las
siguientes zonas de reserva forestal:
a) Zona de Reserva Forestal del Pacífico.

13
 b) Zona de Reserva Forestal Central
c) Zona de Reserva Forestal del Río Magdalena
d) Zona de Reserva Forestal de la Sierra Nevada de Santa Marta
e) Zona de Reserva Forestal de la Serranía de los Motilones.
f) Zona de Reserva Forestal del Cocuy
g) Zona de Reserva Forestal de la Amazonía

• Ley 23 de 1973: Entre los aspectos relacionados con los recursos naturales
considerados en esta ley, se tiene: “Prevención y control de la
contaminación del medio ambiente, mejoramiento, conservación y
restauración de los recursos naturales renovables. Determina como bienes
contaminables: “aire, agua y suelo”.
Se refiere a:
✓ Contaminación como “la alteración del medio ambiente por
sustancias o formas de energía puestas allí por la actividad humana
o de la naturaleza, en cantidades, concentraciones o niveles
capaces de interferir con el bienestar y la salud de las personas,
atentar contra la flora y la fauna, degradar la calidad del medio
ambiente o afectar los recursos de la nación o de particulares”.
✓ Contaminante como todo elemento, combinación de elementos o
forma de energía que actual o potencialmente pueda producir
alguna o algunas de las alteraciones ambientales descritas en la
definición de contaminación.

• Decreto 2811 de 1974. Código de los Recursos Naturales: entre su

articulado relacionado con el medio ambiente, se tienen:
✓ Artículo 8º: Se consideran factores que deterioran el ambiente,
entre otros:
a) La degradación, la erosión y el revenimiento de suelos
b) Las alteraciones nocivas de la topografía

14
 ✓ Artículo 34º: Relacionado con el manejo de residuos, basuras,
desechos y desperdicios.

✓ Artículos 182º al 186º: Relacionado con el uso y conservación de

los suelos.

✓ Artículos 324º al 326º: Relacionados con los distritos de

conservación de suelos.

• Decreto 2104 de 1983. Regulación manejo de residuos sólidos.

Entre lo establecido del Decreto, se menciona las situaciones que se deben evitar
en el manejo de basuras, para evitar la contaminación de los suelos, como son el
manejo de las basuras, donde debe evitarse, entre otras, las siguientes
situaciones:

1. La permanencia continúa en vías y áreas públicas de basuras o recipientes

que las contengan, de manera que causen problemas sanitarios y estéticos.
2. La proliferación de vectores y condiciones que propicien la transmisión de
enfermedades a seres humanos o animales.
3. Los riesgos a operarios del servicio de aseo o al público en general.
4. La contaminación del aire, suelo o agua.
5. Los incendios y accidentes.
6. La generación de olores objetables, polvo y otras molestias.
7. La disposición final no sanitaria de las basuras.7

6 MARCO GEOGRÁFICO

7
http://www.minambiente.gov.co/documentos/suelo_normas_y_contaminacion.pdf

15
 6.3 COLOMBIA
Colombia es un país de superficie territorial media,
debido a que no está entre los más extensos ni
entre los más pequeños. Su extensión terrestre es
de 1’141.748 Km2 ocupando el cuarto lugar entre
los países de Suramérica, el séptimo en América
y el número 25 del mundo, igualmente cuenta con
Figura 5: UBICACIÓN COLOMBIA
2900 km de costas, de las cuales 1600km se
encuentran en el mar caribe y los 1300km restantes en el Océano Pacífico.

Además, su localización en la zona ecuatorial determina la existencia de una gran

variedad de climas y ecosistemas. Su posición la ha colocado como sitio de
convergencia para rutas marítimas y aéreas.8

6.4 BOYACÁ
Es uno de los 32 departamentos de Colombia,
Cuenta con una superficie de 23.189 km 2 lo que
representa el 2.03 % del territorio nacional.
En el territorio de Boyacá se presenta una
diversidad de accidentes geográficos que forman
las regiones fisionómicas del valle del río
Figura 6: UBICACIÓN BOYACÁ Magdalena, la cordillera Oriental, el Altiplano
Cundí boyacense y el piedemonte de los llanos
orientales. Gracias a ello, en el departamento se presentan todos los pisos
térmicos con temperaturas desde los 35 °C, en Puerto Boyacá, hasta
temperatura bajo cero grados, en la Sierra Nevada de Güican y El Cocuy.

La principal zona económica del departamento es el Corredor Industrial de Boyacá,

geográficamente se encuentra en el Valle del Alto Chicamocha y cuenta con una

8
http://www.todacolombia.com/geografia/ubicacion.html

16
 población de medio millón de habitantes. Además de reunir las tres principales
ciudades, Tunja (sector servicios), Sogamoso y Duitama (sector industrial), reúne
un enorme complejo turístico (Paipa) y artesanal (Nobsa y Tibasosa).9

6.5 NOBSA
Hace parte de los 123 municipios del departamento de
Boyacá, los cuales se encuentran agrupados en 15
provincias.
En esta población se localiza la industria pesada y
mediana más importante del departamento de Boyacá.
Los recursos naturales y la localización geográfica
estratégica hacen del municipio de Nobsa, el centro
económico más importante de Boyacá.
Figura 7: UBICACIÓN NOBSA

Sobre el costado norte se localiza la cadena montañosa

y sobre el costado occidental el área plana en donde se desarrollan todas las
funciones productivas. Por consiguiente las áreas para la ocupación del suelo útiles
en las funciones del desarrollo territorial son mínimas; en atención a la siguiente
proporción: área plana hasta los 2500 m.s.n.m. 18,0.5 Km 2 equivalentes al 32.5%
del área municipal y el área de relieve montañoso a partir de los 2500 m.s.n.m. hasta
los 3.300 m.s.n.m. 37.33 Km2 equivalentes al 67.5% para un total de 55.33Km 2 en
el municipio de Nobsa. El área montañosa cumple una función ambiental, forestal y
de producción minera; esta última acción productiva interviene di manera negativa
sobre el equilibrio ambiental territorial.10

7 MARCO DEMOGRÁFICO

9
http://es.wikipedia.org/wiki/Boyac%C3%A1
10
http://nobsa-boyaca.gov.co/informacion_general.shtml

17
La población en el municipio según el CENSO 2005 es de 14.969 habitantes. En el
municipio habitan en promedio 286,68 habitantes por Km 2.11

DISTRIBUCIÓN POR GÉNERO

MUJERES HOMBRES

48%
52%

Gráfico 1: DISTRIBUCIÓN POR GÉNERO2 Fuente: http://nobsa-boyaca.gov.co/apc-aa-

files/32313530666662343230303061656361/ficha_15491_NOBSA.pdf

DISTRIBUCIÓN POR LOCALIZACIÓN

URBANA RURAL

35%

65%

Gráfico 2: DISTRIBUCIÓN POR LOCALIZACIÓN2 Fuente: http://nobsa-boyaca.gov.co/apc-aa-

files/32313530666662343230303061656361/ficha_15491_NOBSA.pdf
8 MARCO METODOLÓGICO

11
http://nobsa-boyaca.gov.co/apc-aa-
files/32313530666662343230303061656361/ficha_15491_NOBSA.pdf

18
 8.1 INVESTIGACIÓN DESCRIPTIVA

Este proyecto será realizado como un a investigación de tipo descriptiva, esta

consiste en llegar a conocer la situación a través de la descripción exacta de las
actividades, objetos, procesos y personas que habitan en el lugar en el que se
centrara la investigación.

La meta de este tipo de investigación no solo es la recolección de datos, sino

también la predicción e identificación de las relaciones que existen entre dos o
más variables. Los investigadores no son solo las personas que tabulan, sino que
también recogen los datos sobre la base de una hipótesis o teoría, exponen y
resumen la información de manera cuidadosa y luego analizan minuciosamente
los resultados, a fin de extraer información significativa que contribuya al
conocimiento.

8.2 POBLACIÓN Y MUESTRA

Este proyecto se desarrolló tomando como base a la población del municipio de

nobsa y realizando encuestas a una parte de la población la cual fue de cincuenta
y seis (56) personas en total.

8.3 DISEÑO METODOLÓGICO

8.3.1 FASE DIAGNÓSTICA

Para poder realizar este trabajo se realizó una encuesta en la población y con esta
se verifico si el desarrollo del proyecto sería aprovechable o no, se realizó el
boceto de la página a lápiz para empezar después a diseñarla.

8.3.2 FASE DE PLANEACIÓN

19
El proyecto consiste en el diseño de una página web para el municipio de nobsa
porque se ve la necesidad de tener un medio que de información acerca de cómo
se deben manejar las basuras y mantener un lugar limpio y agradable para vivir.

Se realizara creando el diseño de una página didáctica y que de la información

necesaria sobre el tema.

8.3.3 FASE DE EJECUCIÓN

El desarrollo del proyecto se inició con la realización del boceto a mano de la

página web para después empezar a diseñarla en el computador agregándole
fotos tomadas en el municipio e información encontrada en internet.

8.4 ANÁLISIS DE RESULTADOS

8.4.1 DISEÑO DE LA ENCUESTA

20
 TÉCNICO EN SISTEMAS
FORMATO UNICO DE
ENCUESTA INSTITUCIÓN EDUCATIVA
SUAZAPAWA
NOMBRE ESTUDIANTE: Yommara Stefanny Salcedo Joya FECHA_____________
NOMBRE PROYECTO: DISEÑAR PÁGINA WEB PARA EL MANEJO AMBIENTAL
EN EL MUNICIPIO DE NOBSA
GÉNERO: F _____M_______
1. ¿Cuánta información conoce sobre la contaminación?
Ninguna_______ Poca_______ Mucha________
2. ¿Considera que la contaminación es un problema que se pueda solucionar dando
la información necesaria?
SI_______ NO ______ ¿Por qué? __________________________________________
_____________________________________________________________________
3. ¿Cree Usted necesaria la implementación de un medio para dar información
sobre contaminación?
SI _______ NO ______ ¿Por qué? __________________________________________
_____________________________________________________________________
4. ¿Le interesaría que una página web contenga información sobre el tema?
SI_______ NO ______ ¿Por qué? __________________________________________
_____________________________________________________________________
5. ¿Qué le interesaría ver en una página web sobre este tema?
_________________________________________________________________________
_______________________________________________________________________
6. ¿Visitaría Usted una página web acerca del tema tratado?
SI_______ NO ______ ¿Por qué? __________________________________________
Con esta encuesta se espera visualizar el manejo actual de la contaminación y la necesidad
de un medio para dar información sobre esta. GRACIAS POR SU COLABORACIÓN.
8.4.2 RECOLECCIÓN DE INFORMACIÓN

21
Ya que el proyecto está destinado para el uso y beneficio del municipio de Nobsa,
por medio de encuestas (formato en la página anterior) realizadas a parte de la
población se conoció su punto de vista acerca de diseñar una página web para el
manejo de las basuras en este municipio.

También se investigó a través de diferentes sitios de internet acerca de las

consecuencias y causas de la contaminación en actividades económicas que se
realizan en el municipio, con esta información se empezó a diseñar la página web
en el sitio web para editarlas WIX.

8.4.3 RESULTADOS

8.5 DESARROLLO DE LA PROPUESTA

Para la realización del proyecto se utilizó la plataforma wix en la cual con las
plantillas que en ella hay se empezó a diseñar la página teniendo en cuenta el
boceto hecho a mano.

8.5.1 INGRESO A WIX

Para empezar a trabajar wix primero se creó una cuenta poniendo un email, una
contraseña para poder ingresar y un usuario con el cual aparecerá. Para ingresar
a la cuenta solo se pide el email y la contraseña.

22

Figura 8: INGRESAR WIX VISTA PÁGINA INICIAL DE WIX

 Después de elegir usuario y contraseña en la cuenta se elige la plantilla sobre la

Figura 10: ELEGIR USUARIO Y CONTRASEÑA VISTA PÁGINA DE INGRESO

que se quiere trabajar.

Figura 9: ELEGIR PLANTILLA VISTA DENTRO DE LA CUENTA PARA ELGIR PALNTILLAS

23
 8.5.2 EJECUCIÓN

8.5.2.1 ¿CÓMO SE INICIA A EDITAR?

Después de elegir la plantilla se ingresa al editor y al iniciar aparecerá una

pestaña con un video tutorial en el que se explica lo necesario para utilizar Wix.

Figura 11: PESTAÑA VIDEO TUTORIAL VISTA DESPUÉS DE INGRESAR A LA CUENTA DE WIX

8.5.2.2 ¿CÓMO CONFIGURAR LAS PESTAÑAS QUE

CONFORMARAN LA PÁGINA WEB?

Luego de ver el video se inicia a conformar la página web con lo que el usuario
desee, lo primero que se realizó en este proyecto fue poner los nombres en las
pestañas de la página. Para hacer eso se da clic en el botón páginas y en cada
una delas que aparece se hace clic en el icono de configuración de esta manera
se le pueden cambiar los nombres a las páginas y realizar las configuraciones
correspondientes a cada una, además en esta pestaña se pueden agregar nuevas
páginas.

24
Figura 12: CONFIGURACIÓN PESTAÑAS VISTA DE CONFIGURACIÓN DE PÁGINAS

8.5.2.3 ¿CÓMO AGREGAR INFORMACIÓN A LA PÁGINA WEB?

8.5.2.3.1 AGREGAR IMAGEN

Para agregar las imágenes se da clic en el botón agregar y en la pestaña que

aparece se da clic en imagen y en la siguiente ventana se elige que tipo de
imagen y al elegir aparece una imagen dentro de la página en la que se hace clic y
se elige una nueva imagen ya sea que venga en Wix o una que se desee subir
desde el computador.

25
 Figura 13: AGREGAR IMAGEN VISTA PESTAÑA AGREGAR

Figura 14: ELEGIR IMAGEN VISTA DESDE GALERIA DE IMAGEN EN WIX

26
 Figura 15: CAMBIAR IMAGEN VISTA DE COMO CAMBIAR LA IMAGEN DESPUÉS DE ELEGIDA

8.5.2.3.2 AGREGAR TEXTO

Para agregar el texto se realiza el mismo procedimiento que se hizo al principio

con la imagen excepto que en esta ocasión en vez de imagen se da clic en texto y
en la ventana que aparece se elige que tipo de texto se quiere escribir, ya sea
título o párrafo, y en la página aparecerá un cuadro en el que se hace clic para
editar el texto y escribir lo que se quiere y luego se acomoda en el lugar que se
quiere.

27
Figura 16: AGREGAR TEXTO VISTA DE
VENTANA DE TEXTO

28
Figura 17: CAMBIO DE TEXTO VISTA DE LA PÁGINA AL SELECCIONAR Y CAMBIAR EL
TEXTO
8.5.2.3.3 AGREGAR MEDIA

Los pasos para agregar media, es decir videos y audio, son muy parecidos a los
de agregar imágenes o texto pero cambia que se elige media en vez de los otros,
al elegir agregar video se debe poner una URL en donde se encuentre en video y
este aparecerá en la página según las configuraciones hechas anteriormente.

29
Figura 18: AGREGAR MEDIA VISTA DE VENTANAS AGREGAR Y MEDIA

8.5.2.3.4 AGREGAR GALERÍA

Las galerías en las páginas web son los sitios en los cuales se agregan varias
imágenes de un tema relacionado mostrándolas todas una por una o algunas en
un sitio especifico, cada tipo de galería tiene su propia configuración. Para agregar
una galería en wix se debe primero dar clic en el botón agregar, y después galería;
dentro de la ventana de galería se elige el tipo de galería que se quiere poner y
después se realizan los pasos para cambiar y agregar imágenes.

30
 Figura 19: AGREGAR Y GALERIA VISTA VENTANAS DE AGREGAR Y GALERIA

Figura 20: CAMBIAR IMAGENES VISTA DE PASOS PARA AGREGAR Y CAMBIAR IMÁGENES EN WIX

8.5.2.3.5 AGREGAR BOTONES

31
Para insertar botones y menús es necesario primero hacer clic en agregar y
después clic en botones y menús; en la ventana que aparece se elige que tipo de
botón o menú que se quiere para luego personalizarlo de la manera deseada.

Figura 21: AGREGAR BOTONES VISTA DE VENTANAS DE AGREGAR Y BOTONES Y MENÚS

8.5.2.3.6 AGREGAR FORMAS

Los pasos en esta ocasión son muy parecidos a los anteriores es decir hacer clic
en agregar y en esta ventana se selecciona lo que se desea agregar.

Figura 22: AGREGAR FORMAS VISTA DE VENTANAS AGREGAR Y FORMAS

32