COLEGIO DE BACHILLERATO

CARMEN MORA DE ENCALADA

“La patria en nosotros confía”
AMIE: 07H00821
Pasaje – El Oro – Ecuador

EXAMEN DE GRADO
MEMORIA TÉCNICA
FIGURA PROFESIONAL: INFORMÁTICA

TEMA
DESARROLLO DE PÁGINA WEB UTILIZANDO
LENGUAJE HTML5 DEL LOCAL COMERCIAL
“ZHIGUE”

ESTUDIANTE
JHOSTIN SANMARTIN
CORAIMA PARRA
MAYRA QUEZADA
DOCENTE GUÍA
LCDO. LUIS GONZALES
AÑ O LECTIVO
2022 – 2023
 AÑ O
COLEGIO DE BACHILLERATO EXAMEN LECTIVO
CARMEN MORA DE ENCALADA DE GRADO 2022
Pasaje – El Oro – Ecuador CIENCIAS 2023

pág. 1
 AÑ O
COLEGIO DE BACHILLERATO EXAMEN LECTIVO
CARMEN MORA DE ENCALADA DE GRADO 2022
Pasaje – El Oro – Ecuador CIENCIAS 2023

CERTIFICACIÓN

LICENCIADO LUIS GONZALES

TUTOR DE EXAMEN DE GRADO

CERTIFICA:

Que, la presente memoria técnica para trabajo práctico correspondiente al EXAMEN

DE GRADO, Régimen Costa-Galápagos 2022-2023 titulado: PAGINA WEB DEL LOCAL

COMERCIAL “ZHIGUE”, cuyo autores son: Jhostin Sanmartín, Coraima Parra,

Mayra Quezada , estudiante de tercer año de bachillerato técnico, de la figura profesional de

Informática paralelo “A”, ha sido prolijamente revisado, por consiguiente, se considera que

está enmarcado en los procedimientos científicos, técnicos, metodológicos y lineamientos

difundidos por el Ministerio de Educación, motivo por el cual autorizo su presentación.

LIC. Luis Gonzales

TUTOR DE EXAMEN DE GRADO

pág. 2
 AÑ O
COLEGIO DE BACHILLERATO EXAMEN LECTIVO
CARMEN MORA DE ENCALADA DE GRADO 2022
Pasaje – El Oro – Ecuador CIENCIAS 2023

RESPONSABILIDAD

La/el autor del presente EXAMEN DE GRADO, declara que el tema: Promocionar

El Local Comercial “ZHIGUE”, es inédito, no ha sido publicado ni desarrollado por

terceras personas, adicionalmente, está alineado con los lineamientos emitidos por el

Ministerio de Educación.

________________________

Mayra Alexandra Quezada Guartancela

CI: 0705561108

________________________

Coraima Analy Parra Moreno

CI: 0705219988

________________________

Jhostin Stephano Sanmartin Guerrero

CI: 0750223943

pág. 3
 AÑ O
COLEGIO DE BACHILLERATO EXAMEN LECTIVO
CARMEN MORA DE ENCALADA DE GRADO 2022
Pasaje – El Oro – Ecuador CIENCIAS 2023

DEDICATORIA

El presente proyecto de grado lo queremos dedicar a cada uno de nuestros padres, por
obsequiarnos este maravilloso que es el estudio por su gran amor y por el sacrificio que han
tenido durante estos años gracias a todos ustedes hemos podido llegar hasta este momento de
nuestra carrera estudiantil. Es por esto que deseamos obsequiarles este proyecto como una
forma de agradecimiento por todo el esfuerzo que día a día han dedicado a nosotros.
A cada uno de los docentes de la prestigiosa institución Carmen Mora de Encalada en
especial a todos ellos que nos abrieron las puertas y compartieron sus conocimientos, por el
apoyo incondicional que me han brindado y han sido de mucha ayuda para la realización de
nuestro trabajo con mucho éxito.

AGRADECIMIENTO

Quisiera comenzar agradeciendo principalmente a padre celestial por un día más vida y salud
que nos regala por avernos obsequiarnos unos padres maravillosos que siempre nos han
estado cuidando y dando su apoyo desde niños hasta hoy que nos hemos confirmado en unos
bachilleres toda mi familia y permitirme seguir adelante y firme, siempre con sabiduría ,
paciencia y a ver cumplido una de mis metas a todas esas personas que creyeron en mí y me
apoyaron con su granito de arena para realizar este proyecto

pág. 4
 AÑ O
COLEGIO DE BACHILLERATO EXAMEN LECTIVO
CARMEN MORA DE ENCALADA DE GRADO 2022
Pasaje – El Oro – Ecuador CIENCIAS 2023

pág. 5
 AÑ O
COLEGIO DE BACHILLERATO EXAMEN LECTIVO
CARMEN MORA DE ENCALADA DE GRADO 2022
Pasaje – El Oro – Ecuador CIENCIAS 2023

IDENTIFICACIÓN DE LOS CONTENIDOS O COMPETENCIAS A APLICAR

• Conocimientos básicos de HTML5 y CSS3 para la estructuración y diseño de la

página web.

• Uso de herramientas de edición de código como Visual studio code, Sublime Text o

Atom.

• Además, es importante integrar imágenes y vídeos para mejorar la experiencia del

usuario. Esto ayuda a mostrar los productos del Local Comercial de manera atractiva y

aumenta la probabilidad de que los clientes realicen una compra.

• La implementación de formularios de contacto y carrito de compra son esenciales

para facilitar la compra en línea. Esto permite a los clientes hacer preguntas y realizar

sus compras de manera rápida y sencilla. Además, se debe crear un sistema de

búsqueda para que los clientes puedan encontrar fácilmente los productos que deseen.

• Creación de una galería donde los clientes puedan observar que productos ofrece

nuestra página como es los productos alimenticios que ofrece como carnes, legumbres,

embutidos. Mobiliaria que son escritorios, mesas, sillas, camas. Ropa para niños y

niñas jóvenes uniformes estudiantiles etc.

• Creación de un Base de datos donde los clientes puedan almacenar las compras que

realicen o el registro de los datos ingresados.

pág. 6
 AÑ O
COLEGIO DE BACHILLERATO EXAMEN LECTIVO
CARMEN MORA DE ENCALADA DE GRADO 2022
Pasaje – El Oro – Ecuador CIENCIAS 2023

RECONOCIMIENTO DE TEMAS A REVISAR

HTML5 y CSS3 son fundamentales para la creación de una página web debido a que

son los lenguajes utilizados para establecer la estructura y el diseño visual de la misma. Sin

una comprensión sólida de estos lenguajes, no es posible crear una página web atractiva y

fácil de navegar. Además, HTML5 y CSS3 son las últimas versiones de estos lenguajes y

ofrecen características nuevas y mejoradas como opciones de diseño mejoradas y

compatibilidad con dispositivos móviles. Durante nuestro año escolar hemos podido estudiar

un numero de materias del árbol de la materia Informática que son Aplicaciones, Diseño y

Desarrollo Web, Soporte Técnico, Programación en Base Datos, Sistemas Operativo en

Redes. Con el conocimiento recolectado gracias a las clases de los docentes de la Institución

podemos realizar la creación del siguiente proyecto, pero también podemos reforzar más

acerca de varios temas que no hemos podido comprender o se nos complicaron en las

materias a utilizar son:

Desarrollo Web: Donde podremos reforzar a través de la investigación o el auto aprendizaje

temas que se nos resultaron algo difícil de comprender y nos serán de mucha utilidad para

realizar nuestra página web.

Entre algunos temas que tenemos que volver a recordar para poder crear nuestra

página web acerca del LOCAL COMERCIAL “ZHIGUE” son como realizar las hojas de

estilos o CSS: Es un lenguaje de diseño gráfico para definir y crear la presentación de un

documento estructurado escrito en un lenguaje de marcado.Podemos utilizar este lenguaje de

programación para darle color y estilo a los textos cambiar de tamaño de las imágenes.

Colores de las fuentes

Estilos de fondo

Elementos de alineación

pág. 7
 AÑ O
COLEGIO DE BACHILLERATO EXAMEN LECTIVO
CARMEN MORA DE ENCALADA DE GRADO 2022
Pasaje – El Oro – Ecuador CIENCIAS 2023

Tamaños

Podemos también mejor nuestros conocimientos al utilizar la etiqueta “frameset” Los frames,

como decíamos, nos permiten partir la ventana del navegador en diferentes áreas. Cada una

de estas áreas son independientes y han de ser codificadas con archivos HTML también

independientes. Utilizáremos esta etiqueta para realizar las divisiones de cada un área en

especifica en nuestra pagina web como es el menú principal, catalogo de imágenes de nuestro

local, un apartado de comentarios etc.

pág. 8
 AÑ O
COLEGIO DE BACHILLERATO EXAMEN LECTIVO
CARMEN MORA DE ENCALADA DE GRADO 2022
Pasaje – El Oro – Ecuador CIENCIAS 2023

ÍNDICE
Contents

CERTIFICACIÓN......................................................................................................................................1
RESPONSABILIDAD.................................................................................................................................2
DEDICATORIA........................................................................................................................................3
AGRADECIMIENTO.................................................................................................................................3
IDENTIFICACIÓN DE LOS CONTENIDOS O COMPETENCIAS A APLICAR..................................................4
RECONOCIMIENTO DE TEMAS A REVISAR O REFORZAR........................................................................4
ÍNDICE....................................................................................................................................................5
RESUMEN EJECUTIVO............................................................................................................................6
INTRODUCCIÓN.....................................................................................................................................6
1 PROPUESTA DE TRABAJO...............................................................................................................7
1.1 PROPUESTA............................................................................................................................7
1.2 MEMORIA DESCRIPTIVA........................................................................................................7
1.2.1 DESCRIPCIÓN GENERAL..................................................................................................7
1.2.2 DESCRIPCIÓN TÉCNICA...................................................................................................7
1.2.3 GLOSARIO......................................................................................................................7
2 PROCESO DE PRODUCCIÓN DE BIENES O PRESTACIÓN DE SERVICIOS...........................................7
2.1 PROCESO................................................................................................................................7
2.2 RECURSOS..............................................................................................................................7
2.3 CRONOGRAMA DE ACTIVIDADES...........................................................................................8
3 CONCLUSIONES Y RECOMENDACIONES.........................................................................................8
3.1 CONCLUSIONES......................................................................................................................8
3.2 RECOMENDACIONES..............................................................................................................8
4 REFERENCIAS Y ANEXOS................................................................................................................8
4.1 REFERENCIAS BIBLIOGRÁFICAS..............................................................................................8
4.2 ANEXOS..................................................................................................................................8

pág. 9
 AÑ O
COLEGIO DE BACHILLERATO EXAMEN LECTIVO
CARMEN MORA DE ENCALADA DE GRADO 2022
Pasaje – El Oro – Ecuador CIENCIAS 2023

RESUMEN EJECUTIVO

Es un resumen de la información más importante del proyecto. Son los aspectos

cruciales que cualquier persona necesitan conocer apenas entran en contacto con el proyecto,

antes de que tengan la oportunidad de ver el proyecto (Se sugiere realizarlo al final). (250

PALABRAS)

INTRODUCCIÓN

En este apartado se presenta, de forma resumida, el trabajo práctico que se ha

realizado. La introducción brinda al lector una visión panorámica del trabajo (Se sugiere

realizarlo al final). (250 PALABRAS)

pág. 10
 AÑ O
COLEGIO DE BACHILLERATO EXAMEN LECTIVO
CARMEN MORA DE ENCALADA DE GRADO 2022
Pasaje – El Oro – Ecuador CIENCIAS 2023

1 PROPUESTA DE TRABAJO

1.1 PROPUESTA

El siguiente proyecto demostrativo consiste en la realización de una página web para

promocionar su cadena de comida rápida mediante el lenguaje de programación HTML5, el
cual nos permitirá demostrar nuestros conocimientos que pudimos adquirir durante el año
lectivo, logrando así llamar la atención de las personas que observen nuestro sitio web. Lo
cual se realizará mediante el software Visual Studio Code donde podremos demostrar paso a
paso la forma en que podemos crear desde el principio una página web.
Como estudiantes próximos a graduarnos hemos escogido un tema conocido por
nosotros que es la creación de una pagina web del Local Comercial Zhigue ubicado en el
cantón pasaje. Nuestra propuesta con el señor dueño del mismo fue poder ayudar a
promocionar y hacer publicidad para que más personas conozcan la gran variedad de
productos que ofrece este establecimiento, Indicamos como realizaremos este proceso
comenzaremos con la investigación del campo llevamos un escrito en el cual redactaba que
como estudiantes del colegio Carmen Mora de Encalada le hacemos la petición de
promocionar su local a través de la creación de una página web que será programada por
nosotros con la información que nos brinden como son: (Nombre del dueño/a, Nombre de las
calles, Número de teléfono y Redes Sociales) también imágenes que nos pueden
proporcionar.
Tenemos que demostrar nuestras habilidades y conocimientos que hemos recibido de
nuestros docentes del área técnica tenemos que cumplir con la funcionabilidad del 100% de la
página, crearla de una forma dinámica y interactiva con el señor dueño y los clientes que la
utilicen que es una correcta redacción de cada uno de los productos imágenes en una buena
resolución ventanas de ayuda para las personas que no tienen conocimiento acerca del uso de
la pagina un catalogo expenso de los productos a vender.
Utilizaremos la herramienta visual studio code que es uno de los mejores editores de
código en el cual gracias a las horas de aprendizaje y las explicaciones de nuestros docentes
tenemos el conocimiento apropiado y el manejo para crear nuestra pagina por lo cual
utilizaremos etiquetas líneas de código hojas de estilos para darle color estilo de letra tamaño
de imágenes en las etiquetas podemos utilizar la propiedad “<frameset>” entregue algunas

pág. 11
 AÑ O
COLEGIO DE BACHILLERATO EXAMEN LECTIVO
CARMEN MORA DE ENCALADA DE GRADO 2022
Pasaje – El Oro – Ecuador CIENCIAS 2023

que nos brindaran la facilidad al momento de crear este proyecto también nos pueden ayudar
videos en los cuales podemos guiarnos o explicando que otras propiedades podemos utilizar.

1.2 MEMORIA DESCRIPTIVA

1.2.1 DESCRIPCIÓN GENERAL

Qué es, utilidad, cómo funciona, partes o componentes, características, tipos, según se

requiera. (250 PALABRAS)

1.2.2 DESCRIPCIÓN TÉCNICA

Explicar detalladamente qué y cómo se ha realizado o construido. (250 PALABRAS)

1.2.3 GLOSARIO

Listado o catálogo alfabetizado de las palabras y expresiones de uno o varios textos

que son difíciles de comprender, junto con su significado o algún comentario. (No hay límite

de palabras)

2 PROCESO DE PRODUCCIÓN DE BIENES O PRESTACIÓN DE SERVICIOS

2.1 PROCESO

Explica con claridad el proceso secuencial realizado en el desarrollo de las tareas. Se

evidencia la comprensión del trabajo realizado. Describir la línea de acción. (900

PALABRAS)

2.2 RECURSOS

Equipos, herramientas, implementos, materiales, insumos, según se requiera. (No hay

límite de palabras)

pág. 12
 AÑ O
COLEGIO DE BACHILLERATO EXAMEN LECTIVO
CARMEN MORA DE ENCALADA DE GRADO 2022
Pasaje – El Oro – Ecuador CIENCIAS 2023

2.3 CRONOGRAMA DE ACTIVIDADES

Detalle específico de las actividades a realizar para el desarrollo del caso práctico.

(No hay límite de palabras)

3 CONCLUSIONES Y RECOMENDACIONES

3.1 CONCLUSIONES

Constituyen una síntesis de los principales hallazgos en función de la propuesta de

trabajo planteada. (250 PALABRAS)

3.2 RECOMENDACIONES

Son un conjunto de sugerencias generales, elaboradas a partir de los resultados del

trabajo práctico realizado. Es importante tener claro que las conclusiones deben estar

articuladas y ser coherentes con el tema del proyecto realizado. (250 PALABRAS)

4 REFERENCIAS Y ANEXOS

4.1 REFERENCIAS BIBLIOGRÁFICAS

Incluye los libros, textos escolares, artículos científicos, artículos de prensa, sitios

web, entrevistas u otras fuentes consultadas para el Estudio de Caso. Esta información estará

clasificada de acuerdo con su procedencia. (No hay límite de palabras)

4.2 ANEXOS

Puede incluir gráficos, matrices, mapas, organizadores gráficos, bases de datos,

encuestas, entrevistas, índices, estadísticas, planos, diagramas, flujogramas, circuitos, según

se requiera. (No hay límite de palabras)

pág. 13