SlideShare una empresa de Scribd logo
1 de 8
Descargar para leer sin conexión
DIRECCIÓN ACADÉMICA
                                                                                SECUENCIA DIDÁCTICA
                                                                        “INSTRUMENTANDO LA RIEMS EN EL IEBO”

PLANTEL: 61 Y 158                                                  SEMESTRE: QUINTO
NOMBRE DEL ASESOR: EZEQUIEL Y GUSTAVO                              GRUPO(S): 501
CICLO ESCOLAR: 2010-B                                               FECHA DE INICIO: 16/09/2010                        FECHA FIN: 16/10/2010                               No. DE SESIONES: 12

BLOQUE: INTRODUCCION A HTML
TEMA INTEGRADOR: CREANDO MI PROPIA PÁGINA WEB
PROPÓSITO: Utiliza los elementos de HTML para generar y publicar documentos web con una estructura visual formal, mediante los cuales podrá expresar ideas y comunicar información empleando
su imaginación y su creatividad.


                                              TEMA INTEGRADOR: “CREANDO MI PROPIA PAGINA”

Propósito: Utiliza los elementos de HTML para generar y publicar documentos web con una estructura visual formal, mediante los cuales podrá expresar ideas y comunicar información empleando su
imaginación y su creatividad.




                                                                                COMPETENCIAS A FAVORECER

COMPETENCIAS GENÉRICAS                                                    ATRIBUTOS                                                 COMPETENCIAS DISCIPLINARES BÁSICAS

1. Es sensible al arte y participa en la apreciación e    Sigue instrucciones y procedimientos de manera     1. Identifica, ordena e interpreta las ideas, datos y conceptos explícitos e implícitos
interpretación de sus expresiones en distintos             reflexiva, comprendiendo como cada uno de sus      en un texto, considerando el contexto en el que se genero y se recibió.
géneros.                                                   pasos contribuye al alcance de un objetivo.
                                                                                                              12. Utiliza las tecnologías de la información y comunicación (TIC) para investigar,
4. Escucha, interpreta y emite mensajes pertinentes                                                           resolver problemas, producir materiales y transmitir información.
en distintos contextos mediante la utilización de
medios, códigos y herramientas apropiados.
TIPOS DE CONOCIMIENTOS
 CONCEPTUALES                                              PROCEDIMENTALES                                                               ACTITUDINALES
 . Menú.                                     Utilización de la terminología básica, para la         Investiga y estudia con iniciativas propias.
                                               programación de etiquetas del lenguaje de
   Paginas sociales (facebook, tittwer,       programación en HTML.                                  Es organizado en todas las actividades realizadas en el aula de medio.
    etc)
                                              Desarrollar habilidades y destreza para crear             Trabajo de forma colaborativa con los demás de sus compañeros.
   Lenguajes de programación.                 páginas web.

   PHP.

   Java script.

   Etiquetas.

   Elementos de multimedia.



                     Recursos                                                                             Estrategia Didáctica Fundamental

   Diario de aprendizaje de Diseño Web

   Videos educativos y motivadores.
                                                             Elaboración de una Página Web tomando como referencia el proyecto formativo.
   Imágenes                                                 Prácticas en el aula de medios utilizando de dos a mas programas de HTML.
   Memorias USB

   Computadoras equipadas con PHP, Java script, y
    HTML.

   Cañón.
AMBIENTES PARA EL DESARROLLO DE COMPENTENCIAS

                                                                                          NIVEL DE DOMINIO DE LA COMPETENCIA
    Criterios
                       Actividades de Aprendizaje
   /Evidencia
                                                         Inicial-receptivo                  Básico                            Autónomo                      Estratégico

1.-Describe      la   ENCUADRE
estructura      del
lenguaje      HTML    Estando en la aula de medios el Describe de manera muy   Describe de manera satisfactoria      Describe de manera buena y       Describe de manera
analizando            asesor y los estudiantes llegan a vaga el cuerpo de la   el cuerpo de la programación de       organizada las etiquetas de      excelente, toda         la
diversas fuentes      un acuerdo sobre cómo se programación de HTML.           HTML, y solo consulta dos             programación     de     HTML,    estructura de cada una
                      trabajara en el segundo bloque.                          fuentes             bibliográficas,   consultando más de dos fuentes   de las etiquetas de la
bibliográficas.
                                                                               entendiendo      solo      algunas    bibliografías.                   programación de HTML
                                                                               etiquetas de la misma.                                                 y    consulta    diversas
                                                                                                                     Fundamental                      fuentes bibliográficas.
APERTURA

                   El asesor mostrara diversas
                   páginas de diferentes categorías.

                   DESARROLLO

                   *Como resultado los estudiantes
                   clasificaran las páginas de
                   acuerdo a las categorías y
                   entregaran un reporte.

                   *Los estudiantes formados en
                   binas, investigaran en diversas
                   fuentes los conceptos básicos y
                   códigos de etiquetas de cuerpo
                   de HTML.

                   *El asesor escogerá al azar dos
                   binas para una breve explicación
EVIDENCIA          de las etiquetas de HTML para su
                   evaluación.
Portafolio
electrónico de las *El asesor explicara de forma
prácticas          clara y precisa la estructura y
realizadas.        cuerpo de HTML y aclarara
                   algunas dudas.
(30%)
                   *En    forma     individual  el
                   estudiante realizara y diseñara
                   una Página Web de un tema x.
*El estudiante mostrara su
                     Página Web realizada frente al
                     grupo.



                     *El asesor dará su punto de vista
                     y sugerencias para mejorar el
                     diseño de la Pagina Web.

                     *El estudiante formado en
                     equipos de 3 integrantes
                     diseñaran una página web con
                     respecto al proyecto formativo
                     que se tiene en la institución.

                     *Los estudiantes formados en
                     equipos expondrán sus páginas
                     web.




                     PONDERACION                                   5%                            15%                                25%                            30%

2.- Estructura y     CIERRE                           Estructura de manera muy Estructura         de         manera    Estructura      de      manera     Estructura de manera
Diseña una Página                                     simple, mas no diseña una satisfactoria y solo utiliza algunos   satisfactoria y solo utiliza       excelente y utiliza los
Web tomando en       *El asesor hará peticiones y                               diseños creados en el curso de         diseños creados en el curso de     diseños creados en el
                                                      buena Pagina Web.
cuenta los códigos   sugerencias       para        el                           Corel Draw y Diseño Interactivo.       Corel Draw y Diseño Interactivo,   curso de Corel Draw y
de programación      mejoramiento de dichas páginas.                                                                   etc. Y utiliza de dos o más        Diseño      Interactivo,
de HTML.             *El asesor mostrara su propia                                                                     procesadores de HTML.              utiliza de dos o más
página web creada por el mismo.                                   procesadores de HTML,
                                                                                         crea y diseña banner
EVIDENCIA                                                            Fundamental         para la creación de una
Elaboración      de                                                                      buena Pagina Web.
una Página Web
de acuerdo al
proyecto
formativo que se
tiene en el Plantel.

(50%)

                       PONDERACION                       10%   25%                 40%            50%
RUBRICA DE EVALUACION DE DISEÑO WEB
  CRITERIOS          ESTRATEGICO                  AUTONOMO                        BASICO                              INICIAL-RECEPTIVO
1. DESCRIBE LA   Describe de manera         Son prácticas que en       Describe de manera regular las    Solo   intento   escribir las   etiquetas   de
ESTRUCTURA DEL   excelente, respeta las     general respetan las       etiquetas de HTML.                programación de HTML, para la creación de una
LENGUAJE HTML    proporciones,              proporciones    de   las                                     página web, sin tener una idea clara de lo que
ANALIZANDO
                 valores,    y   pautas     etiquetas    de   HTML.                                      quiere diseñar.
DIVERSAS
FUENTES          siguiendo lo dado en       Aunque está un poco
BIBLIOGRÁFICAS   la    asignatura    de     desordenado     y   una
                                                                       Poco interés y creatividad en
                 diseño    de   páginas     creatividad buena.
                                                                       las prácticas realizadas.
                 web.
(30%)                                                                                                    No utilizo imágenes creados en diseño grafico y
                                                                                                         diseño interactivo, no tiene todos los elementos
                 Ha elegido de forma                                                                     necesarios para ser representativo.
                 creativa           la      Nada más aplica   las
                 representación de las                                 Solo entiende algunas de las
                                            acciones vistas en el                                        No entrego el portafolio electrónico de las
                 etiquetas de HTML.                                    etiquetas de cuerpo de HTML.
                                            aula de medios.                                              etiquetas realizadas en el bloc de notas.

                 Entrego más de dos
                 ejemplos    de   cada
                 etiqueta de HTML,
                 para su evaluación,
                 dando una creatividad
                 y diseño propio.



2.- ESTRUCTURA   Estructura de manera       Es una página web,         Estructura Y diseña de manera     Solo intento estructurar Y diseñar una página
Y DISEÑA UNA     excelente, respeta las     que      en      general   regular     una página web,       web, sin tener una idea clara de lo que quiere
PÁGINA     WEB   proporciones,              respetan             las   utilizando algunas etiquetas de   diseñar.
TOMANDO     EN
                 valores,    y   pautas     proporciones    de   las   HTML.
CUENTA     LOS
CÓDIGOS     DE   siguiendo lo dado en       etiquetas    de   HTML,                                      No mezclo los gráficos, realizados en Corel
PROGRAMACIÓN     la    asignatura    de     aunque está un poco        En la página entregada, solo      flash, etc. En la creación de las páginas web, no
DE HTML.         diseño    de   páginas     desordenado     y   una    uso algunas etiquetas de HTML     tiene todos los elementos necesarios para ser
                 web.                       creatividad buena.         y     solo contiene algunos       representativo.
(50%)                                                                  diseños.
                 Manejo y utilizo todo
                 lo visto, en el curso
                 de    diseño    grafico,   Nada más aplica   las                                        No entrego la página web, realizada para su
                 diseño      interactivo,   acciones vistas en el                                        evaluación, en el bloc de notas.
                 etc. Para la realización   aula de medios.
de la página web.

                Ha elegido de forma
                creativa la creación de
                la página oficial del
                proyecto formativo.

                Entrego más de dos
                páginas de       HTML,
                para su evaluación,
                dando una creatividad
                y diseño propio.

                Utilizo       banners
                creados por el mismo
                y             algunos
                descargados        en
                internet.


3.ACTITUDINAL   Utiliza   de   manera     Se preocupa por el        Cuida el mobiliario y el equipo   No provee cuidado del material dentro del centro
                responsable       las     mejor                     de cómputo, así como los          de cómputo.
(20%)           tecnologías   de   la     aprovechamiento,     de   insumos que emplea dentro del
                información, ya que       los insumos y recursos    centro de cómputo.                No respeta los documentos ni la información de
                esta consiente    del     con los que cuenta. No                                      los demás.
                beneficio    que   le     desperdicia ni hace mal
                brindan en su vida        uso de ellos.
                personal y académica.
                                                                    No respeta los documentos e
                                                                    información     de      sus       Durante la práctica en clases, muestra una
                -Entro a tiempo y                                   compañeros.                       actitud impaciente.
                fecha la pagina web
                que se le pidió.

Más contenido relacionado

La actualidad más candente

Programa informatica básica 2011 i
Programa informatica básica 2011 iPrograma informatica básica 2011 i
Programa informatica básica 2011 imaoeducador
 
Guia de aprendizaje # 1 intruccion a la multimedia
Guia de aprendizaje # 1   intruccion a la multimediaGuia de aprendizaje # 1   intruccion a la multimedia
Guia de aprendizaje # 1 intruccion a la multimediaSebastian Restrepo Metaute
 
Guia de aprendizaje # 1 intruccion a la multimedia
Guia de aprendizaje # 1   intruccion a la multimediaGuia de aprendizaje # 1   intruccion a la multimedia
Guia de aprendizaje # 1 intruccion a la multimediaOlga Carvajal
 
Guia de aprendizaje # 1 intruccion a la multimedia
Guia de aprendizaje # 1   intruccion a la multimediaGuia de aprendizaje # 1   intruccion a la multimedia
Guia de aprendizaje # 1 intruccion a la multimediaYenny-love
 
Guia de aprendizaje # 1 intruccion a la multimedia
Guia de aprendizaje # 1   intruccion a la multimediaGuia de aprendizaje # 1   intruccion a la multimedia
Guia de aprendizaje # 1 intruccion a la multimediaNatalia Jaramillo Montoya
 
Guia de aprendizaje # 2 elementos y mapa de navegación
Guia de aprendizaje # 2   elementos y mapa de navegaciónGuia de aprendizaje # 2   elementos y mapa de navegación
Guia de aprendizaje # 2 elementos y mapa de navegaciónYenny-love
 
Guia de aprendizaje # 2 elementos y mapa de navegación
Guia de aprendizaje # 2   elementos y mapa de navegaciónGuia de aprendizaje # 2   elementos y mapa de navegación
Guia de aprendizaje # 2 elementos y mapa de navegaciónOlga Carvajal
 
Implementación de las herramientas 2.0 en la asignatura de tecnología ofimát...
Implementación de las herramientas 2.0 en la asignatura de tecnología  ofimát...Implementación de las herramientas 2.0 en la asignatura de tecnología  ofimát...
Implementación de las herramientas 2.0 en la asignatura de tecnología ofimát...patty
 
Guia de aprendizaje # 2 elementos y mapa de navegación
Guia de aprendizaje # 2   elementos y mapa de navegaciónGuia de aprendizaje # 2   elementos y mapa de navegación
Guia de aprendizaje # 2 elementos y mapa de navegaciónNatalia Jaramillo Montoya
 

La actualidad más candente (12)

Programa informatica básica 2011 i
Programa informatica básica 2011 iPrograma informatica básica 2011 i
Programa informatica básica 2011 i
 
Guia de aprendizaje # 1 intruccion a la multimedia
Guia de aprendizaje # 1   intruccion a la multimediaGuia de aprendizaje # 1   intruccion a la multimedia
Guia de aprendizaje # 1 intruccion a la multimedia
 
Guia de aprendizaje # 1 intruccion a la multimedia
Guia de aprendizaje # 1   intruccion a la multimediaGuia de aprendizaje # 1   intruccion a la multimedia
Guia de aprendizaje # 1 intruccion a la multimedia
 
Guia de aprendizaje # 1 intruccion a la multimedia
Guia de aprendizaje # 1   intruccion a la multimediaGuia de aprendizaje # 1   intruccion a la multimedia
Guia de aprendizaje # 1 intruccion a la multimedia
 
Guia de aprendizaje # 1 intruccion a la multimedia
Guia de aprendizaje # 1   intruccion a la multimediaGuia de aprendizaje # 1   intruccion a la multimedia
Guia de aprendizaje # 1 intruccion a la multimedia
 
Plantilla plan unidad[1]
Plantilla plan unidad[1]Plantilla plan unidad[1]
Plantilla plan unidad[1]
 
Profesorado Ikt
Profesorado IktProfesorado Ikt
Profesorado Ikt
 
Guia de aprendizaje # 2 elementos y mapa de navegación
Guia de aprendizaje # 2   elementos y mapa de navegaciónGuia de aprendizaje # 2   elementos y mapa de navegación
Guia de aprendizaje # 2 elementos y mapa de navegación
 
Guion didactico
Guion didacticoGuion didactico
Guion didactico
 
Guia de aprendizaje # 2 elementos y mapa de navegación
Guia de aprendizaje # 2   elementos y mapa de navegaciónGuia de aprendizaje # 2   elementos y mapa de navegación
Guia de aprendizaje # 2 elementos y mapa de navegación
 
Implementación de las herramientas 2.0 en la asignatura de tecnología ofimát...
Implementación de las herramientas 2.0 en la asignatura de tecnología  ofimát...Implementación de las herramientas 2.0 en la asignatura de tecnología  ofimát...
Implementación de las herramientas 2.0 en la asignatura de tecnología ofimát...
 
Guia de aprendizaje # 2 elementos y mapa de navegación
Guia de aprendizaje # 2   elementos y mapa de navegaciónGuia de aprendizaje # 2   elementos y mapa de navegación
Guia de aprendizaje # 2 elementos y mapa de navegación
 

Similar a Diseño web. bloque ii

Páginas_web guia didactica.pdf
Páginas_web guia didactica.pdfPáginas_web guia didactica.pdf
Páginas_web guia didactica.pdfTEMPORAL13
 
Fichas de trabajo autonómo ntics unilibre universidad 2011 i (2)
Fichas de trabajo autonómo ntics unilibre universidad 2011 i (2)Fichas de trabajo autonómo ntics unilibre universidad 2011 i (2)
Fichas de trabajo autonómo ntics unilibre universidad 2011 i (2)maoeducador
 
Planificacion Informática Sexto Año 2da Parc
Planificacion Informática Sexto Año 2da ParcPlanificacion Informática Sexto Año 2da Parc
Planificacion Informática Sexto Año 2da ParcOscar Andres Pozo Ponce
 
Programacion para sistemas_en_red_1
Programacion para sistemas_en_red_1Programacion para sistemas_en_red_1
Programacion para sistemas_en_red_1James Melenje
 
Planificacion Informática Quinto Año 2da parc
Planificacion Informática Quinto Año  2da parcPlanificacion Informática Quinto Año  2da parc
Planificacion Informática Quinto Año 2da parcOscar Andres Pozo Ponce
 
Plan clase informatica 1 bloque 3
Plan clase informatica 1 bloque 3Plan clase informatica 1 bloque 3
Plan clase informatica 1 bloque 3Ruby
 
Plan clase informatica 1 bloque 3
Plan clase informatica 1 bloque 3Plan clase informatica 1 bloque 3
Plan clase informatica 1 bloque 3Ruby
 
Actividad de aprendizaje
Actividad de aprendizajeActividad de aprendizaje
Actividad de aprendizajeHenry Nilton
 
Matriz de posibilidades pedagógicas, didácticas & tecnológicas.pdf
Matriz de posibilidades pedagógicas, didácticas & tecnológicas.pdfMatriz de posibilidades pedagógicas, didácticas & tecnológicas.pdf
Matriz de posibilidades pedagógicas, didácticas & tecnológicas.pdfJohan Robles Solano
 
Diseñar para la presentación de temas y proyectos
Diseñar para la presentación de temas y proyectosDiseñar para la presentación de temas y proyectos
Diseñar para la presentación de temas y proyectosaneta
 
Seconds life dinorah rojas herramientas web1
Seconds life dinorah rojas herramientas web1Seconds life dinorah rojas herramientas web1
Seconds life dinorah rojas herramientas web1dinorahrojas
 
Planificacion Informática Cuarto Año 2da Parc
Planificacion Informática Cuarto Año 2da ParcPlanificacion Informática Cuarto Año 2da Parc
Planificacion Informática Cuarto Año 2da ParcOscar Andres Pozo Ponce
 
Módulo formativo ntics 1 2011
Módulo formativo ntics 1 2011Módulo formativo ntics 1 2011
Módulo formativo ntics 1 2011Ducque Neron
 
Planificación informática 1ro Bachillerato
Planificación informática 1ro BachilleratoPlanificación informática 1ro Bachillerato
Planificación informática 1ro BachilleratoOscar Andres Pozo Ponce
 

Similar a Diseño web. bloque ii (20)

Paginas web ok
Paginas web okPaginas web ok
Paginas web ok
 
Tarea #1
Tarea #1Tarea #1
Tarea #1
 
Páginas_web guia didactica.pdf
Páginas_web guia didactica.pdfPáginas_web guia didactica.pdf
Páginas_web guia didactica.pdf
 
Fichas de trabajo autonómo ntics unilibre universidad 2011 i (2)
Fichas de trabajo autonómo ntics unilibre universidad 2011 i (2)Fichas de trabajo autonómo ntics unilibre universidad 2011 i (2)
Fichas de trabajo autonómo ntics unilibre universidad 2011 i (2)
 
Proyecto de aula nuevo periodo 3 Grado 11
Proyecto de aula nuevo periodo 3 Grado 11Proyecto de aula nuevo periodo 3 Grado 11
Proyecto de aula nuevo periodo 3 Grado 11
 
Planificacion Informática Sexto Año 2da Parc
Planificacion Informática Sexto Año 2da ParcPlanificacion Informática Sexto Año 2da Parc
Planificacion Informática Sexto Año 2da Parc
 
Programacion para sistemas_en_red_1
Programacion para sistemas_en_red_1Programacion para sistemas_en_red_1
Programacion para sistemas_en_red_1
 
Planificacion Informática Quinto Año 2da parc
Planificacion Informática Quinto Año  2da parcPlanificacion Informática Quinto Año  2da parc
Planificacion Informática Quinto Año 2da parc
 
Plan clase informatica 1 bloque 3
Plan clase informatica 1 bloque 3Plan clase informatica 1 bloque 3
Plan clase informatica 1 bloque 3
 
Plan clase informatica 1 bloque 3
Plan clase informatica 1 bloque 3Plan clase informatica 1 bloque 3
Plan clase informatica 1 bloque 3
 
Actividad de aprendizaje
Actividad de aprendizajeActividad de aprendizaje
Actividad de aprendizaje
 
Matriz de posibilidades pedagógicas, didácticas & tecnológicas.pdf
Matriz de posibilidades pedagógicas, didácticas & tecnológicas.pdfMatriz de posibilidades pedagógicas, didácticas & tecnológicas.pdf
Matriz de posibilidades pedagógicas, didácticas & tecnológicas.pdf
 
Diseñar para la presentación de temas y proyectos
Diseñar para la presentación de temas y proyectosDiseñar para la presentación de temas y proyectos
Diseñar para la presentación de temas y proyectos
 
Plan de apoyo primer periodo 11°
Plan de apoyo primer periodo 11°Plan de apoyo primer periodo 11°
Plan de apoyo primer periodo 11°
 
Trabajo final
Trabajo finalTrabajo final
Trabajo final
 
Seconds life dinorah rojas herramientas web1
Seconds life dinorah rojas herramientas web1Seconds life dinorah rojas herramientas web1
Seconds life dinorah rojas herramientas web1
 
Planificacion Informática Cuarto Año 2da Parc
Planificacion Informática Cuarto Año 2da ParcPlanificacion Informática Cuarto Año 2da Parc
Planificacion Informática Cuarto Año 2da Parc
 
Módulo formativo ntics 1 2011
Módulo formativo ntics 1 2011Módulo formativo ntics 1 2011
Módulo formativo ntics 1 2011
 
Sã­labo nivel ii
Sã­labo nivel iiSã­labo nivel ii
Sã­labo nivel ii
 
Planificación informática 1ro Bachillerato
Planificación informática 1ro BachilleratoPlanificación informática 1ro Bachillerato
Planificación informática 1ro Bachillerato
 

Diseño web. bloque ii

  • 1. DIRECCIÓN ACADÉMICA SECUENCIA DIDÁCTICA “INSTRUMENTANDO LA RIEMS EN EL IEBO” PLANTEL: 61 Y 158 SEMESTRE: QUINTO NOMBRE DEL ASESOR: EZEQUIEL Y GUSTAVO GRUPO(S): 501 CICLO ESCOLAR: 2010-B FECHA DE INICIO: 16/09/2010 FECHA FIN: 16/10/2010 No. DE SESIONES: 12 BLOQUE: INTRODUCCION A HTML TEMA INTEGRADOR: CREANDO MI PROPIA PÁGINA WEB PROPÓSITO: Utiliza los elementos de HTML para generar y publicar documentos web con una estructura visual formal, mediante los cuales podrá expresar ideas y comunicar información empleando su imaginación y su creatividad. TEMA INTEGRADOR: “CREANDO MI PROPIA PAGINA” Propósito: Utiliza los elementos de HTML para generar y publicar documentos web con una estructura visual formal, mediante los cuales podrá expresar ideas y comunicar información empleando su imaginación y su creatividad. COMPETENCIAS A FAVORECER COMPETENCIAS GENÉRICAS ATRIBUTOS COMPETENCIAS DISCIPLINARES BÁSICAS 1. Es sensible al arte y participa en la apreciación e  Sigue instrucciones y procedimientos de manera 1. Identifica, ordena e interpreta las ideas, datos y conceptos explícitos e implícitos interpretación de sus expresiones en distintos reflexiva, comprendiendo como cada uno de sus en un texto, considerando el contexto en el que se genero y se recibió. géneros. pasos contribuye al alcance de un objetivo. 12. Utiliza las tecnologías de la información y comunicación (TIC) para investigar, 4. Escucha, interpreta y emite mensajes pertinentes resolver problemas, producir materiales y transmitir información. en distintos contextos mediante la utilización de medios, códigos y herramientas apropiados.
  • 2. TIPOS DE CONOCIMIENTOS CONCEPTUALES PROCEDIMENTALES ACTITUDINALES  . Menú.  Utilización de la terminología básica, para la  Investiga y estudia con iniciativas propias. programación de etiquetas del lenguaje de  Paginas sociales (facebook, tittwer, programación en HTML.  Es organizado en todas las actividades realizadas en el aula de medio. etc)  Desarrollar habilidades y destreza para crear  Trabajo de forma colaborativa con los demás de sus compañeros.  Lenguajes de programación. páginas web.  PHP.  Java script.  Etiquetas.  Elementos de multimedia. Recursos Estrategia Didáctica Fundamental  Diario de aprendizaje de Diseño Web  Videos educativos y motivadores.  Elaboración de una Página Web tomando como referencia el proyecto formativo.  Imágenes  Prácticas en el aula de medios utilizando de dos a mas programas de HTML.  Memorias USB  Computadoras equipadas con PHP, Java script, y HTML.  Cañón.
  • 3. AMBIENTES PARA EL DESARROLLO DE COMPENTENCIAS NIVEL DE DOMINIO DE LA COMPETENCIA Criterios Actividades de Aprendizaje /Evidencia Inicial-receptivo Básico Autónomo Estratégico 1.-Describe la ENCUADRE estructura del lenguaje HTML Estando en la aula de medios el Describe de manera muy Describe de manera satisfactoria Describe de manera buena y Describe de manera analizando asesor y los estudiantes llegan a vaga el cuerpo de la el cuerpo de la programación de organizada las etiquetas de excelente, toda la diversas fuentes un acuerdo sobre cómo se programación de HTML. HTML, y solo consulta dos programación de HTML, estructura de cada una trabajara en el segundo bloque. fuentes bibliográficas, consultando más de dos fuentes de las etiquetas de la bibliográficas. entendiendo solo algunas bibliografías. programación de HTML etiquetas de la misma. y consulta diversas Fundamental fuentes bibliográficas.
  • 4. APERTURA El asesor mostrara diversas páginas de diferentes categorías. DESARROLLO *Como resultado los estudiantes clasificaran las páginas de acuerdo a las categorías y entregaran un reporte. *Los estudiantes formados en binas, investigaran en diversas fuentes los conceptos básicos y códigos de etiquetas de cuerpo de HTML. *El asesor escogerá al azar dos binas para una breve explicación EVIDENCIA de las etiquetas de HTML para su evaluación. Portafolio electrónico de las *El asesor explicara de forma prácticas clara y precisa la estructura y realizadas. cuerpo de HTML y aclarara algunas dudas. (30%) *En forma individual el estudiante realizara y diseñara una Página Web de un tema x.
  • 5. *El estudiante mostrara su Página Web realizada frente al grupo. *El asesor dará su punto de vista y sugerencias para mejorar el diseño de la Pagina Web. *El estudiante formado en equipos de 3 integrantes diseñaran una página web con respecto al proyecto formativo que se tiene en la institución. *Los estudiantes formados en equipos expondrán sus páginas web. PONDERACION 5% 15% 25% 30% 2.- Estructura y CIERRE Estructura de manera muy Estructura de manera Estructura de manera Estructura de manera Diseña una Página simple, mas no diseña una satisfactoria y solo utiliza algunos satisfactoria y solo utiliza excelente y utiliza los Web tomando en *El asesor hará peticiones y diseños creados en el curso de diseños creados en el curso de diseños creados en el buena Pagina Web. cuenta los códigos sugerencias para el Corel Draw y Diseño Interactivo. Corel Draw y Diseño Interactivo, curso de Corel Draw y de programación mejoramiento de dichas páginas. etc. Y utiliza de dos o más Diseño Interactivo, de HTML. *El asesor mostrara su propia procesadores de HTML. utiliza de dos o más
  • 6. página web creada por el mismo. procesadores de HTML, crea y diseña banner EVIDENCIA Fundamental para la creación de una Elaboración de buena Pagina Web. una Página Web de acuerdo al proyecto formativo que se tiene en el Plantel. (50%) PONDERACION 10% 25% 40% 50%
  • 7. RUBRICA DE EVALUACION DE DISEÑO WEB CRITERIOS ESTRATEGICO AUTONOMO BASICO INICIAL-RECEPTIVO 1. DESCRIBE LA Describe de manera Son prácticas que en Describe de manera regular las Solo intento escribir las etiquetas de ESTRUCTURA DEL excelente, respeta las general respetan las etiquetas de HTML. programación de HTML, para la creación de una LENGUAJE HTML proporciones, proporciones de las página web, sin tener una idea clara de lo que ANALIZANDO valores, y pautas etiquetas de HTML. quiere diseñar. DIVERSAS FUENTES siguiendo lo dado en Aunque está un poco BIBLIOGRÁFICAS la asignatura de desordenado y una Poco interés y creatividad en diseño de páginas creatividad buena. las prácticas realizadas. web. (30%) No utilizo imágenes creados en diseño grafico y diseño interactivo, no tiene todos los elementos Ha elegido de forma necesarios para ser representativo. creativa la Nada más aplica las representación de las Solo entiende algunas de las acciones vistas en el No entrego el portafolio electrónico de las etiquetas de HTML. etiquetas de cuerpo de HTML. aula de medios. etiquetas realizadas en el bloc de notas. Entrego más de dos ejemplos de cada etiqueta de HTML, para su evaluación, dando una creatividad y diseño propio. 2.- ESTRUCTURA Estructura de manera Es una página web, Estructura Y diseña de manera Solo intento estructurar Y diseñar una página Y DISEÑA UNA excelente, respeta las que en general regular una página web, web, sin tener una idea clara de lo que quiere PÁGINA WEB proporciones, respetan las utilizando algunas etiquetas de diseñar. TOMANDO EN valores, y pautas proporciones de las HTML. CUENTA LOS CÓDIGOS DE siguiendo lo dado en etiquetas de HTML, No mezclo los gráficos, realizados en Corel PROGRAMACIÓN la asignatura de aunque está un poco En la página entregada, solo flash, etc. En la creación de las páginas web, no DE HTML. diseño de páginas desordenado y una uso algunas etiquetas de HTML tiene todos los elementos necesarios para ser web. creatividad buena. y solo contiene algunos representativo. (50%) diseños. Manejo y utilizo todo lo visto, en el curso de diseño grafico, Nada más aplica las No entrego la página web, realizada para su diseño interactivo, acciones vistas en el evaluación, en el bloc de notas. etc. Para la realización aula de medios.
  • 8. de la página web. Ha elegido de forma creativa la creación de la página oficial del proyecto formativo. Entrego más de dos páginas de HTML, para su evaluación, dando una creatividad y diseño propio. Utilizo banners creados por el mismo y algunos descargados en internet. 3.ACTITUDINAL Utiliza de manera Se preocupa por el Cuida el mobiliario y el equipo No provee cuidado del material dentro del centro responsable las mejor de cómputo, así como los de cómputo. (20%) tecnologías de la aprovechamiento, de insumos que emplea dentro del información, ya que los insumos y recursos centro de cómputo. No respeta los documentos ni la información de esta consiente del con los que cuenta. No los demás. beneficio que le desperdicia ni hace mal brindan en su vida uso de ellos. personal y académica. No respeta los documentos e información de sus Durante la práctica en clases, muestra una -Entro a tiempo y compañeros. actitud impaciente. fecha la pagina web que se le pidió.