ORGANIZACIÓN MODULAR DEL PROGRAMA DE ESTUDIOS / CARRERA

PROFESIONAL

1. INFORMACIÓN GENERAL DE LA CARRERA

1.1. Referente CATÁLOGO NACIONAL DE LA OFERTA FORMATIVA
1.2. Sector Económico INFORMACIÓN Y COMUNICACIONES
1.3. Familia Productiva TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIONES - TICS
1.4. Actividad económica ACTIVIDADES DE SERVICIOS DE INFORMACIÓN
1.5. Carrera Profesional DISEÑO Y PROGRAMACIÓN WEB
1.6. Nivel formativo / competencia PROFESIONAL TÉCNICO
1.7. Duración de la formación 3 AÑOS / 2550 HORAS
2. ORGANIZACIÓN MODULAR DE LA CARRERA
Unidades de competencias Nombre del módulo Duración
Diseñador Publicitario de logo y
Diseño afiches con el CorelDraw
400 horas
publicitario Retocando y diseño de banner con
efectos en Photoshop
Unidad de competencia N° 3: Diseñar Animación de efectos de video y
la presentación, animación, sonidos en el adobe premier
organización y navegación de los Animación Diseña presentaciones multimedia
400 horas
contenidos y servicios web, de acuerdo multimedia en Macromedia Flash
a las demandas del negocio, buenas Creación de páginas con
prácticas de diseño, técnicas de diseño DREAMWEAVER
web, usabilidad y experiencia del Maquetando y editando páginas
usuario objetivo. Web con HTML
Programación Desarrollador de aplicaciones Web
400 horas
Web con estilos CSS
Desarrollador de aplicaciones Web
con PHP
Unidad de competencia N° 1:
Desarrollar la construcción de
programas de los sistemas de
Desarrollo, construcción de Sistemas de la Lo realiza
información, de acuerdo al diseño
Información de acuerdo al diseño de los estándares el ist o
funcional, estándares internacionales
internacionales de TI. cetpro
de TI, buenas prácticas de
programación y políticas de seguridad
de la organización.
Unidad de competencia N° 2:
Desarrollar las pruebas integrales de
los sistemas de información y servicios Aplicación de las pruebas integrales de los sistemas Lo realiza
de TI en la fase de implantación, de de información de acuerdo al diseño funcional de el ist o
acuerdo al diseño funcional, buenas las buenas prácticas de TI. cetpro
prácticas de TI y políticas de seguridad
de la organización.
Total duración de los módulos formativos (competencias específicas + competencias para la 1440
empleabilidad) 85% horas
Total duración de experiencias formativas en situaciones de trabajo (practica en la industria)
320 horas
15%
1760
Total duración de la carrera profesional
horas
 MODULOS FORMATIVOS
1. INFORMACIÓN GENERAL DE LA CARRERA
1.1. Referente CATÁLOGO NACIONAL DE LA OFERTA FORMATIVA
1.2. Sector Económico INFORMACIÓN Y COMUNICACIONES
1.3. Familia Productiva TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIONES - TICS
1.4. Actividad económica ACTIVIDADES DE SERVICIOS DE INFORMACIÓN
1.5. Carrera Profesional DISEÑO Y PROGRAMACIÓN WEB
1.6. Nivel formativo / competencia PROFESIONAL TÉCNICO
1.7. Duración de la formación 3 AÑOS / 2550 HORAS
2. INFORMACIÓN DEL MÓDULO FORMATIVO
2.1. Nombre del módulo formativo DISEÑADOR PUBLICITARIO
2.2. Duración del módulo formativo 400 horas
3. ORGANIZACIÓN DEL MODULO
Unidades de Indicadores de logro / Evidencias de aprendizaje
Conocimientos / campos temáticos
competencia desempeños De proceso Productos
Unidad de CorelDraw Diseña y edita Diseña e
competencia N° 3: Crear Objetos diversos tipos de Imprime dibujos
Diseñar la  Dibujo de formas I, II, III dibujo artístico de artísticos.
presentación, Dibujo con líneas manera
animación,  Herramientas Mano alzada, Polilínea, Bézier y Pluma profesional.
organización y  Líneas caligráficas
navegación de los  Formato de líneas y contornos
contenidos y servicios  Pinceladas
web, de acuerdo a las  Líneas de cota y conexión.
demandas del Trabajo con Objetos
negocio, buenas  Selección y transformación de objetos
prácticas de diseño,  Transformación de objetos II
técnicas de diseño  Organizar objetos
web, usabilidad y  Asignación de formas a objetos
experiencia del Trabajo con colores
usuario objetivo.  Elección de colores
 Modos de color
 Relleno de objetos
 Efectos tridimensionales a objetos
 Siluetas y perspectivas
 Extrusiones y efectos bisel
 Sombras, transparencias y mezclas de objetos
Trabajo con textos
 Ingreso y selección de texto
 Modificación del texto
 Alineación y espaciado del texto
 Desplazamiento y rotación del texto
 Formato a texto de párrafo
Tablas
 Añadir tablas
 Movimiento de tablas
 Fusión y división de tablas y columnas.
Capas
 Creación de capas
 Propiedades de capas
Mapas de bits
 Conversión de gráficos vectoriales en mapas de bits
 Recorte y Edición de mapas de bits
 Efectos sobre mapas de bits
 Vectorización de mapas de bits
Plantillas
 Creación de plantillas
 Búsqueda y edición de plantillas
impresión
 Operación con páginas
 Impresión de proyectos
 Diseño de trabajos de impresión
 Previsualización de trabajos de impresión.
 Fusión de archivos
Elabora prototipos y Adobe Photoshop Diseña y edita Diseña e
templates, de acuerdo a Explorando el entorno de Adobe Photoshop imágenes con Imprime
los mapas de navegación,  Explorar la interfase y personalizar el espacio de trabajo de enfoque imágenes con
buenas prácticas de Photoshop. profesional. retoques.
diseño, técnicas de Determinar el tipo de gráfico
diseño web, usabilidad y  Tipos de resolución
experiencia del usuario  Diferenciar entre imágenes y vectores
objetivo. Trabajando con selecciones
 Crear selecciones con diferentes herramientas
 Guardar selecciones
 Modificar una selección
 Trabajar con colores en selecciones
Trabajando con capas
 Crear capas
 Trabajar con tipos de capas
 Capas de transformación
 Aplicar estilos
 Trabajar con el historial de cambios
Mejorando imágenes
 Herramientas de pintura
 Herramientas de estilos de pintura
 Aplicar efectos de filtros
Explorar tipos de imágen
 Modos de color y escala de grises
 Aplicar ajustes de color
 Trabajar con colores en escala de grises
Guardar imagenes para web e impresión
 Resoluciones para redes sociales
 Importar imagenes en PDF
 Guardar como JPEG, GIF, PNG
 Opciones de impresión
Utilidades de fotografías y opciones web, automatización y
efectos tridimensionales, raw.
 Puntos de fuga
 Animación.
 Optimización de imágenes para web
 Modo línea de tiempo
 Vídeo
  Efectos 3D
 Imágenes Raw.
 Aplica las propiedades de la herramienta pincel
Documenta los artefactos Adobe Premier Edita videos con Proyecta los
de diseño, de acuerdo a Formato de vídeo efectos videos con los
las buenas prácticas de  Tipos de formatos multimedia con efectos
diseño y documentación  Soporte de vídeo enfoque adecuados.
para diseño gráfico y Canales de vídeo profesional.
multimedia.  Inserción de stream de video en los canales
 Inserción de imágenes fijas
Edición y montaje de vídeo y sonido
 Utilización de las herramientas de edición
 Recorte, Desplazamiento
 Ajuste de tiempo, Desvanecimientos
Creación de títulos
 Creación de titulares y subtítulos
 Propiedades de los titulares
Aplicación de filtros
 Filtros de color
 Efectos especiales
Animaciones de video
 Crear una animación
 Definición de fotogramas clave
 Animación por desplazamiento, rotación, escala, deformación
Exportación de proyectos
 Elección del formato de video
 Elección del formato de compresión de video y audio
 Realizar exportación a fichero o a un dispositivo externo
Aplicación de filtros
 Filtros de color y deformación
 Efectos especiales y Filtros multicanal
Exportación de proyectos
 Elección del formato de video
 Elección del formato de compresión de video y audio
 Realizar exportación a fichero o a un dispositivo externo
Implementa los Macromedia Flash Diseña Proyecta las
componentes de Dibujo en Flash animaciones animaciones
animación y multimedia,  Gráficos vectoriales e imágenes de mapa de bits multimedia con multimedia.
de acuerdo a los  Herramientas Rectángulo, Óvalo y Polystar enfoque
prototipos y templates,  Propiedades de las formas profesional.
buenas prácticas de  Dibujar con la herramienta Lápiz
diseño, desarrollo de  Dibujar con la herramienta Pluma
software, usabilidad y  Suavizar, enderezar y optimizar curvas
experiencia del usuario  Preferencias del dibujo y la herramienta Pluma
objetivo. Herramientas de transformación y organización
 Seleccionar formas
 Herramienta Transformación libre
 Modificar formas
 Agrupar objetos
 Ordenar objetos
 Alinear objetos
El texto.
 Propiedades de los textos
 Tipos de textos.: Texto estático, Texto dinámico, Texto de
entrada.
5. Sonidos.
 Importar sonidos.
 Propiedades de los sonidos.
 Editar sonidos.
 MP3 o WAV.
Las capas.
 Opciones avanzadas de las capas.
 Reorganizar las capas.
 Tipos de capas.
Símbolos
 Cómo crear los símbolos.
 Las bibliotecas.
 Diferencia entre símbolo e instancia.
 Modificar una instancia.
 Panel de propiedades de instancia

Elabora la maquetación
de páginas web, de
acuerdo a las demandas
del negocio, buenas
prácticas de diseño,
técnicas de diseño web,
plan de comunicación e
imagen institucional,
diseño de marca y
usabilidad y experiencia
del usuario objetivo.
 El panel de efectos de instancias.
Gráficos.
 Crear un gráfico y comprobar sus propiedades.
 Mapa de bits y archivos vectoriales.
 Exportar un archivo Flash.
Clips de película.
 Comprobar las propiedades de un clip.
 Crear un nuevo clip.
 Importar y exportar clips de película.
Botones.
 Creación de un botón-Formas de botones.
 Botones de texto.
 Incluir un clip en un botón.
 Bitmaps y botones.
 Acciones en los botones.
 Incluir sonido en un botón
Acciones con ActionScript
 Control de reproducción de la película
 Acciones goto
 Acciones y botones
Preferencias del programa
 Preferencias de edición
 Preferencias del portapapeles y advertencias
DREAMWEAVER Diseña la página Proyecta la
Documentos - Crear una Página Web web con página web.
 Propiedades de un documento Dreamweaver.
 Elementos en la cabecera del documento
 Trabajar con texto
 Propiedades de texto
 Alineando texto
 Listas
 Cómo subir los archivos a Internet desde Dreamweaver.
Configuración FTP
Enlaces
 Enlaces y Targets

Elabora la maquetación
de páginas web, de
acuerdo a las demandas
del negocio, buenas
prácticas de diseño,
técnicas de diseño web,
plan de comunicación e
imagen institucional,
diseño de marca y
usabilidad y experiencia
del usuario objetivo.
 Añadir un enlace en un texto (enlaces externos)
 Enlaces dentro de nuestro sitio (enlaces internos)
 Enlaces dentro de la propia página
 Enlaces a una dirección de correo
 Target en otras ventanas
 Crear un mapa del Site
Imágenes
 Formatos gráficos
 Insertar una imagen
 Propiedades de imagen
 Alineación de imágenes
 Enlaces en una imagen
 Insertar rollover básico
 Mapas de imagen
Introducción al HTML Diseña la página Proyecta la
 ¿Qué es una página web? web con página web.
 ¿Qué es HTML? etiquetas HTML.
 Estructura de un documento HTML
 Los colores en la web
Formatos de página
 Atributos de la etiqueta: Fondos
 Atributos de la etiqueta: Márgenes
 Atributos de la etiqueta: Textos
Formatos de texto
 Atributos de fuente
 Formatos de títulos
 Formatos de párrafo
Imágenes
 Insertar imágenes
 Alineación de la imagen
 Dimensiones de una imagen
Hipervínculos
 La etiqueta
 Marcadores
  Enlaces a direcciones de correo o archivos
Creación de listas
 Listas desordenadas
 Listas ordenadas
 Listas de definición
Creación de tablas
 Estructura de las tablas
 Atributos de las etiquetas
Frames
 El documento de definición de marcos
 Atributos de la etiqueta FRAME
 El atributo Target
Formularios
 Estructura de un formulario
 Elementos de un formulario
Define los mapas de Estilos CSS Diseña la página Proyecta la
navegación, de acuerdo a  Modulos CSS web con estilos página web con
la maquetación de  Conectar HTML y CSS CSS. sus respecticos
páginas web, buenas  Sintaxis de CSS estilos de
prácticas de diseño,  Conectar HTML y fuentes navegación.
técnicas de diseño web,  Variables CSS
usabilidad y experiencia
Selectores
del usuario objetivo.
 Selectores de Etiqueta
 Estilos del navegador
 Selectores de clases
 Selectores de ID
 Selector universal
Box Model
 Elementos inline y de bloque
 Box model
 Margin
 Colapsado de margenes verticales
 Padding
 Dimensiones
Bordes y sombras
 Bordes
 Propiedades de border
 Border radius
 Box shadow
Fondos
 Background color
 Background image y background repeat
 Background size
 Background position
 Background multiples
Texto I
 Direction y text indent
 Text align
 Line height
 Vertical align
 Text decoration
 Text shadow
 Texto vertical y text rendering
 Text transform
Textos II
 Font family
 Font size
 Font weight y font style
Listas y contadores
 Estructura de las listas
 list-style-type
 list-style-image
 list-style-position
Position 1
 Position relative
 Position absolute
  Ejercicio menú desplegable
Maquetación con selectores
Creación de un banner con efectos.
lenguaje de código abierto PHP
MySQL.
 MySQL.
 Instalación y uso de phpMyAdmin.
 Conexión del servidor Xampp
 Creación de Base de datos (MySQL)
Sintaxis en PHP.
 Mi primer script.
 Variables y Operadores.
Define los mapas de  Sentencias de Control.
navegación, de acuerdo a  Vectores.
la maquetación de  Las Funciones.
 include() y require(). Proyecta la
páginas web, buenas Diseña la página
página web con
prácticas de diseño, Librería Standard. web con PHP.
base de datos.
técnicas de diseño web,  Funciones de vectores.
usabilidad y experiencia  Funciones de cadenas de caracteres.
del usuario objetivo.  Tiempo y fecha.
 Funciones de acceso a ficheros.
 Envío de mensajes.
Estructuras de control (if-else-elseif, while, do…while, for,
switch).
Arrays y Fechas
Formularios y Validación de Datos.
 Los Formularios.
 Validación.
 Subir ficheros desde un formulario.
 ORGANIZACIÓN DEL ÁREA EDUCACIÓN PARA EL TRABAJO

UGEL : Arequipa - SUR

INSTITUCIÓN EDUCATIVA : I. E. San Antonio María Claret - CIRCA

VI CICLO VII CICLO

1ro. 2do. 3ro. 4to. 5to.
Proyecto de Proyecto de
emprendimiento emprendimiento
de Tarjetas de de Tarjetas de
Presentación Invitación para
Proyecto de para MYPES MYPES
emprendimient Proyecto de Proyecto de
o emprendimiento emprendimiento
de Calendarios de fabricación de
para MYPES Afiches
Publicitarios para
MYPES
Módulo de
Diseño
publicitario
Módulo de
Módulos
Animación
formativos
multimedia
Módulo de
Programación
Web
 ITINERARIO FORMATIVO
UGEL : Arequipa - SUR
INSTITUCIÓN EDUCATIVA : I. E. San Antonio María Claret - CIRCA
ESPECIALIDAD TÉCNICA : Computación informática

DURACIÓN VI CICLO VII CICLO

1ro. 2do. 3ro. 4to. 5to.
Proyecto de emprendimiento de Tarjetas de 640 HORAS 160 H
Presentación para MYPES 120 HORAS 60 H
Proyecto de emprendimiento de Calendarios 160 H
Proyectos de para MYPES 60 H
emprendimiento Proyecto de emprendimiento de Tarjetas de 160 H
Invitación para MYPES 60 H
Proyecto de emprendimiento de fabricación 160 H
de Afiches Publicitarios para MYPES 60 H
Módulo de Diseño publicitario 960 HORAS 240 H
Módulos
240 HORAS 80 H
formativos de una
especialidad Módulo de Animación multimedia 240 H
técnica 80 H
(Computación Módulo de Programación Web 240 H
Informática) 80 H
320 H 320 H 320 H 320 H 320 H 320 H
Total horas de formación en el área educación para el trabajo
120 H 120 H 120 H 360 HORAS