PLAN DE SESIÓN - conalepveracruz.edu.mx I/Fase II/Talleres... · Resultado de aprendizaje: 1.1...

20
30SGCE-PR06-FR08 PLAN DE SESIÓN DATOS GENERALES: Nombre del Plantel: Veracruz I Formación Básica Formación Profesional X Nombre del DOCENTE Martha Mendoza Rosete Semestre Sexto Nombre del Módulo: Diseño y elaboración de páginas web Sesión No. 1 Duración 2 horas Unidad de aprendizaje: 1. Desarrollo de páginas web estáticas. Objetivo de la Unidad: Desarrollará páginas web con contenido estático siguiendo la metodología de diseño y basada en estándares internacionales que permita dar cumplimiento a los requerimientos establecidos por el cliente Resultado de aprendizaje: 1.1 Determina la estructura del sitio web con base en las necesidades del usuario Actividad de Evaluación Estructura y compara un sitio Web Objetivo de la sesión: Tomará los acuerdos para la evaluación del curso y forma de recopilar las evidencias. Cmpetencia Adquirida: Diseñar y desrrollar proyectos de tecnología de información Atributos: Generación de alternativas de solución , de los requerimientos del usuario. PLANEACIÓN: Contenidos C P A ESTRATEGIAS Recursos didácticos Enseñanza Aprendizaje Evaluación FASE DE APERTURA DEL CURSO: * Presentación * Acuerdos * Expectativas * Objetivo del módulo * Metodología de trabajo * Forma de evaluar durante el semestre * Prácticas de laboratorio * Rúbricas * Portafolio de evidencias * Competencias genéricas X X X El docente dará la bienvenida a sus alumnos, hará su presentación formal ante el grupo, en consenso tomarán acuerdos, expectativas del módulo, les dará a conocer el objetivo del módulo y detalladamente les explicará el método de trabajo y la forma de evaluación durante el semestre, todo ello basado en el programa de estudios y las rúbricas correspondientes. El alumno contestará la evaluación diagnóstica, la cual le permitirá autoevaluar sus conocimientos previos. El educando tomará nota de la forma en que se le evaluará y de cómo deberá integrar su portafolio de evidencias El docente aplicará la evaluación diagnóstica correspondiente para conocer las características del grupo y detectar el nivel de conocimientos previos acerca de las redes de área local que poseen los alumnos al inicio del curso. • Pintarrón • Plumones • Programa de estudios • Guía pedagógica • Matríz de valoración o Rúbricas • Portada de portafolio de evidencias Bitácora diaria del docente • Documento oficial que describe las 11 competencias genéricas que se deben generar en el alumno, de acuerdo a la RIEMS Calendario oficial Conalep • Evaluación diagnóstica

Transcript of PLAN DE SESIÓN - conalepveracruz.edu.mx I/Fase II/Talleres... · Resultado de aprendizaje: 1.1...

Page 1: PLAN DE SESIÓN - conalepveracruz.edu.mx I/Fase II/Talleres... · Resultado de aprendizaje: 1.1 Determina la estructura del sitio web con base en las necesidades del usuario Actividad

30SGCE-PR06-FR08

PLAN DE SESIÓN

DATOS GENERALES:

Nombre del Plantel: Veracruz I

Formación Básica Formación Profesional X

Nombre del DOCENTE Martha Mendoza Rosete Semestre Sexto

Nombre del Módulo: Diseño y elaboración de páginas web Sesión No. 1 Duración 2 horas

Unidad de aprendizaje: 1. Desarrollo de páginas web estáticas.

Objetivo de la Unidad: Desarrollará páginas web con contenido estático siguiendo la metodología de diseño y basada en estándares internacionales que permita dar cumplimiento a los requerimientos establecidos por el cliente

Resultado de aprendizaje: 1.1 Determina la estructura del sitio web con base en las necesidades del usuario

Actividad de Evaluación Estructura y compara un sitio Web

Objetivo de la sesión: Tomará los acuerdos para la evaluación del curso y forma de recopilar las evidencias.

Cmpetencia Adquirida: Diseñar y desrrollar proyectos de tecnología de información Atributos: Generación de alternativas de solución , de los requerimientos del usuario.

PLANEACIÓN:

Contenidos C P A

ESTRATEGIAS

Recursos didácticos Enseñanza

Aprendizaje

Evaluación

FASE DE APERTURA DEL CURSO: * Presentación * Acuerdos * Expectativas * Objetivo del módulo * Metodología de trabajo * Forma de evaluar durante el semestre * Prácticas de laboratorio * Rúbricas * Portafolio de evidencias * Competencias genéricas

X X X El docente dará la bienvenida a sus alumnos, hará su presentación formal ante el grupo, en consenso tomarán acuerdos, expectativas del módulo, les dará a conocer el objetivo del módulo y detalladamente les explicará el método de trabajo y la forma de evaluación durante el semestre, todo ello basado en el programa de estudios y las rúbricas correspondientes.

El alumno contestará la evaluación diagnóstica, la cual le permitirá autoevaluar sus conocimientos previos. El educando tomará nota de la forma en que se le evaluará y de cómo deberá integrar su portafolio de evidencias

El docente aplicará la evaluación diagnóstica correspondiente para conocer las características del grupo y detectar el nivel de conocimientos previos acerca de las redes de área local que poseen los alumnos al inicio del curso.

• Pintarrón • Plumones • Programa de estudios • Guía pedagógica • Matríz de valoración o Rúbricas • Portada de portafolio de evidencias • Bitácora diaria del docente • Documento oficial que describe las 11 competencias genéricas que se deben generar en el alumno, de acuerdo a la RIEMS • Calendario oficial Conalep • Evaluación diagnóstica

Page 2: PLAN DE SESIÓN - conalepveracruz.edu.mx I/Fase II/Talleres... · Resultado de aprendizaje: 1.1 Determina la estructura del sitio web con base en las necesidades del usuario Actividad

30SGCE-PR06-FR08

PLAN DE SESIÓN

DATOS GENERALES:

Nombre del Plantel: Veracruz I

Formación Básica Formación Profesional X

Nombre del DOCENTE Martha Mendoza Rosete Semestre Sexto

Nombre del Módulo: Diseño y elaboración de páginas web Sesión No. 2 Duración 4 horas

Unidad de aprendizaje: 1. Desarrollo de páginas web estáticas.

Objetivo de la Unidad: Desarrollará páginas web con contenido estático siguiendo la metodología de diseño y basada en estándares internacionales que permita dar cumplimiento a los requerimientos establecidos por el cliente

Resultado de aprendizaje: 1.1 Determina la estructura del sitio web con base en las necesidades del usuario

Actividad de Evaluación Estructura y compara un sitio Web

Objetivo de la sesión: Identificará los elementos web en algunas páginas de consulta.

Cmpetencia Adquirida: Diseñar y desrrollar proyectos de tecnología de información Atributos: Generación de alternativas de solución , de los requerimientos del usuario.

PLANEACIÓN:

Contenidos C P A

ESTRATEGIAS

Recursos didácticos Enseñanza

Aprendizaje

Evaluación

A. Identificación de elementos Web. • Internet. • World Wide Web. • Navegadores Web.

cliente. HTML. JavaScript. XHTML XML

servidor.

X X X implicaciones y alcances del programa del módulo, con el fin de precisar aquellas formas de trabajar, responsabilidades y compromisos de los integrantes del grupo que dirijan tanto al logro del propósito el módulo, como de los objetivos generales de la carrera.

documental a través de la consulta de las fuentes sugeridas o haciendo uso de internet, para analizar y describir en un documento empleando algún procesador de textos, las arquitecturas más comunes empleadas en desarrollo de aplicaciones web.

necesidad de la utilización de protocolos en la navegación en los sitios web, la normatividad existente en el diseño y elaboración de sitios web.

Paginas Web:

XHTML disponible en http://www.maestrosdelweb.com/editorial/haciaxht ml/

disponible en http://www.w3schools.com/xhtml/DEFAULT.asp

Page 3: PLAN DE SESIÓN - conalepveracruz.edu.mx I/Fase II/Talleres... · Resultado de aprendizaje: 1.1 Determina la estructura del sitio web con base en las necesidades del usuario Actividad

30SGCE-PR06-FR08

PLAN DE SESIÓN

DATOS GENERALES:

Nombre del Plantel: Veracruz I

Formación Básica Formación Profesional X

Nombre del DOCENTE Martha Mendoza Rosete Semestre Sexto

Nombre del Módulo: Diseño y elaboración de páginas web Sesión No. 3 Duración 4 horas

Unidad de aprendizaje: 1. Desarrollo de páginas web estáticas.

Objetivo de la Unidad: Desarrollará páginas web con contenido estático siguiendo la metodología de diseño y basada en estándares internacionales que permita dar cumplimiento a los requerimientos establecidos por el cliente

Resultado de aprendizaje: 1.1 Realiza levantamiento de información y diagramado de datos, procesos, eventos-respuesta de la organización, mediante el apoyo de técnicas de obtención de información y/o herramientas de modelado de datos, para apoyar en la determinación de requerimientos detallados del cliente.

Actividad de Evaluación 1.1 Determina la estructura del sitio web con base en las necesidades del usuario detectadas.

Objetivo de la sesión: Entenderá los requisitos para validar una página web.

Cmpetencia Adquirida: Diseñar y desrrollar proyectos de tecnología de información Atributos: Generación de alternativas de solución , de los requerimientos del usuario.

PLANEACIÓN:

Contenidos C P A

ESTRATEGIAS

Recursos didácticos Enseñanza

Aprendizaje

Evaluación

B. Comprobación de uso de estándares en el código de programación.

X X X colaborativa y cooperativa a través de la realización de las técnicas didácticas y de aprendizaje correspondientes, durante el transcurso de cada sesión para favorecer el clima que fomente el intercambio constructivo de ideas

documental y elabora una tabla en la que describa los siguientes elementos web: Internet Protocolo HTTP. Protocolo FTP. W3C. Hojas de estilo en cascada (CSS). Lenguajes de programación del lado del cliente orientados al desarrollo web. Lenguajes de programación del lado del servidor orientados al desarrollo web.

general y especifico del proyecto utilizando frases que inicien con verbos que expresen las acciones a realizar.

del sitio en concordancia con las necesidades y planificación anual proyectada por la organización.

Paginas Web: hacia

XHTML disponible en http://www.maestrosdelweb.com/editorial/haciaxht ml/

disponible en http://www.w3schools.com/xhtml/DEFAULT.asp

Page 4: PLAN DE SESIÓN - conalepveracruz.edu.mx I/Fase II/Talleres... · Resultado de aprendizaje: 1.1 Determina la estructura del sitio web con base en las necesidades del usuario Actividad

30SGCE-PR06-FR08

PLAN DE SESIÓN

DATOS GENERALES:

Nombre del Plantel: Veracruz I

Formación Básica Formación Profesional X

Nombre del DOCENTE Martha Mendoza Rosete Semestre Sexto

Nombre del Módulo: Diseño y elaboración de páginas web Sesión No. 4 Duración 4 horas

Unidad de aprendizaje: 1. Desarrollo de páginas web estáticas.

Objetivo de la Unidad: Desarrollará páginas web con contenido estático siguiendo la metodología de diseño y basada en estándares internacionales que permita dar cumplimiento a los requerimientos establecidos por el cliente

Resultado de aprendizaje: 1.1 Realiza levantamiento de información y diagramado de datos, procesos, eventos-respuesta de la organización, mediante el apoyo de técnicas de obtención de información y/o herramientas de modelado de datos, para apoyar en la determinación de requerimientos detallados del cliente.

Actividad de Evaluación 1.1 Determina la estructura del sitio web con base en las necesidades del usuario detectadas.

Objetivo de la sesión: Determinará cual es la estructura necesaria de acuerdo al público al que se dirige.

Cmpetencia Adquirida: Diseñar y desrrollar proyectos de tecnología de información Atributos: Generación de alternativas de solución , de los requerimientos del usuario.

PLANEACIÓN:

Contenidos C P A

ESTRATEGIAS

Recursos didácticos Enseñanza

Aprendizaje

Evaluación

C. Determinación de la información del sitio.

sitio.

audiencia.

X X X plenaria en el encuadre del módulo, propiciando en los alumnos el planteamiento de sus dudas respecto al programa en general y particularmente de esta unidad, o sus propuestas a partir de sus propias experiencias, de forma que desde el inicio de la primera sesión pueda establecer con precisión qué es lo que se espera de él y qué puede esperar del proceso de enseñanza-aprendizaje que está por aprender.

modalidad colaborativa con la totalidad de integrantes del grupo, para realizar una investigación documental y de campo en algún negocio, empresa o institución de su localidad, con el fin de recabar información que le permita determinar y elaborar la estructura propuesta del sitio a desarrollar.

visión y misión de la organización para obtener claves que permita definir los objetivos.

Paginas Web:

XHTML disponible en http://www.maestrosdelweb.com/editorial/haciaxht ml/

disponible en http://www.w3schools.com/xhtml/DEFAULT.asp

Page 5: PLAN DE SESIÓN - conalepveracruz.edu.mx I/Fase II/Talleres... · Resultado de aprendizaje: 1.1 Determina la estructura del sitio web con base en las necesidades del usuario Actividad

30SGCE-PR06-FR08

PLAN DE SESIÓN

DATOS GENERALES:

Nombre del Plantel: Veracruz I

Formación Básica Formación Profesional X

Nombre del DOCENTE Martha Mendoza Rosete Semestre Sexto

Nombre del Módulo: Diseño y elaboración de páginas web Sesión No. 5 Duración 4 horas

Unidad de aprendizaje: 1. Desarrollo de páginas web estáticas.

Objetivo de la Unidad: Desarrollará páginas web con contenido estático siguiendo la metodología de diseño y basada en estándares internacionales que permita dar cumplimiento a los requerimientos establecidos por el cliente

Resultado de aprendizaje: 1.1 Realiza levantamiento de información y diagramado de datos, procesos, eventos-respuesta de la organización, mediante el apoyo de técnicas de obtención de información y/o herramientas de modelado de datos, para apoyar en la determinación de requerimientos detallados del cliente.

Actividad de Evaluación 1.1 Determina la estructura del sitio web con base en las necesidades del usuario detectadas.

Objetivo de la sesión: Elaborará un diseño prototipo para su sitio web.

Cmpetencia Adquirida: Diseñar y desrrollar proyectos de tecnología de información Atributos: Generación de alternativas de solución , de los requerimientos del usuario.

PLANEACIÓN:

Contenidos C P A

ESTRATEGIAS

Recursos didácticos Enseñanza

Aprendizaje

Evaluación

D. Diseño de la estructura del sitio.

del sitio.

sistemas de navegación.

X X X estructura del sitio web mediante investigación, identificación y uso del conjunto de métodos y herramientas que permitan organizar los contenidos del sitio web de manera tal que permitan ser encontrados y utilizados por los usuarios, de manera simple y directa.

del Sitio Web. audiencia a los que atenderá el sitio de acuerdo a las siguientes categorías: Por capacidad física. Por capacidad técnica. Por conocimiento de la institución. Por necesidades de información. Por ubicación geográfica.

Paginas Web:

XHTML disponible en http://www.maestrosdelweb.com/editorial/haciaxht ml/

XHTML Tutorial disponible en http://www.w3schools.com/xhtml/DEFAULT.asp

Page 6: PLAN DE SESIÓN - conalepveracruz.edu.mx I/Fase II/Talleres... · Resultado de aprendizaje: 1.1 Determina la estructura del sitio web con base en las necesidades del usuario Actividad

30SGCE-PR06-FR08

PLAN DE SESIÓN

DATOS GENERALES:

Nombre del Plantel: Veracruz I

Formación Básica Formación Profesional X

Nombre del DOCENTE Martha Mendoza Rosete Semestre Sexto

Nombre del Módulo: Diseño y elaboración de páginas web Sesión No. 6 Duración 4 horas

Unidad de aprendizaje: 1. Desarrollo de páginas web estáticas.

Objetivo de la Unidad: Desarrollará páginas web con contenido estático siguiendo la metodología de diseño y basada en estándares internacionales que permita dar cumplimiento a los requerimientos establecidos por el cliente

Resultado de aprendizaje: 1.1 Realiza levantamiento de información y diagramado de datos, procesos, eventos-respuesta de la organización, mediante el apoyo de técnicas de obtención de información y/o herramientas de modelado de datos, para apoyar en la determinación de requerimientos detallados del cliente.

Actividad de Evaluación 1.1 Determina la estructura del sitio web con base en las necesidades del usuario detectadas.

Objetivo de la sesión: Determinará los elementos para la navegación en su sistema.

Cmpetencia Adquirida: Diseñar y desrrollar proyectos de tecnología de información Atributos: Generación de alternativas de solución , de los requerimientos del usuario.

PLANEACIÓN:

Contenidos C P A

ESTRATEGIAS

Recursos didácticos Enseñanza

Aprendizaje

Evaluación

E. Determinación de elementos de los sistemas de navegación.

visual.

de las páginas.

X X X la construcción de páginas web mediante sus representaciones y elementos gráficos para el establecimiento de comunicación con el usuario.

más relevantes al realizar labores de investigación documental y discrimina entre ellas a fin de presentar información que sea de utilidad y confiable.

del Sitio Web. obtenidos en la etapa de identificación de objetivos y audiencias, como insumo para la definición de contenidos.

nimamente los siguientes contenidos en el sitio: Acerca de la Institución. Productos / Servicios. Novedades de la Institución

Paginas Web:

XHTML disponible en http://www.maestrosdelweb.com/editorial/haciaxht ml/

disponible en http://www.w3schools.com/xhtml/DEFAULT.asp

Page 7: PLAN DE SESIÓN - conalepveracruz.edu.mx I/Fase II/Talleres... · Resultado de aprendizaje: 1.1 Determina la estructura del sitio web con base en las necesidades del usuario Actividad

30SGCE-PR06-FR08

PLAN DE SESIÓN

DATOS GENERALES:

Nombre del Plantel: Veracruz I

Formación Básica Formación Profesional X

Nombre del DOCENTE Martha Mendoza Rosete Semestre Sexto

Nombre del Módulo: Diseño y elaboración de páginas web Sesión No. 7 Duración 9 horas

Unidad de aprendizaje: 1. Desarrollo de páginas web estáticas.

Objetivo de la Unidad: Desarrollará páginas web con contenido estático siguiendo la metodología de diseño y basada en estándares internacionales que permita dar cumplimiento a los requerimientos establecidos por el cliente

Resultado de aprendizaje: 1.2 Elabora páginas web estáticas haciendo uso del lenguaje de etiquetas XHTML

Actividad de Evaluación 1.2.1 Desarrolla la página web del sitio propuesto en la actividad de evaluación 1.1.1. empleando los siguientes elementos del lenguaje de etiquetas XHTML:

Objetivo de la sesión: Identificará las normas mínimas necesarias para la creación de un sitio web.

Cmpetencia Adquirida: Analizar los requerimientos de procesamiento y sistematización de información

Atributos: Atender necesidades organizacionales

PLANEACIÓN:

Contenidos C P A

ESTRATEGIAS

Recursos didácticos Enseñanza

Aprendizaje

Evaluación

A. Identificación de las Normas mínimas para facilitar el acceso.

Páginas. Presentaciones en

Flash.

fondo.

adecuados.

X X X web mediante el uso de un lenguaje para desarrollo de páginas web, haciendo uso del lenguaje de programación del lado del cliente XHTML en la que presenta los principales elementos empleados en el desarrollo de páginas web.

la inserción y estructuración de texto en el diseño de las páginas web. <p> </p> h1, h2 •de texto y estructuración en párrafos.

avanzado de los elementos que componen el texto empleando las siguientes etiquetas: <abbr> <acronym> <dfn>

mediante el uso de las siguientes etiquetas para definir espacios en blanco y nuevas líneas. Br & nbsp

Paginas Web:

XHTML disponible en http://www.maestrosdelweb.com/editorial/haciaxht ml/

disponible en http://www.w3schools.com/xhtml/DEFAULT.asp

Page 8: PLAN DE SESIÓN - conalepveracruz.edu.mx I/Fase II/Talleres... · Resultado de aprendizaje: 1.1 Determina la estructura del sitio web con base en las necesidades del usuario Actividad

30SGCE-PR06-FR08

PLAN DE SESIÓN

DATOS GENERALES:

Nombre del Plantel: Veracruz I

Formación Básica Formación Profesional X

Nombre del DOCENTE Martha Mendoza Rosete Semestre Sexto

Nombre del Módulo: Diseño y elaboración de páginas web Sesión No. 8 Duración 8 horas

Unidad de aprendizaje: 1. Desarrollo de páginas web estáticas.

Objetivo de la Unidad: Desarrollará páginas web con contenido estático siguiendo la metodología de diseño y basada en estándares internacionales que permita dar cumplimiento a los requerimientos establecidos por el cliente

Resultado de aprendizaje: 1.2 Elabora páginas web estáticas haciendo uso del lenguaje de etiquetas XHTML

Actividad de Evaluación 1.2.1 Desarrolla la página web del sitio propuesto en la actividad de evaluación 1.1.1. empleando los siguientes elementos del lenguaje de etiquetas XHTML:

Objetivo de la sesión: Identificará las normas mínimas para la introducción de gráficas.

Cmpetencia Adquirida: Analizar los requerimientos de procesamiento y sistematización de información

Atributos: Atender necesidades organizacionales

PLANEACIÓN:

Contenidos C P A

ESTRATEGIAS

Recursos didácticos Enseñanza

Aprendizaje

Evaluación

B. Uso de las Normas requeridas en la incorporación de elementos gráficos y multimedia.

las imágenes.

ancho.

X X X páginas web mediante el uso del lenguaje de programación de Hojas de Estilos en Cascada a fin de obtener un diseño estandarizado en los elementos empleados.

secciones.

el marcado de texto en el diseño de las páginas web. <em> </em> <strong> </strong>

de texto.

la creación de hipervínculos en el diseño de las páginas web. <a> </a> Atributos: name=”texto” href = “url”

Vincula las páginas desarrolladas utilizando enlaces entre zonas de hipertexto mediante las siguientes etiquetas: <a>. URL Anclas Inclusión de gráficos <img> propiedad src , propiedad alt, propiedad border Formatos GIF y JPG Mapas

Paginas Web:

XHTML disponible en http://www.maestrosdelweb.com/editorial/haciaxht ml/

Tutorial disponible en http://www.w3schools.com/xhtml/DEFAULT.asp

Page 9: PLAN DE SESIÓN - conalepveracruz.edu.mx I/Fase II/Talleres... · Resultado de aprendizaje: 1.1 Determina la estructura del sitio web con base en las necesidades del usuario Actividad

30SGCE-PR06-FR08

PLAN DE SESIÓN

DATOS GENERALES:

Nombre del Plantel: Veracruz I

Formación Básica Formación Profesional X

Nombre del DOCENTE Martha Mendoza Rosete Semestre Sexto

Nombre del Módulo: Diseño y elaboración de páginas web Sesión No. 9 Duración 9 horas

Unidad de aprendizaje: 1. Desarrollo de páginas web estáticas.

Objetivo de la Unidad: Desarrollará páginas web con contenido estático siguiendo la metodología de diseño y basada en estándares internacionales que permita dar cumplimiento a los requerimientos establecidos por el cliente

Resultado de aprendizaje: 1.2 Elabora páginas web estáticas haciendo uso del lenguaje de etiquetas XHTML

Actividad de Evaluación 1.2.1 Desarrolla la página web del sitio propuesto en la actividad de evaluación 1.1.1. empleando los siguientes elementos del lenguaje de etiquetas XHTML:

Objetivo de la sesión: Identificará las herramientas de desarrollo en su plan de trabajo.

Cmpetencia Adquirida: Analizar los requerimientos de procesamiento y sistematización de información

Atributos: Atender necesidades organizacionales

PLANEACIÓN:

Contenidos C P A

ESTRATEGIAS

Recursos didácticos Enseñanza

Aprendizaje

Evaluación

C. Establecimiento del entorno para el desarrollo de un sitio web.

desarrollo.

y multimedia.

X X X páginas web mediante el uso del lenguaje de programación de Hojas de Estilos en Cascada a fin de obtener un diseño estandarizado en los elementos empleados.

de hipervínculos.

el manejo de listas en el diseño de las páginas web. <ul> </ul> <li> </li> <ol> </ol> <dl> </dl> <dt> </dt> <dd> </dd>

Agrupamiento de elementos mediante listas.

las siguientes etiquetas para la inserción de imágenes en el diseño de las páginas web. Imagen <img> Atributos: src = ”url” alt = “texto” height = “unidad de medida” width = “unidad de medida”

tipos de enlaces en las páginas desarrolladas: Enlace al inicio del sitio web. Enlace a un email. Enlace a un archivo FTP. Enlazar el favicon.

cuando utilizar enlaces absolutos y cuando enlaces relativos.

Paginas Web:

XHTML disponible en http://www.maestrosdelweb.com/editorial/haciaxht ml/

disponible en http://www.w3schools.com/xhtml/DEFAULT.asp

Page 10: PLAN DE SESIÓN - conalepveracruz.edu.mx I/Fase II/Talleres... · Resultado de aprendizaje: 1.1 Determina la estructura del sitio web con base en las necesidades del usuario Actividad

30SGCE-PR06-FR08

PLAN DE SESIÓN

DATOS GENERALES:

Nombre del Plantel: Veracruz I

Formación Básica Formación Profesional X

Nombre del DOCENTE Martha Mendoza Rosete Semestre Sexto

Nombre del Módulo: Diseño y elaboración de páginas web Sesión No. 10 Duración 8 horas

Unidad de aprendizaje: 1. Desarrollo de páginas web estáticas.

Objetivo de la Unidad: Desarrollará páginas web con contenido estático siguiendo la metodología de diseño y basada en estándares internacionales que permita dar cumplimiento a los requerimientos establecidos por el cliente

Resultado de aprendizaje: 1.2 Elabora páginas web estáticas haciendo uso del lenguaje de etiquetas XHTML

Actividad de Evaluación 1.2.1 Desarrolla la página web del sitio propuesto en la actividad de evaluación 1.1.1. empleando los siguientes elementos del lenguaje de etiquetas XHTML:

Objetivo de la sesión: Implementará el código html necesario para visualizar una página en su estructura.

Cmpetencia Adquirida: Implementar proyectos de software Atributos: Automatización de procesos

PLANEACIÓN:

Contenidos C P A

ESTRATEGIAS

Recursos didácticos Enseñanza

Aprendizaje

Evaluación

D. Implementación del código XHTML para el desarrollo de páginas Web.

los siguientes elementos de las páginas web. Tipos de letra Párrafos Colores •Hipervínculos en las páginas web. Referencia absoluta Referencia rel

X X X páginas web de acuerdo a categorías, jerarquías y relaciones a fin de presentar información al usuario que sea fácil de entender.

•de imágenes

el manejo de tablas en el diseño de las páginas web. <table> </table> <tr> </tr> <td> </td> <th> </th>

tablas. ividad de evaluación

1.2.1.

el manejo de formularios en el diseño de las páginas web. <form> Atributos: action = “url” method = “POST o GET” <input> Atributos: type = "text | password | checkbox | radio | submit | reset |file | hidden | image | button"

de formularios.

1.2.1.

Incluye Imágenes en las páginas web desarrolladas mediante el uso de los siguientes elementos: <img> atributo src, atributo alt, atributo name, atributo height, atributo width,

imagen en las páginas web desarrolladas mediante el uso de: <map> atributo name, <área> atributo href, atributo nohref, atributo shape, atributo coords, las páginas web desarrolladas mediante el uso de: <object> atributo data, atributo classid, atributo height, atributo width, <param> atributo name, atributo value, <embed> atributos src, atributos type, atributo height, atributo width

Paginas Web: meros pasos hacia

XHTML disponible en http://www.maestrosdelweb.com/editorial/haciaxht ml/

disponible en http://www.w3schools.com/xhtml/DEFAULT.asp

Page 11: PLAN DE SESIÓN - conalepveracruz.edu.mx I/Fase II/Talleres... · Resultado de aprendizaje: 1.1 Determina la estructura del sitio web con base en las necesidades del usuario Actividad

30SGCE-PR06-FR08

PLAN DE SESIÓN

DATOS GENERALES:

Nombre del Plantel: Veracruz I

Formación Básica Formación Profesional X

Nombre del DOCENTE Martha Mendoza Rosete Semestre Sexto

Nombre del Módulo: Diseño y elaboración de páginas web Sesión No. 11 Duración 10 horas

Unidad de aprendizaje: 1. Desarrollo de páginas web estáticas.

Objetivo de la Unidad: Desarrollará páginas web con contenido estático siguiendo la metodología de diseño y basada en estándares internacionales que permita dar cumplimiento a los requerimientos establecidos por el cliente

Resultado de aprendizaje: 1.3 Construye hojas de estilo en cascada (CSS) de acuerdo con las especificaciones del World Wide Web Consortium (W3C)

Actividad de Evaluación 1.3.1 Construye hojas de estilo en cascada para definir el aspecto y presentación de los siguientes elementos en las páginas web desarrolladas:

Objetivo de la sesión: Identificará los elementos que conformarán el formateo de los elementos html con CSS.

PLANEACIÓN:

Contenidos C P A

ESTRATEGIAS

Recursos didácticos Enseñanza

Aprendizaje

Evaluación

A. Identificación del lenguaje de CSS. •

CSS.

CSS en XHTML.

de cada propiedad.

X X X de estilo en cascada mediante el desarrollo de código del lenguaje de hojas de estilo en cascada para controlar el aspecto y presentación de los documentos electrónicos definidos con HTML y XHTML, permitiendo elaborar páginas web complejas al separar los contenidos y la presentación de los mismos mediante CSS.

procedimientos de manera reflexiva en la realización de cada una de las prácticas realizadas, comprendiendo como cada uno de los pasos contribuye al desarrollo e integración de sitios web.

obtenidas en el desarrollo de aplicaciones para producir conclusiones y formular nuevas aplicaciones.

Declaración de hojas de estilo.

Establecer apariencia del texto y de la letra en las páginas web.

<style> de HTML en de la sección <head> del documento para incluir CSS dentro del mismo documento.

para enlazar documentos CSS en un archivo externo con un documento HTML.

las CSS de acuerdo a la sintaxis especificada por el propio lenguaje.

inserción directa de CSS en los elementos HTML

del texto de las páginas desarrolladas mediante el uso de las siguientes propiedades CSS: font-family font-size font-weight font-style font-variant font

del texto de las páginas desarrolladas mediante el uso de las siguientes propiedades CSS:

disponible en http://www.w3c.es/divulgacion/guiasbreves/HojasEstilo

Page 12: PLAN DE SESIÓN - conalepveracruz.edu.mx I/Fase II/Talleres... · Resultado de aprendizaje: 1.1 Determina la estructura del sitio web con base en las necesidades del usuario Actividad

PLANEACIÓN:

Contenidos C P A

ESTRATEGIAS

Recursos didácticos Enseñanza

Aprendizaje

Evaluación

text-align line-height text-decoration text-transform vertical-align

Page 13: PLAN DE SESIÓN - conalepveracruz.edu.mx I/Fase II/Talleres... · Resultado de aprendizaje: 1.1 Determina la estructura del sitio web con base en las necesidades del usuario Actividad

30SGCE-PR06-FR08

PLAN DE SESIÓN

DATOS GENERALES:

Nombre del Plantel: Veracruz I

Formación Básica Formación Profesional X

Nombre del DOCENTE Martha Mendoza Rosete Semestre Sexto

Nombre del Módulo: Diseño y elaboración de páginas web Sesión No. 12 Duración 10 horas

Unidad de aprendizaje: 1. Desarrollo de páginas web estáticas.

Objetivo de la Unidad: Desarrollará páginas web con contenido estático siguiendo la metodología de diseño y basada en estándares internacionales que permita dar cumplimiento a los requerimientos establecidos por el cliente

Resultado de aprendizaje: 1.3 Construye hojas de estilo en cascada (CSS) de acuerdo con las especificaciones del World Wide Web Consortium (W3C)

Actividad de Evaluación 1.3.1 Construye hojas de estilo en cascada para definir el aspecto y presentación de los siguientes elementos en las páginas web desarrolladas:

Objetivo de la sesión: Implementará los elementos CSS en su página HTML.

PLANEACIÓN:

Contenidos C P A

ESTRATEGIAS

Recursos didácticos Enseñanza

Aprendizaje

Evaluación

B. Implementación de los elementos CSS en la definición de la apariencia de los elementos que integran las páginas web. • Anchura y altura. Margen y relleno. Bordes. Margen, relleno, bordes y boxmodel. Fondos.

visualización.

X X X - práctico individual y por equipo de trabajo

escuchar y la participación activa para defender sus opiniones.

herramientas de las TIC´s en los casos que las condiciones de los alumnos y el plantel así lo permitan.

diversos contextos de aplicación.

la práctica No. 11 Empleo de estilos en los hipervínculos y en las listas de las páginas web.

Definición de propiedades para el control del aspecto de las tablas.

letra, color y decoración del texto en los enlaces mediante el uso de las siguientes propiedades CSS: text-decoration font-weight

a un mismo enlace en función de su estado: enlace no visitado, enlace visitado, enlace en el que se para el puntero del ratón por encima y enlace activo en ese momento, mediante el uso de las siguientes pesudo clases CSS: :link :visited :hover :active

de los enlaces para que incluyan un pequeño icono a su lado mediante el uso de las siguientes propiedades CSS: background background-image

cómo convertir algunos

disponible en http://www.w3c.es/divulgacion/guiasbreves/HojasEstilo

Page 14: PLAN DE SESIÓN - conalepveracruz.edu.mx I/Fase II/Talleres... · Resultado de aprendizaje: 1.1 Determina la estructura del sitio web con base en las necesidades del usuario Actividad

PLANEACIÓN:

Contenidos C P A

ESTRATEGIAS

Recursos didácticos Enseñanza

Aprendizaje

Evaluación

enlaces en botones mediante el uso de código CSS.

Page 15: PLAN DE SESIÓN - conalepveracruz.edu.mx I/Fase II/Talleres... · Resultado de aprendizaje: 1.1 Determina la estructura del sitio web con base en las necesidades del usuario Actividad

30SGCE-PR06-FR08

PLAN DE SESIÓN

DATOS GENERALES:

Nombre del Plantel: Veracruz I

Formación Básica Formación Profesional X

Nombre del DOCENTE Martha Mendoza Rosete Semestre Sexto

Nombre del Módulo: Diseño y elaboración de páginas web Sesión No. 13 Duración 15 horas

Unidad de aprendizaje: 2. Desarrollo de páginas web dinámicas.

Objetivo de la Unidad: Desarrollará páginas web dinámicas con acceso a bases de datos empleando lenguajes de programación del lado del servidor para la gestión de la información.

Resultado de aprendizaje: 2.1 Implementa interactividad a las páginas web, mediante el desarrollo de código de programación en un lenguaje script.

Actividad de Evaluación 2.1.1 Desarrolla código de programación para implementar interactividad a las páginas web desarrolladas haciendo uso de los siguientes elementos del lenguaje javascript:

Objetivo de la sesión:

PLANEACIÓN:

Contenidos C P A

ESTRATEGIAS

Recursos didácticos Enseñanza

Aprendizaje

Evaluación

A. Identificación del lenguaje de Javascript.

oficiales.

Javascript en XHTML.

X X X estructura general del lenguaje de script para el desarrollo de aplicaciones web, considerando variables, arreglos, estructuras de control.

de javascript en las páginas web. <script type="text/javascript"> Alert() Onclick() <noscript> </noscript>

de código de Javascript en XHTML empleando un archivo externo.

javascript para el uso de variables. Var nombre de variable Var nombre_arreglo = [valor1, valor2, … , valorN]

variables y constantes de acuerdo al tipo de dato a almacenar y a su ámbito de alcance en orden y sintaxis correcta, empleando el lenguaje de programación especificado por el DOCENTE.

Arreglos en orden y sintaxis correcta, empleando el lenguaje de programación especificado por el DOCENTE para el desarrollo de la aplicación.

estructuras de control para manejar el flujo de la información en orden y sintaxis correcta, empleando el lenguaje de programación especificado por el Personal.

funciones en orden y sintaxis correcta, empleando el lenguaje de programación especificado por el

Páginas Web:

http://www.webestilo.com/javascript/

Page 16: PLAN DE SESIÓN - conalepveracruz.edu.mx I/Fase II/Talleres... · Resultado de aprendizaje: 1.1 Determina la estructura del sitio web con base en las necesidades del usuario Actividad

PLANEACIÓN:

Contenidos C P A

ESTRATEGIAS

Recursos didácticos Enseñanza

Aprendizaje

Evaluación

DOCENTE para el desarrollo de la aplicación.

errores de sintaxis y programación en la ejecución, y los corrige.

Page 17: PLAN DE SESIÓN - conalepveracruz.edu.mx I/Fase II/Talleres... · Resultado de aprendizaje: 1.1 Determina la estructura del sitio web con base en las necesidades del usuario Actividad

30SGCE-PR06-FR08

PLAN DE SESIÓN

DATOS GENERALES:

Nombre del Plantel: Veracruz I

Formación Básica Formación Profesional X

Nombre del DOCENTE Martha Mendoza Rosete Semestre Sexto

Nombre del Módulo: Diseño y elaboración de páginas web Sesión No. 14 Duración 15 horas

Unidad de aprendizaje: 2. Desarrollo de páginas web dinámicas.

Objetivo de la Unidad: Desarrollará páginas web dinámicas con acceso a bases de datos empleando lenguajes de programación del lado del servidor para la gestión de la información.

Resultado de aprendizaje: 2.1 Implementa interactividad a las páginas web, mediante el desarrollo de código de programación en un lenguaje script.

Actividad de Evaluación 2.1.1 Desarrolla código de programación para implementar interactividad a las páginas web desarrolladas haciendo uso de los siguientes elementos del lenguaje javascript:

Objetivo de la sesión:

PLANEACIÓN:

Contenidos C P A

ESTRATEGIAS

Recursos didácticos Enseñanza

Aprendizaje

Evaluación

B. Implementación del los elementos del lenguaje de script en las páginas web para el desarrollo de páginas web dinámicas.

Numéricas. Cadenas de texto. Arrays. Booleanos

Asignación Incremento y decremento. Lógicos. Matemáticos.

X X X estructura general del lenguaje de script para el desarrollo de aplicaciones web, considerando funciones, etc., con la finalidad de estar en posibilidad de desarrollar posteriormente aplicaciones que cumplan con el envío y recepción de datos de entrada y salida.

variables empleando javascript. lizar la práctica No. 15 Manejo

de arreglos empleando javascript.

con acceso a bases de datos para la inserción de información, agregando funcionalidad a los siguientes componentes para el manejo de datos mediante el lenguaje de programación especificado por el DOCENTE: Etiquetas. Botones. Cajas de texto. Casillas de verificación. Botones de opción. Listas simples. Listas desplegables.

validación de los datos de entrada en los formularios para asegurar la integridad de la información.

Páginas Web:

http://www.webestilo.com/javascript/

Page 18: PLAN DE SESIÓN - conalepveracruz.edu.mx I/Fase II/Talleres... · Resultado de aprendizaje: 1.1 Determina la estructura del sitio web con base en las necesidades del usuario Actividad

30SGCE-PR06-FR08

PLAN DE SESIÓN

DATOS GENERALES:

Nombre del Plantel: Veracruz I

Formación Básica Formación Profesional X

Nombre del DOCENTE Martha Mendoza Rosete Semestre Sexto

Nombre del Módulo: Diseño y elaboración de páginas web Sesión No. 15 Duración 14 horas

Unidad de aprendizaje: 2. Desarrollo de páginas web dinámicas.

Objetivo de la Unidad: Desarrollará páginas web dinámicas con acceso a bases de datos empleando lenguajes de programación del lado del servidor para la gestión de la información.

Resultado de aprendizaje: 2.2 Establece el acceso a bases de datos en páginas web mediante el desarrollo de código en un lenguaje de programación

Actividad de Evaluación 2.2.1 Desarrolla el código de programación para establecer la conectividad con las bases de datos en la implementación de formularios de consulta, búsqueda, inserción, eliminación y modificación de la información contenida en las tablas de las bases de datos, haciendo uso de los siguientes elementos:

Objetivo de la sesión:

PLANEACIÓN:

Contenidos C P A

ESTRATEGIAS

Recursos didácticos Enseñanza

Aprendizaje

Evaluación

A. Configuración del entorno de trabajo de la base de datos.

datos

de datos.

X X X bases de datos en páginas web y a la programación de interfaces de la aplicación con las bases de datos para el manejo dinámico de la información, se sugiere abordarlo a través del desarrollo de formularios dinámicos, empleando el lenguaje de programación seleccionado para el desarrollo de las aplicaciones.

Desarrollo de aplicaciones

Declaración y uso de variables

arreglos.

decisión para definir el orden de ejecución de bloques de código: if – else else – if

sentencia condicional if-else

con acceso a bases de datos para la modificación de información, agregando funcionalidad a los siguientes componentes para el manejo de datos mediante el lenguaje de programación especificado por el DOCENTE: Etiquetas. Botones. Cajas de texto. Casillas de verificación. Botones de opción. Listas simples. Listas desplegables.

validación de los datos de entrada en los formularios para asegurar la integridad de la información.

Disponible en: http://httpd.apache.org/

Site Disponible en: http://www.iis.net/

en Windows Disponible en: http://www.desarrolloweb.com/articulos/1379.php

Page 19: PLAN DE SESIÓN - conalepveracruz.edu.mx I/Fase II/Talleres... · Resultado de aprendizaje: 1.1 Determina la estructura del sitio web con base en las necesidades del usuario Actividad

30SGCE-PR06-FR08

PLAN DE SESIÓN

DATOS GENERALES:

Nombre del Plantel: Veracruz I

Formación Básica Formación Profesional X

Nombre del DOCENTE Martha Mendoza Rosete Semestre Sexto

Nombre del Módulo: Diseño y elaboración de páginas web Sesión No. 16 Duración 14 horas

Unidad de aprendizaje: 2. Desarrollo de páginas web dinámicas.

Objetivo de la Unidad: Desarrollará páginas web dinámicas con acceso a bases de datos empleando lenguajes de programación del lado del servidor para la gestión de la información.

Resultado de aprendizaje: 2.2 Establece el acceso a bases de datos en páginas web mediante el desarrollo de código en un lenguaje de programación

Actividad de Evaluación 2.2.1 Desarrolla el código de programación para establecer la conectividad con las bases de datos en la implementación de formularios de consulta, búsqueda, inserción, eliminación y modificación de la información contenida en las tablas de las bases de datos, haciendo uso de los siguientes elementos:

Objetivo de la sesión:

PLANEACIÓN:

Contenidos C P A

ESTRATEGIAS

Recursos didácticos Enseñanza

Aprendizaje

Evaluación

B. Uso del lenguaje de programación con soporte de bases de datos en web.

flujo.

X X X razonamiento como elementos precedentes ya sea para la programación estructurada, o para el análisis y diseño páginas web dinámicas a requerimiento del usuario.

ciclo para la ejecución continua y/o repetida de bloques de código For While Do – while

sentencia for

sentencia while

funciones. Manejo de Cookies y sesiones

de Cookies. la práctica No. 24 Empleo

de Sesiones. Diseño de Bases de Datos

de base de datos y tablas Conexión con la base de datos

de la aplicación con el motor de base de datos Consultas a la base de datos.

Desarrolla formularios con acceso a bases de datos para el borrado de información específica, agregando funcionalidad a los siguientes componentes para el manejo de datos mediante el lenguaje de programación especificado por el DOCENTE: Etiquetas. Botones. Cajas de texto. Casillas de verificación. Botones de opción. Listas simples. Listas desplegables.

validación de los datos de entrada en los formularios para asegurar la integridad de la información.

Server Disponible en: http://httpd.apache.org/

Site Disponible en: http://www.iis.net/

en Windows Disponible en: http://www.desarrolloweb.com/articulos/1379.php

Page 20: PLAN DE SESIÓN - conalepveracruz.edu.mx I/Fase II/Talleres... · Resultado de aprendizaje: 1.1 Determina la estructura del sitio web con base en las necesidades del usuario Actividad

30SGCE-PR06-FR08

PLAN DE SESIÓN

DATOS GENERALES:

Nombre del Plantel: Veracruz I

Formación Básica Formación Profesional X

Nombre del DOCENTE Martha Mendoza Rosete Semestre Sexto

Nombre del Módulo: Diseño y elaboración de páginas web Sesión No. 17 Duración 12 horas

Unidad de aprendizaje: 2. Desarrollo de páginas web dinámicas.

Objetivo de la Unidad: Desarrollará páginas web dinámicas con acceso a bases de datos empleando lenguajes de programación del lado del servidor para la gestión de la información.

Resultado de aprendizaje: 2.2 Establece el acceso a bases de datos en páginas web mediante el desarrollo de código en un lenguaje de programación

Actividad de Evaluación 2.2.1 Desarrolla el código de programación para establecer la conectividad con las bases de datos en la implementación de formularios de consulta, búsqueda, inserción, eliminación y modificación de la información contenida en las tablas de las bases de datos, haciendo uso de los siguientes elementos:

Objetivo de la sesión:

PLANEACIÓN:

Contenidos C P A

ESTRATEGIAS

Recursos didácticos Enseñanza

Aprendizaje

Evaluación

C. Elaboración de formularios dinámicos en páginas web mediante el uso de un lenguaje de programación del lado del servidor.

X X X información y la comunicación para obtener información que le permita describir las principales tecnologías y plataformas para el desarrollo de aplicaciones web.

de registros de la base de datos. a

de registros de la base de datos empleando criterios de selección. Formularios

de formulario para agregar registros.

de formulario de Eliminación de registros.

ca No. 31 Diseño de formulario de Modificación de registros. Validación de datos de entrada

Validación de datos de formularios. Control de acceso y seguridad

mediante contraseña a la aplicación.

fuente de la aplicación de manera impresa y en medio magnético, demostrando orden y/o limpieza.

aplicación se ejecuta sin errores.

programación que se presenten en la ejecución del código desarrollado y los corrige.

código fuente de la aplicación de manera impresa, demostrando orden y/o limpieza.

Disponible en: http://httpd.apache.org/

Site Disponible en: http://www.iis.net/

en Windows Disponible en: http://www.desarrolloweb.com/articulos/1379.php