UNIVERSIDAD TÉCNICA DE MACHALA

FACULTAD DE CIENCIAS SOCIALES

PEDAGOGÍA DE LAS CIENCIAS EXPERIMENTALES

Modalidad de estudio HÍBRIDA

SÍLABO

1.- Datos generales

Asignatura:
Código: Unidad de organización curricular:
ENSEÑANZA-APRENDIZAJE DE PROGRAMACIÓN
7.3 PROFESIONAL
WEB

Nivel: Paralelo: Jornada: Periodo académico:

SEPTIMO B NOCTURNA 2023-2

Fecha de inicio de actividades académicas: Fecha de culminación de actividades académicas:

13/11/2023 01/03/2024
Prerrequisitos:
ADMINISTRACIÓN DE CENTROS DE CÓMPUTO
Correquisitos:
COMUNICACIÓN ACADÉMICA, CÁTEDRA INTEGRADORA: MODELOS Y PRÁCTICAS TECNOLÓGICAS PARA LA
INCLUSIÓN Y LA DIVERSIDAD, INCLUSIÓN Y ADAPTACIÓN CURRICULAR CON TECNOLOGÍA, SEMINARIO DE
TITULACIÓN I
Créditos: Total de horas de la asignatura:
3.0 144

Horas de aprendizaje por componente

CD CPE
VIN/PP
V V CAA TIT
P P
SC ASC SC ASC PL PSC
0 48 0 0 0 32 64 0 0 0
Línea operativa:
NO APLICA

2.- Secuencia didáctica de la asignatura

Objetivo Contenidos mínimos Resultados de aprendizaje
Aplicar métodos, recursos y técnicas -Lenguaje de marcado de hipertexto. - Diseña sitios web interactivos
de enseñanza-aprendizaje para - Diseño con hojas de estilo en utilizando HTML y CSS.
programación de web en función del cascada. -Realiza Programación Web del lado
diseño de sitios interactivos. -Programación Web del lado cliente Cliente y Servidor.
(Front End). -Aplica métodos, recursos y técnicas
-Programación Web del lado servidor de enseñanza-aprendizaje para
(Back End). Programación de Web.
-Métodos y técnicas de enseñanza
para Programación Web.

3.- Estructura de la asignatura

3.1 Estructura de las unidades didácticas

UNIDADES DIDÁCTICAS DE LA ASIGNATURA

OBJETIVOS DE APRENDIZAJE CONTENIDOS DE RESULTADOS DE

NOMBRE
APRENDIZAJE APRENDIZAJE

Sílabo UTMACH Pág. 1 de 19

Generado por: SIUTMACH/ACADÉMICO 2023-12-17 19:36 - Emitido por: cguaman6
 UNIDADES DIDÁCTICAS DE LA ASIGNATURA

OBJETIVOS DE APRENDIZAJE CONTENIDOS DE RESULTADOS DE

NOMBRE
APRENDIZAJE APRENDIZAJE

- Introducción a lenguaje de
marcado Hipertexto. (HTML)
- Conceptos básicos de
Conocer el uso de lenguajes HTML, Entorno de desarrollo
de marcado de hipertexto y Notepad++
I. Introducción a la programación sus códigos básicos., - Conceptos básicos, Identifica los códigos y
web. mediante el entorno de arquitectura cliente-servidor, sintaxis básica en lenguaje
desarrollo de notepad ++ lenguajes Front-end y Back- HTML.
para la creación de páginas end.
web. - Funciones básicas de
HTML.

-Estructura de páginas web.

-Funciones Básicas HTML,
Desarrollar un portal Web
II. Lenguajes y tecnologías web CSS Utiliza estilo cascada en
básico mediante un diseño
- Creación de un portal desarrollo de páginas web
con hoja estilo en cascada.
básico.
- Estilos en cascada.

Diseño y desarrollo de sitios

web:
Diseño de interfaz de
Identificar la programación usuario, maquetación, estilos Identifica la programación
III. . Diseño y desarrollo de sitios frontend y backend mediante CSS, accesibilidad, Front-end y Back-end
web-programación del lado los beneficios de cada una Responsive design., Front- mediante los beneficios de
cliente- servidor de ellas. end y Back-end. cada una de ellas.
Web a un servidor accesible
en internet.
Elaboración sitio web.

Comprender la importancia Comprende la importancia

de utilizar un modelo de utilizar un modelo
enfocada al área tecnológica enfocada al área
PROGRAMACIÓN WEB
ofrece en la enseñanza de la tecnológica ofrece en la
autenticación y autorización,
programación. enseñanza de la
IV. Métodos y técnicas de validación de datos.
Desarrollar un sitio web programación
Enseñanza para Programación Métodos y técnicas de
Web. mediante programación web Desarrolla un sitio web
Enseñanza para
o gestor de contenidos mediante programación
programación Web.
aplicando autenticación y web o gestor de
validación de datos. contenidos aplicando
autenticación y validación
de datos.

3.2 Estructura de la unidad didáctica por temas

UNIDAD I: Introducción a la programación web.

Tema: INTRODUCCIÓN A HTML

Estrategias didácticas Indicadores de
Fecha Objetivo Contenido evaluación
Introducción Desarrollo Cierre
El análisis del - Sistematización - Conoce los
contenido se del contenido conceptos
Saludo y
realizará a través - Se reflexiona básico de
Conocer los -Introducción: organización de la
de la interacción y sobre cada HTML, sitio
conceptos básico de Internet y cómo se clase. Registro de
la orientación de actividad web a través
HTML, sitio web a transmite la asistencia.
14/11/2023 tareas para entre realizada en la de ejemplos
través de ejemplos información. Retroalimentación
Mod: todos construir el clase, lo para la
para la compresión - Lenguaje de acerca de la clase
VIRTUAL conocimiento de aprendido y su compresión de
de la construcción de programación Web: anterior
manera flexible y utilidad. la construcción
una página web Concepción y (Motivación
dinámica. - Elaboración de una página
prospectivas intrínseca).
conjunta de las web
conclusiones de - Actividades

Sílabo UTMACH Pág. 2 de 19

Generado por: SIUTMACH/ACADÉMICO 2023-12-17 19:36 - Emitido por: cguaman6
 de debate y
El profesor guiará actividades de
a los estudiantes grupo
de acuerdo con la la clase - Verifica la
Saludo y
lógica que ha - Se dará asimilación de
Conocer los -Introducción: organización de la
determinado respuesta a las contenidos
conceptos básico de Internet y cómo se clase. Registro de
previamente, y interrogantes mediante el
HTML, sitio web a transmite la asistencia.
14/11/2023 guiará el realizadas al método
través de ejemplos información. Retroalimentación
Mod: aprendizaje a inicio. socrático.
para la compresión - Lenguaje de acerca de la clase
VIRTUAL través del estudio - Se enunciará a - Verifica que
de la construcción de programación Web: anterior
realizado de los estudiantes el el trabajo
una página web Concepción y (Motivación
manera tema de la clase autónomo sea
prospectivas intrínseca).
independiente. siguiente. subido al Eva
Utmach, para
su calificación

El análisis del - Conoce los

contenido se conceptos
- Sistematización
realizará a través básico de
del contenido
de la interacción y HTML, sitio
- Se reflexiona
la orientación de web a través
sobre cada
tareas para entre de ejemplos
actividad
todos construir el para la
realizada en la
conocimiento de compresión de
clase, lo
Saludo y manera flexible y la construcción
aprendido y su
organización de la dinámica. de una página
Conocer los -¿Qué es y para qué utilidad.
clase. Registro de El profesor guiará web
conceptos básico de sirve HTML? - Elaboración
asistencia. a los estudiantes - Verifica la
HTML, sitio web a -¿Es HTML un conjunta de las
16/11/2023 Retroalimentación de acuerdo con la asimilación de
través de ejemplos lenguaje de conclusiones de
Mod: acerca de la clase lógica que ha contenidos
para la compresión programación? la clase
VIRTUAL anterior determinado mediante el
de la construcción de -¿Cuáles son las - Se dará
(Motivación previamente, y método
una página web versiones de HTML? respuesta a las
intrínseca). guiará el socrático.
interrogantes
aprendizaje a - Verifica que
realizadas al
través del estudio el trabajo
inicio.
realizado de autónomo sea
- Se enunciará a
manera subido al Eva
los estudiantes el
independiente. Utmach, para
tema de la clase
su calificación
siguiente.

Tema: - Conceptos básicos de HTML, Entorno de desarrollo Notepad++

Estrategias didácticas Indicadores de
Fecha Objetivo Contenido evaluación
Introducción Desarrollo Cierre
El análisis del
contenido se
realizará a través - Sistematización
- Comprende
de la interacción y del contenido
las Funciones
la orientación de - Se reflexiona
Básicas DE
tareas para entre sobre cada
LENGUAJE
todos construir el actividad
HTML
conocimiento de realizada en la
- Actividades
manera flexible y clase, lo
de debate y
Saludo y dinámica. aprendido y su
actividades de
organización de la El profesor guiará utilidad.
grupo
clase. Registro de a los estudiantes - Elaboración
- Funciones Básicas - Verifica la
- Comprender las asistencia. de acuerdo con la conjunta de las
21/11/2023 de Lenguaje HTML asimilación de
Funciones Básicas Retroalimentación lógica que ha conclusiones de
Mod: - Diseño o estructura contenidos
DE LENGUAJE acerca de la clase determinado la clase
VIRTUAL mediante el
HTML anterior previamente, y - Se dará
método
(Motivación guiará el respuesta a las
socrático.
intrínseca). aprendizaje a interrogantes
- Verifica que
través del estudio realizadas al
el trabajo
realizado de inicio.
autónomo sea
manera - Se enunciará a
subido al Eva
independiente. los estudiantes el
Utmach, para
Noted pad++ tema de la clase
su calificación
siguiente.

Sílabo UTMACH Pág. 3 de 19

Generado por: SIUTMACH/ACADÉMICO 2023-12-17 19:36 - Emitido por: cguaman6
 - El análisis del
contenido se
realizará a través
de la interacción y
- Sistematización
la orientación de - Comprende
del contenido
tareas para entre las Funciones
- Se reflexiona
todos construir el Básicas DE
sobre cada
conocimiento de LENGUAJE
actividad
manera flexible y HTML
realizada en la
dinámica. - Actividades
clase, lo
- El profesor de debate y
Saludo y aprendido y su
guiará a los actividades de
organización de la utilidad.
estudiantes de grupo
clase. Registro de - Elaboración
acuerdo con la - Verifica la
- Comprender las asistencia. conjunta de las
23/11/2023 lógica que ha asimilación de
Funciones Básicas - Práctica sobre el Retroalimentación conclusiones de
Mod: determinado contenidos
DE LENGUAJE lenguaje HTML acerca de la clase la clase
VIRTUAL previamente, y mediante el
HTML anterior - Se dará
guiará el método
(Motivación respuesta a las
aprendizaje a socrático.
intrínseca). interrogantes
través del estudio - Verifica que
realizadas al
realizado de el trabajo
inicio.
manera autónomo sea
- Se enunciará a
independiente. subido al Eva
los estudiantes el
- Noted pad++, Utmach, para
tema de la clase
Ejercicios y su calificación
siguiente.
practica de HTML

Tema: - Conceptos básicos, arquitectura cliente-servidor, lenguajes Front-end y Back-end.

Estrategias didácticas Indicadores de
Fecha Objetivo Contenido evaluación
Introducción Desarrollo Cierre
- El análisis del
contenido se
realizará a través
de la interacción y - Sistematización
la orientación de del contenido
tareas para entre - Se reflexiona - Conoce la
todos construir el sobre cada estructura y las
conocimiento de actividad funciones
manera flexible y realizada en la básicas de
dinámica. clase, lo HTML
Saludo y
- El profesor aprendido y su - Verifica la
organización de la
guiará a los utilidad. asimilación de
clase. Registro de
Aplicar la estructura estudiantes de - Elaboración contenidos
asistencia.
básica de una acuerdo con la conjunta de las mediante el
28/11/2023 Estructura básica de Retroalimentación
página web por lógica que ha conclusiones de método
Mod: una página HTML acerca de la clase
medio de un ejemplo determinado la clase socrático.
VIRTUAL anterior
practico. previamente, y - Se dará - Verifica que
(Motivación
guiará el respuesta a las el trabajo
intrínseca).
aprendizaje a interrogantes autónomo sea
través del estudio realizadas al subido al Eva
realizado de inicio. Utmach, para
manera - Se enunciará a su calificación
independiente. los estudiantes el
- Exposición tema de la clase
docente y práctica siguiente.

- El análisis del - Sistematización - Conoce la

Elementos de la Saludo y
contenido se del contenido estructura y las
estructura básica: organización de la
realizará a través - Se reflexiona funciones
Aplicar la estructura HEAD, BODY. clase. Registro de
de la interacción y sobre cada básicas de
básica de una Etiquetas HTML asistencia.
30/11/2023 la orientación de actividad HTML
página web por básicas: formato Retroalimentación
Mod: tareas para entre realizada en la - Verifica la
medio de un ejemplo texto, imágenes, acerca de la clase
VIRTUAL todos construir el clase, lo asimilación de
practico. encabezados, anterior
conocimiento de aprendido y su contenidos
párrafo, saltos de (Motivación
manera utilidad. mediante el
línea, separadores y intrínseca).
- Elaboración método
comentarios

Sílabo UTMACH Pág. 4 de 19

Generado por: SIUTMACH/ACADÉMICO 2023-12-17 19:36 - Emitido por: cguaman6
 flexible y
dinámica.
- El profesor
guiará a los conjunta de las
estudiantes de conclusiones de
Elementos de la Saludo y
acuerdo con la la clase socrático.
estructura básica: organización de la
lógica que ha - Se dará - Verifica que
Aplicar la estructura HEAD, BODY. clase. Registro de
determinado respuesta a las el trabajo
básica de una Etiquetas HTML asistencia.
30/11/2023 previamente, y interrogantes autónomo sea
página web por básicas: formato Retroalimentación
Mod: guiará el realizadas al subido al Eva
medio de un ejemplo texto, imágenes, acerca de la clase
VIRTUAL aprendizaje a inicio. Utmach, para
practico. encabezados, anterior
través del estudio - Se enunciará a su calificación
párrafo, saltos de (Motivación
realizado de los estudiantes el
línea, separadores y intrínseca).
manera tema de la clase
comentarios
independiente. siguiente.
- Exposición
docente y práctica

Tema: - Funciones básicos de HTML.

Estrategias didácticas Indicadores de
Fecha Objetivo Contenido evaluación
Introducción Desarrollo Cierre
- Aplica los
conocimientos
del lenguaje de
programación
y su
El análisis del
importancia en
contenido se
la arquitectura
realizará a través - Sistematización
en el WebSite
de la interacción y del contenido
- Preguntas y
la orientación de - Se reflexiona
respuestas
tareas para entre sobre cada
sobre
todos construir el actividad
inquietudes de
conocimiento de realizada en la
los recursos e
manera flexible y clase, lo
Saludo y interacción de
dinámica. aprendido y su
organización de la la clase
El profesor guiará utilidad.
clase. Registro de - Actividades
Introducción. a los estudiantes - Elaboración
Aplicar el lenguaje asistencia. de debate y
Terminologías del de acuerdo con la conjunta de las
05/12/2023 de programación y Retroalimentación actividades de
Lenguaje de la lógica que ha conclusiones de
Mod: su importancia en la acerca de la clase grupo
programación determinado la clase
VIRTUAL arquitectura en el anterior - Verifica la
- Front-end previamente, y - Se dará
WebSite (Motivación asimilación de
- Back-end guiará el respuesta a las
intrínseca). contenidos
aprendizaje a interrogantes
mediante el
través del estudio realizadas al
método
realizado de inicio.
socrático.
manera - Se enunciará a
- Verifica que
independiente. los estudiantes el
el trabajo
tema de la clase
autónomo sea
siguiente.
subido al Eva
Utmach, para
su calificación

El análisis del - Sistematización - Aplica los

contenido se del contenido conocimientos
realizará a través - Se reflexiona el lenguaje de
Saludo y de la interacción y sobre cada programación
organización de la la orientación de actividad y su
clase. Registro de tareas para entre realizada en la importancia en
Aplicar el lenguaje La programación
asistencia. todos construir el clase, lo la arquitectura
07/12/2023 de programación y Web
Retroalimentación conocimiento de aprendido y su en el WebSite
Mod: su importancia en la - Front-end
acerca de la clase manera flexible y utilidad. - Preguntas y
VIRTUAL arquitectura en el - Back-end
anterior dinámica. - Elaboración respuestas
WebSite Ejemplos prácticos
(Motivación El profesor guiará conjunta de las sobre
intrínseca). a los estudiantes conclusiones de inquietudes de
de la clase los
- Se dará
respuesta a las

Sílabo UTMACH Pág. 5 de 19

Generado por: SIUTMACH/ACADÉMICO 2023-12-17 19:36 - Emitido por: cguaman6
 recursos e
interacción de
acuerdo con la
la clase
lógica que ha
- Verifica la
Saludo y determinado
asimilación de
organización de la previamente, y interrogantes
contenidos
clase. Registro de guiará el realizadas al
Aplicar el lenguaje La programación mediante el
asistencia. aprendizaje a inicio.
07/12/2023 de programación y Web método
Retroalimentación través del estudio - Se enunciará a
Mod: su importancia en la - Front-end socrático.
acerca de la clase realizado de los estudiantes el
VIRTUAL arquitectura en el - Back-end - Verifica que
anterior manera tema de la clase
WebSite Ejemplos prácticos el trabajo
(Motivación independiente. siguiente.
autónomo sea
intrínseca). Exposición,
subido al Eva
ejemplos y
Utmach, para
práctica
su calificación

UNIDAD II: Lenguajes y tecnologías web

Tema: -Estructura de páginas web.

Estrategias didácticas Indicadores de
Fecha Objetivo Contenido evaluación
Introducción Desarrollo Cierre
- El análisis del
contenido se
realizará a través
- Sistematización
de la interacción y - Crea una
del contenido
la orientación de página básica
- Se reflexiona
tareas para entre con el lenguaje
sobre cada
todos construir el HTML
actividad
conocimiento de - Actividades
realizada en la
manera flexible y de debate y
clase, lo
dinámica. actividades de
Saludo y aprendido y su
Exposición grupo
organización de la utilidad.
docente - Verifica la
clase. Registro de - Elaboración
Crear una página - El profesor asimilación de
asistencia. conjunta de las
12/12/2023 básica con el Estructura de página guiará a los contenidos
Retroalimentación conclusiones de
Mod: lenguaje HTML para Web estudiantes de mediante el
acerca de la clase la clase
VIRTUAL su ejecución como Introducción a CSS acuerdo con la método
anterior - Se dará
sitio Web lógica que ha socrático.
(Motivación respuesta a las
determinado - Verifica que
intrínseca). interrogantes
previamente, y el trabajo
realizadas al
guiará el autónomo sea
inicio.
aprendizaje a subido al Eva
- Se enunciará a
través del estudio Utmach, para
los estudiantes el
realizado de su calificación
tema de la clase
manera
siguiente.
independiente.

- El análisis del - Sistematización

- Crea una
contenido se del contenido
página básica
realizará a través - Se reflexiona
con el lenguaje
de la interacción y sobre cada
HTML
la orientación de actividad
- Actividades
tareas para entre realizada en la
de debate y
todos construir el clase, lo
Saludo y actividades de
conocimiento de aprendido y su
organización de la grupo
manera flexible y utilidad.
clase. Registro de - Verifica la
dinámica. - Elaboración
Crear una página Estructura de página asistencia. asimilación de
- El profesor conjunta de las
14/12/2023 básica con el Web Retroalimentación contenidos
guiará a los conclusiones de
Mod: lenguaje HTML para - Funciones de CSS acerca de la clase mediante el
estudiantes de la clase
VIRTUAL su ejecución como - Ejercicios en CSS anterior método
acuerdo con la - Se dará
sitio Web (Motivación socrático.
lógica que ha respuesta a las
intrínseca). - Verifica que
determinado interrogantes
el trabajo
previamente, y realizadas al
autónomo sea
guiará el inicio.
subido al Eva
aprendizaje a - Se enunciará a
Utmach, para
través del estudio los estudiantes el
su calificación
tema de la clase
siguiente.

Sílabo UTMACH Pág. 6 de 19

Generado por: SIUTMACH/ACADÉMICO 2023-12-17 19:36 - Emitido por: cguaman6
 - Sistematización
- Crea una
del contenido
página básica
- Se reflexiona
con el lenguaje
sobre cada
HTML
actividad
- Actividades
realizada en la
de debate y
clase, lo
Saludo y actividades de
aprendido y su
organización de la grupo
utilidad.
clase. Registro de - Verifica la
- Elaboración
Crear una página Estructura de página asistencia. realizado de asimilación de
conjunta de las
14/12/2023 básica con el Web Retroalimentación manera contenidos
conclusiones de
Mod: lenguaje HTML para - Funciones de CSS acerca de la clase independiente. mediante el
la clase
VIRTUAL su ejecución como - Ejercicios en CSS anterior - Desarrollo de método
- Se dará
sitio Web (Motivación HTML, CSS socrático.
respuesta a las
intrínseca). - Verifica que
interrogantes
el trabajo
realizadas al
autónomo sea
inicio.
subido al Eva
- Se enunciará a
Utmach, para
los estudiantes el
su calificación
tema de la clase
siguiente.

Tema: -Funciones Básicas HTML, CSS

Estrategias didácticas Indicadores de
Fecha Objetivo Contenido evaluación
Introducción Desarrollo Cierre
- Utiliza las
operaciones
básicas del
El análisis del
lenguaje de
contenido se
programación
realizará a través - Sistematización
HTML
de la interacción y del contenido
- Preguntas y
la orientación de - Se reflexiona
respuestas
tareas para entre sobre cada
sobre
todos construir el actividad
inquietudes de
conocimiento de realizada en la
los recursos e
manera flexible y clase, lo
Saludo y interacción de
dinámica. aprendido y su
Utilizar las organización de la la clase
El profesor guiará utilidad.
operaciones básicas clase. Registro de - Actividades
a los estudiantes - Elaboración
del lenguaje de asistencia. de debate y
de acuerdo con la conjunta de las
19/12/2023 programación HTML Capas en HTML. Retroalimentación actividades de
lógica que ha conclusiones de
Mod: para la configuración Etiquetas DIV y acerca de la clase grupo
determinado la clase
VIRTUAL de páginas o sitios SPAN anterior - Verifica la
previamente, y - Se dará
Web (Motivación asimilación de
guiará el respuesta a las
intrínseca). contenidos
aprendizaje a interrogantes
mediante el
través del estudio realizadas al
método
realizado de inicio.
socrático.
manera - Se enunciará a
- Verifica que
independiente. los estudiantes el
el trabajo
tema de la clase
autónomo sea
siguiente.
subido al Eva
Utmach, para
su calificación

El análisis del - Sistematización - Utiliza las

contenido se del contenido operaciones
Saludo y realizará a través - Se reflexiona básicas del
Utilizar las organización de la de la interacción y sobre cada lenguaje de
operaciones básicas clase. Registro de la orientación de actividad programación
del lenguaje de asistencia. tareas para entre realizada en la HTML
21/12/2023 programación HTML Maquetación de Retroalimentación todos construir el clase, lo - Preguntas y
Mod: para la configuración estructura de acerca de la clase conocimiento de aprendido y su respuestas
VIRTUAL de páginas o sitios páginas web anterior manera flexible y utilidad. sobre
Web (Motivación dinámica. - Elaboración inquietudes de
intrínseca). El profesor guiará conjunta de las los recursos e
a los conclusiones de interacción de
la clase la clase
- Se dará - Actividades

Sílabo UTMACH Pág. 7 de 19

Generado por: SIUTMACH/ACADÉMICO 2023-12-17 19:36 - Emitido por: cguaman6
 de debate y
actividades de
grupo
estudiantes de
- Verifica la
Saludo y acuerdo con la
asimilación de
Utilizar las organización de la lógica que ha respuesta a las
contenidos
operaciones básicas clase. Registro de determinado interrogantes
mediante el
del lenguaje de asistencia. previamente, y realizadas al
método
21/12/2023 programación HTML Maquetación de Retroalimentación guiará el inicio.
socrático.
Mod: para la configuración estructura de acerca de la clase aprendizaje a - Se enunciará a
- Verifica que
VIRTUAL de páginas o sitios páginas web anterior través del estudio los estudiantes el
el trabajo
Web (Motivación realizado de tema de la clase
autónomo sea
intrínseca). manera siguiente.
subido al Eva
independiente.
Utmach, para
su calificación

Tema: - Creación de un portal básico.

Estrategias didácticas Indicadores de
Fecha Objetivo Contenido evaluación
Introducción Desarrollo Cierre
- Utiliza
funciones
básicas del
lenguaje HTML
y CSS y aplica
El análisis del
mediante
contenido se
- Sistematización ejemplos la
realizará a través
del contenido construcción
de la interacción y
- Se reflexiona de un sitio
la orientación de
sobre cada Web
tareas para entre
actividad - Preguntas y
todos construir el
realizada en la respuestas
conocimiento de
clase, lo sobre
manera flexible y
Saludo y aprendido y su inquietudes de
dinámica.
organización de la utilidad. los recursos e
El profesor guiará
Utilizar funciones clase. Registro de - Elaboración interacción de
a los estudiantes
básicas del lenguaje asistencia. conjunta de las la clase
de acuerdo con la
26/12/2023 HTML y CSS Retroalimentación conclusiones de - Actividades
Sintaxis básica de lógica que ha
Mod: mediante ejemplos acerca de la clase la clase de debate y
lenguaje HTML determinado
VIRTUAL para la construcción anterior - Se dará actividades de
previamente, y
de sitio Web (Motivación respuesta a las grupo
guiará el
intrínseca). interrogantes - Verifica la
aprendizaje a
realizadas al asimilación de
través del estudio
inicio. contenidos
realizado de
- Se enunciará a mediante el
manera
los estudiantes el método
independiente.
tema de la clase socrático.
siguiente. - Verifica que
el trabajo
autónomo sea
subido al Eva
Utmach, para
su calificación

El análisis del - Sistematización - Utiliza

contenido se del contenido funciones
realizará a través - Se reflexiona básicas del
Saludo y de la interacción y sobre cada lenguaje HTML
organización de la la orientación de actividad y CSS y aplica
Utilizar funciones clase. Registro de tareas para entre realizada en la mediante
básicas del lenguaje asistencia. todos construir el clase, lo ejemplos la
28/12/2023 HTML y CSS Sintaxis básica de Retroalimentación conocimiento de aprendido y su construcción
Mod: mediante ejemplos funcionalidades CSS acerca de la clase manera flexible y utilidad. de un sitio
VIRTUAL para la construcción anterior dinámica. - Elaboración Web
de sitio Web (Motivación El profesor guiará conjunta de las - Preguntas y
intrínseca). a los estudiantes conclusiones de respuestas
de acuerdo con la la clase sobre
- Se dará inquietudes de
respuesta a las los recursos e
interrogantes

Sílabo UTMACH Pág. 8 de 19

Generado por: SIUTMACH/ACADÉMICO 2023-12-17 19:36 - Emitido por: cguaman6
 interacción de
la clase
- Actividades
de debate y
actividades de
Saludo y lógica que ha grupo
organización de la determinado - Verifica la
Utilizar funciones clase. Registro de previamente, y realizadas al asimilación de
básicas del lenguaje asistencia. guiará el inicio. contenidos
28/12/2023 HTML y CSS Sintaxis básica de Retroalimentación aprendizaje a - Se enunciará a mediante el
Mod: mediante ejemplos funcionalidades CSS acerca de la clase través del estudio los estudiantes el método
VIRTUAL para la construcción anterior realizado de tema de la clase socrático.
de sitio Web (Motivación manera siguiente. - Verifica que
intrínseca). independiente. el trabajo
autónomo sea
subido al Eva
Utmach, para
su calificación

Tema: - Estilos en cascada.

Estrategias didácticas Indicadores de
Fecha Objetivo Contenido evaluación
Introducción Desarrollo Cierre
- Utiliza base
de datos
mediante la
El análisis del aplicaciones
contenido se para la
- Sistematización
realizará a través creación de un
del contenido
de la interacción y Sitio Web
- Se reflexiona
la orientación de - Preguntas y
sobre cada
tareas para entre respuestas
actividad
todos construir el sobre
realizada en la
conocimiento de inquietudes de
clase, lo
manera flexible y los recursos e
aprendido y su
Saludo y dinámica. interacción de
utilidad.
organización de la El profesor guiará la clase
- Elaboración
clase. Registro de a los estudiantes - Actividades
Utilizar base de conjunta de las
asistencia. de acuerdo con la de debate y
02/01/2024 datos mediante la conclusiones de
Conceptos básicos Retroalimentación lógica que ha actividades de
Mod: aplicaciones para la la clase
Base de datos acerca de la clase determinado grupo
VIRTUAL creación de un sitio - Se dará
anterior previamente, y - Verifica la
Web respuesta a las
(Motivación guiará el asimilación de
interrogantes
intrínseca). aprendizaje a contenidos
realizadas al
través del estudio mediante el
inicio.
realizado de método
- Se enunciará a
manera socrático.
los estudiantes el
independiente. - Verifica que
tema de la clase
el trabajo
siguiente.
autónomo sea
subido al Eva
Utmach, para
su calificación

El análisis del - Sistematización - Utiliza base

contenido se del contenido de datos
realizará a través - Se reflexiona mediante la
Saludo y de la interacción y sobre cada aplicaciones
organización de la la orientación de actividad para la
clase. Registro de tareas para entre realizada en la creación de un
Utilizar base de asistencia. todos construir el clase, lo sitio Web
04/01/2024 datos mediante la Uso de base de Retroalimentación conocimiento de aprendido y su - Preguntas y
Mod: aplicaciones para la datos para sitios web acerca de la clase manera flexible y utilidad. respuestas
VIRTUAL creación de un sitio anterior dinámica. - Elaboración sobre
Web (Motivación El profesor guiará conjunta de las inquietudes de
intrínseca). a los estudiantes conclusiones de los recursos e
de acuerdo con la la clase interacción de
- Se dará la clase
respuesta a las - Actividades
interrogantes de debate y

Sílabo UTMACH Pág. 9 de 19

Generado por: SIUTMACH/ACADÉMICO 2023-12-17 19:36 - Emitido por: cguaman6
 actividades de
grupo
- Verifica la
Saludo y lógica que ha asimilación de
organización de la determinado contenidos
realizadas al
clase. Registro de previamente, y mediante el
inicio.
Utilizar base de asistencia. guiará el método
- Se enunciará a
04/01/2024 datos mediante la Uso de base de Retroalimentación aprendizaje a socrático.
los estudiantes el
Mod: aplicaciones para la datos para sitios web acerca de la clase través del estudio - Verifica que
tema de la clase
VIRTUAL creación de un sitio anterior realizado de el trabajo
siguiente.
Web (Motivación manera autónomo sea
intrínseca). independiente. subido al Eva
Utmach, para
su calificación

UNIDAD III: . Diseño y desarrollo de sitios web-programación del lado cliente- servidor
Tema: Diseño de interfaz de usuario, maquetación, estilos CSS, accesibilidad, responsive design.

Estrategias didácticas Indicadores de

Fecha Objetivo Contenido evaluación
Introducción Desarrollo Cierre
- Utiliza los
lenguajes de
El análisis del
programación
contenido se
- Sistematización front-end y
realizará a través
del contenido back-end.
de la interacción y
- Se reflexiona - Preguntas y
la orientación de
sobre cada respuestas
tareas para entre
actividad sobre
todos construir el
realizada en la inquietudes de
conocimiento de
clase, lo los recursos e
manera flexible y
Saludo y aprendido y su interacción de
dinámica.
organización de la utilidad. la clase
El profesor guiará
clase. Registro de - Elaboración - Actividades
a los estudiantes
Definir los lenguajes Introducción: asistencia. conjunta de las de debate y
de acuerdo con la
09/01/2024 de programación Lenguajes de la Retroalimentación conclusiones de actividades de
lógica que ha
Mod: front-end y back-end programación acerca de la clase la clase grupo
determinado
VIRTUAL frontend y back-end anterior - Se dará - Verifica la
previamente, y
(1era parte) (Motivación respuesta a las asimilación de
guiará el
intrínseca). interrogantes contenidos
aprendizaje a
realizadas al mediante el
través del estudio
inicio. método
realizado de
- Se enunciará a socrático.
manera
los estudiantes el - Verifica que
independiente.
tema de la clase el trabajo
siguiente. autónomo sea
subido al Eva
Utmach, para
su calificación

El análisis del - Sistematización - Utiliza los

contenido se del contenido lenguajes de
realizará a través - Se reflexiona programación
de la interacción y sobre cada front-end y
la orientación de actividad back-end.
tareas para entre realizada en la - Preguntas y
Saludo y todos construir el clase, lo respuestas
organización de la conocimiento de aprendido y su sobre
clase. Registro de manera flexible y utilidad. inquietudes de
Definir los lenguajes
Lenguajes de la asistencia. dinámica. - Elaboración los recursos e
11/01/2024 de programación
programación Retroalimentación El profesor guiará conjunta de las interacción de
Mod: front-end y back-end
frontend y back-end acerca de la clase a los estudiantes conclusiones de la clase
VIRTUAL
(2da parte) anterior de acuerdo con la la clase - Actividades
(Motivación lógica que ha - Se dará de debate y
intrínseca). determinado respuesta a las actividades de
previamente, y interrogantes grupo
guiará el realizadas al - Verifica la
aprendizaje a inicio. asimilación de
- Se enunciará a contenidos
los estudiantes el mediante el

Sílabo UTMACH Pág. 10 de 19

Generado por: SIUTMACH/ACADÉMICO 2023-12-17 19:36 - Emitido por: cguaman6
 Saludo y
método
organización de la
socrático.
clase. Registro de
Definir los lenguajes través del estudio - Verifica que
Lenguajes de la asistencia.
11/01/2024 de programación realizado de el trabajo
programación Retroalimentación tema de la clase
Mod: front-end y back-end manera autónomo sea
frontend y back-end acerca de la clase siguiente.
VIRTUAL independiente. subido al Eva
(2da parte) anterior
Utmach, para
(Motivación
su calificación
intrínseca).

Tema: Diseño y desarrollo de sitios web.- Front-end y Back-end.

Estrategias didácticas Indicadores de
Fecha Objetivo Contenido evaluación
Introducción Desarrollo Cierre
- Aplica el
diseño, reglas
de aplicación
El análisis del del estilo y
contenido se desarrollo
- Sistematización
realizará a través básico de sitio
del contenido
de la interacción y Web
- Se reflexiona
la orientación de - Preguntas y
sobre cada
tareas para entre respuestas
actividad
todos construir el sobre
realizada en la
conocimiento de inquietudes de
clase, lo
manera flexible y los recursos e
Saludo y aprendido y su
dinámica. interacción de
organización de la utilidad.
El profesor guiará la clase
clase. Registro de - Elaboración
Definir el diseño, a los estudiantes - Actividades
asistencia. conjunta de las
reglas de aplicación Desarrolladores Full de acuerdo con la de debate y
16/01/2024 Retroalimentación conclusiones de
del estilo y desarrollo Stack Designer (1era lógica que ha actividades de
Mod: acerca de la clase la clase
básico de sitio Web. Parte) determinado grupo
VIRTUAL anterior - Se dará
previamente, y - Verifica la
(Motivación respuesta a las
guiará el asimilación de
intrínseca). interrogantes
aprendizaje a contenidos
realizadas al
través del estudio mediante el
inicio.
realizado de método
- Se enunciará a
manera socrático.
los estudiantes el
independiente. - Verifica que
tema de la clase
el trabajo
siguiente.
autónomo sea
subido al Eva
Utmach, para
su calificación

El análisis del
- Aplica el
contenido se
- Sistematización diseño, reglas
realizará a través
del contenido de aplicación
de la interacción y
- Se reflexiona del estilo y
la orientación de
sobre cada desarrollo
tareas para entre
actividad básico de sitio
todos construir el
realizada en la Web
conocimiento de
clase, lo - Preguntas y
manera flexible y
Saludo y aprendido y su respuestas
dinámica.
organización de la utilidad. sobre
El profesor guiará
clase. Registro de - Elaboración inquietudes de
Definir el diseño, a los estudiantes
asistencia. conjunta de las los recursos e
reglas de aplicación de acuerdo con la
18/01/2024 Desarrolladores Full Retroalimentación conclusiones de interacción de
del estilo y desarrollo lógica que ha
Mod: Stack Designer (2da acerca de la clase la clase la clase
básico de sitio Web. determinado
VIRTUAL Parte) anterior - Se dará - Actividades
previamente, y
(Motivación respuesta a las de debate y
guiará el
intrínseca). interrogantes actividades de
aprendizaje a
realizadas al grupo
través del estudio
inicio. - Verifica la
realizado de
- Se enunciará a asimilación de
manera
los estudiantes el contenidos
independiente.
tema de la clase mediante el
siguiente. método
socrático.

Sílabo UTMACH Pág. 11 de 19

Generado por: SIUTMACH/ACADÉMICO 2023-12-17 19:36 - Emitido por: cguaman6
 Tema: Página Web a un Servidor web accesible en internet.
Estrategias didácticas Indicadores de
Fecha Objetivo Contenido evaluación
Introducción Desarrollo Cierre
- Crea una
base de datos
para el
El análisis del
desarrollo
contenido se
- Sistematización básico de sitio
realizará a través
del contenido Web.
de la interacción y
- Se reflexiona - Preguntas y
la orientación de
sobre cada respuestas
tareas para entre
actividad sobre
todos construir el
realizada en la inquietudes de
conocimiento de
clase, lo los recursos e
manera flexible y
Saludo y aprendido y su interacción de
dinámica.
organización de la utilidad. la clase
Base de datos MySql El profesor guiará
clase. Registro de - Elaboración - Actividades
Sintaxis para el a los estudiantes
asistencia. conjunta de las de debate y
Crear una base de Ingreso. modificación de acuerdo con la
23/01/2024 Retroalimentación conclusiones de actividades de
datos para el y eliminación lógica que ha
Mod: acerca de la clase la clase grupo
desarrollo básico de registros del sitio determinado
VIRTUAL anterior - Se dará - Verifica la
sitio Web. Web (parte Teórica) previamente, y
(Motivación respuesta a las asimilación de
guiará el
intrínseca). interrogantes contenidos
aprendizaje a
realizadas al mediante el
través del estudio
inicio. método
realizado de
- Se enunciará a socrático.
manera
los estudiantes el - Veriica que el
independiente.
tema de la clase trabajo
siguiente. autónomo sea
subido al Eva
Utmach, para
su calificación

- Crea una
base de datos
para el
El análisis del
desarrollo
contenido se
- Sistematización básico de sitio
realizará a través
del contenido Web.
de la interacción y
- Se reflexiona - Preguntas y
la orientación de
sobre cada respuestas
tareas para entre
actividad sobre
todos construir el
realizada en la inquietudes de
conocimiento de
clase, lo los recursos e
manera flexible y
Saludo y aprendido y su interacción de
dinámica.
organización de la utilidad. la clase
Base de datos MySql El profesor guiará
clase. Registro de - Elaboración - Actividades
Sintaxis para el a los estudiantes
asistencia. conjunta de las de debate y
Crear una base de Ingreso. modificación de acuerdo con la
25/01/2024 Retroalimentación conclusiones de actividades de
datos para el y eliminación lógica que ha
Mod: acerca de la clase la clase grupo
desarrollo básico de registros del sitio determinado
VIRTUAL anterior - Se dará - Verifica la
sitio Web. Web (parte práctica) previamente, y
(Motivación respuesta a las asimilación de
guiará el
intrínseca). interrogantes contenidos
aprendizaje a
realizadas al mediante el
través del estudio
inicio. método
realizado de
- Se enunciará a socrático.
manera
los estudiantes el - Verifica que
independiente.
tema de la clase el trabajo
siguiente. autónomo sea
subido al Eva
Utmach, para
su calificación

Tema: Elaboración sitio web - Fases. FASE 1 y 2

Estrategias didácticas Indicadores de
Fecha Objetivo Contenido evaluación
Introducción Desarrollo Cierre

Sílabo UTMACH Pág. 12 de 19

Generado por: SIUTMACH/ACADÉMICO 2023-12-17 19:36 - Emitido por: cguaman6
 - Integra la
Fase 1
implementando
un hosting
El análisis del
para la
contenido se
accesibilidad
realizará a través - Sistematización
de página Web
de la interacción y del contenido
- Preguntas y
la orientación de - Se reflexiona
respuestas
tareas para entre sobre cada
sobre
todos construir el actividad
inquietudes de
conocimiento de realizada en la
los recursos e
manera flexible y clase, lo
Saludo y interacción de
dinámica. aprendido y su
organización de la la clase
El profesor guiará utilidad.
clase. Registro de - Actividades
a los estudiantes - Elaboración
Integrar la Fase 1, - Hosting asistencia. de debate y
de acuerdo con la conjunta de las
30/01/2024 implementando un - Creación de una Retroalimentación actividades de
lógica que ha conclusiones de
Mod: hosting para la cuenta en hosting acerca de la clase grupo
determinado la clase
VIRTUAL accesibilidad de gratuito y acceso vía anterior - Verifica la
previamente, y - Se dará
página Web a CPanel (Motivación asimilación de
guiará el respuesta a las
intrínseca). contenidos
aprendizaje a interrogantes
mediante el
través del estudio realizadas al
método
realizado de inicio.
socrático.
manera - Se enunciará a
- Verifica que
independiente. los estudiantes el
el trabajo
tema de la clase
autónomo sea
siguiente.
subido al Eva
Utmach, para
su calificación

- Integra la
Fase 2 de
análisis y
diseño de
El análisis del estrategia para
contenido se la creación de
- Sistematización
realizará a través una página
del contenido
de la interacción y Web
- Se reflexiona
la orientación de - Preguntas y
sobre cada
tareas para entre respuestas
Referencias para la actividad
todos construir el sobre
creación de una Web realizada en la
conocimiento de inquietudes de
educativa clase, lo
Saludo y manera flexible y los recursos e
Tipos de ambientes aprendido y su
organización de la dinámica. interacción de
(corporativo, tienda utilidad.
clase. Registro de El profesor guiará la clase
Integrar la Fase 2 de web, comercio - Elaboración
asistencia. a los estudiantes - Actividades
análisis y diseño de electrónico) conjunta de las
01/02/2024 Retroalimentación de acuerdo con la de debate y
estrategia para la Tipos de estrategias conclusiones de
Mod: acerca de la clase lógica que ha actividades de
creación de una (CMS, como la clase
VIRTUAL anterior determinado grupo
página Web WordPress, o bien - Se dará
(Motivación previamente, y - Verifica la
desarrollarla a respuesta a las
intrínseca). guiará el asimilación de
medida) interrogantes
aprendizaje a contenidos
realizadas al
través del estudio mediante el
inicio.
realizado de método
- Se enunciará a
manera socrático.
los estudiantes el
independiente. - Verifica que
tema de la clase
el trabajo
siguiente.
autónomo sea
subido al Eva
Utmach, para
su calificación

Tema: Elaboración sitio web - Fases. FASE 3 y 4

Estrategias didácticas Indicadores de
Fecha Objetivo Contenido evaluación
Introducción Desarrollo Cierre
06/02/2024 Integrar la Fase 3 Creación de una web Saludo y El análisis del - Sistematización - Integra la
Mod: para definir la a medida o utilizando organización de la contenido se del contenido Fase 3 para
VIRTUAL arquitectura y el un CMS clase. realizará a definir la

Sílabo UTMACH Pág. 13 de 19

Generado por: SIUTMACH/ACADÉMICO 2023-12-17 19:36 - Emitido por: cguaman6
 arquitectura y
el mapa de
enlaces de
través de la
nuestra Web
interacción y la
- Preguntas y
orientación de - Se reflexiona
respuestas
tareas para entre sobre cada
sobre
todos construir el actividad
inquietudes de
conocimiento de realizada en la
los recursos e
manera flexible y clase, lo
interacción de
dinámica. aprendido y su
la clase
El profesor guiará utilidad.
Registro de - Actividades
a los estudiantes - Elaboración
asistencia. de debate y
de acuerdo con la conjunta de las
Retroalimentación actividades de
06/02/2024 lógica que ha conclusiones de
mapa de enlaces de Procedimiento de acerca de la clase grupo
Mod: determinado la clase
nuestra Web usuario anterior - Verifica la
VIRTUAL previamente, y - Se dará
(Motivación asimilación de
guiará el respuesta a las
intrínseca). contenidos
aprendizaje a interrogantes
mediante el
través del estudio realizadas al
método
realizado de inicio.
socrático.
manera - Se enunciará a
- Verifica que
independiente. los estudiantes el
el trabajo
tema de la clase
autónomo sea
siguiente.
subido al Eva
Utmach, para
su calificación

El análisis del
contenido se
- Integra la
realizará a través - Sistematización
Fase 4 para
de la interacción y del contenido
definir la
la orientación de - Se reflexiona
creación de
tareas para entre sobre cada
contenido de
todos construir el actividad
nuestra Web
conocimiento de realizada en la
- Preguntas y
manera flexible y clase, lo
respuestas
Saludo y dinámica. aprendido y su
sobre
organización de la El profesor guiará utilidad.
inquietudes de
Construcción de la clase. Registro de a los estudiantes - Elaboración
- Integrar la Fase 4 los recursos e
estructura de la Web asistencia. de acuerdo con la conjunta de las
08/02/2024 para definir la interacción de
Configuración de Retroalimentación lógica que ha conclusiones de
Mod: creación de la clase
espacios y textos acerca de la clase determinado la clase
VIRTUAL contenido de nuestra - Actividades
definidos anterior previamente, y - Se dará
Web de debate y
(Motivación guiará el respuesta a las
actividades de
intrínseca). aprendizaje a interrogantes
grupo
través del estudio realizadas al
- Verifica la
realizado de inicio.
asimilación de
manera - Se enunciará a
contenidos
independiente. los estudiantes el
mediante el
tema de la clase
método
siguiente.
socrático.

Tema: Elaboración sitio web - Fases. FASE 5 y 6

Estrategias didácticas Indicadores de
Fecha Objetivo Contenido evaluación
Introducción Desarrollo Cierre
El análisis del - Sistematización - Integra la
contenido se del contenido Fase 5 para la
Saludo y
realizará a través - Se reflexiona ejecución y
organización de la
Estándar de calidad de la interacción y sobre cada diseño de la
clase. Registro de
y realización de la orientación de actividad programación
- Integrar la Fase 5 asistencia.
pruebas o test tareas para entre realizada en la de nuestra
14/02/2024 para la ejecución y Retroalimentación
Cumplimiento de todos construir el clase, lo Web.
Mod: diseño de la acerca de la clase
parámetros de conocimiento de aprendido y su - Preguntas y
VIRTUAL programación de anterior
diseño y manera flexible y utilidad. respuestas
nuestra Web. (Motivación
programación dinámica. - Elaboración sobre
intrínseca).
El profesor conjunta de las inquietudes de
conclusiones de los recursos e
la clase

Sílabo UTMACH Pág. 14 de 19

Generado por: SIUTMACH/ACADÉMICO 2023-12-17 19:36 - Emitido por: cguaman6
 interacción de
la clase
- Actividades
guiará a los de debate y
estudiantes de actividades de
Saludo y
acuerdo con la - Se dará grupo
organización de la
Estándar de calidad lógica que ha respuesta a las - Verifica la
clase. Registro de
y realización de determinado interrogantes asimilación de
- Integrar la Fase 5 asistencia.
pruebas o test previamente, y realizadas al contenidos
14/02/2024 para la ejecución y Retroalimentación
Cumplimiento de guiará el inicio. mediante el
Mod: diseño de la acerca de la clase
parámetros de aprendizaje a - Se enunciará a método
VIRTUAL programación de anterior
diseño y través del estudio los estudiantes el socrático.
nuestra Web. (Motivación
programación realizado de tema de la clase - Verifica que
intrínseca).
manera siguiente. el trabajo
independiente. autónomo sea
subido al Eva
Utmach, para
su calificación

- - Integra la
Fase 6 para el
El análisis del lanzamiento y
contenido se pruebas de
realizará a través - Sistematización nuestra Web.
de la interacción y del contenido - Preguntas y
la orientación de - Se reflexiona respuestas
tareas para entre sobre cada sobre
todos construir el actividad inquietudes de
conocimiento de realizada en la los recursos e
manera flexible y clase, lo interacción de
Análisis del archivo Saludo y dinámica. aprendido y su la clase
logs para ver qué organización de la El profesor guiará utilidad. - Actividades
errores se producen clase. Registro de a los estudiantes - Elaboración de debate y
- Integrar la Fase 6
en la Web asistencia. de acuerdo con la conjunta de las actividades de
15/02/2024 para el lanzamiento
Número de Retroalimentación lógica que ha conclusiones de grupo
Mod: y pruebas de nuestra
solicitudes y acerca de la clase determinado la clase - Verifica la
VIRTUAL Web.
operaciones anterior previamente, y - Se dará asimilación de
Seguridades y (Motivación guiará el respuesta a las contenidos
permisos intrínseca). aprendizaje a interrogantes mediante el
través del estudio realizadas al método
realizado de inicio. socrático.
manera - Se enunciará a - Verifica que
independiente. los estudiantes el el trabajo
tema de la clase autónomo sea
siguiente. subido al Eva
Utmach, para
su calificación

UNIDAD IV: Métodos y técnicas de Enseñanza para Programación Web.

Tema: Métodos y técnicas de Enseñanza para programación Web.

Estrategias didácticas Indicadores de
Fecha Objetivo Contenido evaluación
Introducción Desarrollo Cierre
El análisis del - Sistematización - Define en su
contenido se del contenido proyecto las
realizará a través - Se reflexiona fases de las
de la interacción y sobre cada metodologías
Saludo y la orientación de actividad para proyectos
organización de la tareas para entre realizada en la de desarrollo
clase. Registro de todos construir el clase, lo Web
Definir las fases de Introducción.
asistencia. conocimiento de aprendido y su - Preguntas y
20/02/2024 las metodologías Fases.
Retroalimentación manera flexible y utilidad. respuestas
Mod: para proyectos de Cuándo se utiliza.
acerca de la clase dinámica. - Elaboración sobre
VIRTUAL desarrollo Web Beneficios y
anterior El profesor guiará conjunta de las inquietudes de
Limitaciones
(Motivación a los estudiantes conclusiones de los recursos e
intrínseca). de acuerdo con la la clase interacción de
lógica que ha - Se dará la clase
respuesta a las - Actividades
interrogantes
realizadas al

Sílabo UTMACH Pág. 15 de 19

Generado por: SIUTMACH/ACADÉMICO 2023-12-17 19:36 - Emitido por: cguaman6
 de debate y
actividades de
grupo
- Verifica la
Saludo y
determinado asimilación de
organización de la
previamente, y contenidos
clase. Registro de inicio.
Definir las fases de Introducción. guiará el mediante el
asistencia. - Se enunciará a
20/02/2024 las metodologías Fases. aprendizaje a método
Retroalimentación los estudiantes el
Mod: para proyectos de Cuándo se utiliza. través del estudio socrático.
acerca de la clase tema de la clase
VIRTUAL desarrollo Web Beneficios y realizado de - Verifica que
anterior siguiente.
Limitaciones manera el trabajo
(Motivación
independiente. autónomo sea
intrínseca).
subido al Eva
Utmach, para
su calificación

- Desarrolla un
proyecto de
creación de
página Web
El análisis del mediante la
contenido se aplicación de
realizará a través - Sistematización fases de
de la interacción y del contenido análisis e
la orientación de - Se reflexiona investigación
tareas para entre sobre cada - Preguntas y
todos construir el actividad respuestas
conocimiento de realizada en la sobre
manera flexible y clase, lo inquietudes de
Saludo y
dinámica. aprendido y su los recursos e
organización de la
El profesor guiará utilidad. interacción de
Desarrollar el clase. Registro de
a los estudiantes - Elaboración la clase
proyecto de creación asistencia.
de acuerdo con la conjunta de las - Actividades
22/02/2024 de página Web - Desarrollo de la Retroalimentación
lógica que ha conclusiones de de debate y
Mod: mediante fases de página Web acerca de la clase
determinado la clase actividades de
VIRTUAL análisis e - Primeras pruebas anterior
previamente, y - Se dará grupo
investigación (Motivación
guiará el respuesta a las - Verifica la
intrínseca).
aprendizaje a interrogantes asimilación de
través del estudio realizadas al contenidos
realizado de inicio. mediante el
manera - Se enunciará a método
independiente. los estudiantes el socrático.
tema de la clase - Verifica que
siguiente. el trabajo
autónomo sea
subido al Eva
Utmach, para
su calificación

Tema: PROGRAMACIÓN WEB autenticación y autorización, validación de datos.

Estrategias didácticas Indicadores de
Fecha Objetivo Contenido evaluación
Introducción Desarrollo Cierre
El análisis del - Sistematización - Integra en el
contenido se del contenido proyecto la
realizará a través - Se reflexiona creación de un
de la interacción y sobre cada Sitio Web
Saludo y la orientación de actividad mediante fases
Análisis del proyecto.
organización de la tareas para entre realizada en la previas de
Investigación y
Integrar el proyecto clase. Registro de todos construir el clase, lo análisis e
puesta en marcha
de creación de un asistencia. conocimiento de aprendido y su investigación
del proyecto.
27/02/2024 Sitio Web mediante Retroalimentación manera flexible y utilidad. - Preguntas y
Fase 1 : Diseño y
Mod: fases previas de acerca de la clase dinámica. - Elaboración respuestas
Fase 2: Maquetación
VIRTUAL análisis e anterior El profesor guiará conjunta de las sobre
Gestor de
investigación (Motivación a los estudiantes conclusiones de inquietudes de
contenidos
intrínseca). de acuerdo con la la clase los recursos e
lógica que ha - Se dará interacción de
determinado respuesta a las la clase
interrogantes - Actividades
realizadas al de debate y
inicio. actividades

Sílabo UTMACH Pág. 16 de 19

Generado por: SIUTMACH/ACADÉMICO 2023-12-17 19:36 - Emitido por: cguaman6
 de grupo
- Verifica la
Saludo y asimilación de
Análisis del proyecto.
organización de la previamente, y contenidos
Investigación y
Integrar el proyecto clase. Registro de guiará el mediante el
puesta en marcha
de creación de un asistencia. aprendizaje a - Se enunciará a método
del proyecto.
27/02/2024 Sitio Web mediante Retroalimentación través del estudio los estudiantes el socrático.
Fase 1 : Diseño y
Mod: fases previas de acerca de la clase realizado de tema de la clase - Verifica que
Fase 2: Maquetación
VIRTUAL análisis e anterior manera siguiente. el trabajo
Gestor de
investigación (Motivación independiente. autónomo sea
contenidos
intrínseca). subido al Eva
Utmach, para
su calificación

- Ejecuta el
proyecto sobre
el desarrollo de
un Sitio Web
El análisis del integrando
contenido se - Sistematización todas sus
realizará a través del contenido fases previas
de la interacción y - Se reflexiona - Preguntas y
la orientación de sobre cada respuestas
tareas para entre actividad sobre
todos construir el realizada en la inquietudes de
conocimiento de clase, lo los recursos e
manera flexible y aprendido y su interacción de
Saludo y
dinámica. utilidad. la clase
organización de la
El profesor guiará - Elaboración - Actividades
Ejecutar el proyecto clase. Registro de
a los estudiantes conjunta de las de debate y
sobre el desarrollo Primeras pruebas asistencia.
29/02/2024 de acuerdo con la conclusiones de actividades de
de un Sitio Web Lanzamiento y Retroalimentación
Mod: lógica que ha la clase grupo
integrando todas sus evaluación acerca de la clase
VIRTUAL determinado - Se dará - Verifica la
fases previas Mantenimiento anterior
previamente, y respuesta a las asimilación de
(Motivación
guiará el interrogantes contenidos
intrínseca).
aprendizaje a realizadas al mediante el
través del estudio inicio. método
realizado de - Se enunciará a socrático.
manera los estudiantes el - Verifica que
independiente. tema de la clase el trabajo
siguiente. autónomo sea
subido al Eva
Utmach, para
su calificación

3.3 Distribución de horas en unidades y temas

HORAS POR COMPONENTES DE APRENDIZAJE

CD CPE
UNIDAD/TEMA
VIRTUAL VIRTUAL CAA PP/PL PSC TIT
P P
SC ASC SC ASC

01 Introducción a la programación web. - 12 - - - 8 10 - - -

SEM: 13/11/2023 - 17/11/2023
INTRODUCCIÓN A HTML
- 3 - - - 2 - - - -
SEM: 20/11/2023 - 24/11/2023
- Conceptos básicos de HTML, Entorno de - 3 - - - 2 3 - - -
desarrollo Notepad++
SEM: 27/11/2023 - 01/12/2023
- Conceptos básicos, arquitectura cliente-servidor, - 3 - - - 2 4 - - -
lenguajes Front-end y Back-end.
SEM: 04/12/2023 - 08/12/2023
- Funciones básicos de HTML.
- 3 - - - 2 3 - - -

02 Lenguajes y tecnologías web - 12 - - - 8 15 - - -

Sílabo UTMACH Pág. 17 de 19

Generado por: SIUTMACH/ACADÉMICO 2023-12-17 19:36 - Emitido por: cguaman6
 HORAS POR COMPONENTES DE APRENDIZAJE

CD CPE
UNIDAD/TEMA
VIRTUAL VIRTUAL CAA PP/PL PSC TIT
P P
SC ASC SC ASC
SEM: 11/12/2023 - 15/12/2023
-Estructura de páginas web.
- 3 - - - 2 5 - - -
SEM: 18/12/2023 - 22/12/2023
-Funciones Básicas HTML, CSS
- 3 - - - 2 5 - - -
SEM: 25/12/2023 - 29/12/2023
- Creación de un portal básico.
- 3 - - - 2 5 - - -
SEM: 01/01/2024 - 05/01/2024
- Estilos en cascada.
- 3 - - - 2 - - - -
03 . Diseño y desarrollo de sitios web-programación
del lado cliente- servidor
- 18 - - - 12 22 - - -
SEM: 08/01/2024 - 12/01/2024
Diseño de interfaz de usuario, maquetación, estilos - 3 - - - 2 - - - -
CSS, accesibilidad, responsive design.
SEM: 15/01/2024 - 19/01/2024
Diseño y desarrollo de sitios web.- Front-end y - 3 - - - 2 5 - - -
Back-end.
SEM: 22/01/2024 - 26/01/2024
Página Web a un Servidor web accesible en - 3 - - - 2 5 - - -
internet.
SEM: 29/01/2024 - 02/02/2024
Elaboración sitio web - Fases. FASE 1 y 2
- 3 - - - 2 4 - - -
SEM: 05/02/2024 - 09/02/2024
Elaboración sitio web - Fases. FASE 3 y 4
- 3 - - - 2 4 - - -
SEM: 12/02/2024 - 16/02/2024
Elaboración sitio web - Fases. FASE 5 y 6
- 3 - - - 2 4 - - -
04 Métodos y técnicas de Enseñanza para
Programación Web.
- 6 - - - 4 17 - - -
SEM: 19/02/2024 - 23/02/2024
Métodos y técnicas de Enseñanza para - 3 - - - 2 10 - - -
programación Web.
SEM: 26/02/2024 - 01/03/2024
PROGRAMACIÓN WEB autenticación y - 3 - - - 2 7 - - -
autorización, validación de datos.

4.- Sistema de evaluación

Nº CRITERIOS DE CALIFICACIÓN TÉCNICAS INSTRUMENTOS % PONDERACIÓN

N1 Generación de Debates Intercambios orales Guía de observación 10,00

P r o y e c t o d e i n t e g r a c i ó n d e Exposición oral, Redacción
N2 saberes Escrita
Rúbrica 20,00
Evaluación Sistemática (oral y/o
N6 escrita)
Prueba Escrita Cuestionario 20,00
Ejercicios y prácticas en clase Ficha de trabajo individual o
N10 Trabajos de investigación
grupal
10,00
Trabajo práctico de resolución de Ejercicios y prácticas en clase
N11 problemas
Guía de preguntas 10,00

Examen 30,00

TOTAL GENERAL: 100,00

Sílabo UTMACH Pág. 18 de 19

Generado por: SIUTMACH/ACADÉMICO 2023-12-17 19:36 - Emitido por: cguaman6
5.- Bibliografía
5.1 Bibliografía básica
• Fernández Casado, P. E.. (2020). Diseño y construcción de páginas web.. RA-MA Editorial..
[Link]
• Tomás Zafra, J. M... (2021). Elaboración de hojas de estilo. IFCD0110: (2 ed.).. IC Editorial..
[Link]
• Cabello Jurado, S.. (2022). Elaboración de plantillas y formularios. IFCD0110. 1. IC Editorial..
[Link]
5.2 Bibliografía complementaria
- Cardador Cabello, A. L. (2022). Programación con lenguajes de guion en páginas web. IFCD0110. 1.
IC Editorial. [Link] - ESCARCENA, M. Programación
páginas Web: JavaScript y PHP. 1. ed. Paracuellos de Jarama, Madrid: RA-MA Editorial , 2020. 155p.
Disponible en: [Link]
- Martínez Rolán, X. (2019). Diseño de páginas web: WordPress para todos los públicos.. Editorial UOC.
[Link] - Pérez Rodríguez, M. D. (Coord.). (2018).
HTML 4.0 (2a. ed.). 2. Editorial ICB. [Link] - Carazo
Gil, F. J. (2015). Domine WordPress: manual práctico.. RA-MA Editorial. [Link]
[Link]/es/lc/utmachala/titulos/59728

6.- Datos del docente

Docente: Ing. Sist. Prado Ortega Mauricio Xavier, Mg. S.C
Correo Institucional:mprado@[Link]
PERFIL PROFESIONAL
NIVEL INSTITUCIÓN TÍTULO FECHA
Pregrado Universidad Tecnica De Machala Licenciado En Contabilidad Y Auditoria 23/07/2002
Pregrado Universidad Tecnica De Machala Ingeniero Comercial 29/10/2004
Postgrado Universidad Tecnica Particular De Loja Diploma Superior De Cuarto Nivel En Desarrollo
20/06/2006
Diplomado Local Y Salud
Postgrado Universidad Tecnica Particular De Loja Especialista En Gerencia Y Planificacion
20/06/2007
Especialidad Estrategica En Salud
Postgrado Maestria Universidad Tecnica Particular De Loja Magister En Gerencia De Salud Para El Desarrollo
24/11/2008
Local
Pregrado Universidad Tecnica De Machala Ingeniero De Sistemas 06/02/2009
Postgrado Maestria
Universidad De Guayaquil Magister En Eduacion Superior 13/10/2016
Postgrado Maestria Universidad Internacional De La Rioja Master Universitario En Tecnologia Educativa Y
15/06/2022
Competencias Digitales
Docente: Ing. Sist. Loaiza Loayza Monica Cecibel, Mgs.
Correo Institucional:mloaiza@[Link]
PERFIL PROFESIONAL
NIVEL INSTITUCIÓN TÍTULO FECHA
Postgrado Especializacion En Telecomunicaciones E
Universidad De Buenos Aires 24/11/2006
Especialidad Informatica
Pregrado Universidad Del Azuay Ingeniera De Sistemas 19/04/2007
Postgrado Maestria Magister En Docencia Y Gerencia En Educación
Universidad De Guayaquil 09/09/2015
Superior
Postgrado Maestria Universidad Internacional De La Rioja Master Universitario En Direccion E Ingenieria En
16/01/2020
Sitios Web

7.- Fecha de aprobación

Sílabo UTMACH Pág. 19 de 19

Generado por: SIUTMACH/ACADÉMICO 2023-12-17 19:36 - Emitido por: cguaman6