Certificado de Títulos

UNIVERSIDAD TÉCNICA DE MACHALA
FACULTAD DE CIENCIAS SOCIALES

PEDAGOGÍA DE LAS CIENCIAS EXPERIMENTALES
Modalidad de estudio EN LÍNEA
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 2024-1
Fecha de inicio de actividades académicas: Fecha de culminación de actividades académicas:

08/04/2024 09/08/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 2024-04-06 09:04 - Emitido por: mprado
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
Tormenta de El análisis del - Sistematización - Establece los
ideas sobre el contenido se del contenido conceptos
Establecer los tema de realizará a través mediante la básicos de
-Introducción:
conceptos básicos Programación de la interacción y reflexión sobre HTML, sitio
Internet y cómo se
del lenguaje HTML, y Web la orientación de cada actividad web a través
transmite la
09/04/2024 de un Sitio Web a Presentación de tareas para entre realizada en la de ejemplos
información.
Mod: través de ejemplos Video tutorial todos construir el clase, lo para la
- Lenguaje de
VIRTUAL para la compresión sobre el creador conocimiento de aprendido y su compresión de
programación Web:
de la construcción de del World Wide manera flexible y utilidad dando la construcción
Concepción y
un producto Web Web (Tim Berners dinámica. respuesta a las de una página
prospectivas
Lee) en YouTube interrogantes web mediante
https: realizadas al la

La Web vs
Internet, ¿es lo
mismo?, ¿son
términos
diferentes? video
en
https://www.youtu
be.com/watch?v=
kXhXgcVpAU8
teoría
La programación
expuesta en
es una profesión
clase.
que se determina
Establecer los inicio. - Asimila los
-Introducción: por la lógica
conceptos básicos - Elaboración contenidos
Internet y cómo se //www.youtube.co binaria. ¿Por qué
del lenguaje HTML, y conjunta de las aplicando el
transmite la m/watch?v=SNw4 necesitamos
09/04/2024 de un Sitio Web a conclusiones de debate y
información. m1m_2GE aprender a
Mod: través de ejemplos la clase y se actividades de
- Lenguaje de (Motivación programar y
VIRTUAL para la compresión enunciará a los grupo para
programación Web: intrínseca). conocer el mundo
de la construcción de estudiantes el establecer la
Concepción y de la Web?.
un producto Web tema de la clase diferencia
prospectivas El
siguiente. entre Internet y
comportamiento
la Web
del usuario,
demanda y oferta
de servicios de
las plataformas
Web
El análisis del
contenido se
realizará a través
- Establece los
de la interacción y
conceptos
la orientación de
básicos de
tareas para entre - Sistematización
HTML, sitio
todos construir el del contenido
web a través
Retroalimentación conocimiento de mediante la
de ejemplos
acerca del tema manera flexible y reflexión sobre
para la
abordado en la dinámica. cada actividad
compresión de
clase anterior. Analizando si realizada en la
la construcción
Debate sobre ¿HTML es un clase, lo
de una página
¿Qué es y para lenguaje de aprendido y su
Establecer los web mediante
-¿Qué es y para qué qué sirve HTML? programación? utilidad.
conceptos básicos la teoría
sirve HTML? Profundizar en el visualizar en - Elaboración
del lenguaje HTML, y expuesta en
-¿Es HTML un audiovisual en YouTube el video conjunta de las
12/04/2024 de un Sitio Web a clase.
lenguaje de YouTube https://www.youtu conclusiones de
Mod: través de ejemplos - Asimila los
programación? https://www.youtu be.com/watch?v= la clase y se dará
VIRTUAL para la compresión contenidos
-¿Cuáles son las be.com/watch?v=i pNtQKaK8rVg respuesta a las
de la construcción de aplicando el
versiones de HTML? WfncDG3M90 Explorando las interrogantes
un producto Web debate y
(Motivación versiones de realizadas al
actividades de
intrínseca). HTML abordando inicio.
grupo para
el audiovisual - Se enunciará a
establecer la
https://www.youtu los estudiantes el
diferencia
be.com/watch?v= tema de la clase
entre Internet y
5PQDc7F6LBg siguiente.
la Web
Tema: - Conceptos básicos de HTML, Entorno de desarrollo Notepad++

Identificar las - Funciones Básicas Retroalimentación El análisis del - Se reflexiona - Identifica las
funciones e de Lenguaje HTML acerca de la clase contenido se sobre cada Funciones
16/04/2024
instrucciones - Diseño o estructura anterior realizará a través actividad Básicas de
Mod:
básicas del Lenguaje de un programa Aplicación de de la interacción y realizada en la Lenguaje
VIRTUAL
de modelado HTML Tormenta de la orientación de clase, lo HTML 5
ideas mediante aprendido y su mediante

tareas para entre
todos construir el
conocimiento de
manera flexible y
dinámica. utilidad.
actividades de
una encuesta en Se guiará a los - Elaboración
debate y
Mentimeter estudiantes de conjunta de las
actividades de
Presentación del acuerdo con la conclusiones de
grupo.
audiovisual sobre lógica de la clase y se dará
- Asimila los
la estructura programación que respuesta a las
- Funciones Básicas contenidos
básica de HTML ha determinado interrogantes
de Lenguaje HTML aplicando el
16/04/2024 mediante el catalogo versión 5 en previamente, y realizadas al
- Diseño o estructura debate y
Mod: w3schools.com https://www.youtu guiará el inicio.
de un programa actividades de
VIRTUAL be.com/watch?v= aprendizaje a - Sistematización
grupo para
DxumDNXRtpI través del estudio del contenido y se
establecer la
(Motivación realizado de enunciará a los
estructura
intrínseca). manera estudiantes el
básica del
independiente tema de la clase
Lenguaje
utilizando la siguiente.
HTML
herramienta
Noted pad++
- El análisis del
contenido se
- Se reflexiona
sobre cada
actividad ejercicio
la orientación de
realizado en la
código fuente
clase virtual, lo
para la creación
aprendido y su
de programas que
utilidad.
incorpore
- Elaboración
funciones y
Retroalimentación conjunta de las
palabras
acerca de la clase conclusiones de - Identifica las
reservadas en
anterior utilización la clase funciones e
Identificar las cada ejercicio
de Padlet compartiendo el instrucciones
funciones e propuesto.
Instalación y código fuente básicas del
instrucciones - El profesor
configuración de mediante el Lenguaje de
19/04/2024 básicas del Lenguaje guiará a los
- Etiquetas Básicas Note PAD++ en programa modelado
Mod: de modelado HTML estudiantes de
de Lenguaje HTML los ordenadores realizado en HTML
VIRTUAL mediante el catalogo acuerdo con la
de los estudiantes archivo para dar mediante el
w3schools.com lógica de
y versiones app respuesta a las catalogo
programación que
(Motivación interrogantes de w3schools.com
ha determinado
intrínseca). los estudiantes.
previamente, y
- Sistematización
guiará el
del contenido y se
aprendizaje
enunciará a los
realizado de
estudiantes el
manera
tema de la clase
independiente.
siguiente.
- Noted pad++,
Ejercicios y
practica de HTML
Tema: - Funciones básicos de HTML.

Retroalimentación El análisis del - Se reflexiona - Incorpora los
acerca de la clase contenido se sobre cada conocimientos
Incorporar las anterior mediante realizará a través actividad del lenguaje de
instrucciones y un esquema en de la interacción y realizada en la programación
estructura del Introducción. Lucidchart la orientación de clase, lo y su
lenguaje de Terminologías del Examinar la la exposición de aprendido y su importancia en
23/04/2024
programación HTML Lenguaje de la estructura de tareas para entre utilidad. la arquitectura
Mod:
y su importancia programación programación todos al construir - Elaboración en el WebSite
VIRTUAL
basada en la - Front-end HTML en el portal el conocimiento conjunta de las - Asimila los
arquitectura en un - Back-end w3schools.com de manera conclusiones de contenidos
WebSite previo a su flexible y la clase y se e
ejecución dinámica. dará respuesta a
las interrogantes

Se guiará a los
Incorporar las estudiantes de
realizadas al aplicando el
instrucciones y acuerdo con la
inicio. debate y
estructura del Introducción. lógica de
- Sistematización actividades de
lenguaje de Terminologías del programación que
23/04/2024 del contenido y se grupo para
programación HTML Lenguaje de la (Motivación ha determinado
Mod: enunciará a los identificar la
y su importancia programación intrínseca). previamente, y
VIRTUAL estudiantes el arquitectura en
basada en la - Front-end guiará el
tema de la clase un WebSite
arquitectura en un - Back-end aprendizaje de
siguiente.
WebSite HTML
El análisis del
contenido se
- Se reflexiona
de la interacción y Incorpora
sobre cada
la orientación de conocimientos
actividad
la exposición de del lenguaje de
realizada en la
tareas para entre programación
clase, lo
todos al construir HTML y su
Retroalimentación aprendido y su
el conocimiento importancia en
acerca de la clase utilidad.
Incorporar las de manera la arquitectura
anterior - Elaboración
instrucciones y flexible y en el WebSite
Examinar la conjunta de las
estructura del dinámica. - Asimila los
La programación estructura de conclusiones de
lenguaje de Se guiará a los contenidos
26/04/2024 Web programación la clase y se e
programación HTML estudiantes de aplicando el
Mod: - Front-end HTML en el portal dará respuesta a
y su importancia acuerdo con la debate y
VIRTUAL - Back-end w3schools.com las interrogantes
basada en la lógica de actividades de
Ejemplos prácticos previo a su realizadas al
arquitectura en un programación que grupo para
ejecución inicio.
WebSite ha determinado identificar la
(Motivación - Sistematización
previamente, y arquitectura en
intrínseca). del contenido y se
guiará el un WebSite
enunciará a los
aprendizaje de
estudiantes el
HTML
tema de la clase
Exposición,
siguiente.
ejemplos y
práctica
Tema: - Conceptos básicos, arquitectura cliente-servidor, lenguajes Front-end y Back-end.

- Se reflexiona
sobre cada
- El análisis del actividad
contenido se realizada en la - Aplica la
realizará a través clase, lo estructura del
Retroalimentación de la interacción y aprendido y su lenguaje HTML
acerca de la clase la orientación de utilidad sobre la en la creación
anterior mediante tareas para entre arquitectura de archivos y
Pizarra todos construir el Cliente - Servidor comprende la
Whiteboard de conocimiento de - Elaboración arquitectura
Aplicar la estructura
Microsoft 365 manera flexible y conjunta de las Cliente -
básica del Lenguaje
Presentación de dinámica. conclusiones de Servidor
HTML y construcción
audiovisual sobre - Se guía a los la clase y se dará - Asimila los
de una página web
pregunta ¿Qué es estudiantes de respuesta a las contenidos
por medio de un Estructura básica de
la arquitectura acuerdo con la interrogantes teóricos
30/04/2024 ejemplo práctico que una página HTML
Cliente - lógica de realizadas al aplicando el
Mod: vincule las partes Arquitectura Cliente
Servidor? en programación que inicio sobre que debate y
VIRTUAL más importantes de Servidor
YouTube ha determinado observa el actividades de
la arquitectura
https://www.youtu previamente, y entorno del grupo para la
Cliente Servidor
be.com/watch?v= guiará el Cliente y que se construcción
KA7Ngcgth0Q aprendizaje de realiza en el de una página
(Motivación manera entorno del Web basada
intrínseca). independiente. Servidor o Host en la
- Exposición - Sistematización arquitectura en
docente y práctica del contenido y se un WebSite
enunciará a los
estudiantes el
tema de la clase
siguiente.

- Se reflexiona
sobre cada
- El análisis del actividad
contenido se realizada en la - Aplica la
realizará a través clase, lo estructura del
de la interacción y aprendido y su lenguaje HTML
la orientación de utilidad sobre la en la creación
tareas para entre arquitectura de archivos y
Retroalimentación
todos construir el Cliente - Servidor comprende la
acerca de la clase
conocimiento de - Programación arquitectura
anterior mediante
manera flexible y del Front end y Cliente -
Pizarra
Aplicar la estructura Elementos de la dinámica. Back end Servidor
Whiteboard de
básica y estructura básica: - Se guía a los - Elaboración - Asimila los
Microsoft 365
construcción de una HEAD, BODY. estudiantes de conjunta de las contenidos
Visualización del
página web por Etiquetas HTML acuerdo con la conclusiones de prácticos
02/05/2024 video de Google
medio de un ejemplo básicas: formato lógica de la clase y se dará aplicando
Mod: Activate sobre
práctico que vincule texto, imágenes, programación que respuesta a las actividades de
VIRTUAL desarrollo web
las partes más encabezados, ha determinado interrogantes grupo para la
en
importantes del párrafo, saltos de previamente, y sobre loe construcción
https://youtu.be/B
Lenguaje HTML línea, separadores y guiará el elementos de la de una página
FXx8WHeaXo
comentarios aprendizaje de arquitectura Web desde la
(Motivación
manera Cliente - Servidor perspectiva
intrínseca).
independiente. - Sistematización Front y Back
- Exposición del contenido y se end.
docente y práctica enunciará a los
estudiantes el
tema de la clase
siguiente.
UNIDAD II: Lenguajes y tecnologías web
Tema: -Estructura de páginas web.

- El análisis del
contenido se
la orientación de
- Se reflexiona
tareas para entre
sobre cada - Crea una
todos construir el
actividad página básica
conocimiento de
realizada en la funcional con
manera flexible y
Retroalimentación clase, lo la estructura
dinámica.
acerca de la clase aprendido y su del lenguaje
- Uso de
anterior utilidad. HTML
Etiquetas
Crear una página Revisión de - Elaboración - Asimila los
Semánticas de
básica con el material conjunta de las contenidos
Maquetación
lenguaje HTML para audiovisual conclusiones de teóricos y
utilizando HTML y
07/05/2024 su ejecución Estructura de página introductorio del la clase y se dará actividades de
CSS. Estructura
Mod: mediante el manejo Web tema en YouTube respuesta a las debate y
de diseño
VIRTUAL de etiquetas y Introducción a CSS https://www.youtu interrogantes actividades de
- Se guiará a los
ejecución como sitio be.com/watch?v= realizadas al grupo que
estudiantes de
Web 2wM33q5Fp2E inicio. fomenten la
acuerdo con la
(Motivación - Sistematización interacción con
lógica que ha
intrínseca). del contenido y se el software
determinado
enunciará a los Visual Studio
previamente, y
estudiantes el Code.
guiará el
tema de la clase
aprendizaje
siguiente.
realizado de
manera
independiente.
Crear una página Retroalimentación - El análisis del - Se reflexiona - Crea una

Estructura de página
básica con el acerca de la clase contenido se sobre cada página básica
10/05/2024 Web
lenguaje HTML para anterior realizará a través actividad funcional con
Mod: - Funciones de CSS
su ejecución construcción de de la interacción y realizada en la la estructura
VIRTUAL - Ejercicios en CSS
mediante el manejo un esquema la orientación de clase, lo del lenguaje
de mental con aprendido y su

tareas para entre
todos construir el
conocimiento de
manera flexible y
utilidad. HTML
dinámica.
- Elaboración - Aplica los
- Partes de una
conjunta de las contenidos
página web en
conclusiones de técnicos y
función de su
la clase y se dará prácticos en
contenido
respuesta a las función de
- Se guiará a los
Estructura de página interrogantes actividades de
Visio de Microsoft estudiantes de
10/05/2024 etiquetas y ejecución Web realizadas al debate y
365 acuerdo con la
Mod: como sitio Web - Funciones de CSS inicio. actividades de
(Motivación lógica que ha
VIRTUAL - Ejercicios en CSS - Sistematización grupo que
intrínseca). determinado
del contenido y se fomenten la
previamente, y
enunciará a los interacción con
guiará el
estudiantes el el software
aprendizaje
tema de la clase Visual Studio
realizado de
siguiente. Code.
manera
independiente.
- Desarrollo de
HTML, CSS
Tema: -Funciones Básicas HTML, CSS

El análisis del
contenido se
- Se reflexiona - Utiliza las
sobre cada operaciones
la orientación de
Retroalimentación actividad básicas del
tareas para entre
acerca de la clase realizada en la lenguaje de
todos construir el
anterior clase, lo programación
conocimiento de
Tormenta de aprendido y su HTML versión
manera flexible y
Utilizar las ideas sobre el utilidad. 5 en Capas
dinámica.
operaciones básicas tema de Capas - Elaboración - Asimila los
Consideraciones
del lenguaje de en HTML conjunta de las contenidos
de la Creación de
programación HTML Definición de conclusiones de teóricos,
capas en HTML
14/05/2024 mediante las sintaxis Capas en HTML. capas mediante la clase y se dará actividades de
Se guiará a los
Mod: de la versión 5 para Etiquetas DIV y material respuesta a las debate y
estudiantes de
VIRTUAL la configuración de SPAN audiovisual en interrogantes actividades de
acuerdo con la
páginas o sitios Web YouTube realizadas al grupo que
lógica que ha
https://www.youtu inicio. fomenten la
determinado
be.com/watch?v= - Sistematización interacción con
previamente, y
RS7bqdMpDek del contenido y se el software
guiará el
(Motivación enunciará a los Visual Studio
aprendizaje de
intrínseca). estudiantes el Code.
manera
tema de la clase
independiente.
siguiente.
El análisis del - Se reflexiona - Utiliza las

contenido se sobre cada operaciones
Retroalimentación realizará a través actividad básicas del
acerca de la clase de la interacción y realizada en la lenguaje de
Utilizar las anterior la orientación de clase, lo programación
operaciones básicas Maquetación de Definición de tareas para entre aprendido y su HTML
del lenguaje de estructura de capas mediante todos construir el utilidad. - Aplica los
programación HTML páginas web material conocimiento de - Elaboración contenidos
mediante las sintaxis * Encabezado audiovisual en manera flexible y conjunta de las técnicos,
17/05/2024
de la versión 5 y * Navegador o menú YouTube en dinámica. conclusiones de actividades de
Mod:
CSS para la * Cuerpo o sección https://www.youtu Funciones la clase y se dará debate y
VIRTUAL
configuración de * Pie o footer be.com/watch?v= Básicas HTML, respuesta a las actividades de
páginas o sitios Web Sheets u Hojas en 11TH4cSgx3g CSS - Capas DIV interrogantes grupo que
Cascada (Motivación y SPAN realizadas al fomenten la
intrínseca). Se guiará a los inicio. interacción con
estudiantes de - Sistematización el software
acuerdo con la del contenido y se Visual Studio
enunciará a Code.

- Utiliza las
operaciones
Retroalimentación básicas del
acerca de la clase lenguaje de
Utilizar las anterior lógica que ha programación
operaciones básicas Maquetación de Definición de determinado HTML
del lenguaje de estructura de capas mediante previamente, y - Aplica los
programación HTML páginas web material guiará el contenidos
mediante las sintaxis * Encabezado audiovisual en aprendizaje a técnicos,
17/05/2024 los estudiantes el
de la versión 5 y * Navegador o menú YouTube en través del estudio actividades de
Mod: tema de la clase
CSS para la * Cuerpo o sección https://www.youtu realizado de debate y
VIRTUAL siguiente.
configuración de * Pie o footer be.com/watch?v= manera actividades de
páginas o sitios Web Sheets u Hojas en 11TH4cSgx3g independiente. grupo que
Cascada (Motivación Ejercicios fomenten la
intrínseca). prácticos interacción con
el software
Visual Studio
Code.
Tema: - Creación de un portal básico.

El análisis del
contenido se
de la interacción y - Se reflexiona - Utiliza
la orientación de sobre cada funciones
tareas para entre actividad básicas del
todos construir el realizada en la lenguaje HTML
conocimiento de clase, lo y CSS y aplica
Retroalimentación
manera flexible y aprendido y su mediante
acerca de la clase
dinámica en utilidad. ejemplos la
anterior en Padlet
MySql - Elaboración construcción
Utilizar funciones Conceptos
Se guiará a los conjunta de las de un sitio
básicas del lenguaje básicos Base de
estudiantes de conclusiones de Web
HTML y CSS Sintaxis básica de datos video
acuerdo con la la clase y se dará - Asimila los
21/05/2024 mediante la lenguaje HTML disponible en
lógica de respuesta a las contenidos
Mod: exploración de HTML Styles - CSS https://www.youtu
programación que interrogantes teóricos,
VIRTUAL w3schools de CSS Syntax - CSS be.com/watch?v=
ha determinado realizadas al actividades de
ejemplos para la Selectors OxJbK6Y2soA
previamente en el inicio. debate y
construcción de sitio (Motivación
lenguaje PHP. - Sistematización actividades de
Web intrínseca).
Se guiará el del contenido y se grupo que
aprendizaje de enunciará a los fomenten la
manera estudiantes el interacción con
independiente en tema de la clase el software
Visual Studio siguiente. Visual Studio
Code Code.
El análisis del - Se reflexiona - Utiliza

contenido se sobre cada funciones
realizará a través actividad básicas del
de la interacción y realizada en la lenguaje HTML
la orientación de clase, lo y CSS y aplica
tareas para entre aprendido y su mediante
Retroalimentación
Utilizar funciones todos construir el utilidad. ejemplos la
acerca de la clase
básicas del lenguaje conocimiento de - Elaboración construcción
Sintaxis básica de anterior con lluvia
HTML y CSS manera flexible y conjunta de las de un sitio
funcionalidades CSS de palabras en
mediante la dinámica en conclusiones de Web
23/05/2024 HTML Links - Whiteboard
exploración de MySql la clase y se dará - Aplica los
Mod: Hyperlinks Explorar ejemplos
w3schools de Se guiará a los respuesta a las contenidos
VIRTUAL CSS Text en
ejemplos para la estudiantes de interrogantes técnicos,
CSS Font w3schools.com
construcción de sitio acuerdo con la realizadas al actividades de
(Motivación
Web con bases de lógica de inicio. debate y
intrínseca).
datos programación que - Sistematización actividades de
ha determinado del contenido y se grupo que
previamente en enunciará a los fomenten la
estudiantes el interacción con
tema de la el software

Retroalimentación
Utilizar funciones
acerca de la clase
básicas del lenguaje
Sintaxis básica de anterior con lluvia el lenguaje PHP.
HTML y CSS
funcionalidades CSS de palabras en Se guiará el
mediante la
23/05/2024 HTML Links - Whiteboard aprendizaje de
exploración de Visual Studio
Mod: Hyperlinks Explorar ejemplos manera clase siguiente.
w3schools de Code.
VIRTUAL CSS Text en independiente en
ejemplos para la
CSS Font w3schools.com Visual Studio
construcción de sitio
(Motivación Code
Web con bases de
intrínseca).
datos
Tema: - Estilos en cascada.

El análisis del
contenido se
- Utiliza
funciones
de la interacción y - Se reflexiona
básicas del
la orientación de sobre cada
lenguaje HTML
tareas para entre actividad
y CSS y aplica
todos construir el realizada en la
mediante la
conocimiento de clase, lo
Retroalimentación conceptualizaci
manera flexible y aprendido y su
Configurar una acerca de la clase ón
dinámica en utilidad.
conexión a base de Estructura de anterior en configuración
MySql - Elaboración
datos mediante la archivos HTML y mentimeter con bases de
Se guiará a los conjunta de las
aplicaciones estilos CSS Conceptos datos para sitio
estudiantes de conclusiones de
(Notepad++; Visual Conceptos básicos básicos Base de Web
28/05/2024 acuerdo con la la clase y se dará
studio code y Base de datos datos video - Asimila los
Mod: lógica de respuesta a las
extensiones) * Introduction to SQL disponible en contenidos
VIRTUAL programación que interrogantes
correspondientes y * SQL Syntax https://www.youtu teóricos,
ha determinado realizadas al
complementarias * SQL SELECT be.com/watch?v=l actividades de
previamente en el inicio.
para la creación de Statement kppi0Gwo2E debate y
lenguaje PHP. - Sistematización
un Sitio Web (Motivación actividades de
Se guiará el del contenido y se
intrínseca). grupo que
aprendizaje de enunciará a los
fomenten la
manera estudiantes el
interacción con
independiente en tema de la clase
el software
Visual Studio siguiente.
Visual Studio
Code
Code.
El análisis del
contenido se - Utiliza
realizará a través - Se reflexiona funciones
de la interacción y sobre cada básicas del
la orientación de actividad lenguaje HTML
tareas para entre realizada en la y CSS y aplica
todos construir el clase, lo mediante
conocimiento de aprendido y su ejemplos
Configurar una manera flexible y utilidad. configuración
Retroalimentación
conexión a base de dinámica. - Elaboración con bases de
acerca de la clase
datos mediante la El profesor guiará conjunta de las datos para sitio
anterior con lluvia
aplicaciones a los estudiantes conclusiones de Web
de palabras en
(Notepad++; Visual Uso de base de de acuerdo con la la clase y se dará - Asimila los
31/05/2024 Whiteboard
studio code y datos para sitios web lógica que ha respuesta a las contenidos
Mod: Explorar ejemplos
extensiones) Clausulas determinado interrogantes técnicos y
VIRTUAL en
correspondientes y previamente, y realizadas al prácticos,
w3schools.com
complementarias guiará el inicio. actividades de
(Motivación
para la creación de aprendizaje a - Sistematización debate y
intrínseca).
un Sitio Web través del estudio del contenido y se actividades de
realizado de enunciará a los grupo que
manera estudiantes el fomenten la
independiente. tema de la clase interacción con
siguiente. el software
Visual Studio
Code.
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.

El análisis del
contenido se
de la interacción y - Se reflexiona
- Define los
la orientación de sobre cada
lenguajes de
tareas para entre actividad
programación
todos construir el realizada en la
para la parte
conocimiento de clase, lo
Retroalimentación del front-end y
manera flexible y aprendido y su
acerca de la clase back-end de
dinámica. utilidad.
Definir anterior un software
lenguajes de - Elaboración
apropiadamente los Material Web
programación conjunta de las
lenguajes de audiovisual en - Asimila los
front -end conclusiones de
programación Introducción: YouTube contenidos
Seguirá a los la clase y se dará
11/06/2024 conocidos como Lenguajes de la disponible en teóricos,
estudiantes de respuesta a las
Mod: front-end y back-end programación https://www.youtu actividades de
acuerdo con la interrogantes
VIRTUAL que determinan el frontend y back-end be.com/watch?v= debate y
lógica que ha realizadas al
diseño y desarrollo (1era parte) vsBM3U_3ORU actividades de
determinado inicio.
del software Web (Motivación grupo que
previamente, y - Sistematización
intrínseca). fomenten la
guiará el del contenido y se
interacción con
aprendizaje a enunciará a los
el software
través del estudio estudiantes el
Visual Studio
realizado de tema de la clase
Code.
manera siguiente.
independiente.
El análisis del
contenido se
- Se reflexiona - Define los
la orientación de
sobre cada lenguajes de
tareas para entre
actividad programación
todos construir el
realizada en la para la parte
conocimiento de
clase, lo del Front-end y
Retroalimentación manera flexible y
aprendido y su Back-end de
acerca de la clase dinámica.
Definir utilidad. un software
anterior mediante Algunos de los
apropiadamente los - Elaboración Web
lucidchart comandos SQL
lenguajes de conjunta de las - Aplica los
Lectura más importantes
programación conclusiones de contenidos
Lenguajes de la comprensiva Seguirá a los
14/06/2024 conocidos como la clase y se dará técnicos,
programación sobre la estudiantes de
Mod: Front-end y Back- respuesta a las actividades de
frontend y back-end interrogante ¿Qué acuerdo con la
VIRTUAL end que determinan interrogantes debate y
(2da parte) hace un lógica que ha
el diseño y desarrollo realizadas al actividades de
desarrollador front determinado
del software Web inicio. grupo que
end? previamente, y
- Sistematización fomenten la
(Motivación guiará el
del contenido y se interacción con
intrínseca). aprendizaje a
enunciará a los el software
través del estudio
estudiantes el Visual Studio
realizado de
tema de la clase Code.
manera
siguiente.
independiente.
Tema: Diseño y desarrollo de sitios web.- Front-end y Back-end.

Definir el diseño, Retroalimentación El análisis del - Se reflexiona - Aplica el
reglas de aplicación acerca de la clase contenido se sobre cada diseño, reglas
Desarrolladores Full
18/06/2024 del estilo y desarrollo anterior mediante realizará a través actividad de aplicación
Stack Designer (1era
Mod: básico de sitio Web. tormenta de de la interacción y realizada en la del estilo y
Parte)
VIRTUAL para programadores ideas. la orientación de clase, lo desarrollo
Revisión de tareas para aprendido y su básico de
utilidad.

entre todos sitio Web y los
construir el lenguajes de
conocimiento de programación
manera flexible y para la parte
- Elaboración
dinámica. del Front-end y
conjunta de las
Diseño y Back-end de
conclusiones de
desarrollo de un software
la clase y se dará
material sitios web.- Front- Web
respuesta a las
audiovisual en end y Back-end. - Asimila los
interrogantes
YouTube en Se guiará a los contenidos
realizadas al
utilizando los Desarrolladores Full https://www.youtu estudiantes de teóricos,
18/06/2024 inicio.
lenguajes de Stack Designer (1era be.com/watch?v=i acuerdo con la actividades de
Mod: - Sistematización
programación WEB Parte) 9M7gdzlA7I lógica de debate y
VIRTUAL del contenido y se
(Motivación programación que actividades de
enunciará a los
intrínseca). ha determinado grupo que
estudiantes el
previamente, y fomenten la
tema de la clase
guiará el interacción con
siguiente.
aprendizaje de el software
manera Visual Studio
independiente. Code.
El análisis del
contenido se
- Se reflexiona
la orientación de
sobre cada - Define el
tareas para entre
actividad diseño, reglas
todos construir el
Retroalimentación realizada en la de aplicación
conocimiento de
acerca de la clase clase, lo del estilo y
manera flexible y
anterior mediante aprendido y su desarrollo
dinámica.
lluvia de ideas en utilidad. básico de sitio
Definir el diseño, Back End vs.
Whiteboard de - Elaboración Web
reglas de aplicación Front End
Microsoft 365 conjunta de las - Aplica los
del estilo y desarrollo Desarrolladores
Introducción al conclusiones de contenidos
básico de sitio Web. Full Stack
Desarrolladores Full Back End con 6 la clase y se dará técnicos,
21/06/2024 para programadores Designer (2da
Stack Designer (2da lenguajes respuesta a las actividades de
Mod: utilizando los Parte)
Parte) específicos en interrogantes debate y
VIRTUAL lenguajes de Se guiará a los
https://www.youtu realizadas al actividades de
programación WEB estudiantes de
be.com/watch?v= inicio. grupo que
acuerdo con la
AEGizwE4p90 - Sistematización fomenten la
lógica de
(Motivación del contenido y se interacción con
programación que
intrínseca). enunciará a los el software
ha determinado
previamente, y
guiará el
siguiente.
aprendizaje de
manera
independiente.
Tema: Página Web a un Servidor web accesible en internet.

Retroalimentación El análisis del - Se reflexiona - Identifica a
acerca de la clase contenido se sobre cada una base de
anterior mediante realizará a través actividad datos mediante
Identificar los
mapa conceptual de la interacción y realizada en la la sintaxis SQL
conceptos de base
compartido en la orientación de clase, lo para el
de datos de sintaxis Base de datos
Canva tareas para entre aprendido y su desarrollo
SQL para el MySql, comandos
Utilizar material todos construir el utilidad. básico de sitio
desarrollo básico de para el Ingreso.
25/06/2024 audiovisual en conocimiento de - Elaboración Web.
un sitio Web modificación y
Mod: YouTube manera flexible y conjunta de las - Asimila los
mediante conexión eliminación registros
VIRTUAL https://www.youtu dinámica. conclusiones de contenidos
del un formulario en del sitio Web (parte
be.com/watch?v= Característica de la clase y se dará teóricos,
lenguaje Teórica)
PXuMYHvvFrA MySql - Sintaxis respuesta a las actividades de
programación HTML,
(Motivación de ingreso interrogantes debate y
CSS
intrínseca). realizadas al actividades de
inicio. grupo que
- fomenten la

Retroalimentación
acerca de la clase Se guiará a los
anterior mediante estudiantes de
Identificar los
mapa conceptual acuerdo con la
conceptos de base
compartido en lógica de
de datos de sintaxis Base de datos
Canva programación que Sistematización interacción con
SQL para el MySql, comandos
Utilizar material ha determinado del contenido y se el software
desarrollo básico de para el Ingreso.
25/06/2024 audiovisual en previamente, y enunciará a los Visual Studio
un sitio Web modificación y
Mod: YouTube guiará el estudiantes el Code.
mediante conexión eliminación registros
VIRTUAL https://www.youtu aprendizaje de tema de la clase
del un formulario en del sitio Web (parte
be.com/watch?v= manera siguiente.
lenguaje Teórica)
PXuMYHvvFrA independiente en
programación HTML,
(Motivación visual studio code
CSS
intrínseca).
El análisis del
contenido se
la orientación de
tareas para entre - Se reflexiona
todos construir el sobre cada
- Crea una
conocimiento de actividad
base de datos
manera flexible y realizada en la
para el
dinámica. clase, lo
desarrollo
La declaración de aprendido y su
básico de sitio
la actualización utilidad.
Crear una base de Base de datos MySql Web.
de MySQL - Elaboración
datos para el Sintaxis en HTML y - Aplica los
Declaración de conjunta de las
desarrollo básico de PHP y XAmPP para Retroalimentación contenidos
MySQL DELETE conclusiones de
un sitio Web el Ingreso. acerca de la clase técnicos,
28/06/2024 Se guiará a los la clase y se dará
mediante conexión modificación y anterior actividades de
Mod: estudiantes de respuesta a las
del un formulario en eliminación registros (Motivación debate y
VIRTUAL acuerdo con la interrogantes
lenguaje del sitio Web (parte intrínseca). actividades de
lógica de realizadas al
programación HTML, práctica) grupo que
programación que inicio.
CSS fomenten la
ha determinado - Sistematización
interacción con
previamente, y del contenido y se
el software
guiará el enunciará a los
Visual Studio
aprendizaje de estudiantes el
Code.
manera tema de la clase
independiente en siguiente.
visual studio code
Tema: Elaboración sitio web - Fases. FASE 1 y 2

El análisis del - Se reflexiona - Integra la
contenido se sobre cada Fase 1
realizará a través actividad implementando
de la interacción y realizada en la un hosting
Retroalimentación
la orientación de clase, lo para la
acerca de la clase
tareas para entre aprendido y su accesibilidad
anterior mediante
todos construir el utilidad. de página Web
Integrar la Fase 1 Padlet
conocimiento de - Elaboración - Asimila los
sobre la - Conceptualización Material
manera flexible y conjunta de las contenidos
implementación de de Hosting. audiovisual
dinámica. conclusiones de teóricos,
02/07/2024 un hosting gratuito - Creación de una introductorio en
Se guiará a los la clase y se dará actividades de
Mod: para la accesibilidad cuenta en hosting Youtube
estudiantes de respuesta a las debate y
VIRTUAL de los usuarios o gratuito y acceso on https://www.youtu
acuerdo con la interrogantes actividades de
clientes una página line. be.com/watch?v=
lógica de realizadas al grupo que
Web 9YDSJ09r6Es
programación que inicio. fomenten la
(Motivación
ha determinado - Sistematización interacción con
intrínseca).
previamente, y del contenido y se el software
guiará el enunciará a los Visual Studio
tema de la

- Integra la
Fase 1
implementando
un hosting
Retroalimentación
para la
acerca de la clase
accesibilidad
anterior mediante
de página Web
Integrar la Fase 1 Padlet
- Asimila los
sobre la - Conceptualización Material
contenidos
implementación de de Hosting. audiovisual
aprendizaje de teóricos,
02/07/2024 un hosting gratuito - Creación de una introductorio en
manera actividades de
Mod: para la accesibilidad cuenta en hosting Youtube clase siguiente.
independiente. debate y
VIRTUAL de los usuarios o gratuito y acceso on https://www.youtu
actividades de
clientes una página line. be.com/watch?v=
grupo que
Web 9YDSJ09r6Es
fomenten la
(Motivación
interacción con
intrínseca).
el software
Visual Studio
Code.
El análisis del
contenido se
- Se reflexiona
la orientación de - Integra la
sobre cada
tareas para entre Fase 2 de
actividad
todos construir el análisis y
realizada en la
Referencias para la conocimiento de diseño de
clase, lo
creación de una Web manera flexible y estrategia para
aprendido y su
educativa dinámica. la creación de
utilidad.
Tipos de ambientes Creación de una una página
- Elaboración
(corporativo, tienda cuenta en hosting Web
Integrar la Fase 2 de conjunta de las
web, comercio Retroalimentación gratuito y acceso - Aplica los
análisis y diseño de conclusiones de
electrónico) acerca de la clase vía a CPanel contenidos
05/07/2024 estrategia para la la clase y se dará
Tipos de estrategias anterior Se guiará a los teóricos,
Mod: creación de una respuesta a las
(CMS, como (Motivación estudiantes de actividades de
VIRTUAL página Web en un interrogantes
WordPress, o bien intrínseca). acuerdo con la debate y
Hosting gratuito realizadas al
desarrollarla a lógica de actividades de
inicio.
medida) programación que grupo que
- Sistematización
ha determinado fomenten la
del contenido y se
previamente, y interacción con
enunciará a los
guiará el el software
estudiantes el
aprendizaje de Visual Studio
tema de la clase
manera Code.
siguiente.
independiente..

El análisis del - Se reflexiona - Integra la
contenido se sobre cada Fase 3 para
realizará a través actividad definir la
de la interacción y realizada en la arquitectura y
la orientación de clase, lo el mapa de
tareas para entre aprendido y su enlaces de
todos construir el utilidad. nuestra Web
Integrar la Fase 3 de
Retroalimentación conocimiento de - Elaboración - Asimila los
proyectos para Creación de una
acerca de la clase manera flexible y conjunta de las contenidos
09/07/2024 definir la arquitectura Web a medida o
anterior dinámica. conclusiones de teóricos,
Mod: y el mapa de enlaces utilizando un CMS
(Motivación Se guiará a los la clase y se dará actividades de
VIRTUAL de un Sitio Web Procedimiento de
intrínseca). estudiantes de respuesta a las debate y
Educativo usuario
acuerdo con la interrogantes actividades de
lógica que ha realizadas al grupo que
determinado inicio. fomenten la
previamente, y - Sistematización interacción con
guiará el del contenido y se el software
enunciará a Visual Studio
Code.

- Integra la
Fase 3 para
definir la
arquitectura y
el mapa de
enlaces de
nuestra Web
Integrar la Fase 3 de aprendizaje a
Retroalimentación - Asimila los
proyectos para Creación de una través del estudio
acerca de la clase contenidos
09/07/2024 definir la arquitectura Web a medida o realizado de los estudiantes el
anterior teóricos,
Mod: y el mapa de enlaces utilizando un CMS manera tema de la clase
(Motivación actividades de
VIRTUAL de un Sitio Web Procedimiento de independiente. siguiente.
intrínseca). debate y
Educativo usuario
actividades de
grupo que
fomenten la
interacción con
el software
Visual Studio
Code.
El análisis del
contenido se
realizará a través - Se reflexiona
de la interacción y sobre cada
- Integra la
la orientación de actividad
Fase 4 para
tareas para entre realizada en la
definir la
todos construir el clase, lo
creación de
conocimiento de aprendido y su
contenido de
manera flexible y utilidad.
nuestra Web
dinámica. - Elaboración
- Aplica los
Integrar la Fase 4 de Se guiará a los conjunta de las
Construcción de la contenidos
proyectos para Retroalimentación estudiantes de conclusiones de
estructura de la Web técnicos,
12/07/2024 definir la acerca de la clase acuerdo con la la clase y se dará
Configuración de actividades de
Mod: incorporación de anterior lógica que ha respuesta a las
espacios y textos debate y
VIRTUAL contenidos de un (Motivación determinado interrogantes
definidos actividades de
Sitio Web Educativo intrínseca). previamente, y realizadas al
grupo que
guiará el inicio.
fomenten la
aprendizaje a - Sistematización
interacción con
través del estudio del contenido y se
el software
realizado de enunciará a los
Visual Studio
manera estudiantes el
Code.
independiente. tema de la clase
siguiente.

El análisis del
contenido se - Se reflexiona
realizará a través sobre cada - Integra la
de la interacción y actividad Fase 5 para la
la orientación de realizada en la ejecución y
Retroalimentación tareas para entre clase, lo diseño de la
acerca de la clase todos construir el aprendido y su programación
anterior mediante conocimiento de utilidad. de nuestra
la aplicación de manera flexible y - Elaboración Web.
Estándar de calidad
Integrar la Fase 5 lluvia de ideas. dinámica. conjunta de las - Asimila los
y realización de
para la ejecución de Material Principios Básicos conclusiones de contenidos
pruebas o test
16/07/2024 proyectos y diseño introductorio de un Sistema de la clase y se dará teóricos,
Cumplimiento de
Mod: de la programación audiovisual Calidad. respuesta a las actividades de
parámetros de
VIRTUAL de un Sitio Web YouTube Evaluación de la interrogantes debate y
diseño y
educativo https://www.youtu Calidad en el realizadas al actividades de
programación
be.com/watch?v= Software y inicio. grupo que
Y9PFhl5EO2c pruebas. - Sistematización fomenten la
(Motivación Se guiará a los del contenido y se interacción con
intrínseca). estudiantes de enunciará a los el software
acuerdo con la estudiantes el Visual Studio
lógica de tema de la clase Code.
siguiente.

- Se reflexiona
sobre cada - Integra la
actividad Fase 5 para la
realizada en la ejecución y
Retroalimentación clase, lo diseño de la
acerca de la clase aprendido y su programación
anterior mediante utilidad. de nuestra
la aplicación de programación que - Elaboración Web.
Estándar de calidad
Integrar la Fase 5 lluvia de ideas. ha determinado conjunta de las - Asimila los
y realización de
para la ejecución de Material previamente, y conclusiones de contenidos
pruebas o test
16/07/2024 proyectos y diseño introductorio guiará el la clase y se dará teóricos,
Cumplimiento de
Mod: de la programación audiovisual aprendizaje de respuesta a las actividades de
parámetros de
VIRTUAL de un Sitio Web YouTube manera interrogantes debate y
diseño y
educativo https://www.youtu independiente. realizadas al actividades de
programación
be.com/watch?v= inicio. grupo que
Y9PFhl5EO2c - Sistematización fomenten la
(Motivación del contenido y se interacción con
intrínseca). enunciará a los el software
siguiente.
El análisis del
contenido se
la orientación de
tareas para entre
- Se reflexiona
todos construir el
sobre cada
conocimiento de
actividad - Integra la
manera flexible y
realizada en la Fase 6 para el
Retroalimentación dinámica.
clase, lo lanzamiento y
acerca de la clase Evaluación de la
aprendido y su pruebas de
anterior mediante Calidad en el
utilidad. nuestra Web.
Análisis del archivo la formación de Software y
- Elaboración - Aplica los
logs para ver qué un esquema pruebas
conjunta de las contenidos
- Integrar la Fase 6 errores se producen mental Cumplimiento de
conclusiones de teóricos,
de proyectos para el en la Web Material parámetros de
19/07/2024 la clase y se dará actividades de
lanzamiento y Número de audiovisual en diseño y
Mod: respuesta a las debate y
pruebas de un Sitio solicitudes y YouTube programación
VIRTUAL interrogantes actividades de
Web educativo operaciones https://www.youtu Se guiará a los
realizadas al grupo que
Seguridades y be.com/watch?v= estudiantes de
inicio. fomenten la
permisos s5ABwHaN7as acuerdo con la
- Sistematización interacción con
(Motivación lógica de
del contenido y se el software
intrínseca). programación que
enunciará a los Visual Studio
ha determinado
previamente, y
tema de la clase
guiará el
siguiente.
aprendizaje de
manera
independiente.
UNIDAD IV: Métodos y técnicas de Enseñanza para Programación Web.
Tema: PROGRAMACIÓN WEB autenticación y autorización, validación de datos.

Retroalimentación El análisis del - Se reflexiona - Estructura el
acerca de la clase contenido se sobre cada proyecto la
Análisis del proyecto.
anterior mediante realizará a través actividad creación de un
Estructurar el Investigación y
Mentimeter de la interacción y realizada en la Sitio Web
proyecto de creación puesta en marcha
Material la orientación de clase, lo mediante fases
de un Sitio Web del proyecto.
23/07/2024 introductorio tareas para entre aprendido y su previas de
educativo mediante Fase 1 : Diseño y
Mod: audiovisual todos construir el utilidad. análisis e
fases previas de Fase 2: Maquetación
VIRTUAL YouTube conocimiento de - Elaboración investigación
análisis e Gestor de
https://youtu.be/D manera flexible y conjunta de las - Asimila los
investigación contenidos
HProjoKZHA dinámica. conclusiones de contenidos
(Motivación la clase y se dará teóricos,
respuesta a las actividades de
debate y

Definir las fases
de las
metodologías
para proyectos de
desarrollo Web
Análisis del proyecto. interrogantes
Se guiará a los
Estructurar el Investigación y realizadas al actividades de
estudiantes de
proyecto de creación puesta en marcha inicio. grupo que
acuerdo con la
de un Sitio Web del proyecto. - Sistematización fomenten la
23/07/2024 lógica de
educativo mediante Fase 1 : Diseño y del contenido y se interacción con
Mod: intrínseca). programación que
fases previas de Fase 2: Maquetación enunciará a los el software
VIRTUAL ha determinado
análisis e Gestor de estudiantes el Visual Studio
previamente, y
investigación contenidos tema de la clase Code.
guiará el
siguiente.
aprendizaje de
manera
independiente.
El análisis del
contenido se
la orientación de
tareas para entre
- Se reflexiona
todos construir el
sobre cada - Ejecuta el
conocimiento de
actividad proyecto sobre
manera flexible y
realizada en la el desarrollo de
dinámica.
clase, lo un Sitio Web
Introducción.
aprendido y su integrando
Fases. Cuándo se
utilidad. todas sus
utiliza.
- Elaboración fases previas
Beneficios y
Ejecutar el proyecto Retroalimentación conjunta de las - Aplica los
limitaciones
sobre el desarrollo acerca de la clase conclusiones de contenidos
Primeras pruebas Desarrollo de la
26/07/2024 de un Sitio Web anterior mediante la clase y se dará técnicos,
Lanzamiento y página Web -
Mod: educativo integrando un producto H5P respuesta a las actividades de
evaluación Primeras pruebas
VIRTUAL todas sus fases (Motivación interrogantes debate y
Mantenimiento Se guiará a los
previas intrínseca). realizadas al actividades de
estudiantes de
inicio. grupo que
acuerdo con la
- Sistematización fomenten la
lógica de
del contenido y se interacción con
programación que
enunciará a los el software
ha determinado
previamente, y
guiará el
siguiente.
aprendizaje de
manera
independiente.
Tema: Métodos y técnicas de Enseñanza para programación Web.

El análisis del - Se reflexiona - Define en su
contenido se sobre cada proyecto las
realizará a través actividad fases de las
de la interacción y realizada en la metodologías
la orientación de clase, lo para proyectos
tareas para entre aprendido y su de desarrollo
Definir las fases de
todos construir el utilidad. Web
las metodologías
Introducción. Retroalimentación conocimiento de - Elaboración - Asimila los
que existen dentro
30/07/2024 Fases. acerca de la clase manera flexible y conjunta de las contenidos
de la enseñanza
Mod: Cuándo se utiliza. anterior dinámica. conclusiones de teóricos,
para proyectos de
VIRTUAL Beneficios y (Motivación Análisis del la clase y se dará actividades de
desarrollo Web
Limitaciones intrínseca). proyecto. respuesta a las debate y
Educativos
Investigación y interrogantes actividades de
puesta en marcha realizadas al grupo que
del proyecto. inicio. fomenten la
- Sistematización enseñanza de
del contenido y la

Se guiará a los
estudiantes de
Definir las fases de
acuerdo con la
las metodologías
Introducción. Retroalimentación lógica de
que existen dentro se enunciará a los
30/07/2024 Fases. acerca de la clase programación que programación
de la enseñanza estudiantes el
Mod: Cuándo se utiliza. anterior ha determinado Web
para proyectos de tema de la clase
VIRTUAL Beneficios y (Motivación previamente,
desarrollo Web siguiente.
Limitaciones intrínseca). realizado de
Educativos
manera
independiente.
El análisis del
contenido se
la orientación de - Se reflexiona
- Desarrolla un
tareas para entre sobre cada
proyecto de
todos construir el actividad
creación de
conocimiento de realizada en la
página Web
manera flexible y clase, lo
mediante la
dinámica. aprendido y su
Desarrollar el aplicación de
Fase 1 : Diseño y utilidad.
proyecto de creación Retroalimentación fases de
Fase 2: - Elaboración
de un Sitio Web acerca de la clase análisis e
Maquetación conjunta de las
Educativo mediante anterior investigación
Gestor de conclusiones de
fases de análisis e Tormenta de - Aplica los
02/08/2024 - Desarrollo de la contenidos la clase y se dará
investigación que ideas ¿En qué contenidos
Mod: página Web Se guiará a los respuesta a las
existen dentro de la consiste la técnicos,
VIRTUAL - Primeras pruebas estudiantes de interrogantes
enseñanza de la autenticación? actividades de
acuerdo con la realizadas al
programación Web (Motivación debate y
lógica de inicio.
intrínseca). actividades de
programación que - Sistematización
grupo que
ha determinado del contenido y se
fomenten la
previamente, y enunciará a los
enseñanza de
guiará el estudiantes el
la
aprendizaje tema de la clase
programación
realizado de siguiente.
Web
manera
independiente.
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: 08/04/2024 - 12/04/2024
INTRODUCCIÓN A HTML
- 3 - - - 2 - - - -
SEM: 15/04/2024 - 19/04/2024
- Conceptos básicos de HTML, Entorno de - 3 - - - 2 3 - - -
desarrollo Notepad++
SEM: 22/04/2024 - 26/04/2024
- Funciones básicos de HTML.
- 3 - - - 2 3 - - -
SEM: 29/04/2024 - 03/05/2024
- Conceptos básicos, arquitectura cliente-servidor, - 3 - - - 2 4 - - -
lenguajes Front-end y Back-end.
02 Lenguajes y tecnologías web - 12 - - - 8 15 - - -

SEM: 06/05/2024 - 10/05/2024
-Estructura de páginas web.
- 3 - - - 2 5 - - -
SEM: 13/05/2024 - 17/05/2024
-Funciones Básicas HTML, CSS
- 3 - - - 2 5 - - -
SEM: 20/05/2024 - 24/05/2024
- Creación de un portal básico.
- 3 - - - 2 5 - - -
SEM: 27/05/2024 - 31/05/2024
- Estilos en cascada.
- 3 - - - 2 - - - -

HORAS POR COMPONENTES DE APRENDIZAJE
CD CPE
UNIDAD/TEMA
VIRTUAL VIRTUAL CAA PP/PL PSC TIT
P P
SC ASC SC ASC
03 . Diseño y desarrollo de sitios web-programación
del lado cliente- servidor
- 18 - - - 12 22 - - -
SEM: 10/06/2024 - 14/06/2024
Diseño de interfaz de usuario, maquetación, estilos - 3 - - - 2 - - - -
CSS, accesibilidad, responsive design.
SEM: 17/06/2024 - 21/06/2024
Diseño y desarrollo de sitios web.- Front-end y - 3 - - - 2 5 - - -
Back-end.
SEM: 24/06/2024 - 28/06/2024
Página Web a un Servidor web accesible en - 3 - - - 2 5 - - -
internet.
SEM: 01/07/2024 - 05/07/2024
Elaboración sitio web - Fases. FASE 1 y 2
- 3 - - - 2 4 - - -
SEM: 08/07/2024 - 12/07/2024
- 3 - - - 2 4 - - -
SEM: 15/07/2024 - 19/07/2024
- 3 - - - 2 4 - - -
04 Métodos y técnicas de Enseñanza para
Programación Web.
- 6 - - - 4 17 - - -
SEM: 22/07/2024 - 26/07/2024
PROGRAMACIÓN WEB autenticación y - 3 - - - 2 7 - - -
autorización, validación de datos.
SEM: 29/07/2024 - 02/08/2024
Métodos y técnicas de Enseñanza para - 3 - - - 2 10 - - -
programación Web.
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 10,00
Evaluación Sistemática (oral y/o
N6 escrita)
Prueba Escrita Cuestionario 20,00
N8 Ensayos Redacción Escrita Rúbrica 10,00

Ficha de trabajo individual o
N10 Trabajos de investigación Análisis de producciones
grupal
10,00
Ejercicios y prácticas en clase Ficha de trabajo individual o
N13 Taller práctico de laboratorio
grupal, Guía de preguntas
10,00
Examen 30,00
TOTAL GENERAL: 100,00

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..
https://elibro.net/es/lc/utmachala/titulos/222742
• Tomás Zafra, J. M... (2021). Elaboración de hojas de estilo. IFCD0110: (2 ed.).. IC Editorial..
https://elibro.net/es/lc/utmachala/titulos/221024
• Cabello Jurado, S.. (2022). Elaboración de plantillas y formularios. IFCD0110. 1. IC Editorial..
https://elibro.net/es/ereader/utmachala/221031
5.2 Bibliografía complementaria
- Cardador Cabello, A. L. (2022). Programación con lenguajes de guion en páginas web. IFCD0110. 1.
IC Editorial. https://elibro.net/es/ereader/utmachala/221032?page=5 - ESCARCENA, M. Programación
páginas Web: JavaScript y PHP. 1. ed. Paracuellos de Jarama, Madrid: RA-MA Editorial , 2020. 155p.
Disponible en: https://elibro-net.basesdedatos.utmachala.edu.ec/es/ereader/utmachala/222656?page=1
- Martínez Rolán, X. (2019). Diseño de páginas web: WordPress para todos los públicos.. Editorial UOC.
https://elibro.net/es/ereader/utmachala/106387?page=1 - Pérez Rodríguez, M. D. (Coord.). (2018).
HTML 4.0 (2a. ed.). 2. Editorial ICB. https://elibro.net/es/ereader/utmachala/225267?page=1 - Carazo
Gil, F. J. (2015). Domine WordPress: manual práctico.. RA-MA Editorial. https://elibronet.
basesdedatos.utmachala.edu.ec/es/lc/utmachala/titulos/59728
6.- Datos del docente

Docente: Ing. Sist. Prado Ortega Mauricio Xavier, Mg. S.C
Correo Institucional:[email protected]
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:[email protected]
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


Certificado de Títulos

Cargado por

Información del documento

Título original

Derechos de autor

Formatos disponibles

Compartir este documento

Compartir o incrustar documentos

Opciones para compartir

¿Le pareció útil este documento?

¿Este contenido es inapropiado?

Copyright:

Formatos disponibles

Certificado de Títulos

Cargado por

Copyright:

Formatos disponibles

UNIVERSIDAD TÉCNICA DE MACHALA

FACULTAD DE CIENCIAS SOCIALES

Modalidad de estudio EN LÍNEA

1.- Datos generales

Nivel: Paralelo: Jornada: Periodo académico:

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

Horas de aprendizaje por componente

2.- Secuencia didáctica de la asignatura

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

Sílabo UTMACH Pág. 1 de 19

OBJETIVOS DE APRENDIZAJE CONTENIDOS DE RESULTADOS DE

-Estructura de páginas web.

Diseño y desarrollo de sitios

Comprender la importancia Comprende la importancia

3.2 Estructura de la unidad didáctica por temas

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

Tema: INTRODUCCIÓN A HTML

Sílabo UTMACH Pág. 2 de 19

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

Sílabo UTMACH Pág. 3 de 19

Tema: - Funciones básicos de HTML.

Sílabo UTMACH Pág. 4 de 19

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

Sílabo UTMACH Pág. 5 de 19

UNIDAD II: Lenguajes y tecnologías web

Tema: -Estructura de páginas web.

Crear una página Retroalimentación - El análisis del - Se reflexiona - Crea una

Sílabo UTMACH Pág. 6 de 19

Tema: -Funciones Básicas HTML, CSS

El análisis del - Se reflexiona - Utiliza las

Sílabo UTMACH Pág. 7 de 19

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

El análisis del - Se reflexiona - Utiliza

Sílabo UTMACH Pág. 8 de 19

Tema: - Estilos en cascada.

Sílabo UTMACH Pág. 9 de 19

Estrategias didácticas Indicadores de

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

Sílabo UTMACH Pág. 10 de 19

Tema: Página Web a un Servidor web accesible en internet.

Sílabo UTMACH Pág. 11 de 19

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

Sílabo UTMACH Pág. 12 de 19

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

Sílabo UTMACH Pág. 13 de 19

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

Sílabo UTMACH Pág. 14 de 19

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

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

Sílabo UTMACH Pág. 15 de 19

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

Sílabo UTMACH Pág. 16 de 19

3.3 Distribución de horas en unidades y temas

HORAS POR COMPONENTES DE APRENDIZAJE

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

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

Sílabo UTMACH Pág. 17 de 19

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