COLEGIO DE BACHILLERATO

EL GUABO

BACHILLERATO TCNICO EN
APLICACIONES INFORMTICAS
MEMORIA TCNICA DEL PROYECTO DE GRADO
PREVIO A LA OBTENCIN DEL TITULO DE
BACHILLERATO TCNICO EN APLICACIONES
INFORMTICAS
TEMA:
DISEO Y ELABORACIN DE UNA PAGINA WEB
PARA EL COLEGIO EL GUABO
AUTORAS:
TENESACA VANEGAS JOSELYN JUANA
PALTA UYAGUARI GABRIELA YOMIRA
ASESOR:
Lic. HUMBERTO NIETO GRANDA
AO LECTIVO:
2014-2015
EL GUABO-EL ORO-ECUADOR
CERTIFICACIN Y CALIFICACIN

Lic. Humberto Nieto Granda

ASESOR DEL PROYECTO DE GRADO

CERTIFICA:

Que la presente Memoria Tcnica del Proyecto de Grado realizada por las
estudiantes

TENESACA

VANEGAS

JOSELYN

JUANA

PALTA

UYAGUARI GABRIELA YOMIRA, estudiantes del Tercer Ao de

Bachillerato, Especialidad Aplicaciones Informticas, cumple con los
procedimientos y normas establecidos por la autoridad respectiva.

En consecuencia procedo a asignar la calificacin de

/10,

al tiempo

que autorizo su presentacin para su registro y archivo.

El Guabo, 8 de Diciembre del 2014

_____________________
Lic. Humberto Nieto Granda
ASESOR DEL PROYECTO DE GRADO

DEDICATORIA

Este Proyecto de Grado est dedicado a DIOS, por darnos la vida a

travs de nuestros queridos PADRES quienes con mucho cario, amor y
ejemplo han hecho de nosotros personas con valores para poder
desenvolverme en la sociedad.

Las Autoras

AGRADECIMIENTO

En

primer

lugar

agradecemos

Dios

por

habernos

brindado

principalmente vida y salud y guiarnos siempre por el buen camino. Luego

a

nuestros

padres

que

han

venido

luchando

con

nosotras

incansablemente todo el trayecto de nuestros estudios para que podamos

alcanzar nuestro objetivo.

Tambin a los profesores que han dado todo lo mejor de ellos para poder
aprender lo que hoy en da sabemos y lo que somos es gracias a ellos.
Pero en especial al Lic. Humberto Nieto Granda que siempre ha estado
apoyndonos en todo momento para de esta manera no decaer en
nuestros estudios.

Finalmente agradecemos a las diferentes personas que han aportado en

diversas formas a los avances de este proyecto a ellos debemos que este
se lleve a cabo.

Que el Seor los colme de sabidura y de bendiciones a ustedes.

Las Autoras

NDICE

Portada
Certificacin y Calificacin
Dedicatoria
Agradecimiento
ndice
Resumen Ejecutivo
Introduccin

.
1.

De

Trabajo...
2. Memoria Descriptiva.
2.1
Descripcin

2
2

General...
2.2

Descripcin

Tcnica...
2.3 Glosario
3. Proceso de Produccin de Bienes o Servicios
4.

6
7
8

Recursos.
5.
Cronograma
de

10

Actividades..........................
6. Conclusiones.
7.

11
12

Recomendaciones.
8.

13

Bibliografa..
9.

14

Propuesta

Anexos.

RESUMEN EJECUTIVO
En la actualidad se ha convertido en una necesidad o algo indispensable
para la sociedad las comunicaciones, que cada vez se realiza con mayor
eficiencia a travs de las nuevas tecnologas; por ello se aplican en
diversos mbitos de la vida social, personal, laboral y educativo; debido a
esto las instituciones educativas se ven en la necesidad de estar a la
vanguardia de la tecnologa, para ser competentes en un futuro laboral
para sus estudiantes.
Nosotros como estudiantes del Bachillerato Tcnico en Aplicaciones
Informticas, hemos detectado un serio problema que presenta nuestro
plantel educativo ya que como toda Institucin respetable es importante
manejar y darse a conocer en este mbito tan importante como lo es la
tecnologa, por esto nace la idea de implementar un nuevo avance
tecnolgico que es el diseo y ejecucin de la pgina web institucional,
debemos tener cuenta que nuestra institucin educativa tiene nfasis en
tecnologa, es algo que deja de ser opcional para convertirse en una
necesidad educativa.
Como estudiante de una Institucin con nfasis en Tecnologa e
Informtica podemos constatar sobre la importancia de las TICS en los
diferentes campos, tanto laborales como educativos; es decir para que
exista un buen desempeo y se den resultados positivos; en la actualidad
es necesario contar con estas herramientas tecnolgicas.
En el campo educativo es fundamental la utilizacin y manejo de estas
ayudas tecnolgicas especialmente en una Institucin con nfasis en
nuevas Tecnologas.

Nuestro proyecto est basado en el Diseo y Creacin de la Pagina Web

Institucional con el fin que la comunidad nocturnina y vespertina,
interacte y as logre mejores resultados en el aprendizaje y adems
mostrar la Institucin a nivel local, regional e Internacional.
Como tambin con la realizacin de este proyecto lograremos enriquecer
nuestro aprendizaje y aplicaremos todos los conocimientos adquiridos en
el rea de Tecnologa e Informtica.

INTRODUCCIN

En esta primera dcada del siglo XXI la comunicacin juega un papel muy
importante en el desarrollo de la sociedad. Diariamente la informacin
digital, es manejada por millones de personas sin importar su rango de
edad, raza o religin.

Los estudiantes necesitan enfrentarse a la reduccin de problemas, no

solo como escolar sino tambin proyectarse hacia un futuro, donde la
creatividad y la innovacin sean el enlace hacia su vida cotidiana, por eso
la necesidad de crear instrumentos que ayuden al aprendizaje con
estructuras cognitivas de alto grado de adaptabilidad a lo nuevo y a las
expectativas de nuestros estudiantes, vinculando as las tics en este
nuevo aprendizaje.

Viendo la importancia de las nuevas tecnologas en el mundo globalizado,

las estudiantes del grado once hemos detectado la evidente problemtica
que presenta nuestra institucin al no poseer una pgina web y la utilidad
que esta brindara a todo nuestro plantel educativo.

El hecho de tener una pgina Web es muy importante porque como es

una Institucin con nfasis en las nuevas tecnologas es fundamental el
poseer y manejar los recursos tecnolgicos; ya que actualmente es
indispensable manejar las TICS en la educacin.

1. PROPUESTA DE TRABAJO

El trabajo que se va a realizar consiste en disear y desarrollar una

pgina web para el Colegio Fiscal El Guabo, la cual es de mucha
importancia tanto para la institucin como para los diferentes miembros de
esta comunidad educativa, por cuanto ser una nueva alternativa de
comunicacin entre el plantel y el mundo, la cual ser elaborada en el
programa Adobe Dreamweaver CS6; luego de haber recopilado toda la
informacin necesaria y el respectivo boceto de la pgina.

2. MEMORIA DESCRIPTIVA

2.1. DESCRIPCIN GENERAL

Las nuevas tecnologas de la informacin y la comunicacin son medios

valiosos que le brinda al usuario una gama de soluciones para acceder a
la informacin. La web es una herramienta tecnolgica que minimiza la
barrera del espacio y el tiempo. En la actualidad toda empresa,
organizacin, institucin, no importa el tamao, necesita y debe tener un
sitio Web.

En EEUU y en los pases ms avanzados de la UE est

demostrado que la intensidad en la aplicacin de nuevas tecnologas y la

incorporacin de un Sitio Web, est correlacionado de manera positiva.

2.2. DESCRIPCIN TCNICA

Primeramente recopilamos toda la informacin necesaria para disear y

crear la pgina web basndonos en el boceto previamente elaborado.

Creamos una carpeta con los archivos que estaremos utilizando, ya sean
imgenes, textos, videos, animaciones u otras pginas vinculadas en
sta, ya que as resulta ms fcil y adecuado administrar una pgina Web.

Definimos el tipo de pgina web que vamos a elaborar; en este caso ser
un sitio web esttico, por cuanto su contenido no estar frecuentemente
modificado y se mantendr manualmente por alguna persona o personas
que usan algn tipo de programa editor.

Seguidamente elegimos el programa que servir para crear nuestra

pgina web; en este caso escogemos el programa Adobe Dreamweaver
CS6.

Procedemos a adquirir el programa y luego a instalarlo en el ordenador

donde se realizar la pgina web correspondiente.
Ponemos en ejecucin el programa que anteriormente se instal y luego
comenzamos a trabajar con la estructura del sitio web diseada
previamente, la cual es la siguiente:

a) Pgina principal con mensaje de bienvenida y el escudo de la

b)
c)
d)
e)

institucin.
Pgina Historia
Pgina Rectores
Pgina Galera de fotos
Pgina Contactos

A continuacin comenzamos a disear la pgina principal, la cual

presenta el siguiente entorno:

Seguidamente creamos la segunda pgina, la misma que se denomina

Historia.

Luego procedemos a disear la tercera pgina, la misma que llevar el

nombre Rectores.

A continuacin se procede a la creacin de la cuarta pgina, la misma que

se denomina Galera de fotos.

Para finalizar se realiza la pgina Contactos, la misma que presenta la

siguiente apariencia:
5

Es necesario acotar que luego de realizar cada una de las pginas, se

fueron realizando las respectivas pruebas, esto con la finalidad de ir
comprobando los resultados del diseo.

2.3. GLOSARIO

Buscador: Pgina especial que hay en la red, que tiene una base de
datos con una serie de palabras u otro sistema para encontrar otras
pginas. Normalmente, tienes que rellenar un formulario y envirselo para
aparecer en cada uno de ellos.

Contenedor: Etiqueta (o par de ellas de apertura y cierre) que puede

contener texto, otros elementos o ambas cosas.

Correo electrnico: Servicio de Internet que permite enviar y recibir

archivos de todo tipo de un ordenador a otro.

Dominio: El nombre, la direccin que escribes para entrar a un sitio web

(tumadre.com). No tiene por qu tener nada que ver con el Hastings, se
puede cambiar de hostiga y conservar el dominio y viceversa.

Etiqueta: Cdigo que usa el HTML para definir una parte de un

documento y el papel que desempea en este.

Hipervnculo: Fragmento de texto, imagen, o similar, contenidos en una

pgina Web, que permite acceder a otra parte de esa pgina o de una
pgina distinta. Tambin se conoce como Link.

Hosting: EL hotel, el espacio en el disco duro de alguna mquina

conectada a la Red en algn lugar del mundo, en el que se guarda la
pgina.

3. PROCESO DE PRODUCCIN DE BIENES O PRESTACIN DE

SERVICIOS

La implementacin de las nuevas tecnologas de la informacin en los

ambientes de aprendizaje ha alcanzado tal importancia, que cada da es
mayor el nmero de establecimientos educativos que poseen un sitio web
y que implementan en l diferentes aplicaciones para la enseanza.
Razones de sobra hay para ello. Adems de ser un gran recurso
educativo, sirve de plataforma para la divulgacin de informacin
institucional, la realizacin de trmites online, la presentacin del equipo
docente, el conocimiento de las actividades, servicios de bibliotecas y
otros servicios, as como otro vastsimo nmero de propsitos. Por qu
una institucin educativa debe contar con una pgina web?
Nunca como en este tiempo, Internet ha posibilitado la tarea de ser
absolutamente visible e interactuar con muchas personas a la vez.

Este principio, fundamental para este tema, resulta imprescindible para

comprender la importancia de que instituciones educativas de distinto
alcance (universidades, institutos, escuelas, academias y ms) cuenten
con un espacio y dominio propio en la red, diseada y creada
especialmente para servir a sus fines educativos y comunicacionales.

Una pgina web visualmente atractiva, personalizada y funcional,

potencia la relacin entre las instituciones y sus estudiantes, pero tambin
con cualquier otra persona, futuros clientes o profesionales que buscan
mayor informacin sobre las carreras, que desean orientacin sobre los
contenidos, cursos especializados, promociones, noticias, libros, plana
docente, etctera.

Las ventajas son fantsticas. En adelante, cualquier persona interesada,

alumno o no, podr tener acceso a los contenidos, el caudal de
informacin y acervos digitales que antes estaban dispersos con tan solo
visitar la pgina, elegir la pestaa y links de su preferencia, utilizar sus
motores de bsquedas para personalizar sus intereses y localizar lo que
se busca.

4. RECURSOS

4.1.

HUMANOS

4.2.

Docente asesor del proyecto

Programador y diseador de pginas web
Estudiantes integrantes del grupo de proyecto
MATERIALES Y TECNOLGICOS

Material de oficina

4.3.

Ordenador
Internet
Memoria USB
Disco compacto.
Software Adobe Dreamweaver CS6
Software Microsoft Word
Informacin de la institucin.

OTROS RECURSOS

Transporte
Alimentacin
Telfono y comunicaciones
Reproducciones

5. CRONOGRAMA DE ACTIVIDADES
TIEMPO
ACTIVIDADES
1
Presentacin
2

Agosto
1 2 3 4

MESES - SEMANAS
Septiembre
Octubre
Noviembre
1 2 3 4 1 2 3 4 1 2 3 4

del

tema de proyecto.
Designacin
de
director

de

proyecto.
Inicio del desarrollo

del proyecto.
Elaboracin

de

boceto.
Recopilacin

de

informacin
Adquisicin

instalacin

del

software.
Elaboracin de la

pgina principal.
Elaboracin de la

segunda pgina.
Elaboracin de la

10

tercera pgina.
Elaboracin de la

11

cuarta pgina.
Elaboracin de la

12

memoria tcnica
Entrega
del

13

proyecto.
Sustentacin

del

proyecto.

10

Diciembre
1 2 3 4

6. CONCLUSIONES

En este proyecto podemos ver la importancia de realizar la pgina web

para nuestra institucin educativa, promoviendo en las/os alumnas/os
la participacin en los eventos que se realicen como: foros educativos,
presentaciones, actos de ndole formativa y cultural que contribuyan a
la formacin Integral.

En este proyecto observaremos que los estudiante, puede valorar,

reconocer cada una las actividades que la institucin realiza, dar sus
opiniones y tener una comunicacin mediante actividades por rea
que cada uno de los docentes deja en la pgina web, utilizamos una
manera diferente de interactuar con las nuevas tecnologas.

Gracias a la creacin de la pgina web obtenemos grandioso resultado

a nivel institucional, pero nuestro pensamiento es a nivel nacional e
internacional, para influenciar al aprendizaje de nuestros alumnos, que
la persona interesada en conocer nuestro plantel lo haga a travs de
esta maravillosa herramienta que ya la tenemos a nuestra disposicin
este proyecto.

11

7. RECOMENDACIONES

Se considera necesario incorporar alternativas de solucin a corto

plazo para el incremento de la seguridad de la informacin de los
estudiantes de la institucin, dentro de stas se sugieren entre otras,
archivos fsicos adecuados, ubicacin adecuada para dichos archivos
y proteccin por parte del personal de seguridad hacia la informacin
manejada a travs de documentos institucionales.

Se recomienda ampliar el alcance del Sitio Web permitiendo la opcin

de consulta de notas y solicitud de documentos en lnea.

Se recomienda que todas las imgenes utilizadas dentro del sitio Web
para fines de visualizar los servicios de la institucin pertenezcan a un
formato JPG previamente optimizado (reducir su peso al mximo sin
daar la calidad) a travs de un programa de edicin de imgenes.

12

8. BIBLIOGRAFA

http://es.jimdo.com/
http://www.adobe.com/es/designcenter/video_workshop/html/vid0145.h
tml
http://www.aulaclic.es/dreamweaver8/epp_3_1_1.htm
http://www.aulaclic.es/dreamweaver-cs6/
http://www.comocreartuweb.com/
http://www.ing.ula.ve/control/cursos/la-propuesta-de-proyecto-degrado/
http://www.monografias.com/trabajos31/crear-pagina-web/crearpagina-web.shtml#ixzz3LMUHkPcE
http://www.monografias.com/trabajos31/crear-pagina-web/crearpagina-web.shtml
https://www.youtube.com/watch?v=dw28eWeIAec
Archivo del Colegio El Guabo.
Mortensen Bonilla, Carlos, Mdulo por competencias de Dreamweaver
CS6, Editorial Servilibros, 2009

9. ANEXOS

13

Instalando el programa Dreameaver CS6

Creando la pgina principal, la segunda y tercera pgina del sitio web

14

Realizando el diseo de la cuarta y quinta pgina web.

Pgina principal del sitio web, denominada BIENVENIDOS.

15

Segunda pgina del sitio web, denominada HISTORIA

La tercera pgina del sitio web, corresponde a la Galera de Rectores.

16

Galera de fotos; corresponde a la cuarta pgina del sitio web.

La ltima pgina corresponde a Contactos.

17