modulo ii submodulo iii

MÓDULO II – Submodulo iii elaboración de páginas web.COBAEJ-7.5 ME-R06 FECHA DE EMISIÓN 06 DE JULIO DEL 2011

AREA RESPONSABLE FECHA DE REVISIÓNMETODOLOGIA EDUCATIVA "REVISIÓN 00"

SUBMÓDULO IIIELABORACIÓN DE PÁGINAS WEB

PROGRAMA DE ESTUDIOS Y PLANEACIÓN DIDÁCTICA

MÓDULO II – Submodulo iii elaboración de páginas web.Colegio De Bachilleres Del Estado De Jalisco

Nombre del docente/Asesor

Centro educativo

Grupos

Firma del Docente/ Asesor Nombre y firma del Subdirector/Responsable

MÓDULO II – Submodulo iii elaboración de páginas web.

SEMESTRE6to.TIEMPO ASIGNADO64 HrsCRÉDITOS 7

CAMPO DE CONOCIMIENTOCAPACITACION PARA EL TRABAJOCOMPONENTE DE FORMACIÓNPROFESIONAL

SERIE: PROGRAMAS DE ESTUDIO

SECRETARIA DE EDUCACIÓN PÚBLICASUBSECRETARÍA DE EDUCACIÓN MEDIA SUPERIORDIRECCIÓN GENERAL DEL BACHILLERATO

En éste programa encontrará las competencias genéricas y competencias disciplinares básicas relativas a Informática integradas en bloques para el logro del aprendizaje.


INDICE

CONTENIDO- Fundamentación.- Ubicación de la materia y asignatura en el Plan de Estudios.- Distribución de bloques.- Cruce de competencias genéricas y competencias disciplinares básicas.

Bloques.Bloque I DISEÑO Y CREACIÓN DE SITIOS WEB.Bloque II MULTIMEDIA Y FORMULARIOS EN SITIOS WEB.Bloque III COMPONENTES AVANZADOS.

Propuesta del asesor / docente.Avance programático.Actividad integradora.Cumplimiento grupal.Créditos.Directorio.

MÓDULO II – Submodulo iii elaboración de páginas web.FUNDAMENTACION

Antes de la Web, la manera de obtener los datos por la Internet era caótica, había un sinfín de maneras posibles y con ello había que conocer múltiples programas y sistemas operativos. La Web introduce un concepto fundamental: la posibilidad de lectura universal, que consiste en que una vez que la información esté disponible, se pueda acceder a ella desde cualquier ordenador, desde cualquier país, por cualquier persona autorizada, usando un único y simple programa. Para que esto sea posible, se utilizan una serie de conceptos, el más conocido es el hipertexto.

La trascendencia del Diseño de Sitios Web tiene la esencial misión de vincular al usuario con el vasto mundo informativo, de un modo agradable y eficiente, las herramientas a utilizar: imágenes estáticas y animadas, iconos, vínculos, etc. deben ser claras y fáciles de manejar para el usuario.

Por eso la importancia de la asignatura de Diseño de Sitios Web es tener un criterio de diseño antes de comenzar a crear un sitio, de manera que se ajuste a las necesidades informativas y comunicativas del que navegará por las páginas. Esta herramienta le proporcionará desarrollarse de manera creativa y construir trabajos dinámicos e interactivos.

El Contenido del Programa de Diseño de Sitios Web está basado en las Competencias Genéricas, Profesionales y NTCL las cuales proveen al alumno de instrumentos, capacidades y Competencias básicas para el manejo.

Diseño de sitios Web tiene una vinculación curricular vertical con: Introducción al Diseño Gráfico, ya que está vinculada con diversas tareas y conceptos del diseño los cuáles facilitarán su ejecución favoreciendo a la realización rápida y precisa; Introducción a la Informática, ya que le permitirá familiarizarse con uso y manejo de herramientas de Internet y con unidades de almacenamiento; Comunicación Organizacional, para desarrollar ideas claras y precisas, así como para el uso de los diferentes tipos de comunicación. Dentro de la vinculación curricular horizontal cuando se realiza el Ascenso Curricular al Nivel Educativo Técnico, se relaciona con: Introducción a las Redes y Conectividad, ya que le permitirá ejecutar la conectividad de diferentes periféricos como el del escáner, impresora, cámara digital, cámara de video; Mantenimiento Básico, para prevenir posibles fallas tanto del software y hardware así como tratar de corregirlas.

El contenido del programa de Diseño de Sitios Web, está estructurado en los siguientes bloques:

Bloque I.Diseño y creación de sitios web. Descripción de conceptos básicos para el diseño y creación de sitios web funcionales.

Bloque II. Multimedia y formularios en sitios web. Uso de elementos multimedia y formularios para ampliar el alcance de trabajo de los sitios Web.

Bloque III. Componentes avanzados. Integración de elementos avanzados que sirven para la mejora y alojamiento de sitios Web en internet.


SEGUNDO SEMESTRE TERCER SEMESTRE CUARTO SEMESTRE QUINTO SEMESTREPRIMER SEMESTRE SEXTO SEMESTRE

Informática II Sub Módulo 1Operación del equipo de cómputo

Sub Módulo IIDiferenciar las funciones del sistema operativo, insumos y mantenimiento del equipo de cómputo.

Sub Módulo IIIResguardar la información y elaboración de documentos electrónicos, utilizando software de aplicación.

Sub Módulo IVDesarrollo y características de documentos electrónicos.

Sub Módulo VHoja de cálculo y operaciones.

Sub Módulo IUtilización de software de diseño para el manejo de gráficos.

Informática I Sub Módulo IIProducción de animaciones con elementos multimedia.

Sub Módulo IIIElaboración de páginas web.

Esta asignatura está relacionada con todos los submódulos de FORMACION PARA EL TRABAJO.

UBICACIÓN DE LA MATERIAY RELACIÓN CON ASIGNATURAS EN EL PLAN DE ESTUDIOS

MÓDULO II – Submodulo iii elaboración de páginas web.DISTRIBUCIÓN DE BLOQUES

El Programa de estudios se distribuye en los siguientes bloques:

Bloque I. Diseño y creación de páginas web.Bloque II. Multimedia y formularios en sitios web.Bloque III. Componentes avanzados.

MÓDULO II – Submodulo iii elaboración de páginas web.COMPETENCIAS GENÉRICAS

Las competencias genéricas son aquellas que todos los bachilleres deben estar en la capacidad de desempeñar, y les permitirán a los estudiantes comprender su entorno(local, regional, nacional o internacional) e influir en él, contar con herramientas básicas para continuar aprendiendo a lo largo de la vida, y practicar una convivencia adecuada en sus ámbitos social, profesional, familiar, etc., por lo anterior éstas competencias construyen el Perfil del Egresado del Sistema Nacional de Bachillerato.A continuación se enlistan las competencias genéricas.

1. Se conoce y se valora a sí mismo y aborda problemas y retos teniendo en cuenta los objetivos que persigue.

2. Es sensible al arte y participa en la apreciación e interpretación de sus expresiones en distintos géneros.

3. Elige y practica estilos de vida saludables.

4. Escucha, interpreta y emite mensajes pertinentes en distintos contextos mediante la utilización de medios, códigos y herramientas apropiados.

5. Desarrolla innovaciones y propone soluciones a problemas a partir de métodos establecidos.

6. Sustenta una postura personal sobre temas de interés y relevancia general, considerando otros puntos de vista de manera crítica y reflexiva.

7. Aprende por iniciativa e interés propio a lo largo de la vida.

8. Participa y colabora de manera efectiva en equipos diversos.

9. Participa con una conciencia cívica y ética en la vida de su comunidad, región, México y el mundo.

10.Mantiene una actitud respetuosa hacia la interculturalidad y la diversidad de creencias, valores, ideas y prácticas sociales.

11.Contribuye al desarrollo sustentable de manera crítica, con acciones responsables.

MÓDULO II – Submodulo iii elaboración de páginas web.Bloque Nombre del Bloque Tiempo asignado

I DISEÑO Y CREACIÓN DE SITIOS WEB 20 HORAS

Desempeños del estudiante al concluir el bloque

Identifica los elementos para el diseño y la creación de sitios web.Emplea dichos elementos en la construcción de sitios web.Crea sitios web funcionales con fines personales o profesionales.Selecciona los elementos que mejor le convengan para la creación de sitios web funcionales en un contexto personal o laboral.Objetos de aprendizaje Competencia a desarrollar

Entorno de trabajo.Hiperenlaces.Tablas.Marcos.

Maneja, aplica el software y hardware básico dentro de diversas organizaciones públicas y privadas.

Identifica e interpreta el lenguaje técnico e informático de forma textual o gráfica en diversos lenguajes y en diversas aplicaciones.

Realiza o colabora de manera directa con la creación de propuestas de diseño digital.

Colabora o desarrolla propuestas para la creación de sitios web.

Relaciona el elemento gráfico con los diferentes programas de aplicación.

Propone opciones que mejoren la presentación de los anuncios y documentos de presentación de una organización.


Actividades de Enseñanza Actividades de Aprendizaje Instrumentos de Evaluación

Presentar el submódulo mencionando el resultado de aprendizaje, duración, contenido, metodología de trabajo, normas de convivencia y formas de evaluación.

Identificar las expectativas de los alumnos.

Recuperar conocimientos y experiencias previas sobre la identificación de los elementos de la ventana del programa de diseño.

Diseñar actividades y escenarios para que el alumno desarrolle habilidades y destrezas para utilizar y manejar en Dreamweaver:

Ejecutar y cerrar aplicaciones para la creación de páginas web.

Creación de una página web. Uso de los elementos del entorno de

trabajo. Uso de herramientas.

Realizar los procedimientos correspondientes a la creación de una página web, comentando con sus compañeros la utilidad de los distintos documentos.

Demostrar los conocimientos adquiridos en las actividades anteriores, manipulando con creatividad los elementos de texto, imágenes, menús, área de trabajo, paneles, inspectores y funciones del entorno de trabajo elaborando un listado sobre los procedimientos realizados anexando observaciones durante este proceso.

Página web creada. (Lista de cotejo)

Listado de procedimientos sobre el uso de herramientas (Alumno).

.Evidencia por producto:______

Evidencia de desempeño:_____

Evidencia de actitudes:_______

MÓDULO II – Submodulo iii elaboración de páginas web.Actividades de Aprendizaje Instrumentos de EvaluaciónActividades de Enseñanza

Reconocer la función de un hiperenlace dentro de un sitio web, así como la manera de crearlos, modificarlos y eliminarlos.

Construir un hiperenlace entre páginas, para observar su funcionalidad, y poder evaluar su importancia como elemento fundamental.

Verificar la función e importancia de los hiperenlaces en un sitio web opinando en equipo de manera respetuosa sobre las ventajas que proporciona en el desarrollo de páginas web y otros documentos electrónicos.

Reconocer qué es una tabla, cómo funciona, cómo se manipula y cuál es su función al integrarla en una página web para poder observar los beneficios que proporciona el desarrollo de sitios web.

Hiperenlaces en páginas. (Lista de Cotejo)

Lluvia de ideas.

Lluvia de ideas.

Diseñar actividades y escenarios para que el alumno desarrolle habilidades y destrezas para utilizar y manejar:

Uso de elementos y procedimientos. Concepto de hiperenlace. Función de un hiperenlace. Crear un hiperenlace. Función e importancia de un

hiperenlace. Concepto de tabla.


Construir una tabla para integrarla a una página web y observará su funcionamiento y determinará su importancia.

Identificará qué son los marcos y las estructuras que se pueden formar con ellos para el desarrollo de sitios web, sus usos y los procedimientos para crearlos e integrarlos.

Integrar los marcos formando estructuras para la creación de una página web funcional y enlistará los procedimientos aplicados en éste proceso.

Realizar diversos ejercicios donde se ocuparán marcos y construirá otras estructuras que se adecúen a sus necesidades.

Valorar los elementos identificados, practicados y desarrollados en el uso de marcos para usarlos de manera adecuada en el diseño de páginas web de uso personal o empresarial.

Tabla creada. (Lista de Cotejo)

Listado de procedimientos para crear marcos.

Marcos insertados.Diferencias de estructuras.


Funciones de una tabla. Construcción de una tabla. Importancia de las tablas. Concepto de marcos. Integración de marcos. Cambios de estructura. Argumentos del uso de marcos.

MÓDULO II – Submodulo iii elaboración de páginas web.Material didáctico

Libros.Fotocopias.Pintarrón.Computadora.Proyector.Presentaciones electrónicas.Documentos digitales.Páginas web.

Fuentes de consulta

Aprender Dreamweaver CS4 con 100 ejercicios prácticos, 1era Edición, Mediaactive.AulaFácil S.L. 2000, Beaird, Jason, 2008, Diseño Web. Edición 2008, 1a. Edición, Anaya multimedia.Chow, Garrik, 2008, Diseño y desarrollo Web con Dreamweaver CS3, 1a. Edición.Free Computer tutorials, Septiembre 2007, López González, Miguel, 2008, Expresión Web, 1era. Edición, Anaya multimedia.

MÓDULO II – Submodulo iii elaboración de páginas web.En caso de que se considere que las actividades y estrategias propuestas, no son las adecuadas, puede desarrollar las propias en éste formato.

Competencias a desarrollar:

Instrumentos de Evaluación Material Didáctico y Fuentes de ConsultaActividades de Enseñanza Actividades de Aprendizaje



Instrumentos de Evaluación Material Didáctico y Fuentes de ConsultaActividades de Enseñanza Actividades de AprendizajeFecha de inicio del bloque: Fecha de término del bloque:

PORCENTAJE DE AVANCE PROGRAMATICO

SEMANA GRADO Y GRUPO % AVANCE OBSERVACIONES

REVISIÓN DEL SUBDIRECTOR/ RESPONSABLE

SEMANA 1

SEMANA2

SEMANA 3


ACTIVIDAD INTEGRADORA

Nombre de la Actividad Integradora.

Objetivo de la Actividad.

Competencias a evaluar.

Productos de aprendizaje que la evidencian.

Descripción de la actividad

Tipo de evaluación.

Instrumento de evaluación. (Adjuntar a la planeación).

Rubrica. (Considerar los criterios e indicadores de evaluación).


CUMPLIMIENTO GRUPAL DE ACTIVIDAD INTEGRADORA

GRADO Y GRUPO TOTAL DE ALUMNOS

% ENTREGA DE LA

ACTIVIDAD

ALUMNOS QUE DESARROLLARON LA(S) COMPETENCIA(S)

ALUMNOS QUE NO HAN DESARROLLADO LA(S) COMPETENCIA(S)


II MULTIMEDIA Y FORMULARIOS EN SITIOS WEB 22 HORAS


Reconoce componentes multimedia y formularios para la creación de sitios web con fines específicos marcados por el contexto en que se encuentre.Emplea tales componentes en la construcción de sitios web de uso específico.Integra éstos componentes en sitios web existentes o nuevos para acrecentar su funcionamiento.Valora el uso de éstos componentes en la creación de sitios web en un contexto personal o laboral.

Objetos de aprendizaje Competencia a desarrollar

Formularios.Multimedia.Sitios.


Identifica e interpreta el lenguaje técnico informático de forma textual o gráfica en diversos lenguajes y en diversas aplicaciones.

Realiza o colabora de manera directa con la creación de propuestas para la creación de sitios web.


Relaciona el elemento gráfico con los diferentes programas de aplicación.


Maneja imágenes, sonidos, flujo de video e introducción de códigos de programas de animación por computadora que pueden ser vistas en un navegador o en un reproductor.

Define los objetivos del sistema las actividades y recursos necesarios para alcanzarlos.



Concepto y uso de un formulario. Funcionamiento y manipulación de un

formulario. Integración de formularios. Ventajas y desventajas del uso de

formularios. Elementos multimedia. Integración de elementos multimedia.

Integrará formularios y los manipulará en una página, citará los pasos seguidos en un listado.

Valorar el uso de formularios dentro de los sitios web, redactará su opinión por escrito.

Identificar los elementos multimedia como sonido, video, imágenes, etc., que pueden integrarse a un sitio web, así como su funcionamiento y la forma para manipularlos.

Listado de creación de formularios.

Opinión por escrito sobre las ventajas de los formularios.

Listado de elementos multimedia.






Importancia de elementos multimedia. Ventajas y desventajas de elementos

multimedia. Concepto de sitio. Manipulación de sitios web. Tipos de sitios web.

Integrar distintos elementos multimedia como son imágenes, video, audio, etc., en un sitio web y determinará su importancia de acuerdo a su aplicación y función dentro de las páginas web.

Redactar como manipular sitios web, redactará un listado de procedimientos utilizados.

Crear distintos tipos de sitios web, contemplará los procedimientos utilizados, integrará las herramientas vistas.

Página con elementos multimedia.

Listado de procedimientos para manipular sitios.

Sitios creados.

MÓDULO II – Submodulo iii elaboración de páginas web.Material didácticoLibros.Fotocopias.Pintarrón.Computadora.Proyector.Presentaciones electrónicas.Documentos digitales.Páginas web.

Fuentes de consultaAprender Dreamweaver CS4 con 100 ejercicios prácticos, 1era Edición, Mediaactive.AulaFácil S.L. 2000, Beaird, Jason, 2008, Diseño Web. Edición 2008, 1a. Edición, Anaya multimedia.Chow, Garrik, 2008, Diseño y desarrollo Web con Dreamweaver CS3, 1a. Edición.Free Computer tutorials, Septiembre 2007, López González, Miguel, 2008, Expresión Web, 1era. Edición, Anaya multimedia.




Fecha de inicio del bloque: Fecha de término del bloque:PORCENTAJE DE AVANCE PROGRAMATICO



SEMANA 1

SEMANA2

SEMANA 3


ACTIVIDAD INTEGRADORA

CUMPLIMIENTO GRUPAL DE ACTIVIDAD INTEGRADORANombre de la Actividad Integradora.









% ENTREGA DE LA

ACTIVIDAD




III COMPONENTES AVANZADOS 22 HORAS


Reconoce componentes avanzados para la creación de sitios web en un contexto personal laboral u oficial.Identifica el uso y el procedimiento para utilizar tales componentes en la construcción de sitios web.Integra éstos componentes en la creación de sitios web o en sitios web existentes.Juzga el uso de éstos componentes en la creación de sitios web en un contexto personal, laboral y social.

Objetos de aprendizaje Competencia a desarrollar

Capas.Estilos CSS Avanzados.Alojamiento.


Identifica e interpreta el lenguaje técnico informático de forma textual o gráfica en diversos lenguajes y en diversas aplicaciones

Realiza o colabora de manera directa con la creación de propuestas de diseño digital.



Define los objetivos del sistema, las actividades y recursos necesarios para alcanzarlos.



¿Qué es y cómo funciona una capa? Uso de las capas. Creación de las capas. Integración de las capas. Tipos de estilo. Funcionamiento de un estilo.

Crear distintas capas, contemplará los procedimientos utilizados, integrará las herramientas vistas.

Identificar un estilo, los tipos de estilo y su funcionamiento dentro de un sitio web. Expresar con fluidez ante el grupo como funciona un estilo dentro de los sitios web, listará los procedimientos utilizados.

Capas creadas. (Lista de Cotejo)

Listado de estilo.






Uso de estilos. Importancia de los estilos. ¿Qué es alojamiento? Búsqueda de servicio de alojamiento. Alojar el sitio web. Alojamiento funcional.

Emplear los estilos identificados para la creación de un sitio web o los integrará en uno ya existente.

Buscar en internet sitios web que ofrezcan servicio de alojamiento y realizar los pasos necesarios para alojar su sitio creado.

Juzgar y valorará cuáles son los alojamientos más funcionales en internet y elaborará un reporte.

Estilos aplicados.

Sitio alojado. (Lista de Cotejo)

Lluvia de ideas y/o debate.

MÓDULO II – Submodulo iii elaboración de páginas web.Material didácticoLibros.Fotocopias.Pintarrón.Computadora.Proyector.Presentaciones electrónicas.Documentos digitales.Páginas web.

Fuentes de consultaAprender Dreamweaver CS4 con 100 ejercicios prácticos, 1era Edición, Mediaactive.AulaFácil S.L. 2000, Beaird, Jason, 2008, Diseño Web. Edición 2008, 1a. Edición, Anaya multimedia.Chow, Garrik, 2008, Diseño y desarrollo Web con Dreamweaver CS3, 1a. Edición.Free Computer tutorials, Septiembre 2007, López González, Miguel, 2008, Expresión Web, 1era. Edición, Anaya multimedia.




Fecha de inicio del bloque: Fecha de término del bloque:

ACTIVIDAD INTEGRADORACUMPLIMIENTO GRUPAL DE ACTIVIDAD INTEGRADORA

PORCENTAJE DE AVANCE PROGRAMATICO



SEMANA 1

SEMANA2

SEMANA 3

Nombre de la Actividad Integradora.









% ENTREGA DE LA

ACTIVIDAD



MÓDULO II – Submodulo iii elaboración de páginas web.En la actualización de éste programa de estudio participaron:

Coordinación: Metodología EducativaIng. Jorge Reynaga Jiménez

Elaboradores disciplinarios:

M. en I. Juan Alfonso Guzmán Zavala

Lic. Mayra Orozco Regalado

Ing. Salvador García Zúñiga

“2da Revisión”

Lic. Graciela Olmos Flores

Ing. Edgar Iván Tolano Gutiérrez

M. en TI. Mireya Isela Rodríguez Orozco.

Lic. Juan Carlos Marista Chavarín.

En la revisión de éste programa de estudio participó:


Ing. Jorge Alberto Reynaga Jiménez

modulo ii submodulo iii

Documents