PLANIFICACIÓN CURRICULAR ANUAL (BACHILLERATO TÉCNICO)

1. DATOS INFORMATIVOS
Figura Profesional: INFORMÁTICA Nombre del docente: LIC. GUILLERMO PAZMIÑO Año Lectivo: 2022 – 2023
Grado/Curso: 3ro BT Paralelo: D E Módulo Formativo: DISEÑO Y DESARROLLO WEB

2. TIEMPO
Evaluación del aprendizaje e Total de semanas clases Total de periodos
Carga horaria semanal No. Semanas de trabajo
imprevistos
( multiplicar carga horaria semanal x el total de
5 40 4 36
semanas de clases). 4* 36 = 180
3. EJES TRANSVERSALES – VALORES
Respeto Honestidad Justicia Solidaridad Autenticidad
Equilibrio y madurez Aceptación
Escucha Empatía Verdad
personal Incondicional
4. OBJETIVOS GENERALES
Objetivo del módulo formativo: Comunicar y difundir información utilizando
OBJETIVOS DE LA FIGURA PROFESIONAL: Optimizar el tratamiento de la herramientas multimedia y aplicaciones de desarrollo WEB de nivel
información mediante el procesamiento automático, utilizando lenguajes de intermedio, de acuerdo a los requerimientos del cliente.
programación, bases de datos, herramientas ofimáticas, redes informáticas,
herramientas web, sistemas operativos y soporte técnico; proponiendo
soluciones creativas e innovadoras que respondan a los requerimientos de los
usuarios, aplicando procedimientos y metodologías informáticas vigentes.

5. DESARROLLO DE UNIDADES DE TRABAJO

N.º TITULO DE LA OBJETIVOS CONTENIDOS ORIENTACIONES EVALUACIÓN TIEMPO EN
 ESPECIFICOS DE SEMANAS
UNIDAD DE
LA UNIDAD DE METODOLOGICAS INSTRUMENT
TRABAJO TÉCNICAS
PLANIFICACIÓN OS
Etiquetas para inserta imágenes. Realizar visitas a entidades que Actividades Cuaderno.
Etiquetas para insertar tablas. realizan trabajos de diseño concretas para Resúmenes.
Etiquetas de tabla <table> <tr> y publicitario y desarrollo de sitios identificar el Esquemas.
<td> web, para observar un proceso de nivel de logro la evaluación
Etiqueta <th> producción completo, alcanzado por diagnóstica, en
Unir celdas con colspan y rowspan identificando sus etapas, las los las evaluaciones
ETIQUETAS PARA Identificar
Etiquetas avanzadas para tablas: técnicas y herramientas estudiantes en formativas y
INSERTAR imágenes, tablas,
1 <tbody> <thead> y <tfoot> utilizadas. el desarrollo sumativas de 8
IMÁGENES, enlaces en las
Filas pares e impares en las tablas Gestionar la visita de un experto de parcial, así como
ENLACES páginas web.
Agrupar columnas con colgroup y en el área a la institución aprendizajes en las
col educativa, para que comente a los conceptuales, evaluaciones
Rótulo de la tabla. Etiqueta estudiantes de Informática sus procedimental quimestrales
<caption> experiencias acerca de trabajos de es, (propuesta de
Anchura diseño publicitario y desarrollo de actitudinales. reflexión
Etiquetas para crear enlaces:tipos. sitios web. Formativa metacognitiva).
2 FORMULARIOS EN Definir las etiquetas Etiquetas para crear formularios. Revisar páginas web con Sumativa
UNA PAGINA WEB. html para insertar Cómo crear Formularios en diferente contenido y finalidades Plantear
formularios en una HTML (comerciales, educativas, ejercicios con 10
página web. La etiqueta <form> gubernamentales, entre otras), situaciones que
Atributos de la etiqueta <form> con el propósito de analizar constituyan retos
Etiqueta <input> de un formulario comparativamente sus a ser resueltos
Tipo text, Tipo checkbox, Tipo estructuras, identificando por los
radio, Tipo number, Tipo range, semejanzas y diferencias en su estudiantes.
Tipo password, Tipo email,Tipo diseño y funcionalidad. Se han
submit, Tipo reset, Tipo hidden, Generar espacios de análisis de realizado
Tipo date, Tipo time, Tipo situaciones de diseño y trabajos en el
datetime-local, Tipo month, Tipo construcción de soluciones web. aula.
week. Tipo color, Tipo search
Etiqueta <textarea>
Etiquetas <select> y <option>
Etiqueta <optgroup>
Etiqueta <label>
 Etiquetas <fieldset> y <legend>
Etiqueta <button>
Introducción a SVG. Gráficos
redimensionables
Crear una imagen SVG
Etiqueta SVG. Coordenadas.
Viewport y viewbox
INTRODUCCIÓN A
Dibujar formas básicas en SVG
SVG. GRÁFICOS. Identificar SVG,
Dibujar trazados (paths) en SVG 10
3 FRAMES E IFRAME FRAMES en
Organizar y agrupar gráficos
páginas web.
<g>,<use> y <symbol>
Texto en SVG.
FRAMES E IFRAME
¿Qué son los frames?
Crear una página web con Frames
Usar <iframe>
Vídeo y audio
Etiqueta <vídeo>
VÍDEO Y AUDIO Identificar vídeo y Etiqueta <track>
4 8
audio Vídeos de YouTube
Etiqueta <object>
Etiqueta <audio>

CAJA DE HERRAMIENTAS ( BIBLIOGRAFÍA/ WEBGRAFÍA ) OBSERVACIONES

(Utilizar normas APA VI edición)
 https://recursos2.educacion.gob.ec/encasa-tecnico/
 https://www.aulaclic.es/html/index.htm
 https://informaticapc.com/tutorial-html/frames.php
BIBLIOGRAFÍA/ WEBGRAFÍA (Utilizar normas APA VI edición)
El gran libro de HTML5, CSS3 y Javascript, Primera edición, 2012,© 2012 Juan Diego Gauchat,
© MARCOMBO, S.A. 2012, Gran Via de les Corts Catalanes, 594, 08007 Barcelona
www.marcombo.com
Equipo Vértice. (2009). Técnicas avanzadas de diseño web. España: Publicaciones Vértice S.L.
Aubry,C. (2012). HTML5 y CSS3 Revolución del Diseño de Sitios Web. Barcelona- España: Ediciones ENI
 Portal de Recursos Educativos Digitales.
 Textos digitales.
 Educación Virtual Educativo Digital.
 Educación Virtual Bachillerato AVA.

ELABORADO REVISADO APROBADO

DOCENTE(S): MSc. GUILLERMO PAZMIÑO NOMBRE DEL COORDINADOR CTP. MSc. Jerson Calahorrano Terán.
LIC. Raúl Remache VICERRECTOR (E)

Firma: Firma: Firma:

Fecha: 3/07/2023 Fecha: 3/07/2023 Fecha: 3/07/2023