UNIDAD EDUCATIVA

LUIS ESPINOSA TAMAYO

BACHILLER TCNICO

MEMORIA TCNICA PREVIA A LA OBTENCIN DEL

TTULO DE COMERCIO Y ADMINISTRACIN,
ESPECIALIDAD INFORMTICA

TEMA:
CREAR Y DISEAR UN SITIO WEB DE LAS PROVINCIAS DE
LA REGIN SIERRA DEL ECUADOR

INTEGRANTES:
ALDO ARIEL VERA SALDAA
RUTH QUIMI

PERIODO LECTIVO
2015-2016
INDICE
1

INTRODUCCIN..................................................................................................
1.PROPUESTA DE TRABAJO............................................................................
1.1 Propuesta...................................................................................................
1.2

Condiciones a cumplir..........................................................................

1.3

Estrategia a utilizar...............................................................................

2.MEMORIA DESCRIPTIVA.................................................................................
2.1 Descripcin general..................................................................................
2.2 Descripcin tcnica................................................................................
2.3 Glosario....................................................................................................
4. RECURSOS....................................................................................................
4.1 Recursos humanos.................................................................................
4.2 Recursos Tecnolgicos..........................................................................
5. CRONOGRAMA DE ACTIVIDADES.............................................................
6. CONCLUSIONES...........................................................................................
7. RECOMENDACIONES..................................................................................
8. BIBLIOGRAFA..............................................................................................
ANEXOS.............................................................................................................

RESUMEN EJECUTIVO

Internet es una de las palabras ms nombradas en los ltimos tiempos

por quienes se aproximan a la tecnologa o a la informtica. Constituye
una fuente de recursos de informacin y conocimientos compartidos a
escala mundial. Es tambin la va de comunicacin que permite
establecer la cooperacin y colaboracin entre gran nmero de
comunidades y grupos de inters por temas especficos, distribuidos por
todo el planeta.
Es por eso que se ha planteado la realizacin una pgina web en la cual
se da a conocer informacin relevante sobre las provincias de la Regin
Sierra del Ecuador, donde resaltaremos sus costumbres, platos tpicos y
caractersticas de las mismas, con el objetivo de poner en practica
nuestros conocimientos en el rea informtica y brindar a los usuarios de
internet un nuevo sitio de informacin en el cual puedan seguir
desarrollando sus habilidades con los dispositivos electrnicos.
Para lograr hacer realidad este proyecto se buscara la informacin
necesaria mediante investigaciones, tutoriales, los cuales sern puntos
clave para generar informacin necesaria para crear nuestro proyecto.

INTRODUCCIN

La tecnologa ha tomado posesin en nuestro territorio en el cual ha

provocado que la mayora de las personas tambin evolucionemos y
formamos parte de, el internet es parte de nuestra tecnologa actual,
mediante un anlisis hemos descubierto que un gran numero de personas
estn inmersos en el mundo del internet, motivo por el cual hemos decido
crear un pagina web sobre las provincias de la regin sierra del Ecuador,
utilizando como herramienta el software WebPlus para lograr la
realizacin de la misma.
En el medio competitivo que vivimos los estudiantes en la especializacin
de informtica deben ser innovadores, crear nuevas estrategias para
interrelacionarnos, es por eso que se ha realizado este proyecto para a
travs de la prctica ir adquiriendo conocimientos y desarrollando
habilidades en el rea informatica.
Mediante este documento resaltaremos el proceso de este trabajo,
estrategias, los recursos a utilizar, y el detalle paso a paso de la
elaboracin de nuestro proyecto que con el apoyo del maestro gua se ha
podido realizarlo.

1.PROPUESTA DE TRABAJO
1.1 Propuesta
Con la creacin de una pagina web buscamos incentivar a los estudiantes
del rea de informativa que aporten a la tecnologia mediante la creacin
de este nuevo medio de comunicacin e interaccin.
En el campo Educativo es fundamental la utilizacin y manejo de estas
herramientas tecnolgicas especialmente en nuestrainstitucin con
nfasis en nuevas Tecnologas.

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

de

las provincias de nuestra costa Ecuatoriana con el fin de que la

comunidad interacte y as lograr estar informados, mostrar las riquezas y

diversidad de nuestra regin a nivel nacional e Internacional.
Con la realizacin de este proyecto lograremos aportar con los
estudiantes de nuestra institucin y con nuestro pas al dar a conocer
informacin

sobre

nuestras

provincias,

aplicaremos

todos

los

conocimientos adquiridos en el rea de Tecnologa e Informtica a traves

esta gua impartida, para convivir con el mundo competitivo por el que
estamos atravezando.
La prctica es de gran ayuda para aprender y comprender de manera
eficaz nuestro tema y a la vez es preciso adjuntar la teora para un mejor
desarrollo del mismo con precisin.

1.2 Condiciones a cumplir

Para que la presente propuesta sea de una manera exitosa tendremos
que efectuar las siguientes condiciones:

Obtener el programa a utilizar (web plus)

Planificar el diseo de nuestra pgina.
Analizar los elementos necesarios para la creacin de la pgina

web
Verificar que este manual contenga las ideas claras y precisas para

la proseguir a la respectiva elaboracin de nuestra pgina.

Realizar la configuracin de nuestro sitio web.
Analizar que la configuracin este correcta para la exitosa

publicacin de la pgina
Dar de alta la pgina para la publicacin de la misma.
Contratar un servidor para la publicacin de la pgina web
1.3

Estrategia a utilizar

El proyecto de elaboracin de una pgina web, va proporcionar

informacin para obtener el aprendizaje de la elaboracin de la misma, en

el momento de aplicacin y desarrollo de esta pgina en el programa web

plus se deber realizar con los conocimientos necesarios para su correcta
ejecucin. Para que la elaboracin sea acertada se tomara en cuenta lo
siguiente:

Obtener los requerimientos necesarios para la creacin y

aplicacin, ejemplo: computadora, servidor de internet, etc.

Obtener los conocimientos necesarios del programa web plus y su

configuracin para una correcta programacin.

La elaboracin se realizara con la participacin de los integrantes

del grupo y previa gua de nuestro maestro tutor de proyecto.

Utilizar el diseo apropiado de la pgina web cumpliendo con las
expectativas deseadas.

2.MEMORIA DESCRIPTIVA

2.1 Descripcin general

En la creacin y diseo de la pgina web de las provincias de la sierra
ecuatoriana ecuatoriana se utilizara para todas personas que deseen
conocer ms sobre nuestro pas, esto funcionara de manera digital
mediante internet, y los principales beneficiarios van hacer los
estudiantes mediante el conocimiento de la elaboracin de la pgina
web para que luego puedan elaborar similares.
Para la correcta elaboracin de nuestra pgina web debemos tener los
conocimientos tcnicos y tericos necesarios, obtenidos mediantes
investigacin, tutoras y consejos de profesionales, para continuar con
la descripcin de nuestro proyecto es importante conocer conceptos

bsicos de lo que est realizando, a continuacin detallamos

informacin sobre una pgina web:

pgina web,es un documento o informacin electrnica capaz

de

contener

texto, sonido, vdeo,

programas,

enlaces,

imgenes, y muchas otras cosas.

Posicionamiento web (SEO)

El posicionamiento web de una pgina web es la base para
optimizar todo un sitio web el cual es un conjunto de pginas
web.

Para qu se usa una pgina web?

Una pgina web, puede tener varios usos, se le puede usar
como medio de comunicacin para diversos temas, como
noticias, cultura, medicina, ciencia, tecnologa, comentarios de
diversos temas, foros, educacin, debate, juegos, msica,
pelculas, etc.

Ventajas de tener un sitio web:

o Alcance mundial de sus productos y servicios: Usted
podr llegar a clientes potenciales del mundo entero.
o Competir al lado de los ms grandes: Su imagen en
Internet podr ser comparable a cualquier compaa de
su mismo sector
o Disponible las 24horas, todos los das ao
o Menos Costos Operativos.

Importancia de la web
Porque todas las personas estn haciendo uso del internet y
facilita la comunicacin y negociaciones.

Funcionamiento de la web
En el funcionamiento de una pgina web confluyen muchas
tecnologas, pero en una versin simplificada de cmo
funcionan las cosas podemos afirmar que se trata de dos
ordenadores que estn conectados por una red llamada Internet
mediante la cual se intercambian informacin.

beneficios de la Web
Facilitar

la

comunicacin

entre,

instituciones

educativas,

empresas, asociaciones y personas fsicas, con el propsito de

establecer una relacin an ms estrecha entre ellos.
Particularmente en el aspecto comercial, fomentar una mayor
comunicacin entre clientes y empresas estableciendo un
modelo de operacin del negocio ms orientado al cliente.

2.2 Descripcin tcnica

iniciar el programa, el Asistente para inicio se muestra y ofrece diferentes
rutas para WebPlus:
Las opciones son descriptivas, y la creacin del sitio se puede hacer
desde cero o a partir de una plantilla de diseo suministrada. Los sitios

guardados anteriormente se pueden abrir o las pginas web que no sean

de WebPlus se pueden importar al sitio desde un archivo o una URL.

Iniciar nuevo sitio, para crear un nuevo sitio desde cero.

Utilizar plantilla de diseo, para crear un sitio instantneo a partir

de una plantilla prediseada.

Ms, para obtener acceso a una variedad de recursos libres y

plantillas de diseo (para comprar).

Abrir, para acceder a los ltimos sitios abiertos. Desplcese sobre

cada entrada para obtener una vista previa rpida.

Grafico:#1
Titulo: pgina inicio programa webplus
Creacin de un sitio con una plantilla de diseo
WebPlus viene completo con una amplia gama de plantillas de diseo
categorizadas que le permiten crear ms rpido todo tipo de sitios web.
Cada plantilla proporciona:

Diseo complementario: diseo profesional con alto impacto visual

Esquemas: elija un esquema de color para aplicar un aspecto

especfico.

Seleccin de pginas: seleccione alguna o todas las pginas de la

plantilla (p. ej., Inicio, Productos, Acerca de nosotros, etc.) para basar su
nuevo sitio.
Hay dos tipos de plantillas de diseo: diseo de temas, donde puede
seleccionar sus propias imgenes, y plantillas Pro listas para usar que ya
estn pobladas con imgenes.

Grafico:#2
Titulo: diseo de plantilla a utilizar
Diseo de temas Proporcionan una serie de temas (p. ej., garabato) en
los que puede basar el sitio; obtendr marcadores de posicin de imagen
en lugar de imgenes reales. Aada sus propias imgenes a marcadores
de posicin y personalice el texto de marcador de posicin; a
continuacin, publique.

Grafico:#3
Titulo: diseo de plantilla webplus

Para crear un sitio con una plantilla de diseo:

1.

Arranque WebPlus, o elija el Asistente para inicio del men Archivo

para mostrar el Asistente para inicio.

2.

Seleccione Utilizar plantilla de diseo.

3.

En el cuadro de dilogo, seleccione un diseo de tema o un diseo

de plantilla Pro del panel principal.

Grafico:#4
Titulo: creacin plantilla de diseo webplus

Diseos de temas
Las plantillas Pro se agrupan en categoras basadas en el tema; use la
barra de desplazamiento o contraiga una categora para mostrar ms
opciones (haga clic en el botn , situado junto al nombre de la
categora). El panel derecho se actualiza para mostrar las miniaturas de
las pginas disponibles de la plantilla.
4.

En el panel derecho, decida qu pginas desea que formen parte

del sitio.
5.

Seleccione un Esquema de color de la lista desplegable en la parte

superior del cuadro de dilogo (los tres primeros esquemas estn

especficamente diseados para la plantilla elegida).
6.

Haga clic en Abrir. El sitio se abre en la primera pgina (Inicio), con

la pestaa Sitio de Studio a la derecha, que muestra las distintas pginas

que comprenden el sitio en el rbol de estructura del sitio. Para el visitante
que navega en el sitio, esta organizacin muestra el contenido de una
forma familiar, jerrquica, estructurada en secciones y niveles.

Una seccin es una categora de contenido, por ejemplo, Galera,

Productos o Contacto. Las distintas secciones principales se muestran

normalmente en la

Grafico:#5
Ttulo: diseo en las diferentes pgina desplegables
9

Estructura del sitio

Pgina principal del sitio en una barra de navegacin. Idealmente, cada
pgina del sitio pertenece a una seccin concreta.
A continuacin se muestra la misma estructura como aparecera en el
rbol de estructura del sitio de WebPlus:

Grafico:#6
Ttulo: rbol de estructura del sitio de WebPlus.

En WebPlus, aadir desplazamiento entre sus pginas web es fcil con

barras de

navegacin, cada

una

programada

previamente

para

comprender la estructura del sitio, facilitando el diseo de un sitio cuya

navegacin sea sencilla. Simplemente tiene que seleccionar una de las
barras de herramientas Objetos web y WebPlus hace el resto.

Grafico:#7
Ttulo: barra de navegacin

10

Mirando pginas individuales desde un punto de vista de diseo, cada

pgina de WebPlus tiene una pgina principal y una pgina maestra de

fondo.
Grafico:#8
Ttulo: vista general de diseo

WebPlus admite el desarrollo de pginas web en HTML. Puede aadir

pginas en la ventana Estructura del sitio de la pestaa Sitio; se muestra

un icono distintivo en la pgina HTML.

Crear un fondo personalizado:

1.(Opcional) En el cuadro de dilogo Propiedades del panel, seleccione
una opcin preestablecida en la que basar el nuevo fondo.
2.En el mismo cuadro de dilogo, haga clic en el botn Editar . Design
Studio se inicia con el fondo aumentado para que se ajuste el rea de
trabajo.
Grafico:#9

11

Ttulo: crear fondo personalizado

Aplicacin de colores slidos

Puede usarla pestaa de Color, la pestaa Muestrarios o un cuadro de
dilogo para aplicar colores slidos a un objeto.
Los botones de muestrario de las pestaas proporcionan varias formas de
aplicar colores slidos a objetos de varias clases

Grafico:#10
Ttulo: aplicacin de colores de fondo a la pagina

Para publicar el sitio en la web:

12

1.

Seleccione Propiedades del sitio Web... en el men Archivo y haga

doble clic en la configuracin de exportacin, particularmente las que se

ven desde la opcin de men Grficos.
2.Haga clic en el botn Publicar sitio

en la barra de herramientas

Estndar (o elija Publicar sitio del men Archivo y seleccione en el

submen Publicar en la Web...).

Grafico:#11
Ttulo: validacin de pagina

Si no ha configurado la informacin de la cuenta FTP, necesitar

configurar como mnimo una cuenta antes de poder continuar; esto se
recuerda para la siguiente publicacin en la Web.
3.Haga clic en el botn Cuentas... para mostrar el cuadro de dilogo
Cargar en el servidor.
4.Haga clic en Aadir....
5.En el cuadro de dilogo Detalles de la cuenta, introduzca:

El Nombre de cuenta. Puede ser cualquier nombre que elija. Lo usar

para identificar esta cuenta de WebPlus (en caso de que tenga ms de

una).

13

 La Direccin FTP del hospedaje web ser una direccin URL especfica
que empieza por ftp:// como se proporciona por su proveedor de
servicios.
Nmero de puerto. Excepto que lo especifique su proveedor, lo puede
dejar como 21.
Deje el cuadro Carpeta en blanco, a menos que su proveedor lo
especifique de otra manera o si desea publicar en una subcarpeta
especfica del directorio raz.
Tambin necesitar un Nombre de usuario y Contrasea, preasignado
por el proveedor.
Active la opcin Guardar contrasea para guardar la contrasea en el
equipo, si no desea volver a escribirla con cada carga.
Haga clic en Aceptar para cerrar los detalles de la cuenta.

Grafico:#12
Ttulo: configurado la informacin de la cuenta FTP para alzar nuestra
pgina al internet

14

Damos clic en ok y vemos en la siguiente imagen que ya tenemos nuestra

pgina web lista para los usuarios en internet.

2.3 Glosario

Web:Es un sistema hipermedial que permite el acceso a una

diversidad de contenidos a travs del seguimiento de enlaces
desde un elemento a otro.

XML,

siglas

en

ingls

de eXtensible Markup Language,

es

un lenguaje de marcas utilizado para almacenar datos en forma

legible, Tiene un papel muy importante en la actualidad ya que
permite la compatibilidad entre sistemas para compartir la
informacin de una manera segura, fiable y fcil.

HTML (HypertextMarkupLanguage: Lenguaje

de

Marcado

deHipertexto):Conjunto de smbolos o cdigos que se insertan

a un archivo para que sean desplegados en un browser . El
cdigo le dice al browser cmo desplegar las imgenes y los
textos en la computadora del usuario.

HTTP:

(Hypertext

Transfer

Protocol: Protocolo

de

Transferencia deHipertexto) Es el mecanismo de intercambio

de informacin que constituye la base de la WWW., el
protocolo a travs del cual se comunican el cliente y
el servidor.

15

Interfaz: Es la representacin grfica de una aplicacin

interactiva, es lo que media y facilita la comunicacin e interaccin
entre el individuo y la mquina, ella es lo que el usuario ve en la
pantalla y con la que interacta finalmente.

Servidor: Es el computador en el que se ejecutan los programas

que realizan alguna tarea en beneficio de otras computadoras.

Dominio de Internet: Un dominio de Internet es una red de

identificacin asociada a un grupo de dispositivos o equipos
conectados a la red Internet. El propsito principal de los
nombres de dominio en Internet y del sistema de nombres
de dominio(DNS), es traducir las direcciones IP de cada
nodo activo en la red, a trminos memorizables y fciles de
encontrar.

Esta

abstraccin

hace posible

que

cualquier

servicio (de red) pueda moverse de un lugar geogrfico a

otro en la red Internet, aun cuando el cambio implique que
tendr una direccin IP diferente.
3. PROCESO DE PRODUCCIN DE BIENES
Las fases de produccin de bienes son tres: entrada, proceso de
conversin y salida, cada uno de estos contienen elementos que hacen
posible la correcta elaboracin de mi pgina web.

Fase de entrada: Conocimiento en la asignatura para la

elaboracin de la pgina web..

Fase del proceso de conversin: Poner en prctica los
conocimientos mediante la elaboracin de la pgina web en el

programa web plus.

Fase de salida: La revisin de nuestra pgina web que este en
perfectas condiciones para brindarle a los usuarios un servicio de
calidad y as puedan requerir de nuestros servicios.

16

4.RECURSOS
Para la elaboracin de este proyecto utilizamos las herramientas
necearas como: internet, energa elctrica, una computadora para
servidor y los programas necesarios para la correcta aplicacin:

4.1 Recursos humanos

Autores del proyecto

Tutor

4.2 Recursos Tecnolgicos

Internet
Computadora
Biblioteca virtual
CD
Impresora
Programas de editor de videos

5. CRONOGRAMA DE ACTIVIDADES
ACTIVIDADES
SEMANAS
Elaboracin

OCTUBRE
1 2 3 4
del

resumen ejecutivo.

17

NOVIEMBRE DICIEMBRE
1 2 3 4 1 2 3 4

ENERO
1 2 3

Elaboracin

de

la

propuesta de trabajo.
Elaboracin

de

x
la

memoria descriptiva.

Proceso de produccin
de bienes.
Describir los recursos
utilizados.
Conclusiones

recomendaciones.
Bibliografa y anexos.
Revisin y aprobacin
del proyecto de grado.
Sustentacin

del

proyecto.

6. CONCLUSIONES
Se ha logrado realizar una pgina WEB para dar a conocer las provincias
de la regin Sierra del Ecuador, incluyendo tambin el anlisis de la
elaboracin de nuestra pgina.
En este proyecto los estudiantes han podido poner en prctica los
conocimientos antes obtenidos en el aula de clases mediante un
procedimiento detallado tericamente y creativo.

18

La Implementacin del Sitio Web, contribuye a transmitir y compartir

informacin, modernizndose de esta forma el proceso de enseanzaaprendizaje, as tambin adelantndose a las tecnologas exigentes.
Se la logrado los objetivos planteados para culminar nuestro proyecto
previo a la obtencin de nuestro ttulo de bachiller.
.
7. RECOMENDACIONES

Se

recomienda la

implementacin

de

este proyecto de la

creacin de la pgina web en el programa web plus, ya que se

ha incrementado un proceso comunicacional, para mantener a
la comunidad informada.

Debido a la poca informacin para la elaboracin de pginas web

se recomienda a la institucin implementar talleres para impartir
informacin a los estudiantes de cmo crear una pgina web.

Poseer conocimientos operativos de las aplicaciones informticas

bsicas, como procesador de textos y navegacin fluido en el
internet.

Se debe promover la inclusin de proyectos tecnolgicos como

creaciones de pginas web a estudiantes de 5to ao de
bachillerato para que se vayan familiarizando con el tema.

8. BIBLIOGRAFA

https://es.wikipedia.org/wiki/
HTTP://DEFINICION.DE/PAGINA-WEB/
http://www.emprendices.co/la-importancia-de-las-paginas-web-eninternet/
19

https://es.wikipedia.org/wiki/Provincias_de_Ecuador
https://es.wikipedia.org/wiki/P%C3%A1gina_web

ANE
XOS

20

21