COLEGIO DE BACHILLERATO PLANIFICACIÓN

MICROCURRICULAR
CARMEN MORA DE ENCALADA UNIDADES DE
AÑ O
LECTIVO
[email protected] 2022
Pasaje – El Oro – Ecuador TRABAJO (UT) 2023

1. DATOS INFORMATIVOS
N°. FIGURA NIVEL/
UT 1 BT. FIP Informática SUBNIVEL BACHILLERATO TÉCNICO (BT)
PROFESIONAL
MÓDULO
DISEÑO WEB GRADO/ CURSO Segundo BT Informática PARALELO(S) A, B N° PERIODOS
ACADÉMICOS 27
FORMATIVO
DOCENTE(S) ALCIDES PATRICIO MEDINA ROMERO
NOMBRE/ TÍTULO DE LA
UNIDAD DE TRABAJO
Conceptos básicos de herramientas multimedia

2. OBJETIVO(S) DEL MÓDULO FORMATIVO

1. Diseñar y construir soluciones web de nivel intermedio con interfaz amigable, empleando herramientas multimedia que permitan promocionar la información e
imagen de una organización y/o cliente.

3. OBJETIVO(S) DE LA UNIDAD DE TRABAJO

1. Recopila y analiza la información a ser difundida, tomando en cuenta el objetivo y alcance establecidos para las Directivas del Texto.
2. Analiza la factibilidad de la solución WEB, en función de los requerimientos de la organización o cliente.
3. Revisa la factibilidad operativa de la solución WEB en la aplicación de directivas del texto.
4. Realiza ajustes a la propuesta de solución WEB, de acuerdo con los requerimientos de la organización o cliente. Corresponde al(los) objetivo(s) específicos a
alcanzar en la unidad de trabajo.

4. PLANIFICACIÓN APRENDIZAJE POR COMPETENCIAS

UNIDAD DE COMPETENCIA: Diseñar y construir la solución para atender los requerimientos de comunicación y difusión de la información, empleando 2
metodologías orientadas a las herramientas multimedia y WEB.
ELEMENTOS DE COMPETENCIA Y CRITERIO DE REALIZACIÓN: Diseña soluciones para los requerimientos de comunicación y difusión a partir de
herramientas multimedia y WEB
ESTRATEGIAS METODOLÓGICAS ACTIVAS PARA LA ENSEÑANZA Y APRENDIZAJE
CONTENIDOS ACTIVIDAD(ES) DE RECURSOS EVALUACIÓN

Página 1 de 10
 Técnica:
PROCEDIMENTALES CONCEPTUALES ACTITUDINALES APREDIZAJE DESEMPEÑO DE
LOS ALUMNOS
Utilizar diferentes Herramientas de dibujo y ACTIVIDAD(ES) DE ANTICIPACIÓN Libro Instrumento:
Mostrar interés e
herramientas multimedia pintura, mapas de bits. Explora conocimientos sobre la
Computador ORGANIZADORES
iniciativa en la Herramientas de dibujo y pintura, Celular
para la generación de GRAFICOS
proposición de ideas que mapas de bits.
procesos de animación y Espacios en blanco y Proyector
permitan generar Reflexiona sobre la manera correcta de
edición, en concordancia saltos de línea.
soluciones web de aplicar la herramienta.
con los requerimientos Párrafos.
acuerdo con los ACTIVIDAD(ES) DE CONSTRUCCIÓN DEL
que se establezcan.
requerimientos del CONOCIMIENTO.
usuario u organización. Analizar y usar las etiquetas
correctamente y así no tener
inconvenientes al momento de
programar en Html.
ACTIVIDAD(ES) DE CONSOLIDACIÓN
(Evaluativas)
Elabora una INFOGRAFIA de las etiquetas
usas en este capitulo de programación
en HTML.
Encuentra en el siguiente
enlace más información de
Herramientas de dibujo y pintura,
mapas de bits

VIDEO TUTORIAL
https://www.youtube.com/watch?
v=JG8UAYETm4s

UNIDAD DE COMPETENCIA: Diseñar y construir la solución para atender los requerimientos de comunicación y difusión de la información, empleando 2
metodologías orientadas a las herramientas multimedia y WEB.
ELEMENTOS DE COMPETENCIA Y CRITERIO DE REALIZACIÓN: Diseña soluciones para los requerimientos de comunicación y difusión a partir de
Página 2 de 10
herramientas multimedia y WEB
ESTRATEGIAS METODOLÓGICAS ACTIVAS PARA LA ENSEÑANZA Y APRENDIZAJE
CONTENIDOS ACTIVIDAD(ES) DE EVALUACIÓN
RECURSOS
PROCEDIMENTALES CONCEPTUALES ACTITUDINALES APREDIZAJE TÉCNICA/ INSTRUMENTO
Utilizar diferentesDibujos vectoriales, Mostrar interés e Libro Técnica:
herramientas multimedia animaciones en 2D y 3D iniciativa en la ACTIVIDAD(ES) DE ANTICIPACIÓN Computador DESMPEÑO DE
para la generación de proposición de ideas que Estudia etiquetas para Dibujos Celular LOS ALUMNOS
procesos de animación y Secciones y cabeceras permitan generar vectoriales, animaciones en 2D y 3D Proyector Instrumento:
edición, en concordancia Atributos de texto soluciones web de en HTML. ORGANIZADOR
con los requerimientos acuerdo con los Reflexiona sobre la manera correcta de GRAFICO
que se establezcan. requerimientos del aplicar las ETIQUETAS.
usuario u organización ACTIVIDAD(ES) DE CONSTRUCCIÓN DEL
CONOCIMIENTO.
Aplica las etiquetas correctamente y así
no tener inconvenientes al momento de
programar en HTML.
ACTIVIDAD(ES) DE CONSOLIDACIÓN
(Evaluativas)
Elabora una Mapa Mental de las
etiquetas que usas en este capítulo de
programación en HTML.
Encuentra en el siguiente
enlace más información de
Herramientas de dibujo y pintura,
mapas de bits
Encuentra en el siguiente
enlace más información de Dibujos
vectoriales, animaciones en 2D y 3D

https://www.youtube.com/watch?
v=B3eiqugrlsg

UNIDAD DE COMPETENCIA: Diseñar y construir la solución para atender los requerimientos de comunicación y difusión de la información, empleando 2
metodologías orientadas a las herramientas multimedia y WEB.
ELEMENTOS DE COMPETENCIA Y CRITERIO DE REALIZACIÓN: Diseña soluciones para los requerimientos de comunicación y difusión a partir de
Página 3 de 10
herramientas multimedia y WEB
ESTRATEGIAS METODOLÓGICAS ACTIVAS PARA LA ENSEÑANZA Y APRENDIZAJE
CONTENIDOS ACTIVIDAD(ES) DE EVALUACIÓN
RECURSOS
PROCEDIMENTALES CONCEPTUALES ACTITUDINALES APREDIZAJE TÉCNICA/ INSTRUMENTO
Libro Técnica:
Utilizar diferentes Edición de fotografía Mostrar interés e ACTIVIDAD(ES) DE ANTICIPACIÓN Computador DESMPEÑO DE
herramientas multimedia iniciativa en la Aplica etiquetas para Edición de Celular LOS ALUMNOS
para la generación de Separadores proposición de ideas que fotografía en HTML. Proyector Instrumento:
procesos de animación y Bloque de texto pre- permitan generar Reflexiona sobre la manera correcta de ORGANIZADOR
edición, en concordancia formateado soluciones web de aplicar las ETIQUETAS.
GRAFICO
con los requerimientos acuerdo con los ACTIVIDAD(ES) DE CONSTRUCCIÓN DEL
CONOCIMIENTO.
que se establezcan. requerimientos del
Aplica las etiquetas correctamente y así
usuario u organización no tener inconvenientes al momento de
programar en HTML.
ACTIVIDAD(ES) DE CONSOLIDACIÓN
(Evaluativas)
Elabora una Mapa Conceptual de
las etiquetas que usas en este capítulo
de programación en HTML.
Encuentra en el siguiente
enlace más información de Edición de
fotografía

Encuentra en el siguiente
enlace más información de Edición
de fotografía

https://www.youtube.com/watch?
v=cauum0-Ni9g

Página 4 de 10
UNIDAD DE COMPETENCIA: Diseñar y construir la solución para atender los requerimientos de comunicación y difusión de la información, empleando 2
metodologías orientadas a las herramientas multimedia y WEB.
ELEMENTOS DE COMPETENCIA Y CRITERIO DE REALIZACIÓN: Diseña soluciones para los requerimientos de comunicación y difusión a partir de
herramientas multimedia y WEB
ESTRATEGIAS METODOLÓGICAS ACTIVAS PARA LA ENSEÑANZA Y APRENDIZAJE
CONTENIDOS ACTIVIDAD(ES) DE EVALUACIÓN
RECURSOS
PROCEDIMENTALES CONCEPTUALES ACTITUDINALES APREDIZAJE TÉCNICA/ INSTRUMENTO

Utilizar diferentes Libro Técnica:

Edición de video no lineal Mostrar interés e
ACTIVIDAD(ES) DE ANTICIPACIÓN
herramientas multimedia iniciativa en la Computador DESMPEÑO DE
Aplica etiquetas en la programación para Celular LOS ALUMNOS
para la generación de Diálogos proposición de ideas que Edición de video no lineal.
procesos de animación y permitan generar Proyector Instrumento:
Reflexiona sobre la manera correcta de
edición, en concordancia soluciones web de ORGANIZAEDOR
aplicar las ETIQUETAS.
con los requerimientos acuerdo con los ACTIVIDAD(ES) DE CONSTRUCCIÓN DEL
GRAFICO
que se establezcan. requerimientos del CONOCIMIENTO.
usuario u organización Aplica las etiquetas correctamente y así
no tener inconvenientes al momento de
programar en HTML.
ACTIVIDAD(ES) DE CONSOLIDACIÓN
(Evaluativas)
Elabora una Video Educativo de
Edición de video no lineal en
programación HTML.
Encuentra en el siguiente
enlace más información de Edición de
video no lineal y Diálogos.

Encuentra en el siguiente
enlace más información de Dibujos
vectoriales, animaciones en 2D y 3D

https://www.youtube.com/watch?
v=B3eiqugrlsg

UNIDAD DE COMPETENCIA: Diseñar y construir la solución para atender los requerimientos de comunicación y difusión de la información, empleando 2
metodologías orientadas a las herramientas multimedia y WEB.
Página 5 de 10
ELEMENTOS DE COMPETENCIA Y CRITERIO DE REALIZACIÓN: Diseña soluciones para los requerimientos de comunicación y difusión a partir de
herramientas multimedia y WEB
ESTRATEGIAS METODOLÓGICAS ACTIVAS PARA LA ENSEÑANZA Y APRENDIZAJE
CONTENIDOS ACTIVIDAD(ES) DE EVALUACIÓN
RECURSOS
PROCEDIMENTALES CONCEPTUALES ACTITUDINALES APREDIZAJE TÉCNICA/ INSTRUMENTO
Libro Técnica:
Utilizar diferentes Software de edición Mostrar interés e ACTIVIDAD(ES) DE ANTICIPACIÓN
Computador OBSERVACION
herramientas multimedia gráfica iniciativa en la Aplica etiquetas en la programación para
para la generación de proposición de ideas que Software de edición gráfica
Celular Instrumento:
procesos de animación y Hay que destacar texto permitan generar Proyector ORGANIZAEDOR
Reflexiona sobre la manera correcta de
edición, en concordancia soluciones web de GRAFICO
aplicar este software.
con los requerimientos acuerdo con los ACTIVIDAD(ES) DE CONSTRUCCIÓN DEL
que se establezcan. requerimientos del CONOCIMIENTO.
usuario u organización Ejecuta correctamente este software y
así no tener inconvenientes al momento
de programar en HTML.
ACTIVIDAD(ES) DE CONSOLIDACIÓN
(Evaluativas)
Elabora una Blog de Software de
edición gráfica en programación HTML.

Encuentra en el siguiente
enlace más información de Software
de edición gráfica

https://www.youtube.com/watch?
v=uSEd1_FhMWE

UNIDAD DE COMPETENCIA: Diseñar y construir la solución para atender los requerimientos de comunicación y difusión de la información, empleando 2
metodologías orientadas a las herramientas multimedia y WEB.
ELEMENTOS DE COMPETENCIA Y CRITERIO DE REALIZACIÓN: Conoce las herramientas de desarrollo WEB (generadores de código, interfaces de usuario,
hojas de estilo).
ESTRATEGIAS METODOLÓGICAS ACTIVAS PARA LA ENSEÑANZA Y APRENDIZAJE
CONTENIDOS ACTIVIDAD(ES) DE EVALUACIÓN
RECURSOS
PROCEDIMENTALES CONCEPTUALES ACTITUDINALES APREDIZAJE TÉCNICA/ INSTRUMENTO
Diseñar y elaborar Listas Mostrar interés e Libro Técnica: ANALISIS

Página 6 de 10
 ACTIVIDAD(ES) DE ANTICIPACIÓN Computador DE DESEMPEÑO
Aplica Listas en la programación en Celular Instrumento: LISTA
HTML Proyector DE COTEJO
Reflexiona sobre la manera correcta de
aplicar estas etiquetas.
ACTIVIDAD(ES) DE CONSTRUCCIÓN DEL
CONOCIMIENTO.
Ejecuta correctamente LISTAS y no tener
iniciativa en la inconvenientes al momento de
prototipos de soluciones proposición de ideas que programar en HTML.
web con interfaces fáciles permitan generar ACTIVIDAD(ES) DE CONSOLIDACIÓN
de comprender y de usar, soluciones web de (Evaluativas)
cumpliendo los acuerdo con los Elabora una Tríptico de Listas en
parámetros establecidos. requerimientos del programación HTML.
usuario u organización
Encuentra en el siguiente
enlace más información de Listas

https://www.youtube.com/watch?
v=r52OA6MIZvY

UNIDAD DE COMPETENCIA: Diseñar y construir la solución para atender los requerimientos de comunicación y difusión de la información, empleando 2
metodologías orientadas a las herramientas multimedia y WEB.
ELEMENTOS DE COMPETENCIA Y CRITERIO DE REALIZACIÓN: Conoce las herramientas de desarrollo WEB (generadores de código, interfaces de usuario,
hojas de estilo).
ESTRATEGIAS METODOLÓGICAS ACTIVAS PARA LA ENSEÑANZA Y APRENDIZAJE
CONTENIDOS ACTIVIDAD(ES) DE EVALUACIÓN
RECURSOS
PROCEDIMENTALES CONCEPTUALES ACTITUDINALES APREDIZAJE TÉCNICA/ INSTRUMENTO
Diseñar y elaborar Edición de sonido Tener una actitud Libro Técnica:
prototipos de soluciones propositiva para aportar Computador DESMPEÑO DE
web con interfaces fáciles Marcadores de Texto con ideas creativas e ACTIVIDAD(ES) DE ANTICIPACIÓN Celular LOS ALUMNOS
de comprender y de usar, innovadoras, respetando Aplica etiquetas en la Edición de Proyector Instrumento:
cumpliendo los los derechos de autoría y sonido en HTML ORGANIZADOR
parámetros establecidos. aplicando normas, Reflexiona sobre la manera correcta de GRAFICO
estándares y aplicar estas etiquetas.
especificaciones técnicas. ACTIVIDAD(ES) DE CONSTRUCCIÓN DEL
CONOCIMIENTO.
Ejecuta correctamente las etiquetas para

Página 7 de 10
 la EDICION DE SONIDO y no tener
inconvenientes al momento de
programar en HTML.
ACTIVIDAD(ES) DE CONSOLIDACIÓN
(Evaluativas)
Elabora una Collage de Listas en
programación HTML.

Encuentra en el siguiente
enlace más información de Edición
de sonido
https://www.youtube.com/watch?
v=Z26Rp1fgeJ4

UNIDAD DE COMPETENCIA: Diseñar y construir la solución para atender los requerimientos de comunicación y difusión de la información, empleando 2
metodologías orientadas a las herramientas multimedia y WEB.
ELEMENTOS DE COMPETENCIA Y CRITERIO DE REALIZACIÓN: Conoce las herramientas de desarrollo WEB (generadores de código, interfaces de usuario,
hojas de estilo).
ESTRATEGIAS METODOLÓGICAS ACTIVAS PARA LA ENSEÑANZA Y APRENDIZAJE
CONTENIDOS ACTIVIDAD(ES) DE EVALUACIÓN
RECURSOS
PROCEDIMENTALES CONCEPTUALES ACTITUDINALES APREDIZAJE TÉCNICA/ INSTRUMENTO
Diseñar y elaborar Novedad y tachado Tener una actitud ACTIVIDAD(ES) DE ANTICIPACIÓN Libro Técnica:
prototipos de soluciones propositiva para aportar Aplica etiquetas en Novedad y Computador DESMPEÑO DE
web con interfaces fáciles con ideas creativas e tachado en HTML Celular LOS ALUMNOS
de comprender y de usar, innovadoras, respetando Reflexiona sobre la manera correcta de Proyector Instrumento:
cumpliendo los los derechos de autoría y aplicar estas etiquetas.
ORGANIZADOR
parámetros establecidos. aplicando normas, ACTIVIDAD(ES) DE CONSTRUCCIÓN DEL
CONOCIMIENTO.
GRAFICO
estándares y
Ejecuta correctamente las etiquetas para
especificaciones técnicas.
Novedad y tachado y no tener
inconvenientes al momento de
programar en HTML.
ACTIVIDAD(ES) DE CONSOLIDACIÓN
(Evaluativas)
Elabora una Síntesis de Novedad y
Tachado en programación HTML.

Encuentra en el siguiente
Página 8 de 10
 enlace más información de Novedad
y tachado

https://www.youtube.com/watch?
v=3NUXazwCWMs

UNIDAD DE COMPETENCIA: Diseñar y construir la solución para atender los requerimientos de comunicación y difusión de la información, empleando 2
metodologías orientadas a las herramientas multimedia y WEB.
ELEMENTOS DE COMPETENCIA Y CRITERIO DE REALIZACIÓN: Conoce las herramientas de desarrollo WEB (generadores de código, interfaces de usuario,
hojas de estilo).
ESTRATEGIAS METODOLÓGICAS ACTIVAS PARA LA ENSEÑANZA Y APRENDIZAJE
CONTENIDOS ACTIVIDAD(ES) DE EVALUACIÓN
RECURSOS
PROCEDIMENTALES CONCEPTUALES ACTITUDINALES APREDIZAJE TÉCNICA/ INSTRUMENTO
Libro Técnica:
ACTIVIDAD(ES) DE ANTICIPACIÓN Computador DESMPEÑO DE
Aplica correctamente todas las Celular LOS ALUMNOS
Diseñar y elaborar Evaluación Tener una actitud etiquetas usadas en este módulo en Proyector Instrumento:
prototipos de soluciones Proyecto propositiva para aportar HTML ORGANIZAEDOR
web con interfaces fáciles con ideas creativas e Reflexiona sobre la manera correcta de
aplicar estas etiquetas.
GRAFICO
de comprender y de usar, innovadoras, respetando
ACTIVIDAD(ES) DE CONSTRUCCIÓN DEL
cumpliendo los los derechos de autoría y
CONOCIMIENTO.
parámetros establecidos. aplicando normas, Ejecuta correctamente las etiquetas para
estándares y Evaluación Proyecto y no tener
especificaciones técnicas. inconvenientes al momento de sustentar
el mismo.
ACTIVIDAD(ES) DE CONSOLIDACIÓN
(Evaluativas)
Elabora una Página Web en
programación HTML.
Encuentra en el siguiente
enlace más información para la
HTML de una Página Web en

https://www.youtube.com/watch?
v=T8Zt2bpiPjo

Página 9 de 10
3. VALIDACIÓN
ELABORADO POR: REVISADO POR: APROBADO POR:
DOCENTE(S) COORDINADOR(A) DE ÁREA VICERRECTOR
Patricio Medina R.
Patricio Medina R. Ing. Jaime Chuñir P.

Fecha: 29 de agosto de 2022 Fecha: 29 de agosto de 2022 Fecha: 29 de agosto de 2022

Página 10 de 10