Modelo Educativo Centrado en el Aprendizaje con … · El propósito principal es preparar al...

35
Modelo Educativo Centrado en el Aprendizaje con Enfoque por Competencias Plan 2008

Transcript of Modelo Educativo Centrado en el Aprendizaje con … · El propósito principal es preparar al...

Page 1: Modelo Educativo Centrado en el Aprendizaje con … · El propósito principal es preparar al estudiante para que desarrolle competencias en el Diseño de portales, sitios y páginas

 

Modelo Educativo Centrado en el Aprendizaje con Enfoque por Competencias Plan 2008  

Page 2: Modelo Educativo Centrado en el Aprendizaje con … · El propósito principal es preparar al estudiante para que desarrolle competencias en el Diseño de portales, sitios y páginas

  

Modelo Educativo Centrado en el Aprendizaje con Enfoque por Competencias Plan 2008  Página 2 de 35 

Carrera: TÉCNICO EN INFORMÁTICA  Unidad de Aprendizaje: DESARROLLO WEB Y MULTIMEDIA 

FUNDAMENTACIÓN La unidad de aprendizaje de Desarrollo Web y Multimedia pertenece al área de formación Profesional del Bachillerato Tecnológico Nivel Medio Superior del Instituto Politécnico Nacional. Se ubica en el sexto nivel y semestre del plan de estudios, se imparte de manera obligatoria en la rama de conocimiento de Ciencias Sociales y Administrativas:

El propósito principal es preparar al estudiante para que desarrolle competencias en el Diseño de portales, sitios y páginas web incorporando desarrollos multimedia; ofreciéndole conocimientos básicos que favorecen su formación académica sirviendo como base para las unidades de aprendizaje relacionadas con Programación Avanzada y Sistemas de información apoyando su formación como Técnico en Informática; y su posterior incorporación en estudios de Nivel Superior y/o al campo laboral.

Las competencias profesionales laborales (general y particulares) implican como principales objetos de conocimiento el Diseño de portales, sitios y páginas web incorporando desarrollos multimedia a través de las recomendaciones de la W3C (World Wide Web Consortium), mismos que podrá vincular con su ámbito socioeconómico y laboral. Asimismo, en la particularidad el estudiante:

- Efectúa el tratamiento digital de imágenes, edición de video y audio mediante el uso de software de vanguardia.

- Desarrolla animaciones de imágenes y texto a través del software de vanguardia.

- Diseña páginas web incorporando desarrollos multimedia por medio del lenguaje XHTML y CSS.

- Diseña sitios dinámicos por medio de un lenguaje de programación.

 El enfoque disciplinar tiene una orientación tecnológica relacionada con el ensamble y manejo de los equipos de cómputo.

Las principales relaciones con otras unidades de aprendizaje se reflejan entre las áreas de formación institucional y la científica, humanística y tecnológica básica como: Computación Básica I y II, Realidad virtual, Interacción usuario computadora, Programación orientada a objetos, entre otras.

La metodología de trabajo está basada en estándares de aprendizaje planteados en las competencias. Cada competencia se desagrega en resultados de aprendizaje (RAP) que se abordan a través de actividades sustantivas que tienen como propósito indicar una generalidad para desarrollar las secuencias didácticas que atenderán cada RAP. Las evidencias con las que se evaluará formativamente cada RAP, se definen mediante un desempeño integrado, en el que los estudiantes mostrarán su saber hacer de manera reflexiva, utilizando el conocimiento que va adquiriendo durante el proceso didáctico para transferir el aprendizaje a situaciones similares y diferentes.

El papel del profesor tendrá una intervención mediadora entre los contenidos disciplinarios, las características del contexto y los instrumentos o herramientas que provee al estudiante para facilitar un aprendizaje significativo, estratégico, autónomo, colaborativo, reflexivo, crítico y creativo. La complejidad de las actividades requiere la supervisión estrecha en el manejo y cuidado del equipo de cómputo, así como el desarrollo de los contenidos de aprendizaje procedimentales amerita una atención personalizada con el estudiante.

Page 3: Modelo Educativo Centrado en el Aprendizaje con … · El propósito principal es preparar al estudiante para que desarrolle competencias en el Diseño de portales, sitios y páginas

  

Modelo Educativo Centrado en el Aprendizaje con Enfoque por Competencias Plan 2008  Página 3 de 35 

Carrera: TÉCNICO EN INFORMÁTICA  Unidad de Aprendizaje: DESARROLLO WEB Y MULTIMEDIA 

En consecuencia, se requiere contar con dos profesores para realizar las actividades programadas en las horas fuera del aula, específicamente en laboratorio de Cómputo; que serán el profesor titular de grupo y un auxiliar, situación que permitirá que el alumno logre las competencias genéricas, disciplinares y profesionales establecidas en esta Unidad de Aprendizaje.

La evaluación de los aprendizajes comprenderá tres momentos: al inicio para diagnosticar los conocimientos previos que permitan establecer conexiones significativas con la propuesta de aprendizaje. Durante el proceso de aprendizaje para cumplir con una función formativa que realimente tanto al estudiante como al profesor y una final que propicie la acreditación del aprendizaje con fines de promoción a los siguientes niveles o certificación de competencias.

También es posible aplicar una evaluación por competencias para certificar la Unidad de Aprendizaje previo a su inicio.

Este programa de estudios tiene una naturaleza normativa al establecer los estándares para la certificación de competencias, por lo tanto la planeación didáctica de las secuencias, estrategias de aprendizaje y enseñanza se desarrollarán con base en los elementos que incorpora este documento. Las competencias genéricas que se incorporan a esta unidad de aprendizaje corresponden con el Marco Común del Sistema Nacional de Bachillerato y se establecen en la siguiente matriz.

 

 

Page 4: Modelo Educativo Centrado en el Aprendizaje con … · El propósito principal es preparar al estudiante para que desarrolle competencias en el Diseño de portales, sitios y páginas

  

Modelo Educativo Centrado en el Aprendizaje con Enfoque por Competencias Plan 2008  Página 4 de 35 

Carrera: TÉCNICO EN INFORMÁTICA  Unidad de Aprendizaje: DESARROLLO WEB Y MULTIMEDIA 

MATRÍZ DE VINCULACIÓN DE COMPETENCIAS GENÉRICAS Y DISCIPLINARES Competencias

genéricas

Competencias Disciplinares

1.

Se c

onoc

e y

valo

ra a

mis

mo

y ab

orda

pr

oble

mas

y

reto

s te

nien

do

en

cuen

ta

los

obje

tivos

que

per

sigu

e.

2.

Es

sens

ible

al

arte

y p

artic

ipa

en

la

apre

ciac

ión

e in

terp

reta

ción

de

su

s ex

pres

ione

s en

di

stin

tos

géne

ros.

3.

Elig

e y

prac

tica

estil

os d

e vi

da

salu

dabl

es.

4.

Escu

cha

inte

rpre

ta

y em

ite

men

saje

s pe

rtine

ntes

en

di

stin

tos

cont

exto

s m

edia

nte

la

utili

zaci

ón d

e m

edio

s, c

ódig

os y

he

rram

ient

as a

prop

iado

s.

5.

Des

arro

lla

inno

vaci

ones

y

prop

one

solu

cion

es

a pr

oble

mas

a p

artir

de

mét

odos

es

tabl

ecid

os.

6.

Sust

enta

una

pos

tura

per

sona

l so

bre

tem

as

de

inte

rés

y re

leva

ncia

ge

nera

l, co

nsid

eran

do o

tros

punt

os d

e vi

sta

de

man

era

críti

ca

y re

flexi

va.

7.

Apre

nde

por

inic

iativ

a e

inte

rés

prop

io a

lo la

rgo

de la

vid

a.

8.

Parti

cipa

y c

olab

ora

de m

aner

a ef

ectiv

a en

equ

ipos

div

erso

s.

9.

Parti

cipa

con

con

cien

cia

cívi

ca

y ét

ica

en

la

vida

de

su

co

mun

idad

, re

gión

, M

éxic

o y

el

mun

do.

10.

Man

tiene

un

a ac

titud

re

spet

uosa

ha

cia

la

inte

rcul

tura

lidad

y la

div

ersi

dad

de c

reen

cias

, va

lore

s, i

deas

y

prác

ticas

soc

iale

s.

11.

Con

tribu

ye

al

desa

rrol

lo

sust

enta

ble

de m

aner

a cr

ítica

, co

n ac

cion

es re

spon

sabl

es.

 

RESULTADO DE APRENDIZAJE

Com

pete

ncia

Pa

rticu

lar 1

Crea imágenes mediante el uso de software de edición y captura.

X

Integra video digital a través de programas de edición y captura.

X

Manipula sonido mediante el uso de software de edición y captura.

X

Com

pete

ncia

P

artic

ular

2 Manipula imágenes y texto a través del

software especializado. X

Efectúa animaciones multimedia mediante el uso de programas específicos.

X

Com

pete

ncia

P

artic

ular

3 Estructura el contenido del sitio web a

través de las distintas etapas de diseño. X

Emplea el lenguaje XHTML y CSS para generar páginas web.

X

Com

pete

ncia

Pa

rticu

lar 4

Crea sitios web dinámicos a través del uso de hipervínculos.

X

Almacena el sitio web en un servidor para su acceso a través de internet

X

 

  

Page 5: Modelo Educativo Centrado en el Aprendizaje con … · El propósito principal es preparar al estudiante para que desarrolle competencias en el Diseño de portales, sitios y páginas

  

Modelo Educativo Centrado en el Aprendizaje con Enfoque por Competencias Plan 2008  Página 5 de 35 

Carrera: TÉCNICO EN INFORMÁTICA  Unidad de Aprendizaje: DESARROLLO WEB Y MULTIMEDIA 

 

RED DE COMPETENCIAS (GENERAL Y PARTICULARES) 

 

  

Page 6: Modelo Educativo Centrado en el Aprendizaje con … · El propósito principal es preparar al estudiante para que desarrolle competencias en el Diseño de portales, sitios y páginas

  

Modelo Educativo Centrado en el Aprendizaje con Enfoque por Competencias Plan 2008  Página 6 de 35 

Carrera: TÉCNICO EN INFORMÁTICA  Unidad de Aprendizaje: DESARROLLO WEB Y MULTIMEDIA 

PERFIL DEL DOCENTE  El profesor que imparta la unidad de aprendizaje de Ensamblado y Mantenimiento de PCs, así como el profesor auxiliar, habrán de presentar el examen de oposición para mostrar las habilidades que tiene en el manejo del conocimiento disciplinar y manifestar la disposición, autoridad y tolerancia en el manejo del grupo. Por lo tanto debe contar con las competencias que se indican en las condiciones interiores del trabajo. Competencias Generales establecidas en la RIEMS: 1. Organiza su formación continua a lo largo de su trayectoria profesional.

2. Domina y estructura los saberes para facilitar experiencias de aprendizajes significativos.

3. Planifica los procesos de enseñanza y de aprendizaje atendiendo al enfoque por competencias y los ubica en los contextos disciplinares, curriculares y

sociales amplios.

4. Lleva a la práctica procesos de enseñanza y de aprendizaje de manera efectiva, creativa e innovadora a su contexto institucional.

5. Evalúa los procesos de enseñanza y aprendizaje con un enfoque formativo.

6. Construye ambientes para aprendizaje autónomo y colaborativo.

7. Contribuye a la generación de un ambiente que facilite el desarrollo sano e integral de los estudiantes.

8. Participa en los proyectos de mejora continua de su escuela y apoya la gestión institucional.

PERFIL PROFESIONAL:

Tener Título Profesional en el área de:

Licenciatura: • Ciencias de la Informática • Informática • Informática Administrativa • Tecnologías de la Información

Ingeniería: • Informática • Sistemas Computacionales • Computación • Comunicaciones y Electrónica

EXPERIENCIA: El personal docente debe contar un año de experiencia en el área de la Informática específicamente en Mantenimiento de PCs a nivel empresarial o docente.  

 

Page 7: Modelo Educativo Centrado en el Aprendizaje con … · El propósito principal es preparar al estudiante para que desarrolle competencias en el Diseño de portales, sitios y páginas

  

Modelo Educativo Centrado en el Aprendizaje con Enfoque por Competencias Plan 2008  Página 7 de 35 

Carrera: TÉCNICO EN INFORMÁTICA  Unidad de Aprendizaje: DESARROLLO WEB Y MULTIMEDIA 

UNIDAD 1 DEL PROGRAMA: Multimedia

COMPETENCIA PARTICULAR:

Efectúa el tratamiento digital de imágenes, edición de video y audio mediante el uso de software de vanguardia.

RESULTADO DE APRENDIZAJE PROPUESTO (RAP) No. 1 Crea imágenes mediante el uso de software de edición y captura. TIEMPO ESTIMADO PARA OBTENER EL RAP: 12 hrs

CONTENIDOS DE APRENDIZAJE

ACTIVIDADES SUSTANTIVAS AMBIENTE DE APRENDIZAJE

EVIDENCIA DE APRENDIZAJE

CRITERIOS DE EVALUACIÓN FORMATIVA MATERIALES Y RECURSOS

DIDACTICOS DE APRENDIZAJE DE ENSEÑANZA

CONCEPTUALES Equipo multimedia: Tarjeta de sonido

- Bocina - Micrófono

Tecnología de almacenamiento CD-ROM-DVD Aplicación multimedia Texto e imagen en multimedia

- Mapas de bits - Imágenes

vectoriales Edición de imagen fija Formatos de imágenes Editores Compresión de imágenes fijas PROCEDIMENTALES Aplica las herramientas de diseño para crear imágenes vectoriales Practica 1 Diseño de imágenes ACTITUDINALES Se expresa y comunica Piensa critica y reflexivamente

Interioriza la reglamentación para su desempeño y conducción en los laboratorios Investiga las características actuales de equipo multimedia Identifica la diferencia entre mapa de bits e imagen vectorial, así como los distintos formatos de archivos de imagen. Investiga diferentes tipos de herramientas para editar y comprimir archivos de imágenes Experimenta la creación de objetos, gráficos y combinación de colores. Genera la compresión de imágenes.

Realiza el encuadre del curso, detallando la reglamentación para uso de los laboratorios. Formula preguntas contextualizadas del tema equipo multimedia. Demuestra en forma práctica la creación de imágenes en el software de diseño Demuestra el uso de un compresor de imágenes Promueve el diseño de imágenes fijas

Dentro y fuera del Aula

Aplicación gráfica a través de un dispositivo y/o medio electrónico

La imagen debe estar realizada a través de las siguientes herramientas básicas de diseño: Líneas rectas, a mano alzada, rectángulo, elipse, polígono, texto, contorno y efectos de relleno. Manipulación de objetos y gráficos: Agrupar, Duplicar, recortar, soldar y rotar. Manejo de colores Expresa ideas y conceptos mediante representaciones gráficas. Estructura ideas y argumentos de manera clara, coherente y sintética.

Equipo de cómputo con sistema multimedia Proyector digital Software: Para desarrollo Multimedia.

Internet

Page 8: Modelo Educativo Centrado en el Aprendizaje con … · El propósito principal es preparar al estudiante para que desarrolle competencias en el Diseño de portales, sitios y páginas

  

Modelo Educativo Centrado en el Aprendizaje con Enfoque por Competencias Plan 2008  Página 8 de 35 

Carrera: TÉCNICO EN INFORMÁTICA  Unidad de Aprendizaje: DESARROLLO WEB Y MULTIMEDIA 

 

UNIDAD 1 DEL PROGRAMA: Multimedia

COMPETENCIA PARTICULAR:

Efectúa el tratamiento digital de imágenes, edición de video y audio mediante el uso de software de vanguardia. RESULTADO DE APRENDIZAJE PROPUESTO (RAP) No. 2 Integra video digital a través de programas de edición y captura.

TIEMPO ESTIMADO PARA OBTENER EL RAP: 12 hrs

CONTENIDOS DE APRENDIZAJE

ACTIVIDADES SUSTANTIVAS AMBIENTE DE APRENDIZAJE

EVIDENCIA DE APRENDIZAJE

CRITERIOS DE EVALUACIÓN FORMATIVA MATERIALES Y RECURSOS

DIDACTICOS DE APRENDIZAJE DE ENSEÑANZA

CONCEPTUALES Características del video:

- analógico - Digital

Dispositivos de captura de video Calidad y formatos de video digital Captura de video digital de medios analógicos Compresión de video Configuración de video:

- Memoria de video - Resolución, - Calidad de color - Frecuencia de

actualización Codecs de video PROCEDIMENTAL Produce un video a través de las herramientas de edición de video Practica 2 Edición de video ACTITUDINALES Piensa critica y reflexivamente

Investiga las características de los dispositivos de captura de video. Contrasta semejanzas y diferencias entre los distintos formatos de archivos de video. Investiga diferentes tipos de herramientas para editar y comprimir archivos de video Genera la edición de archivos de video Aplica la compresión de archivos de video

Formula preguntas contextualizadas del tema dispositivos de captura de video. Demuestra el uso de las Herramientas del programa de edición de video. Demuestra el uso de un compresor de video Guía en el uso de un compresor de video

Dentro y fuera del Aula

Video editado en un dispositivo y/o medio electrónico

El video debe incluir:

Transiciones Efectos Inserción de texto Imágenes fijas Música Sigue instrucciones y procedimientos de manera reflexiva, comprende cada paso y contribuye al alcance de un objetivo

Estructura ideas y argumentos de manera clara, coherente y sintética.

Equipo de cómputo con sistema multimedia Proyector digital Software: Para desarrollo Multimedia.

Internet

  

Page 9: Modelo Educativo Centrado en el Aprendizaje con … · El propósito principal es preparar al estudiante para que desarrolle competencias en el Diseño de portales, sitios y páginas

  

Modelo Educativo Centrado en el Aprendizaje con Enfoque por Competencias Plan 2008  Página 9 de 35 

Carrera: TÉCNICO EN INFORMÁTICA  Unidad de Aprendizaje: DESARROLLO WEB Y MULTIMEDIA 

UNIDAD 1 DEL PROGRAMA: Multimedia

COMPETENCIA PARTICULAR:

Efectúa el tratamiento digital de imágenes, edición de video y audio mediante el uso de software de vanguardia.

RESULTADO DE APRENDIZAJE PROPUESTO (RAP) No. 3

Manipula sonido mediante el uso de software de edición y captura.

TIEMPO ESTIMADO PARA OBTENER EL RAP: 12 hrs

CONTENIDOS DE APRENDIZAJE

ACTIVIDADES SUSTANTIVAS AMBIENTE DE APRENDIZAJE

EVIDENCIA DE APRENDIZAJE

CRITERIOS DE EVALUACIÓN FORMATIVA MATERIALES Y RECURSOS

DIDACTICOS DE APRENDIZAJE DE ENSEÑANZA

CONCEPTUALES Sonido Características:

- Digitalización - Compresión

Calidad y formatos de audio Audio:

- Mono estéreo - estéreo

Códecs de audio Dispositivos o instrumentos MIDI. Grabación de sonido Compresión de sonido PROCEDIMENTALES Aplica las herramientas informáticas de edición de audio para generar un archivo editado. Práctica 3 Edición de Audio ACTITUDINALES Aprende de forma autónoma

Investiga las características de los dispositivos de captura de audio. Contrasta semejanzas y diferencias entre los distintos formatos de archivos de audio. Investiga diferentes tipos de herramientas para editar y comprimir archivos de audio Genera la edición de archivos de audio Aplica la compresión de archivos de audio

Formula preguntas contextualizadas del tema dispositivos de captura de audio. Demuestra el uso de las Herramientas del programa de edición de audio. Demuestra el uso de un compresor de audio Guía en el uso de las Herramientas del programa de edición de audio.

Dentro y fuera del Aula

Archivo de sonido editado en un dispositivo y/o medio electrónico

La edición del archivo de sonido debe incluir:

Distintas pistas. Distintos niveles de audio. Narraciones. Define metas y da seguimiento a sus procesos de construcción del conocimiento

Equipo de cómputo con sistema multimedia Proyector digital Software: Para desarrollo Multimedia.

Internet

 

Page 10: Modelo Educativo Centrado en el Aprendizaje con … · El propósito principal es preparar al estudiante para que desarrolle competencias en el Diseño de portales, sitios y páginas

  

Modelo Educativo Centrado en el Aprendizaje con Enfoque por Competencias Plan 2008  Página 10 de 35 

Carrera: TÉCNICO EN INFORMÁTICA  Unidad de Aprendizaje: DESARROLLO WEB Y MULTIMEDIA 

UNIDAD 2 DEL PROGRAMA: Animación

COMPETENCIA PARTICULAR:

Desarrolla animaciones de imágenes y texto a través del software de vanguardia.

RESULTADO DE APRENDIZAJE PROPUESTO (RAP) No. 1Manipula imágenes y texto a través del software especializado. TIEMPO ESTIMADO PARA OBTENER EL RAP: : 12 hrs

CONTENIDOS DE APRENDIZAJE

ACTIVIDADES SUSTANTIVAS AMBIENTE DE APRENDIZAJE

EVIDENCIA DE APRENDIZAJE

CRITERIOS DE EVALUACIÓN FORMATIVA MATERIALES Y RECURSOS

DIDACTICOS DE APRENDIZAJE DE ENSEÑANZA

CONCEPTUALES Importar y exportar imágenes de formatos diferentes Captura y Digitalización de imágenes:

- Escáner - Cámara

digital - Webcam

Formatos de ficheros de imagen Software de manipulación de imágenes PROCEDIMENTAL Desarrolla animaciones de imágenes y texto a través de software multimedia. Practica 4 Creación de animaciones. ACTITUDINALES Piensa critica y reflexivamente

Investiga el procedimiento de la importación y exportación de imágenes Investiga las características técnicas de los diferentes dispositivos de captura y digitalización de imágenes Identifica los elementos del entorno del programa de animación. Experimenta el uso de las herramientas del programa de animación Investiga diferentes tipos de software para la animación de imágenes. Identifica los diferentes tipos de extensiones de los formatos de archivos de animación. Genera la animación de imágenes

Presenta el entorno del programa de animación de objetos. Demuestra el uso de las Herramientas del programa de animación. Demuestra en forma práctica la animación de objetos. Promueve el diseño de una animación.

Dentro y fuera del Aula

Animación desarrollada en el software de multimedia.

La animación debe incluir:

Interpolación de movimiento y forma, manejo de capas, uso del papel cebolla, máscaras, capas guía, inserción de objetos.

Sigue instrucciones y procedimientos de manera reflexiva, comprende cada paso y contribuye al alcance de un objetivo

Equipo de cómputo con sistema multimedia Proyector digital Software: Para desarrollo Multimedia.

Internet

Page 11: Modelo Educativo Centrado en el Aprendizaje con … · El propósito principal es preparar al estudiante para que desarrolle competencias en el Diseño de portales, sitios y páginas

  

Modelo Educativo Centrado en el Aprendizaje con Enfoque por Competencias Plan 2008  Página 11 de 35 

Carrera: TÉCNICO EN INFORMÁTICA  Unidad de Aprendizaje: DESARROLLO WEB Y MULTIMEDIA 

 UNIDAD 2 DEL PROGRAMA: Animación

COMPETENCIA PARTICULAR: Desarrolla animaciones de imágenes y texto a través del software de vanguardia.

RESULTADO DE APRENDIZAJE PROPUESTO (RAP) No. 2 Efectúa animaciones multimedia mediante el uso de programas específicos

TIEMPO ESTIMADO PARA OBTENER EL RAP: 12 hrs

CONTENIDOS DE APRENDIZAJE

ACTIVIDADES SUSTANTIVAS AMBIENTE DE APRENDIZAJE

EVIDENCIA DE APRENDIZAJE

CRITERIOS DE EVALUACIÓN FORMATIVA MATERIALES Y RECURSOS

DIDACTICOS DE APRENDIZAJE DE ENSEÑANZA

CONCEPTUALES Animación:

- Concepto - Técnica 2-D - Técnica 3-D

Integración de imágenes, texto, gráficos, video y audio. Software para la creación de animación

- Interfaz - Dibujo y color - Animación

PROCEDIMENTALES Programa MovieClips a través de un lenguaje de programación Práctica 5 MovieClips ACTITUDINALES Piensa crítica y reflexivamente.

Investiga  las  técnicas  de segunda  y  tercera dimensión. Experimenta  con  las herramientas  del  software de  animación  la  aplicación de estas técnicas  Genera  imágenes animadas en 2‐D y 3‐D  Generar  un  MovieClip haciendo  uso  del  lenguaje de  programación  del software multimedia.  Construye una película que integre todos los elementos multimedia  tales  como: imagen,  video,  sonido  y animaciones 

Demuestra a través de ejemplos la aplicación de las técnicas en segunda y tercera dimensión Ilustra con ejemplos la integración de diversos componentes tales como: imágenes, video, audio y animaciones. Presenta las instrucciones del lenguaje de programación para la realización de MovieClips.

Dentro y fuera del Aula

Movie Clip programado en Action Script, flash, Photoshop.

La programación del MovieClip debe incluir:

Introducción del tema. Interfaz que utilice las técnicas del uso del color Imágenes animadas en segunda y tercera dimensión Botones Audio editado Video editado Sigue instrucciones y procedimientos de manera reflexiva, comprende cada paso y contribuye al alcance de un objetivo

Equipo de cómputo con sistema multimedia Proyector digital Software: Para desarrollo Multimedia.

Internet

   

Page 12: Modelo Educativo Centrado en el Aprendizaje con … · El propósito principal es preparar al estudiante para que desarrolle competencias en el Diseño de portales, sitios y páginas

  

Modelo Educativo Centrado en el Aprendizaje con Enfoque por Competencias Plan 2008  Página 12 de 35 

Carrera: TÉCNICO EN INFORMÁTICA  Unidad de Aprendizaje: DESARROLLO WEB Y MULTIMEDIA 

UNIDAD 3 DEL PROGRAMA: XHTML Y CSS

COMPETENCIA PARTICULAR: Diseña páginas web incorporando desarrollos multimedia por medio del lenguaje XHTML y CSS.

RESULTADO DE APRENDIZAJE PROPUESTO (RAP) No. 1 Estructura el contenido del sitio web a través de las distintas etapas de diseño. TIEMPO ESTIMADO PARA OBTENER EL RAP: 2 hrs

CONTENIDOS DE APRENDIZAJE

ACTIVIDADES SUSTANTIVAS AMBIENTE DE APRENDIZAJE

EVIDENCIA DE APRENDIZAJE

CRITERIOS DE EVALUACIÓN FORMATIVA MATERIALES Y RECURSOS

DIDACTICOS DE APRENDIZAJE DE ENSEÑANZA

CONCEPTUALES Internet, www, navegador, diseño Web, sitio Web, página Web y portal Web. Etapas y criterios del diseño Web. Planeación de la estructura del sitio web Software de diseño de páginas web

PROCEDIMENTAL Estructura la planeación de un sitio web a través de los criterios de diseño. ACTITUDINALES Piensa critica y reflexivamente

Investiga  los  diferentes conceptos  relacionados con  el  ambiente  de Internet  Identifica  las  diferencias entre  sitio, página  y portal web  Establece  la  relación  entre las  etapas  y  criterios  del diseño Web  Planea  un  sitio  web utilizando  las  etapas  y criterios establecidos  Investiga distintos  tipos de software  de  diseño  de páginas web   

Solicita una investigación sobre los conceptos relacionados con el ambiente e de Internet Formula preguntas contextualizadas referidas a sitio, pagina y portal web Presenta guías de las etapas y criterios del diseño web Solicita la planeación de un sitio web

Dentro y fuera del Aula

Estructura de su página Web

La estructura de la página debe considerar los siguientes aspectos:

- Definir el objetivo

- Determinar los elementos que debe incluir la página

- Decidir la apariencia

- Seleccionar el editor

Sigue instrucciones y procedimientos de manera reflexiva, comprende cada paso y contribuye al alcance de un objetivo

Equipo de cómputo con sistema multimedia Proyector digital Software: Para desarrollo Multimedia.

Internet

 

Page 13: Modelo Educativo Centrado en el Aprendizaje con … · El propósito principal es preparar al estudiante para que desarrolle competencias en el Diseño de portales, sitios y páginas

  

Modelo Educativo Centrado en el Aprendizaje con Enfoque por Competencias Plan 2008  Página 13 de 35 

Carrera: TÉCNICO EN INFORMÁTICA  Unidad de Aprendizaje: DESARROLLO WEB Y MULTIMEDIA 

UNIDAD 3 DEL PROGRAMA: XHTML Y CSS

COMPETENCIA PARTICULAR: Diseña páginas web incorporando desarrollos multimedia por medio del lenguaje XHTML y CSS.

RESULTADO DE APRENDIZAJE PROPUESTO (RAP) No. 2 Emplea el lenguaje XHTML y CSS para generar páginas web.

TIEMPO ESTIMADO PARA OBTENER EL RAP: 18 hrs

CONTENIDOS DE APRENDIZAJE

ACTIVIDADES SUSTANTIVAS AMBIENTE DE APRENDIZAJE

EVIDENCIA DE APRENDIZAJE

CRITERIOS DE EVALUACIÓN FORMATIVA MATERIALES Y RECURSOS

DIDACTICOS DE APRENDIZAJE DE ENSEÑANZA

CONCEPTUALES Lenguaje HTML: Origen e importancia Variantes del lenguaje HTML como: DHTML,XHTML y PHP Estructura básica de una página. Formatos y estilos al texto Web. Formateo de texto mediante hojas de estilo en cascada (CSS) Tipografía y colores. Listas:

Etiquetas Atributos

Tablas: Etiquetas Atributos Eventos

Investiga  origen, importancia y variantes del lenguaje HTML.  Construye  la  estructura básica de una página web.  Aplica formatos y estilos de texto a una página web.    Investiga  el  concepto  de hojas estilo (CSS), tipografía  y colores   Aplica  hojas  estilo  a  la página web    

Solicita la exposición de los elementos investigados con respectos al lenguaje HTML Demuestra los elementos de la estructura básica de una página web Demuestra el uso de etiquetas para formatos y estilos de texto (tipografía y colores) Presenta ejemplos del uso de hojas de estilo Ofrece ejemplos de uso de listas, tablas y marcos en un página web

Dentro y fuera del Aula

Página web desarrollada en el lenguaje XHTML y CSS

IncluyeFormatos y estilos al texto Hojas de estilo en cascada Listas Imágenes Sonido Animaciones.  Sigue instrucciones y procedimientos de manera reflexiva, comprende cada paso y contribuye al alcance de un objetivos

Equipo de cómputo con sistema multimedia Proyector digital Software: Lenguaje y herramienta de diseño web vigente

Internet

Page 14: Modelo Educativo Centrado en el Aprendizaje con … · El propósito principal es preparar al estudiante para que desarrolle competencias en el Diseño de portales, sitios y páginas

  

Modelo Educativo Centrado en el Aprendizaje con Enfoque por Competencias Plan 2008  Página 14 de 35 

Carrera: TÉCNICO EN INFORMÁTICA  Unidad de Aprendizaje: DESARROLLO WEB Y MULTIMEDIA 

   

UNIDAD 3 DEL PROGRAMA: XHTML Y CSS

COMPETENCIA PARTICULAR: Diseña páginas web incorporando desarrollos multimedia por medio del lenguaje XHTML y CSS.

RESULTADO DE APRENDIZAJE PROPUESTO (RAP) No. 2

Emplea el lenguaje XHTML y CSS para generar páginas web.

TIEMPO ESTIMADO PARA OBTENER EL RAP: Continuación

CONTENIDOS DE APRENDIZAJE

ACTIVIDADES SUSTANTIVAS AMBIENTE DE APRENDIZAJE

EVIDENCIA DE APRENDIZAJE

CRITERIOS DE EVALUACIÓN FORMATIVA MATERIALES Y RECURSOS

DIDACTICOS DE APRENDIZAJE DE ENSEÑANZA

Marcos: - Etiquetas - Atributos - Eventos -

PROCEDIMENTALES Diseña una página web utilizando el lenguaje de programación XHTML Practica 6

Programación de una página web

ACTITUDINALES Piensa critica y reflexivamente

Experimenta  el  uso  de listas, tablas y marcos   en la página web        

Page 15: Modelo Educativo Centrado en el Aprendizaje con … · El propósito principal es preparar al estudiante para que desarrolle competencias en el Diseño de portales, sitios y páginas

  

Modelo Educativo Centrado en el Aprendizaje con Enfoque por Competencias Plan 2008  Página 15 de 35 

Carrera: TÉCNICO EN INFORMÁTICA  Unidad de Aprendizaje: DESARROLLO WEB Y MULTIMEDIA 

 

 

UNIDAD 4 DEL PROGRAMA: Programación de Sitios Web Dinámicos

COMPETENCIA PARTICULAR: Diseña sitios dinámicos por medio de un lenguaje de programación.

RESULTADO DE APRENDIZAJE PROPUESTO (RAP) No. 1 Crea sitios Web dinámicos a través del uso de hipervínculos.

TIEMPO ESTIMADO PARA OBTENER EL RAP: 18 hrs

CONTENIDOS DE APRENDIZAJE

ACTIVIDADES SUSTANTIVAS AMBIENTE DE APRENDIZAJE

EVIDENCIA DE APRENDIZAJE

CRITERIOS DE EVALUACIÓN FORMATIVA MATERIALES Y RECURSOS

DIDACTICOS DE APRENDIZAJE DE ENSEÑANZA

CONCEPTUALES Tipos de enlaces.

- Etiquetas - Atributos - Eventos - Colores de los

enlaces. Formularios:

- Etiquetas

Atributos

Imágenes, animaciones Y sonido:

- Inserción - Etiquetas - Atributos - Operaciones

Herramientas de diseño Web Bases de datos Web Pruebas al sitio

Construye una página web que incluya ligas para navegación   Experimenta  la  creación  de  formularios   Aplica  las  etiquetas, atributos y operaciones   en la  inserción  de  imágenes, animaciones y sonido.   Selecciona  la herramienta y se apoya  en  ella para desarrollar un sitio web.  Incorpora  bases  de  datos  al sitio desarrollado.  Identifica y analiza errores en el código del sitio para su corrección.  

Presenta ejemplos del uso de etiquetas para la manipulación de enlaces.

Demuestra el uso de formularios

Presenta guías e instrucciones para llevar a cabo la inserción de imágenes, animaciones y sonido.

Solicita una investigación de herramientas de diseño de páginas web.

Presenta guías e instrucciones para el manejo de bases de datos en PHP

Dentro y fuera del aula

Sitio web El sitio web debe incluir:

Formateo de texto mediante hojas de estilo en cascada (CSS)

Tipografía y colores.

Listas

Tablas Marcos Enlaces. Formularios

Imágenes, animaciones y sonido

Bases de datos

Estructura ideas y argumentos de manera clara, coherente y sintética.

Equipo de cómputo con sistema multimedia Proyector digital Software: Lenguaje y herramienta de diseño web vigente Internet

Page 16: Modelo Educativo Centrado en el Aprendizaje con … · El propósito principal es preparar al estudiante para que desarrolle competencias en el Diseño de portales, sitios y páginas

  

Modelo Educativo Centrado en el Aprendizaje con Enfoque por Competencias Plan 2008  Página 16 de 35 

Carrera: TÉCNICO EN INFORMÁTICA  Unidad de Aprendizaje: DESARROLLO WEB Y MULTIMEDIA 

 

UNIDAD 4 DEL PROGRAMA: Programación de Sitios Web Dinámicos

COMPETENCIA PARTICULAR: Diseña sitios dinámicos por medio de un lenguaje de programación.

RESULTADO DE APRENDIZAJE PROPUESTO (RAP) No. 1 Crea sitios Web dinámicos a través del uso de hipervínculos.

TIEMPO ESTIMADO PARA OBTENER EL RAP: Continuación

CONTENIDOS DE APRENDIZAJE

ACTIVIDADES SUSTANTIVAS AMBIENTE DE APRENDIZAJE

EVIDENCIA DE APRENDIZAJE

CRITERIOS DE EVALUACIÓN FORMATIVA MATERIALES Y RECURSOS

DIDACTICOS DE APRENDIZAJE DE ENSEÑANZA

PROCEDIMENTALES Construye un sitio web incorporando desarrollos multimedia

Practica 7 Desarrollo de un sitio web ACTITUDINALES Sustenta una postura personal sobre temas de interés.

 

Page 17: Modelo Educativo Centrado en el Aprendizaje con … · El propósito principal es preparar al estudiante para que desarrolle competencias en el Diseño de portales, sitios y páginas

  

Modelo Educativo Centrado en el Aprendizaje con Enfoque por Competencias Plan 2008  Página 17 de 35 

Carrera: TÉCNICO EN INFORMÁTICA  Unidad de Aprendizaje: DESARROLLO WEB Y MULTIMEDIA 

 

UNIDAD 4 DEL PROGRAMA: Programación de Sitios Web Dinámicos

COMPETENCIA PARTICULAR: Diseña sitios dinámicos por medio de un lenguaje de programación.

RESULTADO DE APRENDIZAJE PROPUESTO (RAP) No. 2Almacena el sitio web en un servidor para su acceso a través de internet. TIEMPO ESTIMADO PARA OBTENER EL RAP: 10 hrs

CONTENIDOS DE APRENDIZAJE

ACTIVIDADES SUSTANTIVAS AMBIENTE DE APRENDIZAJE

EVIDENCIA DE APRENDIZAJE

CRITERIOS DE EVALUACIÓN FORMATIVA MATERIALES Y RECURSOS

DIDACTICOS DE APRENDIZAJE DE ENSEÑANZA

Servidor Web Publicación del sitio Actualización PROCEDIMENTAL Instala el sitio web en un host. Practica 8

Publicación del sitio web.

ACTITUDINALES Participa y colabora de manera efectiva en equipos diversos

Investiga el concepto de host y los distintos servicios que se ofrecen

Evaluar el desempeño de su página Web a través de los distintos tipos de pruebas

Solicita una investigación con respecto a los servicios de publicación de páginas o sitios web Ofrece ejemplos de los tipos de pruebas para el sitio Web.

Dentro y fuera del aula

Sitio web publicado URL de la página web

Funcionalidad del sitio

Propone maneras de solucionar un problema o desarrollar un proyecto en equipo, definiendo un curso de acción con pasos específicos.

Equipo de cómputo con sistema multimedia Proyector digital Software: Lenguaje y herramienta de diseño web vigente Internet

Page 18: Modelo Educativo Centrado en el Aprendizaje con … · El propósito principal es preparar al estudiante para que desarrolle competencias en el Diseño de portales, sitios y páginas

  

Modelo Educativo Centrado en el Aprendizaje con Enfoque por Competencias Plan 2008  Página 18 de 35 

Carrera: TÉCNICO EN INFORMÁTICA  Unidad de Aprendizaje: DESARROLLO WEB Y MULTIMEDIA 

      

PRÁCTICAS 

PRÁCTICA No.: 1 NOMBRE DE LA PRÁCTICA: Diseño de imágenes TIEMPO: 10 hrs

UNIDAD(ES) 1 DEL PROGRAMA DE ESTUDIOS: Desarrollo Web y Multimedia RAP(S) RELACIONADOS CON LA PRÁCTICA RAP 1: Crea imágenes mediante el uso de software de edición y captura.

CONTENIDOS DE APRENDIZAJE

ACTIVIDADES SUSTANTIVAS AMBIENTE DE APRENDIZAJE

EVIDENCIA DE APRENDIZAJE

CRITERIOS DE EVALUACIÓN FORMATIVA MATERIALES Y RECURSOS

DIDACTICOS DE APRENDIZAJE DE ENSEÑANZA

PROCEDIMENTALES Aplica las herramientas de diseño para crear imágenes fijas y vectoriales mediante software multimedia

Experimenta el uso de las herramientas de diseño. Genera imágenes fijas e imágenes vectoriales Aplica distintas combinaciones de colores. Genera la compresión de imágenes.

Demuestra el procedimiento de elaboración de imágenes fijas y vectoriales a través de las herramientas básicas de diseño y compresor de imágenes Guía la elaboración de imágenes en el entorno de diseño

Laboratorio Imágenes fijas y vectoriales

Las imágenes deben tenerlas siguientes características: -Forma geométrica -Manejo de texto -Efectos de relleno -Dimensión -Color

Equipo de cómputo con sistema multimedia Proyector digital Software: Para desarrollo Multimedia.

Internet

   

Page 19: Modelo Educativo Centrado en el Aprendizaje con … · El propósito principal es preparar al estudiante para que desarrolle competencias en el Diseño de portales, sitios y páginas

  

Modelo Educativo Centrado en el Aprendizaje con Enfoque por Competencias Plan 2008  Página 19 de 35 

Carrera: TÉCNICO EN INFORMÁTICA  Unidad de Aprendizaje: DESARROLLO WEB Y MULTIMEDIA 

   

PRÁCTICAS PRÁCTICA No.:2 NOMBRE DE LA PRÁCTICA: Edición de Video TIEMPO: 10 hrs UNIDAD(ES) 1 DEL PROGRAMA DE ESTUDIOS: Desarrollo Web y Multimedia RAP(S) RELACIONADOS CON LA PRÁCTICA RAP 2: Integra video digital a través de programas de edición y captura.

CONTENIDOS DE APRENDIZAJE

ACTIVIDADES SUSTANTIVAS AMBIENTE DE APRENDIZAJE

EVIDENCIA DE APRENDIZAJE

CRITERIOS DE EVALUACIÓN FORMATIVA MATERIALES Y RECURSOS

DIDACTICOS DE APRENDIZAJE DE ENSEÑANZA

PROCEDIMENTALES Construye un video a través de las herramientas de edición de video

Experimenta la captura de video a través de distintos dispositivos. Genera la edición de archivos de video. Aplica la compresión de archivos de video

Demuestra el procedimiento para editar archivos de video Guía la edición de video Demuestra el uso de un compresor de video

Laboratorio Video editado en un dispositivo y/o medio electrónico

El video debe incluir:

Transiciones

Efectos

Inserción de texto

Imágenes fijas

Equipo de cómputo con sistema multimedia Proyector digital Software: De edición de video.

Internet

    

Page 20: Modelo Educativo Centrado en el Aprendizaje con … · El propósito principal es preparar al estudiante para que desarrolle competencias en el Diseño de portales, sitios y páginas

  

Modelo Educativo Centrado en el Aprendizaje con Enfoque por Competencias Plan 2008  Página 20 de 35 

Carrera: TÉCNICO EN INFORMÁTICA  Unidad de Aprendizaje: DESARROLLO WEB Y MULTIMEDIA 

 

PRÁCTICAS 

PRÁCTICA No.: 3 NOMBRE DE LA PRÁCTICA: Edición de Audio TIEMPO: 10 hrs

UNIDAD(ES) 1 DEL PROGRAMA DE ESTUDIOS: Desarrollo Web y Multimedia RAP(S) RELACIONADOS CON LA PRÁCTICA RAP 3: Manipula sonido mediante el uso de software de edición y captura.

CONTENIDOS DE APRENDIZAJE

ACTIVIDADES SUSTANTIVAS AMBIENTE DE APRENDIZAJE

EVIDENCIA DE APRENDIZAJE

CRITERIOS DE EVALUACIÓN FORMATIVA MATERIALES Y RECURSOS

DIDACTICOS DE APRENDIZAJE DE ENSEÑANZA

PROCEDIMENTALES Aplica las herramientas informáticas de edición de audio para generar un archivo de sonido.

Experimenta la captura de audio a través de distintos dispositivos. Demuestra en forma práctica la edición de audio a través de las siguientes funciones: Cortar, Copiar, Pegar, Borrar, Insertar, Silenciar, AutoTrim. Aplica la compresión de archivos de audio

Presenta el entorno del programa de edición de audio. Demuestra el uso de las Herramientas del programa de edición de audio. Guía en el uso de un compresor de audio

Laboratorio

Desarrolla un archivo de sonido editado

 La edición del archivo de sonido debe incluir los siguientes efectos:

Amplificación, Normalización, Ecualizador, Envelope, Reverberación, Eco, Reducción de Ruido, Distintas pistas y Conversación

Equipo de cómputo con sistema multimedia Proyector digital Software: De edición de sonido

Internet

      

Page 21: Modelo Educativo Centrado en el Aprendizaje con … · El propósito principal es preparar al estudiante para que desarrolle competencias en el Diseño de portales, sitios y páginas

  

Modelo Educativo Centrado en el Aprendizaje con Enfoque por Competencias Plan 2008  Página 21 de 35 

Carrera: TÉCNICO EN INFORMÁTICA  Unidad de Aprendizaje: DESARROLLO WEB Y MULTIMEDIA 

PRÁCTICAS 

PRÁCTICA No.: 4 NOMBRE DE LA PRÁCTICA: Creación de Animaciones TIEMPO: 10 hrs

UNIDAD(ES) 2 DEL PROGRAMA DE ESTUDIOS: Desarrollo Web y Multimedia RAP(S) RELACIONADOS CON LA PRÁCTICA RAP 1: Manipula imágenes y texto a través del software especializado.

CONTENIDOS DE APRENDIZAJE

ACTIVIDADES SUSTANTIVAS AMBIENTE DE APRENDIZAJE

EVIDENCIA DE APRENDIZAJE

CRITERIOS DE EVALUACIÓN FORMATIVA MATERIALES Y RECURSOS

DIDACTICOS DE APRENDIZAJE DE ENSEÑANZA

PROCEDIMENTALES Desarrolla animaciones a través de software multimedia.

Experimenta la importación y exportación de imágenes(objetos, gráficos, símbolos, texto) Experimenta la captura de imagen a través de diversos dispositivos. Identifica los elementos del entorno del programa de animación. Experimenta el uso de las herramientas del programa de animación Genera la animación de imágenes

Presenta el entorno del programa de animación de objetos. Demuestra el uso de las Herramientas del programa de animación. Promueve el diseño de una animación.

Laboratorio Desarrolla animación en el software de multimedia.

La animación debe incluir:

Interpolación de movimiento y forma, manejo de capas, uso del papel cebolla, máscaras, capas guía, inserción de objetos, escenas.

Equipo de cómputo con sistema multimedia Proyector digital Software: Para desarrollo multimedia.

Internet

    

Page 22: Modelo Educativo Centrado en el Aprendizaje con … · El propósito principal es preparar al estudiante para que desarrolle competencias en el Diseño de portales, sitios y páginas

  

Modelo Educativo Centrado en el Aprendizaje con Enfoque por Competencias Plan 2008  Página 22 de 35 

Carrera: TÉCNICO EN INFORMÁTICA  Unidad de Aprendizaje: DESARROLLO WEB Y MULTIMEDIA 

  

PRÁCTICAS PRÁCTICA No.: 5 NOMBRE DE LA PRÁCTICA: Movie Clips TIEMPO: 10 hrs UNIDAD(ES) 2 DEL PROGRAMA DE ESTUDIOS: Desarrollo Web y Multimedia RAP(S) RELACIONADOS CON LA PRÁCTICA RAP 1: Efectúa animaciones multimedia mediante el uso de programas específicos

CONTENIDOS DE APRENDIZAJE

ACTIVIDADES SUSTANTIVAS AMBIENTE DE APRENDIZAJE

EVIDENCIA DE APRENDIZAJE

CRITERIOS DE EVALUACIÓN FORMATIVA MATERIALES Y RECURSOS

DIDACTICOS DE APRENDIZAJE DE ENSEÑANZA

PROCEDIMENTALES Programa MovieClips a través de un lenguaje de programación que integrara Elementos tales como: Imágenes, texto, gráficos, animación video y audio.

 Experimenta  la importación de     sonido, video  y    gráficos  dentro de un MovieClip  

Construye  una  película que  integre  todos  los elementos  multimedia tales  como:  imagen, video,  sonido  y animaciones 

Ilustra con ejemplos prácticos la integración de diversos componentes tales como: imágenes, video, audio y animaciones. Presenta las instrucciones del lenguaje de programación para la realización de Movie Clips.

Dentro y fuera del Aula

Movie Clip

 La programación del Movie Clip debe incluir:

Introducción del tema.

Interfaz que utilice las técnicas del uso del color

Imágenes animadas en segunda y tercera dimensión

Botones

texto

Audio editado

Video editado

Equipo de cómputo con sistema multimedia Proyector digital Software: Para Edición Digital de Video Internet

 

Page 23: Modelo Educativo Centrado en el Aprendizaje con … · El propósito principal es preparar al estudiante para que desarrolle competencias en el Diseño de portales, sitios y páginas

  

Modelo Educativo Centrado en el Aprendizaje con Enfoque por Competencias Plan 2008  Página 23 de 35 

Carrera: TÉCNICO EN INFORMÁTICA  Unidad de Aprendizaje: DESARROLLO WEB Y MULTIMEDIA 

PRÁCTICAS 

PRÁCTICA No.: 6 NOMBRE DE LA PRÁCTICA: Programación de una Página Web TIEMPO: 16 hrs

UNIDAD(ES) 3 DEL PROGRAMA DE ESTUDIOS: Desarrollo Web y Multimedia RAP(S) RELACIONADOS CON LA PRÁCTICA RAP 1:

CONTENIDOS DE APRENDIZAJE

ACTIVIDADES SUSTANTIVAS AMBIENTE DE APRENDIZAJE

EVIDENCIA DE APRENDIZAJE

CRITERIOS DE EVALUACIÓN FORMATIVA MATERIALES Y RECURSOS

DIDACTICOS DE APRENDIZAJE DE ENSEÑANZA

PROCEDIMENTALES

Diseña una página web utilizando el lenguaje de programación XHTML

Construye  la  estructura básica  de  una  página web.  Aplica  formatos  y  estilos de  texto  a  una  página web.  Aplica  hojas  estilo  a  la página web  Experimenta  el  uso  de listas, tablas y marcos   en la página web  Genera una página Web  Identifica,  analiza  y corrige  errores  en  la codificación  de la página 

Demuestra en forma práctica la estructura básica de una página web Ilustra con ejemplos prácticos el uso de etiquetas para el manejo de texto, listas, tablas y marcos y hojas de estilo Guía la elaboración de programas

Laboratorio Página web desarrollada en el lenguaje XHTML y CSS

La página Web debe incluir:Formatos y estilos al texto  Hojas de estilo en cascada  Listas  Tablas

Marcos

Equipo de cómputo con sistema multimedia Proyector digital Software: Lenguaje y herramienta de diseño web vigente

Internet

 

Page 24: Modelo Educativo Centrado en el Aprendizaje con … · El propósito principal es preparar al estudiante para que desarrolle competencias en el Diseño de portales, sitios y páginas

  

Modelo Educativo Centrado en el Aprendizaje con Enfoque por Competencias Plan 2008  Página 24 de 35 

Carrera: TÉCNICO EN INFORMÁTICA  Unidad de Aprendizaje: DESARROLLO WEB Y MULTIMEDIA 

PRÁCTICAS 

PRÁCTICA No.: 7 NOMBRE DE LA PRÁCTICA: Desarrollo de un sitio Web

TIEMPO: 16 hrs

UNIDAD(ES) 4 DEL PROGRAMA DE ESTUDIOS: Desarrollo Web y Multimedia RAP(S) RELACIONADOS CON LA PRÁCTICA RAP 1: Crea sitios Web dinámicos a través del uso de hipervínculos.

CONTENIDOS DE APRENDIZAJE

ACTIVIDADES SUSTANTIVAS AMBIENTE DE APRENDIZAJE

EVIDENCIA DE APRENDIZAJE

CRITERIOS DE EVALUACIÓN FORMATIVA MATERIALES Y RECURSOS

DIDACTICOS DE APRENDIZAJE DE ENSEÑANZA

PROCEDIMENTALES

Desarrollo de un sitio web mediante un lenguaje y herramienta de diseño web

Experimenta  la creación de  formularios  Aplica  las  etiquetas, atributos  y  operaciones  en  la  inserción  de imágenes, animaciones y sonido.   Incorpora bases de datos al sitio desarrollado.  Construye  un  sitio  web dinámico   Identifica y analiza errores en el código del sitio web para su corrección.

Demuestra el uso de formularios

Presenta guías e instrucciones para llevar a cabo la inserción de imágenes, animaciones y sonido.

Presenta guías e instrucciones para el manejo de bases de datos en PHP. Presenta ejemplos del uso de etiquetas para la manipulación de enlaces

Laboratorio Sitio web El sitio web debe incluir:

Formateo de texto, hojas de estilo en cascada (CSS)

Tipografía y colores.

Listas

Tablas Marcos Enlaces.

Bases de datos

Formularios

Imágenes, animaciones

y sonido

Equipo de cómputo con sistema multimedia Proyector digital Software: Lenguaje y herramienta de diseño web vigente Internet

  

Page 25: Modelo Educativo Centrado en el Aprendizaje con … · El propósito principal es preparar al estudiante para que desarrolle competencias en el Diseño de portales, sitios y páginas

  

Modelo Educativo Centrado en el Aprendizaje con Enfoque por Competencias Plan 2008  Página 25 de 35 

Carrera: TÉCNICO EN INFORMÁTICA  Unidad de Aprendizaje: DESARROLLO WEB Y MULTIMEDIA 

 

PRÁCTICAS PRÁCTICA No.: 8 NOMBRE DE LA PRÁCTICA: Publicación de un Sitio Web TIEMPO: 8 hrs UNIDAD(ES) 4 DEL PROGRAMA DE ESTUDIOS: Desarrollo Web y Multimedia RAP(S) RELACIONADOS CON LA PRÁCTICA RAP 1:

CONTENIDOS DE APRENDIZAJE

ACTIVIDADES SUSTANTIVAS AMBIENTE DE APRENDIZAJE

EVIDENCIA DE APRENDIZAJE

CRITERIOS DE EVALUACIÓN FORMATIVA MATERIALES Y RECURSOS

DIDACTICOS DE APRENDIZAJE DE ENSEÑANZA

PROCEDIMENTALES Instala el sitio web en un host

 Identifica y selecciona la el tipo de hospedaje para el sitio web.

Evaluar el desempeño de su página Web a través de los distintos tipos de pruebas

Guía la actividad de puesta en marcha del sitio web en un hosting Evaluar los distintos aspectos de las páginas Web accediendo a ellos a través de Internet.

Dentro y fuera del aula

Publica un sitio web

URL de la página web

Funcionalidad del sitio

Equipo de cómputo con sistema multimedia Proyector digital Software: Lenguaje y herramienta de diseño web vigente Internet

  

Page 26: Modelo Educativo Centrado en el Aprendizaje con … · El propósito principal es preparar al estudiante para que desarrolle competencias en el Diseño de portales, sitios y páginas

  

Modelo Educativo Centrado en el Aprendizaje con Enfoque por Competencias Plan 2008  Página 26 de 35 

Carrera: TÉCNICO EN INFORMÁTICA  Unidad de Aprendizaje: DESARROLLO WEB Y MULTIMEDIA 

 

PLAN DE EVALUACIÓN SUMATIVA DEL CURSO 

No. DE UNIDAD

DIDÁCTICA

EVIDENCIA INTEGRADORA DE LA

COMPETENCIA PARTICULAR (DESEMPEÑO,

CONOCIMIENTO, PRODUCTO)

CRITERIOS DE EVALUACIÓN PORCENTAJE DE ACREDITACIÓN

1

Desarrolla una aplicación con las herramientas básicas de un software multimedia.

La aplicación multimedia debe incluir: Imagen: objetos, gráficos y manejo de colores. Video: Transiciones, Efectos, Inserción de texto, Imágenes fijas.

Sonido: Distintas pistas, distintos niveles de audio, narraciones. 20%

Diseña una película a través de un software multimedia y un lenguaje de programación

La animación debe incluir imágenes animadas en segunda y tercera dimensión a través de (la Interpolación de movimiento y forma, manejo de capas, uso del papel cebolla, máscaras, capas guía, escenas, inserción de objetos Movieclip, Botones, Audio y Video editado.

20%

3 Diseña un Sitio Web a través del lenguaje de programación XHTML y PHP

El  sitio web  debe  Incluir:  Formatos  y  estilos  al  texto, Hojas  de  estilo  en cascada,  Listas,  Imágenes,  Sonido, Animaciones,  Colores, Tablas, Marcos, Enlaces, Formularios y Bases de datos.

20%

4 Publicación del Sitio Web en un host

El desarrollo del sitio web debe incluir: Imágenes animadas, fijas, gráficos , video, sonido, movie clip, botones,  Formatos y estilos al texto, Hojas de estilo en cascada, listas, colores, tablas, marcos, enlaces, formularios y bases de datos.

URL de la página web para su acceso y funcionalidad del sitio.

40%

100%

Page 27: Modelo Educativo Centrado en el Aprendizaje con … · El propósito principal es preparar al estudiante para que desarrolle competencias en el Diseño de portales, sitios y páginas

  

Modelo Educativo Centrado en el Aprendizaje con Enfoque por Competencias Plan 2008  Página 27 de 35 

Carrera: TÉCNICO EN INFORMÁTICA  Unidad de Aprendizaje: DESARROLLO WEB Y MULTIMEDIA 

EVIDENCIA INTEGRADORA DE LA COMPETENCIA GENERAL O UNIDAD

DE APRENDIZAJE (DESEMPEÑO, CONOCIMIENTO,

PRODUCTO) 

CRITERIOS DE EVALUACIÓN 

Produce un sitio web a través de herramientas de desarrollo web y multimedia 

• El desarrollo del sitio web debe incluir: Imágenes animadas, fijas, gráficos , video, sonido, movie clip, botones,  Formatos y estilos al texto, Hojas de estilo en cascada, listas, colores, tablas, marcos, enlaces, formularios y bases de datos.

• URL de la página web para su acceso • Funcionalidad del sitio.

                       

Page 28: Modelo Educativo Centrado en el Aprendizaje con … · El propósito principal es preparar al estudiante para que desarrolle competencias en el Diseño de portales, sitios y páginas

  

Modelo Educativo Centrado en el Aprendizaje con Enfoque por Competencias Plan 2008  Página 28 de 35 

Carrera: TÉCNICO EN INFORMÁTICA  Unidad de Aprendizaje: DESARROLLO WEB Y MULTIMEDIA 

 

REFERENCIAS DOCUMENTALES 

No. TÍTULO DEL DOCUMENTO TIPO DATOS DEL DOCUMENTO CLASIFICACIÓN

Libro Antología Otro (especifique) AUTOR (ES) EDITORIAL Y AÑO BASICO CONSULTA

1 Diseño De Páginas Web González MacGraw

Hill.2004 X

2

PHP5 A Través de Ejemplos

Abraham Gutiérrez,

Ginés Bravo Alfaomega.2004 X

3 La Biblia de Dreamweaver MX 2004 Laura Gutman Anaya.2004 X

4 Rediseño y desarrollo de sitios Web Goto, Kelly

Cotler, Emily Anaya.2005 X

5

Sitios Web dinámicos con Studio MX 2004. Green, Tom Chilcott, Jordan

Flick, Chris. Anaya.2004 X

6 Creación y diseño Web Profesional.

Eccher, Clint Hunley, Eric

Simmons, Erik Anaya.2005 X

7

Adobe Flash CS3 Profesional Técnicas Esenciales

Mark Schaeffe

Mc Graw Hill.2008

X X

8 Adobe Flash CS4

Mark Schaeffe Mc Graw Hill.2009

X X

 

Page 29: Modelo Educativo Centrado en el Aprendizaje con … · El propósito principal es preparar al estudiante para que desarrolle competencias en el Diseño de portales, sitios y páginas

  

Modelo Educativo Centrado en el Aprendizaje con Enfoque por Competencias Plan 2008  Página 29 de 35 

Carrera: TÉCNICO EN INFORMÁTICA  Unidad de Aprendizaje: DESARROLLO WEB Y MULTIMEDIA 

PÁGINAS ELECTRÓNICAS

UNIDAD (ES) DEL

PROGRAMA DIRECCIÓN ELECTRÓNICA

DATOS DE LA PÁGINA CLASIFICACIÓN CONTENIDO PRINCIPALTexto Simuladores Imágenes Otro Básico Consulta

1

Autor: José J. Grimaldos. Titulo: Tratamiento digital de imágenes. Un recurso didáctico.

http://www.grimaldos.es/cursos/imgdig/resolucion.html

X X X

1 Autor: Jhon Gilberto Sánchez Titulo: Edición de vídeo con movie maker http://www.mailxmail.com/curso-edicion-video-movie-maker X X X

1,2,3 http://www.estudiagratis.com/diseno-multimedia_3 X X X

2 Autor: AaulaClic. Todos los derechos reservados. Free Computer tutorials http://www.aulaclic.es/flash8/t_1_1.htm X X X

2

Autor: jmx en Dibujo, Manuales, Tutoriales 25 de September de 2008. Curso Básico De Flash 8

http://www.estiloflash.com/curso-basico-de-flash-8-parte-1/209/

X X X

2 Autor: Eduardo de la cruz Ibarra http://www.videostutorial.org/manuales/239 X

2 Creado por videototoriale.es http://www.videotutoriales.es X X X

3 Creado por videototoriale.es http://www.dreamweaver-gratis.com/dreamweaver/final1.html x

3 Autor: Luciano moreno http://www.desarrolloweb.com/manuales/47/ X X

4 http://www.mundocursos.com/ X X x

4 Autor: Coordinador General Guía Web: Paulo Saavedra Viollo, Producción de Contenidos: Juan Carlos Camus Guajardo. Editada el año 2007

http://www.guiaweb.gob.cl/guia/capitulos/uno/ X X

 

Page 30: Modelo Educativo Centrado en el Aprendizaje con … · El propósito principal es preparar al estudiante para que desarrolle competencias en el Diseño de portales, sitios y páginas

  

Modelo Educativo Centrado en el Aprendizaje con Enfoque por Competencias Plan 2008  Página 30 de 35 

Carrera: TÉCNICO EN INFORMÁTICA  Unidad de Aprendizaje: DESARROLLO WEB Y MULTIMEDIA 

PROGRAMA SINTÉTICO COMPETENCIA GENERAL (DE LA UNIDAD DE APRENDIZAJE) : Diseña portales, sitios y páginas web incorporando desarrollos multimedia a través de las recomendaciones de la W3C (World Wide Web Consortium)

COMPETENCIA PARTICULAR (DE CADA UNIDAD DIDACTICA)

RAP CONTENIDOS

UNIDAD 1: MULTIMEDIA Efectúa el tratamiento digital de imágenes, edición de video y audio mediante el uso de software de vanguardia.

RAP 1: Crea imágenes mediante el uso de software de edición y captura.

CONCEPTUALES Equipo multimedia: Tarjeta de sonido

- Bocina - Micrófono

Tecnología de almacenamiento CD-ROM-DVD Aplicación multimedia Texto e imagen en multimedia

- Mapas de bits - Imágenes vectoriales

Edición de imagen fija Formatos de imágenes Editores Compresión de imágenes fijas PROCEDIMENTALES Aplica las herramientas de diseño para crear imágenes vectoriales Practica 1 Diseño de imágenes

UNIDAD 1: MULTIMEDIA Efectúa el tratamiento digital de imágenes, edición de video y audio mediante el uso de software de vanguardia.

RAP 2: Integra video digital a través de programas de edición y captura

CONCEPTUALES Características del video:

- analógico - Digital

Dispositivos de captura de video Calidad y formatos de video digital Captura de video digital de medios analógicos Compresión de video Configuración de video:

- Memoria de video - Resolución, - Calidad de color - Frecuencia de actualización

Codecs de video PROCEDIMENTAL Produce un video a través de las herramientas las herramientas de edición de video Practica 2 Edición de video

  

Page 31: Modelo Educativo Centrado en el Aprendizaje con … · El propósito principal es preparar al estudiante para que desarrolle competencias en el Diseño de portales, sitios y páginas

  

Modelo Educativo Centrado en el Aprendizaje con Enfoque por Competencias Plan 2008  Página 31 de 35 

Carrera: TÉCNICO EN INFORMÁTICA  Unidad de Aprendizaje: DESARROLLO WEB Y MULTIMEDIA 

PROGRAMA SINTÉTICO COMPETENCIA GENERAL (DE LA UNIDAD DE APRENDIZAJE) : Diseña portales, sitios y páginas web incorporando desarrollos multimedia a través de las recomendaciones de la W3C (World Wide Web Consortium)

UNIDAD 1: MULTIMEDIA Efectúa el tratamiento digital de imágenes, edición de video y audio mediante el uso de software de vanguardia.

RAP 3: Manipula sonido mediante el uso de software de edición y captura.

CONCEPTUALES Sonido Características:

- Digitalización - Compresión

Calidad y formatos de audio Audio:

- Mono estéreo - estéreo

Códecs de audio Dispositivos o instrumentos MIDI. Grabación de sonido Compresión de sonido PROCEDIMENTALES Aplica las herramientas informáticas de edición de audio para generar un archivo editado. Práctica 3 Edición de Audio

               

Page 32: Modelo Educativo Centrado en el Aprendizaje con … · El propósito principal es preparar al estudiante para que desarrolle competencias en el Diseño de portales, sitios y páginas

  

Modelo Educativo Centrado en el Aprendizaje con Enfoque por Competencias Plan 2008  Página 32 de 35 

Carrera: TÉCNICO EN INFORMÁTICA  Unidad de Aprendizaje: DESARROLLO WEB Y MULTIMEDIA 

PROGRAMA SINTÉTICO COMPETENCIA GENERAL (DE LA UNIDAD DE APRENDIZAJE) : Diseña portales, sitios y páginas web incorporando desarrollos multimedia a través de las recomendaciones de la W3C (World Wide Web Consortium

COMPETENCIA PARTICULAR (DE CADA UNIDAD DIDACTICA)

RAP CONTENIDOS

UNIDAD 2: ANIMACIÓN Desarrolla animaciones de imágenes y texto a través del software de vanguardia.

RAP 1: Manipula imágenes y texto a través del software especializado.

CONCEPTUALES Importar y exportar imágenes de formatos diferentes Captura y Digitalización de imágenes:

- Escáner - Cámara digital - Webcam

Formatos de ficheros de imagen Software de manipulación de imágenes PROCEDIMENTAL Desarrolla animaciones de imágenes y texto a través de software multimedia. Practica 4 Creación de animaciones.

UNIDAD 2: ANIMACIÓN Desarrolla animaciones de imágenes y texto a través del software de vanguardia.

RAP 2: Efectúa animaciones multimedia mediante el uso de programas específicos

CONCEPTUALES Animación:

- Concepto - Técnica 2-D - Técnica 3-D

Integración de imágenes, texto, gráficos, video y audio. Software para la creación de animación

- Interfaz - Dibujo y color - Animación

PROCEDIMENTALES Programa movieClips a través de un lenguaje de programación Práctica 5 Movie Clips

 

 

 

 

Page 33: Modelo Educativo Centrado en el Aprendizaje con … · El propósito principal es preparar al estudiante para que desarrolle competencias en el Diseño de portales, sitios y páginas

  

Modelo Educativo Centrado en el Aprendizaje con Enfoque por Competencias Plan 2008  Página 33 de 35 

Carrera: TÉCNICO EN INFORMÁTICA  Unidad de Aprendizaje: DESARROLLO WEB Y MULTIMEDIA 

PROGRAMA SINTÉTICO COMPETENCIA GENERAL (DE LA UNIDAD DE APRENDIZAJE) : Diseña portales, sitios y páginas web incorporando desarrollos multimedia a través de las recomendaciones de la W3C (World Wide Web Consortium)

COMPETENCIA PARTICULAR (DE CADA UNIDAD DIDACTICA)

RAP CONTENIDOS

UNIDAD 3: XHTML Y CSS Diseña páginas web incorporando desarrollos multimedia por medio del lenguaje XHTML y CSS.

RAP 1: Estructura el contenido del sitio web a través de las distintas etapas de diseño.

CONCEPTUALES Internet, www, navegador, diseño Web, sitio Web, página Web y portal Web. Etapas y criterios del diseño Web. Planeación de la estructura del sitio web Software de diseño de páginas web

PROCEDIMENTAL Estructura la planeación del un sitio web a través de los criterios de diseño

UNIDAD 3: XHTML Y CSS Diseña páginas web incorporando desarrollos multimedia por medio del lenguaje XHTML y CSS.

RAP 2: Emplea el lenguaje XHTML y CSS para generar páginas web.

CONCEPTUALES Lenguaje HTML: Origen e importancia Variantes del lenguaje HTML como: DHTML,XHTML y PHP Estructura básica de una página. Formatos y estilos al texto Web. Formateo de texto mediante hojas de estilo en cascada (CSS) Tipografía y colores. Listas:

- Etiquetas - Atributos

Tablas: - Etiquetas - Atributos - Eventos

Marcos: - Etiquetas - Atributos - Eventos

PROCEDIMENTAL Diseña una página web utilizando el lenguaje de programación XHTML

Practica 6 Programación de una página web

Page 34: Modelo Educativo Centrado en el Aprendizaje con … · El propósito principal es preparar al estudiante para que desarrolle competencias en el Diseño de portales, sitios y páginas

  

Modelo Educativo Centrado en el Aprendizaje con Enfoque por Competencias Plan 2008  Página 34 de 35 

Carrera: TÉCNICO EN INFORMÁTICA  Unidad de Aprendizaje: DESARROLLO WEB Y MULTIMEDIA 

UNIDAD 4 PROGRAMACIÓN DE SITIOS WEB Diseña sitios dinámicos por medio de un lenguaje de programación.

RAP 1: Crea sitios Web dinámicos a través del uso de hipervínculos.

CONCEPTUALES Tipos de enlaces.

- Etiquetas - Atributos - Eventos - Colores de los enlaces.

Formularios: - Etiquetas - Atributos

Imágenes, animaciones

Y sonido:

- Inserción

- Etiquetas

- Atributos

- Operaciones

- Herramientas de diseño Web

Bases de datos Web

Pruebas al sitio PROCEDIMENTAL Construye un sitio web incorporando desarrollos multimedia

Practica 7 Desarrollo de un sitio web

Page 35: Modelo Educativo Centrado en el Aprendizaje con … · El propósito principal es preparar al estudiante para que desarrolle competencias en el Diseño de portales, sitios y páginas

  

Modelo Educativo Centrado en el Aprendizaje con Enfoque por Competencias Plan 2008  Página 35 de 35 

Carrera: TÉCNICO EN INFORMÁTICA  Unidad de Aprendizaje: DESARROLLO WEB Y MULTIMEDIA 

UNIDAD 4 PROGRAMACIÓN DE SITIOS WEB Diseña sitios dinámicos por medio de un lenguaje de programación.

RAP 2: Almacena el sitio web en un servidor para su acceso a través de internet.

CONCEPTUALES Servidor Web Publicación del sitio Actualización PROCEDIMENTAL Instala su sitio web en un host Practica 8

Publicación del sitio web