Guia

I.
Gua Pedaggica del Mdulo Diseo y elaboracin de pginas web
Modelo Acadmico de Calidad para la Competitividad
DEWE-02
1/129
Gua Pedaggica y de Evaluacin del Mdulo: Diseo y elaboracin de pginas web
Contenido
Pg. I. 1. 2. 3. 4. 5. 6. II. 7. 8. 9. 10. Gua pedaggica Descripcin Datos de identificacin de la norma Generalidades pedaggicas Enfoque del mdulo Orientaciones didcticas y estrategias de aprendizaje por unidad Prcticas/ejercicios/problemas/actividades Gua de evaluacin Descripcin Tabla de ponderacin Materiales para el desarrollo de actividades de evaluacin Matriz de valoracin o rbrica 3 4 5 13 15 25 101 102 106 107 108
DEWE-02
2/129
1. Descripcin
La Gua Pedaggica es un documento que integra elementos tcnico-metodolgicos planteados de acuerdo con los principios y lineamientos del Modelo Acadmico de Calidad para la Competitividad del Conalep para orientar la prctica educativa del docente en el desarrollo de competencias previstas en los programas de estudio. La finalidad que tiene esta gua es facilitar el aprendizaje de los alumnos, encauzar sus acciones y reflexiones y proporcionar situaciones en las que desarrollar las competencias. El docente debe asumir conscientemente un rol que facilite el proceso de aprendizaje, proponiendo y cuidando un encuadre que favorezca un ambiente seguro en el que los alumnos puedan aprender, tomar riesgos, equivocarse extrayendo de sus errores lecciones significativas, apoyarse mutuamente, establecer relaciones positivas y de confianza, crear relaciones significativas con adultos a quienes respetan no por su estatus como tal, sino como personas cuyo ejemplo, cercana y apoyo emocional es valioso. Es necesario destacar que el desarrollo de la competencia se concreta en el aula, ya que formar con un enfoque en competencias significa crear experiencias de aprendizaje para que los alumnos adquieran la capacidad de movilizar, de forma integral, recursos que se consideran indispensables para saber resolver problemas en diversas situaciones o contextos, e involucran las dimensiones cognitiva, afectiva y psicomotora; por ello, los programas de estudio, describen las competencias a desarrollar, entendindolas como la combinacin integrada de conocimientos, habilidades, actitudes y valores que permiten el logro de un desempeo eficiente, autnomo, flexible y responsable del individuo en situaciones especficas y en un contexto dado. En consecuencia, la competencia implica la comprensin y transferencia de los conocimientos a situaciones de la vida real; ello exige relacionar, integrar, interpretar, inventar, aplicar y transferir los saberes a la resolucin de problemas. Esto significa que el contenido, los medios de enseanza, las estrategias de aprendizaje, las formas de organizacin de la clase y la evaluacin se estructuran en funcin de la competencia a formar; es decir, el nfasis en la proyeccin curricular est en lo que los alumnos tienen que aprender, en las formas en cmo lo hacen y en su aplicacin a situaciones de la vida cotidiana y profesional. Considerando que el alumno est en el centro del proceso formativo, se busca acercarle elementos de apoyo que le muestren qu competencias va a desarrollar, cmo hacerlo y la forma en que se le evaluar. Es decir, mediante la gua pedaggica el alumno podr autogestionar su aprendizaje a travs del uso de estrategias flexibles y apropiadas que se transfieran y adopten a nuevas situaciones y contextos e ir dando seguimiento a sus avances a travs de una autoevaluacin constante, como base para mejorar en el logro y desarrollo de las competencias indispensables para un crecimiento acadmico y personal.
DEWE-02
3/129
2. Datos de Identificacin de la
Norma
Ttulo:. Unidad (es) de competencia laboral:
Cdigo:
Nivel de competencia:
DEWE-02
4/129
3.
Generalidades Pedaggicas
Con el propsito de difundir los criterios a considerar en la instrumentacin de la presente gua entre los docentes y personal acadmico de planteles y Colegios Estatales, se describen algunas consideraciones respecto al desarrollo e intencin de las competencias expresadas en los mdulos correspondientes a la formacin bsica, propedutica y profesional. Los principios asociados a la concepcin constructivista del aprendizaje mantienen una estrecha relacin con los de la educacin basada en competencias, la cual se ha concebido en el Colegio como el enfoque idneo para orientar la formacin ocupacional de los futuros profesionales tcnicos y profesionales tcnicos bachiller. Este enfoque constituye una de las opciones ms viables para lograr la vinculacin entre la educacin y el sector productivo de bienes y servicios. En los programas de estudio se proponen una serie de contenidos que se considera conveniente abordar para obtener los Resultados de Aprendizaje establecidos; sin embargo, se busca que este planteamiento le d al docente la posibilidad de desarrollarlos con mayor libertad y creatividad. En este sentido, se debe considerar que el papel que juegan el alumno y el docente en el marco del Modelo Acadmico de Calidad para la Competitividad tenga, entre otras, las siguientes caractersticas:
El alumno:
Mejora su capacidad para resolver problemas. Aprende a trabajar en grupo y comunica sus ideas. Aprende a buscar informacin y a procesarla. Construye su conocimiento. Adopta una posicin crtica y autnoma. Realiza los procesos de autoevaluacin y coevaluacin.
El docente:
Organiza su formacin continua a lo largo de su trayectoria profesional Domina y estructura los saberes para facilitar experiencias de aprendizaje significativo Planifica los procesos de enseanza y de aprendizaje atendiendo al enfoque por competencias, y los ubica en contextos disciplinares, curriculares y sociales amplios Lleva a la prctica procesos de enseanza y de aprendizaje de manera efectiva, creativa e innovadora a su contexto institucional Evala los procesos de enseanza y de aprendizaje con un enfoque formativo Construye ambientes para el aprendizaje autnomo y colaborativo Contribuye a la generacin de un ambiente que facilite el desarrollo sano e integral de los estudiantes
Participa en los proyectos de mejora continua de su escuela y apoya la gestin institucional
DEWE-02
5/129

En esta etapa se requiere una mejor y mayor organizacin acadmica que apoye en forma relativa la actividad del alumno, que en este caso es mucho mayor que la del docente; lo que no quiere decir que su labor sea menos importante. El docente en lugar de transmitir vertical y unidireccionalmente los conocimientos, es un mediador del aprendizaje, ya que:
Planea y disea experiencias y actividades necesarias para la adquisicin de las competencias previstas. Asimismo, define los ambientes de aprendizaje, espacios y recursos adecuados para su logro. Proporciona oportunidades de aprendizaje a los estudiantes apoyndose en metodologas y estrategias didcticas pertinentes a los Resultados de Aprendizaje. Ayuda tambin al alumno a asumir un rol ms comprometido con su propio proceso, invitndole a tomar decisiones. Facilita el aprender a pensar, fomentando un nivel ms profundo de conocimiento. Ayuda en la creacin y desarrollo de grupos colaborativos entre los alumnos. Gua permanentemente a los alumnos. Motiva al alumno a poner en prctica sus ideas, animndole en sus exploraciones y proyectos.
Considerando la importancia de que el docente planee y despliegue con libertad su experiencia y creatividad para el desarrollo de las competencias consideradas en los programas de estudio y especificadas en los Resultados de Aprendizaje, en las competencias de las Unidades de Aprendizaje, as como en la competencia del mdulo; podr proponer y utilizar todas las estrategias didcticas que considere necesarias para el logro de estos fines educativos, con la recomendacin de que fomente, preferentemente, las estrategias y tcnicas didcticas que se describen en este apartado. Al respecto, entenderemos como estrategias didcticas los planes y actividades orientados a un desempeo exitoso de los resultados de aprendizaje, que incluyen estrategias de enseanza, estrategias de aprendizaje, mtodos y tcnicas didcticas, as como, acciones paralelas o alternativas que el docente y los alumnos realizarn para obtener y verificar el logro de la competencia; bajo este tenor, la autoevaluacin debe ser considerada tambin como una estrategia por excelencia para educar al alumno en la responsabilidad y para que aprenda a valorar, criticar y reflexionar sobre el proceso de enseanza y su aprendizaje individual. Es as como la seleccin de estas estrategias debe orientarse hacia un enfoque constructivista del conocimiento y estar dirigidas a que los alumnos observen y estudien su entorno, con el fin de generar nuevos conocimientos en contextos reales y el desarrollo de las capacidades reflexivas y crticas de los alumnos. Desde esta perspectiva, a continuacin se describen brevemente los tipos de aprendizaje que guiarn el diseo de las estrategias y las tcnicas que debern emplearse para el desarrollo de las mismas:
DEWE-02
6/129
TIPOS DE APRENDIZAJES.
Significativo Se fundamenta en una concepcin constructivista del aprendizaje, la cual se nutre de diversas concepciones asociadas al cognoscitivismo, como la teora psicogentica de Jean Piaget, el enfoque sociocultural de Vygotsky y la teora del aprendizaje significativo de Ausubel. Dicha concepcin sostiene que el ser humano tiene la disposicin de aprender verdaderamente slo aquello a lo que le encuentra sentido en virtud de que est vinculado con su entorno o con sus conocimientos previos. Con respecto al comportamiento del alumno, se espera que sean capaces de desarrollar aprendizajes significativos, en una amplia gama de situaciones y circunstancias, lo cual equivale a aprender a aprender, ya que de ello depende la construccin del conocimiento. Colaborativo. El aprendizaje colaborativo puede definirse como el conjunto de mtodos de instruccin o entrenamiento para uso en grupos, as como de estrategias para propiciar el desarrollo de habilidades mixtas (aprendizaje y desarrollo personal y social). En el aprendizaje colaborativo cada miembro del grupo es responsable de su propio aprendizaje, as como del de los restantes miembros del grupo (Johnson, 1993.) Ms que una tcnica, el aprendizaje colaborativo es considerado una filosofa de interaccin y una forma personal de trabajo, que implica el manejo de aspectos tales como el respeto a las contribuciones y capacidades individuales de los miembros del grupo (Maldonado Prez, 2007). Lo que lo distingue de otro tipo de situaciones grupales, es el desarrollo de la interdependencia positiva entre los alumnos, es decir, de una toma de conciencia de que slo es posible lograr las metas individuales de aprendizaje si los dems compaeros del grupo tambin logran las suyas. El aprendizaje colaborativo surge a travs de transacciones entre los alumnos, o entre el docente y los alumnos, en un proceso en el cual cambia la responsabilidad del aprendizaje, del docente como experto, al alumno, y asume que el docente es tambin un sujeto que aprende. Lo ms importante en la formacin de grupos de trabajo colaborativo es vigilar que los elementos bsicos estn claramente estructurados en cada sesin de trabajo. Slo de esta manera se puede lograr que se produzca, tanto el esfuerzo colaborativo en el grupo, como una estrecha relacin entre la colaboracin y los resultados (Johnson & F. Johnson, 1997). Los elementos bsicos que deben estar presentes en los grupos de trabajo colaborativo para que ste sea efectivo son:
la interdependencia positiva.
DEWE-02
7/129

la responsabilidad individual. la interaccin promotora. el uso apropiado de destrezas sociales. el procesamiento del grupo.
Asimismo, el trabajo colaborativo se caracteriza principalmente por lo siguiente:

Se desarrolla mediante acciones de cooperacin, responsabilidad, respeto y comunicacin, en forma sistemtica, entre los integrantes del grupo y subgrupos. Va ms all que slo el simple trabajo en equipo por parte de los alumnos. Bsicamente se puede orientar a que los alumnos intercambien informacin y trabajen en tareas hasta que todos sus miembros las han entendido y terminado, aprendiendo a travs de la colaboracin. Se distingue por el desarrollo de una interdependencia positiva entre los alumnos, en donde se tome conciencia de que slo es posible lograr las metas individuales de aprendizaje si los dems compaeros del grupo tambin logran las suyas. Aunque en esencia esta estrategia promueve la actividad en pequeos grupos de trabajo, se debe cuidar en el planteamiento de las actividades que cada integrante obtenga una evidencia personal para poder integrarla a su portafolio de evidencias.
Aprendizaje Basado en Problemas. Consiste en la presentacin de situaciones reales o simuladas que requieren la aplicacin del conocimiento, en las cuales el alumno debe analizar la situacin y elegir o construir una o varias alternativas para su solucin (Daz Barriga Arceo, 2003). Es importante aplicar esta estrategia ya que las competencias se adquieren en el proceso de solucin de problemas y en este sentido, el alumno aprende a solucionarlos cuando se enfrenta a problemas de su vida cotidiana, a problemas vinculados con sus vivencias dentro del Colegio o con la profesin. Asimismo, el alumno se apropia de los conocimientos, habilidades y normas de comportamiento que le permiten la aplicacin creativa a nuevas situaciones sociales, profesionales o de aprendizaje, por lo que:
Se puede trabajar en forma individual o de grupos pequeos de alumnos que se renen a analizar y a resolver un problema seleccionado o diseado especialmente para el logro de ciertos resultados de aprendizaje. Se debe presentar primero el problema, se identifican las necesidades de aprendizaje, se busca la informacin necesaria y finalmente se regresa al problema con una solucin o se identifican problemas nuevos y se repite el ciclo. Los problemas deben estar diseados para motivar la bsqueda independiente de la informacin a travs de todos los medios dis ponibles para el alumno y adems generar discusin o controversia en el grupo. El mismo diseo del problema debe estimular que los alumnos utilicen los aprendizajes previamente adquiridos.
DEWE-02
8/129

El diseo del problema debe comprometer el inters de los alumnos para examinar de manera profunda los conceptos y objetivos que se quieren aprender. El problema debe estar en relacin con los objetivos del programa de estudio y con problemas o situaciones de la vida diaria para que los alumnos encuentren mayor sentido en el trabajo que realizan. Los problemas deben llevar a los alumnos a tomar decisiones o hacer juicios basados en hechos, informacin lgica y fundamentada, y obligarlos a justificar sus decisiones y razonamientos. Se debe centrar en el alumno y no en el docente.
TCNICAS
Mtodo de proyectos. Es una tcnica didctica que incluye actividades que pueden requerir que los alumnos investiguen, construyan y analicen informacin que coincida con los objetivos especficos de una tarea determinada en la que se organizan actividades desde una perspectiva experiencial, donde el alumno aprende a travs de la prctica personal, activa y directa con el propsito de aclarar, reforzar y construir aprendizajes (Intel Educacin). Para definir proyectos efectivos se debe considerar principalmente que:
Los alumnos son el centro del proceso de aprendizaje. Los proyectos se enfocan en resultados de aprendizaje acordes con los programas de estudio. Las preguntas orientadoras conducen la ejecucin de los proyectos. Los proyectos involucran mltiples tipos de evaluaciones continuas. El proyecto tiene conexiones con el mundo real. Los alumnos demuestran conocimiento a travs de un producto o desempeo. La tecnologa apoya y mejora el aprendizaje de los alumnos. Las destrezas de pensamiento son integrales al proyecto.
Para el presente mdulo se hacen las siguientes recomendaciones:

Integrar varios mdulos mediante el mtodo de proyectos, lo cual es ideal para desarrollar un trabajo colaborativo.
DEWE-02
9/129

En el planteamiento del proyecto, cuidar los siguientes aspectos: Establecer el alcance y la complejidad. Determinar las metas. Definir la duracin. Determinar los recursos y apoyos. Establecer preguntas gua. Las preguntas gua conducen a los alumnos hacia el logro de los objetivos del proyecto. La cantidad de preguntas gua es proporcional a la complejidad del proyecto. Calendarizar y organizar las actividades y productos preliminares y definitivos necesarias para dar cumplimiento al proyecto.
Las actividades deben ayudar a responsabilizar a los alumnos de su propio aprendizaje y a aplicar competencias adquiridas en el saln de clase en proyectos reales, cuyo planteamiento se basa en un problema real e involucra distintas reas. El proyecto debe implicar que los alumnos participen en un proceso de investigacin, en el que utilicen diferentes estrategias de estudio; puedan participar en el proceso de planificacin del propio aprendizaje y les ayude a ser flexibles, reconocer al "otro" y comprender su propio entorno personal y cultural. As entonces se debe favorecer el desarrollo de estrategias de indagacin, interpretacin y presentacin del proceso seguido. De acuerdo a algunos tericos, mediante el mtodo de proyectos los alumnos buscan soluciones a problemas no convencionales, cuando llevan a la prctica el hacer y depurar preguntas, debatir ideas, hacer predicciones, disear planes y/o experimentos, recolectar y analizar datos, establecer conclusiones, comunicar sus ideas y descubrimientos a otros, hacer nuevas preguntas, crear artefactos o propuestas muy concretas de orden social, cientfico, ambiental, etc. En la gran mayora de los casos los proyectos se llevan a cabo fuera del saln de clase y, dependiendo de la orientacin del proyecto, en muchos de los casos pueden interactuar con sus comunidades o permitirle un contacto directo con las fuentes de informacin necesarias para el planteamiento de su trabajo. Estas experiencias en las que se ven involucrados hacen que aprendan a manejar y usar los recursos de los que dis ponen como el tiempo y los materiales. Como medio de evaluacin se recomienda que todos los proyectos tengan una o ms presentaciones del avance para evaluar resultados relacionados con el proyecto. Para conocer acerca del progreso de un proyecto se puede: Pedir reportes del progreso. Presentaciones de avance, Monitorear el trabajo individual o en grupos. Solicitar una bitcora en relacin con cada proyecto.
DEWE-02
10/129

Calendarizar sesiones semanales de reflexin sobre avances en funcin de la revisin del plan de proyecto.
Estudio de casos. El estudio de casos es una tcnica de enseanza en la que los alumnos aprenden sobre la base de experiencias y situaciones de la vida real, y se permiten as, construir su propio aprendizaje en un contexto que los aproxima a su entorno. Esta tcnica se basa en la participacin activa y en procesos colaborativos y democrticos de discusin de la situacin reflejada en el caso, por lo que:
Se deben representar situaciones problemticas diversas de la vida para que se estudien y analicen. Se pretende que los alumnos generen soluciones validas para los posibles problemas de carcter complejo que se presenten en la realidad futura. Se deben proponer datos concretos para reflexionar, analizar y discutir en grupo y encontrar posibles alternativas para la solucin del problema planteado. Guiar al alumno en la generacin de alternativas de solucin, le permite desarrollar la habilidad creativa, la capacidad de innovacin y representa un recurso para conectar la teora a la prctica real. Debe permitir reflexionar y contrastar las propias conclusiones con las de otros, aceptarlas y expresar sugerencias.
El estudio de casos es pertinente usarlo cuando se pretende:

Analizar un problema. Determinar un mtodo de anlisis. Adquirir agilidad en determinar alternativas o cursos de accin. Tomar decisiones.
Algunos tericos plantean las siguientes fases para el estudio de un caso:

Fase preliminar: Presentacin del caso a los participantes Fase de eclosin: "Explosin" de opiniones, impresiones, juicios, posibles alternativas, etc., por parte de los participantes. Fase de anlisis: En esta fase es preciso llegar hasta la determinacin de aquellos hechos que son significativos. Se concluye esta fase cuando se ha conseguido una sntesis aceptada por todos los miembros del grupo. Fase de conceptualizacin: Es la formulacin de conceptos o de principios concretos de accin, aplicables en el caso actual y que permiten ser utilizados o transferidos en una situacin parecida.
DEWE-02
11/129
Interrogacin. Consiste en llevar a los alumnos a la discusin y al anlisis de situaciones o informacin, con base en preguntas planteadas y formuladas por el docente o por los mismos alumnos, con el fin de explorar las capacidades del pensamiento al activar sus procesos cognitivos; se recomienda integrar esta tcnica de manera sistemtica y continua a las anteriormente descritas y al abordar cualquier tema del programa de estudio.
Participativo-vivenciales. Son un conjunto de elementos didcticos, sobre todo los que exigen un grado considerable de involucramiento y participacin de todos los miembros del grupo y que slo tienen como lmite el grado de imaginacin y creatividad del facilitador. Los ejercicios vivenciales son una alternativa para llevar a cabo el proceso enseanza-aprendizaje, no slo porque facilitan la transmisin de conocimientos, sino porque adems permiten identificar y fomentar aspectos de liderazgo, motivacin, interaccin y comunicacin del grupo, etc., los cuales son de vital importancia para la organizacin, desarrollo y control de un grupo de aprendizaje. Los ejercicios vivenciales resultan ser una situacin planeada y estructurada de tal manera que representan una experiencia muy atractiva, divertida y hasta emocionante. El juego significa apartarse, salirse de lo rutinario y montono, para asumir un papel o personaje a travs del cual el individuo pueda manifestar lo que verdaderamente es o quisiera ser sin temor a la crtica, al rechazo o al ridculo. El desarrollo de estas experiencias se encuentra determinado por los conocimientos, habilidades y actitudes que el grupo requiera revisar o analizar y por sus propias vivencias y necesidades personales.
DEWE-02
12/129
4. Enfoque del Mdulo
El mdulo de Diseo y elaboracin de pginas web est organizado en dos unidades, las cuales se convierten en los ejes de aprendizaje del mismo: El desarrollo de pginas web estticas y dinmicas, ambas estn enfocadas en la adquisicin de competencias para elaborar sitios web empleando lenguajes de programacin que estn orientados al desarrollo sobre la web misma. El eje destinado para la adquisicin de la habilidad de desarrollar pginas web estticas, est enfocado a que el alumno construya pginas web, empleando los elementos propios del lenguaje de programacin del lado del cliente XHTML y aplicndo formato a las pginas diseadas mediante el uso del lenguaje de hojas de estilo en cascada o CSS. Por otra parte el segundo eje se avoca a que el alumno adquiera la habilidad para desarrollar pginas web dinmicas, empleando el software de desarrollo y lenguaje de programacin del lado del servidor, integrando contenido dinmico a las pginas web diseadas, mediante la elaboracin de formularios que permitan realizar la actualizacin de informacin contenida en bases de datos. El enfoque de este mdulo, al estar centrado en el desarrollo de competencias, enfatiza la integracin de todos los tipos de aprendizaje, desde el saber qu, imprescindible para el desarrollo de este mdulo ya que se requiere de un dominio de informacin sobre los lenguajes, estndares y metodologas empleadas en el diseo y desarrollo de pginas web, as como tambin del saber hacer cuyo saber procedimental lo aplica en la elaboracin de cdigo de etiquetas propios del lenguaje XHTML y el desarrollo de cdigo de programacin, empleando un lenguaje del lado del servidor para proporcionar interaccin y manejo de informacin en las pginas web desarrolladas. Para el desarrollo de las capacidades mencionadas, es necesario que el docente considere como punto de partida lo que el alumno ya sabe o ha experimentado sobre programacin y manejo de bases de datos, a fin de que ello lo motive a adquirir nuevos conocimientos y experiencias que integre de forma significativa a las estructuras que posee, ya sea a travs de lo que l mismo descubra o infiera, o a travs del anlisis y sntesis creativa de los planteamientos docentes. En lo que se refiere al aprendizaje procedimental, ese implica la consecucin del propsito del mdulo a travs de acciones secuenciadas que lleven gradualmente al alumno al desarrollo de sus actividades, primeramente acadmicas y posteriormente profesionales, de manera segura, consciente y responsable. Por otra parte, sin dejar de reconocer que la enseanza debe personalizarse, en el sentido de permitir a cada alumno trabajar con independencia y a su propio ritmo, tambin es importante incluir y promover en este mdulo estrategias de aprendizaje colaborativo y grupal, as como tambin fomentar el desarrollo de competencias transversales que permitan establecer una mejor comunicacin e interrelaciones con los dems, socializar, compartir e intercambiar informacin, potencializar un pensamiento crtico, lo que contribuye a activar el aprendizaje y autoaprendizaje. El contexto en el que se estructura el mdulo parte de la consideracin de que en la sociedad actual se exige que la escuela forme y prepare para la vida, de modo que el alumno no slo responda a situaciones inmediatas sino que adquiera conocimientos, habilidades y actitudes que le permitan una
DEWE-02
13/129

participacin reflexiva y comprometida con su entorno local y mundial. Para lograrlo hay que enfatizar el desarrollo de competencias que permitan a los sujetos comprender el mundo e insertarse de manera exitosa a la sociedad, El desarrollo de estas competencias implica interrelaciones mutuas. As, el promover la cultura del respeto y la solidaridad se vincula fcilmente con la capacidad de tomar decisiones y la iniciativa de llevar a cabo proyectos personales, aprovechando diversas informaciones y los avances de la ciencia. El reto docente es cmo integrar las competencias y favorecer el desarrollo de las disciplinas que pretenda ensear ya que el enfoque de competencias que se plantea no alude nicamente a las competencias para la vida, sino a las competencias bsicas, disciplinares y profesionales que forman un todo. Para fomentar el desarrollo de las capacidades mencionadas, el docente debe considerar las competencias ya adquiridas de los alumnos en los mdulos precedentes al paso por la carrera y en especfico en este trayecto tcnico, a fin de que ello lo motive a adquirir nuevos conocimientos y experiencias que se integren de forma significativa a las estructuras que ya posee, ya sea a travs de lo que l mismo descubra o infiera, o a travs del anlisis y sntesis creativa de los planteamientos docentes. En lo que se refiere al aprendizaje procedimental, implica la consecucin del propsito del mdulo a travs de acciones secuenciadas que lleven gradualmente al alumno al desarrollo de sus actividades, primeramente acadmicas y posteriormente profesionales, de manera segura, consciente y responsable. Por otra parte, es importante incluir y promover en este mdulo estrategias de aprendizaje colaborativo y grupal, as como fomentar el desarrollo de competencias transversales que permitan establecer una mejor comunicacin e interrelaciones con los dems, socializar, compartir e intercambiar informacin, potencializar un pensamiento crtico, lo que contribuye a activar el aprendizaje y autoaprendizaje. Se recomienda por ltimo elaborar un cdigo tico durante el desarrollo del mdulo con el propsito de definir los compromisos y responsabilidades que deben compartir en el espacio acadmico, como: respeto a la persona, honestidad, confianza, justicia, comunicacin, cooperacin, iniciativa, amabilidad, perseverancia y la actitud positiva para el logro de objetivos, as como adecuar las prcticas de ejercicio al equipo existente en el laboratorio de informtica y al rea de aplicacin de la carrera; realizando las prcticas con orden, limpieza, fomentando el uso de software libre o de marca, evitando acciones ilegales para garantizar el funcionamiento y calidad del mismo.
DEWE-02
14/129
5. Orientaciones didcticas y estrategias de aprendizaje por unidad
Unidad I
Desarrollo de pginas web estticas
Orientaciones Didcticas
La unidad correspondiente al desarrollo de pginas web estticas, est orientada en un principio a la identificacin de la arquitectura y estndares empleados en el desarrollo de sitios web, a definir los contenidos que se incluirn en el sitio web y los pasos que se deben dar para elaborar la estructura del sitio; as como a realizar el diseo y desarrollo de las pginas web, empleando el lenguaje de etiquetas XHTML de acuerdo a los estndares y normas establecidos para la construccin de sitios web. Esta unidad le proporcionar al alumno elementos bsicos que le permitirn desarrollar las actividades y prcticas previstas en la unidad subsecuente, por eso se propone que el docente lleve a cabo lo siguiente: Analiza con sus alumnos, las implicaciones y alcances del programa del mdulo, con el fin de precisar aquellas formas de trabajar, responsabilidades y compromisos de los integrantes del grupo que dirijan tanto al logro del propsito el mdulo, como de los objetivos generales de la carrera. Promueve la dinmica grupal colaborativa y cooperativa a travs de la realizacin de las tcnicas didcticas y de aprendizaje correspondientes, durante el transcurso de cada sesin para favorecer el clima que fomente el intercambio constructivo de ideas Fomenta la participacin en plenaria en el encuadre del mdulo, 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 sesin pueda establecer con precisin qu es lo que se espera de l y qu puede esperar del proceso de enseanzaaprendizaje que est por aprender. Inicia el mdulo fijando las expectativas, los resultados esperados y los beneficios que obtendr el alumno, al concluir satisfactoriamente el programa, considerando establecer la forma de trabajar a lo largo del semestre, y la forma en que se abordarn las unidades. Efecta el cierre de ciclos de aprendizaje no solamente al concluir cada tema o subtema, sino de cada sesin de clase, con la finalidad de lograr un proceso lgico de enseanza-aprendizaje, en el que el alumno pueda apreciar tanto sus logros cotidianos y la importancia de su
DEWE-02
15/129

esfuerzo y constancia, como la importancia de la afirmacin de sus capacidades para dar paso a la adquisicin de nuevas competencias, especialmente las relacionadas con el manejo de tecnologas de informacin y la comunicacin para procesar u obtener datos, as como expresar ideas.
Para el resultado de aprendizaje 1.1. Se recomiendan las siguientes orientaciones didcticas:
Aborda la determinacin de la estructura del sitio web mediante investigacin, identificacin y uso del conjunto de mtodos 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.
Expresa ideas y conceptos sobre la construccin de pginas web mediante sus representaciones y elementos grficos para el establecimiento de comunicacin con el usuario. Elige las fuentes de informacin ms relevantes al realizar labores de investigacin documental y discrimina entre ellas a fin de presentar informacin que sea de utilidad y confiable.
Aborda el desarrollo de sitios web mediante el uso de un
lenguaje para desarrollo de pginas web, haciendo uso del lenguaje de
programacin del lado del cliente XHTML en la que presenta los principales elementos empleados en el desarrollo de pginas web. Implementa reglas de estilo a las pginas web mediante el uso del lenguaje de programacin de Hojas de Estilos en Cascada a fin de obtener un diseo estandarizado en los elementos empleados. Ordena la informacin en las pginas web de acuerdo a categoras, jerarquas y relaciones a fin de presentar informacin al usuario que sea fcil de entender.
Aborda la construccin de hojas de estilo en cascada mediante el desarrollo de cdigo del lenguaje de hojas de estilo en cascada para controlar el aspecto y presentacin de los documentos electrnicos definidos con HTML y XHTML, permitiendo elaborar pginas web complejas al separar los contenidos y la presentacin de los mismos mediante CSS.
DEWE-02
16/129
Sigue instrucciones y procedimientos de manera reflexiva en la realizacin de cada una de las prcticas realizadas, comprendiendo como cada uno de los pasos contribuye al desarrollo e integracin de sitios web.
Sintetiza las evidencias obtenidas en el desarrollo de aplicaciones para producir conclusiones y formular nuevas aplicaciones.
Fortalece las siguientes competencias transversales: Dadas las caractersticas de este mdulo es necesario acompaar permanentemente al alumno con una serie de competencias transversales con la finalidad de hacerlo un sujeto activo de su propio desarrollo y segundo, aplicar una serie de estrategias para ensear al alumno a ser creativo, crtico, respetuoso y encuentre alternativas de solucin cuando se le presenten problemas, con la finalidad de lograr un alumno competente de tal forma que el aprendizaje que adquiera sea para la vida y para su trabajo. Por eso se propone: Subraya la importancia que tiene la presencia del alumno en cada clase, su participacin para el enriquecimiento del aprendizaje de todo el grupo y la asignacin de tareas y actividades intra y extramuros, con el fin de incentivar en l su cumplimiento voluntario y oportuno. Fomenta la responsabilidad del alumno en el cumplimiento de sus tareas, en especial cuando trabaja en equipo. Fomenta que el alumno aplique las competencias adquiridas en mdulos previos respecto al desarrollo de programas de cmputo. Establece medios para recapitular lo aprendido por los integrantes del grupo. Incentiva el razonamiento lgico - prctico individual y por equipo de trabajo Fomenta la capacidad de escuchar y la participacin activa para defender sus opiniones. Expande el uso de las herramientas de las TICs en los casos que las condiciones de los alumnos y el plantel as lo permitan. Transfiere aprendizajes a diversos contextos de aplicacin. Brindar una formacin de calidad y con equidad en donde se promueva la participacin plena de los sujetos en el mundo del trabajo, el estudio y la convivencia acompaando sus procesos de reconocimiento y adquisicin de saberes y habilidades, procurando remover inequidades que se originan en visiones estereotipadas sobre el papel que juegan las distintas personas segn su sexo, origen, situacin social, conocimientos, etc.
Estrategias de Aprendizaje
Realizar una investigacin documental a travs de la consulta de las fuentes sugeridas o haciendo uso de internet, para analizar y describir en un documento empleando algn procesador de textos, las arquitecturas ms comunes empleadas en desarrollo de aplicaciones web. Realizar una investigacin 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).
Recursos Acadmicos
Bsica: Quijado Lpez, Jos. Domine PHP y MySQL 2a Ed.Mxico, Alfaomega, 2010. Quijado Lpez, Jos. Domine JavaScript. 3a Ed., Mxico, Alfaomega, 2011 Quijado, Lpez, Jos. Domine XHTML 1.0 y CSS 2. Mxico, Alfaomega, 2008. Complementaria:
DEWE-02
17/129
Gua Pedaggica y de Evaluacin del Mdulo: Diseo y elaboracin de pginas web Estrategias de Aprendizaje
Lenguajes de programacin del lado del cliente orientados al desarrollo web. Lenguajes de programacin del lado del servidor orientados al desarrollo web.
Recursos Acadmicos
Barco, Pedro; Lpez, Reyes; Baleriola, Manuel. Mantenimiento de Portales de Informacin. Espaa, McGrawHill/Interamericana de Espaa. 2006. Beati, Hernn PHP - Creacin de pginas web dinmicas. Mxico. Alfaomega, 2011. Firtman, Maximiliano, Carrizo, Mariano, Plataforma Flash Para Profesionales.1. Edicin, Mxico, Editorial Alfaomega. 2011
Gutirrez Rodrguez, Abraham y Bravo Garca, Gins. Luis. PHP 5 a travs de ejemplos. Mxico, Alfaomega Grupo Editor, 2005.
Organizar cuatro equipos en la modalidad colaborativa con la totalidad de integrantes del grupo, para realizar una investigacin documental y de campo en algn negocio, empresa o institucin de su localidad, con el fin de recabar informacin que le permita determinar y elaborar la estructura propuesta del sitio a desarrollar. Realizar el ejercicio No. 1 Definicin del Sitio Web. Realiza la Actividad de Evaluacin 1.1.1. Dnde: Elabora la justificacin y la estructura propuesta del sitio web acorde con los requerimientos del cliente, en la que define:
Objetivo del sitio. Audiencia. Contenidos. Mapa del sitio. Sistemas de Navegacin. Borradores de pginas. Maqueta web.
Comentar en clase los resultados de la actividad de evaluacin realizada, efectuando una coevaluacin enfocada tanto al proceso ejecutado como a los resultados obtenidos. Aplicar las siguientes etiquetas en la insercin y estructuracin de texto en el diseo de las pginas web.
<p> </p> h1, h2
Oros, Juan Carlos. Diseo de pginas Web con XHTML, JavaScript y CSS 3a ed.. Mxico, Alfaomega, 2011.
Pginas Web:
Realizar la prctica No. 1 Insercin de texto y estructuracin en prrafos con cdigo XHTML.. Realizar la prctica No. 2 Manejo de secciones. Aplicar las siguientes etiquetas en el marcado de texto en el diseo de las pginas web, con cdigo XHTML.
<em> </em> <strong> </strong>
Realizar la prctica No. 3 Marcado de texto con cdigo XHTML. Aplicar las siguientes etiquetas en la creacin de hipervnculos en el diseo de las pginas web.
<a> </a> Atributos: name=texto href = url
Realizar la prctica No. 4 Creacin de hipervnculos con cdigo XHTML. Aplicar las siguientes etiquetas para el manejo de listas en el diseo de las pginas web.
<ul> </ul> <li> </li>
Primeros pasos hacia XHTML. Disponible en http://www.maestrosdelweb.com/editorial/hac iaxhtml/ (25/10/2012) Curso prctico de XHTML. Disponible en: http://www.programacion.com/articulo/cur so_practico_de_xhtml_1_0_34 (25/10/2012) XHTML Tutorial Disponible en http://www.w3schools.com/xhtml/DEFAUL T.asp CSS tutorial. Disponible en: http://www.w3schools.com/css/ (25/10/2012) Gua breve de CSS Disponible en http://www.w3c.es/divulgacion/guiasbreves/H
DEWE-02
18/129
<ol> </ol> <dl> </dl> <dt> </dt> <dd> </dd>
Recursos Acadmicos
ojasEstilo (25/10/2012) Foro para programadores. Disponible en http://www.lawebdelprogramador.com/ (25/10/2012)
Realizar la prctica No. 5 Agrupamiento de elementos mediante listas. Aplicar las siguientes etiquetas para la insercin de imgenes en el diseo de las pginas web. Imagen
<img> Atributos: src = url alt = texto height = unidad de medida width = unidad de medida
Realizar la prctica No. 6 Insercin de imgenes empleando etiquetas de imgenes. Aplicar las siguientes etiquetas para el manejo de tablas en el diseo de las pginas web.
<table> </table> <tr> </tr> <td> </td> <th> </th>
Realizar la prctica No. 7 Manejo de tablas con cdigo HTML. Realiza la actividad de evaluacin 1.2.1. Dnde: Desarrolla la pgina web del sitio propuesto en la actividad de evaluacin 1.1.1, empleando los siguientes elementos del lenguaje de etiquetas XHTML:
Formato de texto. Hipervnculos. Imgenes y elementos multimedia. Listas. Tablas. Formularios Marcos.
Comentar en clase los resultados de la actividad de evaluacin realizada, efectuando una coevaluacin enfocada tanto al proceso ejecutado como a los resultados obtenidos. Aplicar las siguientes etiquetas para el manejo de formularios en el diseo de las pginas web.
<form> Atributos: action = url method = POST o GET <input> Atributos: type = "text | password | checkbox | radio | submit | reset |file | hidden | image | button" Realizar la prctica No. 8 Creacin de formularios con cdigo HTML. Realizar la prctica No. 9 Declaracin de hojas de estilo con cdigo HTML. -
Realizar la prctica No. 10 Establecer apariencia del texto y de la letra en las pginas web. Realizar la prctica No. 11 Cambio de apariencia de la pgina web empleando estilos en los
DEWE-02
19/129
hipervnculos y en las listas de las pginas web.
Recursos Acadmicos
Realizar la prctica No. 12 Definicin de propiedades para el control del aspecto de las tablas usando hojas de estilos en cascada. Realiza la actividad de evaluacin 1.3.1. Dnde: Construye hojas de estilo en cascada para definir su aspecto y presentacin de los siguientes elementos en las pginas web desarrolladas:
Texto. Enlaces. Listas. Tablas. Formularios.
Comentar en clase los resultados de la actividad de evaluacin realizada, efectuando una coevaluacin enfocada tanto al proceso ejecutado como a los resultados obtenidos
DEWE-02
20/129
Unidad II
Desarrollo de pginas web dinmicas
Orientaciones Didcticas
Esta unidad est orientada al desarrollo de aplicaciones web empleando los componentes de la plataforma de desarrollo. Para el logro de los objetivos se requiere que el alumno desarrolle, aquellas competencias relacionadas con la programacin de aplicaciones empleando un lenguaje de programacin orientado a la web, por eso se propone que el docente lleve a cabo lo siguiente: Enfatiza los objetivos del mdulo precisados en la anterior unidad, de forma que se renueve el compromiso del grupo para su logro. Organizar sistemticamente la informacin que se ha de manejar y procesar para su aprendizaje. Efectuando explcitamente la vinculacin de esta unidad con la que precede, con el fin de que el alumno valore su importancia acadmica y curricular. Promueve la elaboracin de ejercicios relacionados con la gestin y aprovechamiento de la informacin de las bases de datos y con el desarrollo general de los contenidos de la unidad, tanto de forma individual como en grupo, favoreciendo su anlisis, coevaluacin y retroalimentacin grupal en ambos casos. Aborda el primer resultado de aprendizaje denominado implementacin de la interactividad a las pginas web, mediante el desglose de la estructura general del lenguaje de script para el desarrollo de aplicaciones web, considerando variables, arreglos, estructuras de control, funciones, etc., con la finalidad de estar en posibilidad de desarrollar posteriormente aplicaciones que cumplan con el envo y recepcin de datos de entrada y salida. Aborda el segundo resultado de aprendizaje relacionado con el acceso a las bases de datos en pginas web y a la programacin de interfaces de la aplicacin con las bases de datos para el manejo dinmico de la informacin, a travs del desarrollo de formularios dinmicos, empleando el lenguaje de programacin seleccionado para el desarrollo de las aplicaciones. Fortalece la reflexin y el razonamiento como elementos precedentes ya sea para la programacin estructurada, o para el anlisis y diseo pginas web dinmicas a requerimiento del usuario. Fortalece las siguientes competencias transversales: Fomenta la observacin de la aplicacin prctica de los conceptos estudiados, de ser posible en la actividad de profesionistas del rea, o mediante la visita a aquellas empresas e instituciones de su comunidad que as lo permitan, en las cuales se manejan diversas polticas para el desarrollo y procesamiento informtico de datos.
DEWE-02
21/129

Fomenta el desarrollo de competencias ecolgicas, especialmente aquellas relacionadas con el manejo de la papelera y el uso de energa elctrica, a fin de que el alumno adquiera conciencia en la aplicacin de medidas tales como utilizar ambas caras de las hojas blancas, reciclar hojas de medio uso y en general recursos que le permitan el ahorro de energa apagando el equipo que no utilice y proporcionndole el mantenimiento preventivo necesario. Maneja las tecnologas de la informacin y la comunicacin para obtener informacin que le permita describir las principales tecnologas y plataformas para el desarrollo de aplicaciones web.
Estrategias de Aprendizaje
Aplicar las siguientes instrucciones de javascript en las pginas web.
<script type="text/javascript"> Alert() Onclick() <noscript> </noscript>
Recursos Acadmicos
Gutirrez Rodrguez Abraham, Bravo Garca Gins, PHP 5 a travs de ejemplos, Alfaomega RA~Ma, 2005 Quijado Lpez Jos, Domine PHP, Alafaomega Ra~Ma, 2008 Barco Pedro, Lpez Reyes, Baleriola Manuel, Mantenimiento de Portales de Informacin, Ed. Mc. Graw Hill/Interamericana de Espaa, S.A.U. 2006. Gutirrez Rodrguez Abraham, Bravo Garca Gins, PHP 5 a travs de ejemplos, Alfaomega RA~Ma, 2005 Oltra Fidel, Albert Jess, Vericat Alicia, Operaciones con bases de datos ofimticas y corporativas, Ed. Mc. Graw Hill/Interamericana de Espaa, S.A.U. 2006. Ramos Mara Jess, Ramos Alicia, Montero Fernando, Sistemas Gestores de Bases de Datos, E. Mc Graw Hill/interamericana de Espaa, S.A.U. 2006 Gerald V. Post, Sistemas de administracin de bases de datos, Ed. Mc Graw Hill/interamericana , 2006.
Realizar la prctica No. 13 Inclusin de cdigo de Javascript en XHTML empleando un archivo externo. Aplicar la siguiente definicin de javascript para el uso de variables.
-
Realizar la prctica No. 14 Uso de variables empleando javascript. Realizar la prctica No. 15 Manejo de arreglos empleando javascript. Realiza la actividad de evaluacin 2.1.1. Desarrolla cdigo de programacin para implementar interactividad a las pginas web desarrolladas haciendo uso de los siguientes elementos del lenguaje javascript:
Variables. Operadores. Estructuras de control Funciones predefinidas de Javascript.
Var nombre de variable Var nombre_arreglo = [valor1, valor2, , valorN]
Comentar en clase los resultados de la actividad de evaluacin realizada, efectuando una coevaluacin enfocada tanto al proceso ejecutado como a los resultados obtenidos Desarrollo de aplicaciones Realizar la prctica No. 16 Almacena valores mediante declaracin y uso de variables Realizar la prctica No. 17 Realiza operaciones con declaracin y uso de variables Declaracin y uso de variables Realizar la prctica No. 18 Almacena valores mltiples usando de arreglos. Aplicar las siguientes estructuras de decisin para definir el orden de ejecucin de bloques de cdigo:
Pginas Web:
Javascript Tutorial. Disponible en: http://www.tizag.com/javascriptT/ (25/10/2012) Javascript Disponible en http://www.webestilo.com/javascript/ (25/10/2012) Apache HTTP Server Disponible en:http://httpd.apache.org/ (25/10/2012)
DEWE-02
22/129
-
Recursos Acadmicos
The Official Microsoft IIS Site Disponible en: http://www.iis.net/ Instalacin de Apache en Windows Disponible en: http://www.desarrolloweb.com/articulos/1 379.php (25/10/2012) PHP a fondo Disponible en: http://www.desarrolloweb.com/php/ (25/10/2012) ASP a fondo Disponible en: http://www.desarrolloweb.com/asp/ (25/10/2011) PHP/MySQL Disponible en: http://php.net/manual/en/book.mysql.php (25/10/2012) Tutorial de SQL Disponible en: http://www.desarrolloweb.com/manuales/ 9/ (25/10/2012) Aprende PHP en 12 captulos. Disponible en: http://tutorialphp.net/ (25/10/2012) Descripcin de Java para principiantes. Disponible en http://www.apl.jhu.edu/~hall/java/BeginnersCorner.html,: 2003 (25/10/2012) Tutoriales de Java Disponible en http://javatutorials.dev.java.net (25/10/2012)
Realizar la prctica No. 19 Controla el flujo de la informacin usando sentencia condicional if-else. Aplicar las siguientes estructuras de ciclo para la ejecucin continua y/o repetida de bloques de cdigo
For While Do while
if else else if
Realizar la prctica No. 20 Calcula el factorial de un nmero usando sentencia for Realizar la prctica No. 21 Calcula la descomposicin factorial usando sentencia while Realizar la prctica No. 22 Calcula races con el empleo de funciones. Manejo de Cookies y sesiones Realizar la prctica No. 23 Guarda accesos a aplicaciones con empleo de cookies. Realizar la prctica No. 24 Guarda accesos a aplicaciones con empleo de sesiones. Diseo de Bases de Datos Realizar la prctica No. 25 Crea base de datos y tablas mediante sentencias SQL. Conexin con la base de datos Realiza la prctica No. 26 Conexin de la aplicacin con el motor de base de datos mediante sentencias SQL Consultas a la base de datos. Realizar la prctica No. 27 Consulta de registros de la base de datos empleando un criterio de seleccin. Realizar la prctica No. 28 Consulta de registros de la base de datos empleando criterios de seleccin. Formularios Realizar la prctica No. 29 Agrega registros en la base de datos con desarrollo de formularios. Realizar la prctica No. 30 Elimina registros en la base de datos con desarrollo de formularios.. Realizar la prctica No. 31 Modifica registros en la base de datos con desarrollo de formularios.. Validacin de datos de entrada Realizar la prctica No. 32 Mantiene la integridad de la informacin mediante validacin de
DEWE-02
23/129
datos de formularios. Control de acceso y seguridad Realizar la prctica No. 33 Acceso mediante contrasea a la aplicacin. Realiza la Actividad de evaluacin 2.2.1. Dnde: Desarrolla el cdigo de programacin para establecer la conectividad con las bases de datos en la implementacin dinmica de la informacin contenida en las tablas de las bases de datos, haciendo uso de los siguientes elementos:
Constantes. Variables. Arreglos. Estructuras de Control de flujo. Funciones. Formularios.
Recursos Acadmicos
Comentar en clase los resultados de la actividad de evaluacin realizada, efectuando una coevaluacin enfocada tanto al proceso ejecutado como a los resultados obtenidos
DEWE-02
24/129
6.
Prcticas/Ejercicios /Problemas/Actividades
Nombre del Alumno:
Grupo:
Unidad de Aprendizaje 1:
Desarrollo de pginas web estticas.
Resultado de Aprendizaje:
1.1 Determina la estructura del sitio web con base en las necesidades del usuario.
Ejercicio nm. 1:
Definicin del Sitio Web.
Tomando como punto de partida el estudio de campo realizado, se requiere obtener una propuesta de la estructura del sitio web, para lo cual: Describe los datos generales del negocio, empresa u organizacin:
Nombre. Direccin. Ciudad. Giro de la empresa.
Describe los objetivos del sitio.

Refleja en una lista el conjunto de objetivos especficos, medibles, alcanzables, realistas, acotados en el tiempo que se deben conseguir para lograr el objetivo global perseguido. Objetivo1 Objetivo2 Objetivo3...
Describe la audiencia del sitio mediante: - Entrevista a funcionarios que atienden al pblico.
EJEMPLO: A que vino a la institucin?
DEWE-02
25/129

Tiene acceso a Internet? Propio o a travs de Cibercafes? Qu tipo de informacin Internet le habra evitado este viaje? Qu le gustara ver en el sitio de Internet de esta Institucin?
Entrevista al equipo de desarrollo.
EJEMPLO: Preguntas al equipo de desarrollo Cules son las audiencias previstas? Por qu la gente vendr a su sitio?
Estudio de escenarios de uso que permitan determinar situaciones de uso reales en el sitio web
EJEMPLO: Si nuestro sitio Web, se refiere a cotizaciones, se puede aplicar el caso de Juan Prez, agricultor de Maz, quiere saber qu puede hacer para pagar los impuestos por su comunidad. Existe en el sitio una respuesta para l? Si llegara al sitio y viera la portada que se ha diseado, encontrara la respuesta a su pregunta?
. Definicin de Contenidos. - Emplea como mnimo:

EJEMPLO: Acerca de la Institucin: entregar la informacin completa referida a Autoridades, Organigrama, Normativa legal asociada, Oficinas, Horas de Atencin, Telfonos, etc. Productos / Servicios: destacar las actividades principales que el usuario puede hacer en la institucin; puede incluir una gua de trmites que facilite las acciones de las personas que acudirn a la institucin y que considere servicios interactivos para hacerlos desde el Sitio Web. Novedades de la Institucin: ltimas actividades, noticias, etc.
Agrupa y etiqueta el contenido en conjuntos coherentes y les asigna nombres que los identifique. Identifica los requerimientos funcionales.
EJEMPLO: Formulario de Contacto para envo de mensajes electrnicos. Sistema de envo de noticia por mail a un amigo. Mapa del sitio. Etc.
Anlisis de Sitios Similares.
DEWE-02
26/129

Define y describe la Estructura del sitio. - Mapas del sitio.
EJEMPLO:
rbol Organizacional:
rbol Funcional:
Describe cada uno de los elementos que integraran los Sistemas de Navegacin del sitio web. Men General: siempre presente en todo el sitio, permite el acceso a cada una de las reas del sitio. Pi de Pgina: usualmente ubicado en la parte inferior de cada pgina, indica el nombre de la institucin, telfonos, direccin fsica y de correo electrnico. Barra Corporativa: ofrece diversas opciones de informacin respecto del sitio y tal como el anterior, se muestra en todas las pginas. Etc, Etc.
EJEMPLO:
Disea la Estructura de las pginas.
EJEMPLO:
DEWE-02
27/129
Genera Bocetos de Diseo.
EJEMPLO:
DEWE-02
28/129
DEWE-02
29/129
Unidad de Aprendizaje:
Nmero:
Prctica:
Insercin de texto y estructuracin en prrafos con cdigo XHTML.
Nmero:
Propsito de la prctica:
Insertar texto en las pginas web y emplear prrafos con cdigo XHTML, con la finalidad de presentar informacin ordenada y estructurada para que sea fcil de comprender por el usuario.
Escenario:
Laboratorio de informtica.
Duracin
1 horas
Materiales, Herramientas, Instrumental, Maquinaria y Equipo
Desempeos Aplica las siguientes medidas de seguridad e higiene en el desarrollo de la prctica: - Evita la manipulacin de comida o lquidos cerca del equipo de cmputo - No introduce objetos extraos en las entradas fsicas de dispositivos de la computadora - No utiliza imanes cerca de discos compactos, memorias extrables de la computadora - Limpia el rea de trabajo, prepara herramientas y los materiales a utilizar Utilizar las hojas por ambas caras y colocar las de desecho las en el recipiente destinado para su posterior envi a reciclaje
NOTA al Alumno: Realizar un respaldo de la informacin que generes en un dispositivo de almacenamiento. NOTA El docente deber adecuar la prctica al equipo y recursos de software con el que se cuenta.
Equipo de cmputo Core Duo o superior Dispositivo de almacenamiento (USB) Manual de XHTML. Editor de texto plano. Navegador web.
Verifica que el equipo de cmputo se encuentra conectado. 1. Enciende equipo de cmputo. 2. Abre sesin de ambiente grfico. 3. Ingresa al editor de texto. 4. Transcribe el siguiente texto en el editor:
Este es el texto que forma el primer prrafo de la pgina. Los prrafos pueden ocupar varias lneas y el navegador se encarga de ajustar su longitud al tamao de la ventana. El segundo prrafo de la pgina tambin se define encerrando su texto con la etiqueta p. El navegador tambin se encarga de separar automticamente cada prrafo.
DEWE-02
30/129

5.
Desempeos
Elabora el cdigo XHTML requerido para obtener como resultado la siguiente pgina web, empleando prrafos.
6.
Guarda en el disco duro la pgina web diseada.
Realiza el encendido y apagado del equipo de cmputo de acuerdo a indicaciones del fabricante. Entrega un informe de las actividades realizadas en la prctica, formando el portafolio de evidencias.
ADVERTENCIA DE RIESGO ELCTRICO
DEWE-02
31/129
Nmero:
Prctica:
Manejo de secciones con cdigo XHTML.
Nmero:
Estructura las pginas empleando secciones con cdigo XHTML, para ayudar a la fcil lectura de la informacin.
Escenario:
Duracin
1 horas
1. 2. 3. 4. 5.
Verifica que el equipo de cmputo se encuentra conectado. Enciende equipo de cmputo. Abre sesin de ambiente grfico. Ingresa al editor de texto. Elabora el cdigo XHTML requerido para obtener como resultado la siguiente pgina web, empleando secciones.
DEWE-02
32/129

Desempeos
6.
DEWE-02
33/129
Nmero:
Prctica:
Marcado de texto, con cdigo XHTML.
Nmero:
Realizar el marcado de los elementos que conforman el texto con cdigo XHTML, para presentar elementos que requieran denotar nfasis.
Escenario:
Duracin
2 horas
1. 2. 3. 4. 5. 6.
Verifica que el equipo de cmputo se encuentra conectado. Enciende equipo de cmputo. Abre sesin de ambiente grfico. Ingresa al editor de texto. Elabora el cdigo XHTML requerido para estructurar, marcar el texto proporcionado y obtener como resultado la siguiente pgina web, empleando etiquetas de marcado de texto. Guarda en el disco duro la pgina web diseada.
DEWE-02
34/129

Materiales, Herramientas, Instrumental, Maquinaria y Equipo Realiza el encendido y apagado del equipo de cmputo de acuerdo a indicaciones del fabricante. Entrega un informe de las actividades realizadas en la prctica, formando el portafolio de evidencias.
Desempeos
DEWE-02
35/129
Nmero:
Prctica:
Creacin de hipervnculos con cdigo XHTML.
Nmero:
Establecer relaciones entre 2 o ms recursos con cdigo XHTML, para demostrar el uso de hipervnculos.
Escenario:
Duracin
2 horas
Verifica que el equipo de cmputo se encuentra conectado. 1. Enciende equipo de cmputo. 2. Abre sesin de ambiente grfico. 3. Ingresa al editor de texto. 4. A partir de la estructura de directorios y archivos indicada a continuacin.
DEWE-02
36/129

Desempeos
5.
Crear la siguiente pgina llamada ndice.html que sirva como pgina principal del sitio y que contenga un hipervnculo a la pgina de ndice de proyectos.
6.
Crear la siguiente pgina de ndice de proyectos, la cual contendr hipervnculos a las imgenes indicadas en la pgina:
DEWE-02
37/129

Desempeos
7.
DEWE-02
38/129
Nmero:
Prctica:
Agrupamiento de elementos mediante listas.
Nmero:
Agrupar elementos empleando listas para presentar informacin ordenada.
Escenario:
Duracin
2 horas
Verifica que el equipo de cmputo se encuentra conectado. 1. Enciende equipo de cmputo. 2. Abre sesin de ambiente grfico. 3. Ingresa al editor de texto. 4. Elabora el cdigo XHTML requerido para obtener como resultado la siguiente pgina web, empleando listas anidadas.
DEWE-02
39/129

5.
Desempeos
DEWE-02
40/129
Nmero:
Prctica:
Insercin de imgenes empleando etiquetas de imgenes
Nmero:
Insertar imgenes directas en las pginas web empleando etiquetas de imgenes, que mejoren el aspecto y presentacin de la informacin en las pginas web.
Escenario:
Duracin
1 horas
Verifica que el equipo de cmputo se encuentra conectado. 1. Enciende equipo de cmputo. 2. Abri sesin de ambiente grfico. 3. Ingresa al editor de texto. 4. Modifica el cdigo XHTML de la prctica No. 6 para mostrar directamente las imgenes de los proyectos para obtener como resultado algo similar a la siguiente pgina web, empleando etiquetas de imgenes.
DEWE-02
41/129

5.
Desempeos
DEWE-02
42/129
Nmero:
Prctica:
Manejo de tablas con cdigo HTML
Nmero:
Emplear tablas con cdigo HTML, para estructurar en filas y columnas la informacin de las pginas web.
Escenario:
Duracin
2 horas
Verifica que el equipo de cmputo se encuentra conectado. 1. Enciende equipo de cmputo. 2. Abre sesin de ambiente grfico. 3. Ingresa al editor de texto. 4. Determina el cdigo XHTML necesario para crear la pgina con tabla que se muestra a continuacin: 5. Guarda en el disco duro la pgina web diseada.
Realiza el encendido y apagado del equipo de cmputo de acuerdo a indicaciones del fabricante.
DEWE-02
43/129

Desempeos Entrega un informe de las actividades realizadas en la prctica, formando el portafolio de evidencias.
DEWE-02
44/129
Nmero:
Prctica:
Creacin de formularios con cdigo HTML
Nmero:
Emplea formularios con cdigo HTML, para que los usuarios interacten con las aplicaciones web.
Escenario:
Duracin
2 horas
Verifica que el equipo de cmputo se encuentra conectado. 1. Enciende equipo de cmputo. 2. Abre sesin de ambiente grfico. 3. Ingresa al editor de texto. 4. Determina el cdigo XHTML necesario para crear el formulario que se muestra a continuacin en la que se deben aplicar los siguientes elementos en el cdigo: Elegir el mtodo ms adecuado para el formulario (GET o POST). La aplicacin que se encarga de procesar el formulario se encuentra en la raz del servidor, carpeta php y archivo insertar_cv.php. El nombre puede tener 30 caracteres como mximo, los apellidos 80 caracteres y la
DEWE-02
45/129

-
Desempeos
contrasea 10 caracteres como mximo. Asignar los valores adecuados al campo del CURP. Por defecto, debe estar marcada la casilla de suscripcin al boletn de novedades.
5.
DEWE-02
46/129
Nmero:
Prctica:
Declaracin de hojas de estilo con cdigo HTML
Nmero:
Determinar las formas de definir estilos con cdigo HTML, para la insercin de hojas de estilo en cascada.
Escenario:
Duracin
2 horas
Equipo de cmputo Core Duo o superior Dispositivo de almacenamiento (USB) Manual de XHTML. Manual de CSS. Editor de texto plano. Navegador web.
Verifica que el equipo de cmputo se encuentra conectado. 1. Enciende equipo de cmputo. 2. Abre sesin de ambiente grfico. 3. Ingresa al editor de texto. 4. Elabora un ejemplo sencillo en el que utilice cada una de las siguientes formas de definir estilos para insertar cdigo CSS en el diseo de las pginas web :
Estilo documento <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//ES"> <HTML> <HEAD>
DEWE-02
47/129

Desempeos
<STYLE type="text/css">  </STYLE> </HEAD> <BODY></BODY> </HTML> Estilo en lnea
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//ES"> <HTML> <HEAD> ... </HEAD> <BODY> ... <ETIQUETA Style="style:valor;"> ... </ETIQUETA> ... </BODY> </HTML>
Estilo externo
<HTML> <HEAD> <LINK rel="stylesheet" type="text/css" href="style.css"> </HEAD> ...
Estilo importado
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//ES"> <HTML> <HEAD> <STYLE type="text/css"> <!-@IMPORT URL (url de la hoja a importar); Definicin de los estilos del documento; --> </STYLE> </HEAD> <BODY></BODY> </HTML>
5.
Guarda el cdigo generado con las declaraciones de estilos en el disco duro.
DEWE-02
48/129

Desempeos Realiza el encendido y apagado del equipo de cmputo de acuerdo a indicaciones del fabricante. Entrega un informe de las actividades realizadas en la prctica, formando el portafolio de evidencias.
*fuente: http://es.kioskea.net/contents/css/cssimplant.php3
DEWE-02
49/129
Nmero:
Prctica:
Establecer apariencia del texto y de la letra en las pginas web con cdigo HTML
Nmero:
10
Definir propiedades con cdigo HTML, que permitan establecer la apariencia del texto y de la letra utilizada
Escenario:
Duracin
1 hora
1. 2. 3. 4. 5.
Verifica que el equipo de cmputo se encuentra conectado. Enciende equipo de cmputo. Abre sesin de ambiente grfico. Ingresa al editor de texto. Ingresa una lista no ordenada con los siguientes hipervnculos:
6.
- Pgina principal - Altas - Bajas - Modificaciones - Consultas Ingresa un encabezado con el siguiente texto: Uso de herramientas aplicaciones web
DEWE-02
50/129

7.
Desempeos
Ingresa los siguientes prrafos:
8.
- En este ejemplo haremos uso de hojas de estilo en cascada! - Daremos formato al texto y a los enlaces! - Esta Pgina no cuenta con imgenes, pero contiene enlaces, aunque no te lleven a ningn sitio - Debera haber ms cosas aqu, pero es suficiente para lo que necesitamos ejemplificar Aplica las siguientes reglas de estilo al documento, empleando en selector body. Color de fondo y de letra body { color: blue } body { background-color: #F3F781 }
Tipo de letra body { font-family: Georgia, Times New Roman, Times, serif }
9.
Aplica la siguiente regla de estilo al encabezado h1 h1 { Font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif }
10. La pgina resultante deber ser similar a la siguiente:
11. Guarda el cdigo elaborado
en el disco duro.
DEWE-02
51/129
Nmero:
Prctica:
Cambio de apariencia de la pgina web empleando estilos en los hipervnculos y en las listas de las pginas web.
Nmero:
11
Cambiar el aspecto de los hipervnculos y de las listas empleadas para mejorar la apariencia de las pginas web.
Escenario:
Duracin
2 horas
1. 2. 3. 4. 5.
Verifica que el equipo de cmputo se encuentra conectado. Enciende equipo de cmputo. Abre sesin de ambiente grfico. Ingresa al editor de texto. Abrir el cdigo desarrollado en la prctica 10, denominada Establecer apariencia del texto y de la letra en las pginas web a efecto de cambiar el aspecto de los hipervnculos.
6.
Modificar la lista no ordenada que contiene los hipervnculos y agregarle el siguiente atributo: class=navbar
Modificar el estilo de la lista para eliminar los puntos que indican los diferentes elementos de la lista y mover los elementos a la izquierda, donde estaban antes los puntos mediante la definicin
DEWE-02
52/129

Desempeos
de los siguientes atributos: - list-style-type: none - padding: 0 - margin: 0 Establecer un fondo blanco a cada elemento de la lista y un cuadro negro en el borde derecho, mediante la definicin de los siguientes atributos:
background: white margin: 0.5em 0 padding: 0.3em border-right: 1em solid black text-decoration: none 8.
7.
Especificar el color de los enlaces en azul para aquellos que el usuario no ha visitado todava, y morado para los enlaces que ya fueron visitados, mediante la definicin de los siguientes atributos.
a:link { color: blue } a:visited {color: purple }
9.
La pgina resultante deber ser similar a la siguiente:
10. Guarda el cdigo elaborado en el
disco duro.
DEWE-02
53/129
Nmero:
Prctica:
Definicin de propiedades para el control del aspecto de las tablas usando hojas de estilos en cascada.
Nmero:
12
Mejorar el aspecto de las tablas diseadas mediante el uso de hojas de estilos en cascada para su desarrollo.
Escenario:
Duracin
2 horas
Verifica que el equipo de cmputo se encuentra conectado. 1. Enciende equipo de cmputo. 2. Abre sesin de ambiente grfico. 3. Ingresa al editor de texto. 4. Determina el cdigo XHTML necesario para crear el diseo de la pgina web que se muestra a continuacin empleando hojas de estilo y empleando los siguientes marcos para definir el diseo: - Marco principal cuyo id sea nombrado conteiner - Marco superior cuyo id sea nombrado header - Marco izquierdo cuyo id sea nombrado izquierda
DEWE-02
54/129

-
Desempeos
Marco derecho cuyo id sea nombrado derecha Marco inferior cuyo id sea nombrado footer
5.
DEWE-02
55/129
Nmero:
Prctica:
Inclusin de cdigo Javascript en XHTML
Nmero:
13
Identificar las distintas formas de incrustar cdigo del lenguaje de programacin Javascript en XHTML, para su desarrollo..
Escenario:
Duracin
2 horas
Equipo de cmputo Core Duo o superior Dispositivo de almacenamiento (USB) Manual de XHTML. Manual de CSS. Manual de Javascript Editor de texto plano. Navegador web.
Verifica que el equipo de cmputo se encuentra conectado. 1. Enciende equipo de cmputo. 2. Abre sesin de ambiente grfico. 3. Ingresa al editor de texto. 4. Transcribe el siguiente cdigo.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//ES" "http://www.w3.org/TR/ xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml">
DEWE-02
56/129

Desempeos
<head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>El primer script</title> <script type="text/javascript"> alert("Este es un mensaje de alerta !"); </script> </head> <body> <p>Esta pgina contiene el primer script</p> </body> </html> 5.
Modificar el cdigo insertado para que: - Todo el cdigo JavaScript se encuentre en un archivo externo llamado codigo.js y el script siga funcionando de la misma manera. - Despus del primer mensaje, se debe mostrar otro mensaje que diga Soy el primer script - Aadir en la pgina XHTML un mensaje de aviso para los navegadores que no tengan activado el soporte de JavaScript
6.
*fuente: Manual de Javascript disponible en http://www.librosweb.es
DEWE-02
57/129
Nmero:
Prctica:
Uso de variables empleando javascript
Nmero:
14
Emplear variables javascript por medio de su cdigo para almacenar y hacer referencias a valores.
Escenario:
Duracin
2 horas
1. 2. 3. 4.
Verifica que el equipo de cmputo se encuentra conectado. Enciende equipo de cmputo. Abre sesin de ambiente grfico. Ingresa al editor de texto Modifica el cdigo desarrollado en la prctica No. 15 denominada Inclusin de cdigo de javascript en XHTML empleando un archivo externo para que:
El mensaje que se muestra al usuario se almacene en una variable llamada mensaje y el funcionamiento del script sea el mismo. El mensaje mostrado sea como el que se muestra a continuacin:
DEWE-02
58/129

Desempeos
5.
DEWE-02
59/129
Nmero:
Prctica:
Manejo de arreglos con javascript
Nmero:
15
Emplear arreglos con javascript para almacenar mltiples valores.
Escenario:
Duracin
2 horas
1. 2. 3. 4. 5. 6. 7.
Verifica que el equipo de cmputo se encuentra conectado. Enciende equipo de cmputo. Abre sesin de ambiente grfico. Ingresa al editor de texto Crear un arreglo denominado meses, el cual almacene el nombre de los meses del ao, Mostrar en pantalla los nombres almacenados, empleando la funcin alert(). Los mensajes mostrados debern ser como los mostrados a continuacin.
DEWE-02
60/129

Desempeos
8.
DEWE-02
61/129
Nmero:
Prctica:
Almacena valores mediante declaracin y uso de variables
Nmero:
16
Almacenar valores con uso de variables mediante lenguaje de desarrollo seleccionado para su muestra.
Escenario:
Duracin
1 hora
Equipo de cmputo Core Duo o superior Dispositivo de almacenamiento (USB) Software de servidor web Software de desarrollo web. Navegador web.
Verifica que el equipo de cmputo se encuentra conectado.

1. 2. 3.
Enciende equipo de cmputo. Abre sesin de ambiente grfico. Escribe un programa en el que le asigna valores a las variables denominadas salario_trabajador e impuesto_trabajador, y realiza el clculo de aplicar el impuesto al sueldo del trabajador para obtener el salario real, y almacene el resultado en una variable denominada salario_real, adems el programa debe mostrar en pantalla los siguientes valores: - Salario del trabajador sin impuestos - Impuesto
DEWE-02
62/129

4. 5. 6. 7. 8.
Desempeos
- Salario con impuestos. Transcribe el programa en el editor del entorno de desarrollo. Guarda el archivo que contiene el programa transcrito. Ejecuta el programa en el navegador. Inicia el proceso de depuracin del programa, hasta cerciorarse que el programa cumpla con el objetivo establecido. Verifica que la pgina resultante es similar a la siguiente:
9.
Apaga el equipo de cmputo.
DEWE-02
63/129
Nmero:
Prctica:
Realiza operaciones con declaracin y uso de variables
Nmero:
17
Realizar operaciones que hagan uso de variables mediante lenguaje de desarrollo seleccionado para almacenar y procesar informacin.
Escenario:
Duracin
1 hora

1. 2. 3.
Enciende equipo de cmputo. Abre sesin de ambiente grfico. Escribe un programa en el que a partir de la asignacin de valores a las variables numricas denominadas n1 y n2, muestra los valores de las variables almacenadas y realice las siguientes operaciones realizadas con las variables n1 y n2, mostrndolas en pantalla: - Suma - Resta - Multiplicacin
DEWE-02
64/129

Desempeos
- Divisin - Divisin sin decimales - Residuo de la divisin - Concatenacin Transcribe el programa en el editor del entorno de desarrollo. Guarda el archivo que contiene el programa transcrito. Ejecuta el programa en el navegador. Inicia el proceso de depuracin del programa, hasta cerciorarse que el programa cumpla con el objetivo establecido. Verifica que la pgina resultante es similar a la siguiente: Apaga el equipo de cmputo.
4. 5. 6. 7. 8. 9.
DEWE-02
65/129
Nmero:
Prctica:
Almacena valores mltiples usando de arreglos
Nmero:
18
Emplear arreglos simples mediante lenguaje de desarrollo seleccionado para almacenar valores mltiples.
Escenario:
Duracin
2 horas
Verifica que el equipo de cmputo se encuentra conectado. 1. Enciende equipo de cmputo. 2. Abre sesin de ambiente grfico. 3. Elabora un programa en el que declara 3 arreglos denominados arreglo0, arreglo1, arreglo2 y le asigna siguientes valores a cada arreglo: - Arreglo0 (Modelo, Marca, CC, Motor, Potencia) - Arreglo1 (cougar, ford, 2.5, V6, 172) - Arreglo2 (chevy, chevrolet, 1.6, V4, 160) y que imprima en pantalla los valores almacenados en cada uno de los arreglos aplicndole formato a la salida empleando tablas. 4. Transcribe el programa en el editor del entorno de desarrollo.
DEWE-02
66/129

5. 6. 7. 8.
Desempeos
Guarda el archivo que contiene el programa transcrito. Ejecuta el programa en el navegador. Inicia el proceso de depuracin del programa, hasta cerciorarse que el programa cumpla con el objetivo establecido. Verifica que la pgina resultante es similar a la siguiente:
10. Apaga el equipo de cmputo.
DEWE-02
67/129
Nmero:
Prctica:
Controla el flujo de la informacin usando sentencia condicional if-else
Nmero:
19
Hacer uso de la sentencia if-else mediante lenguaje de desarrollo seleccionado para controlar el flujo de la informacin.
Escenario:
Duracin
1 hora
Verifica que el equipo de cmputo se encuentra conectado. 1. Enciende equipo de cmputo. 2. Abre sesin de ambiente grfico. 3. Elabora un programa en el que se proporcionen 3 nmeros y realice una comparacin entre los nmeros proporcionados, para determinar cual de los 3 es el mayor. 4. Transcribe el programa en el editor del entorno de desarrollo. 5. Guarda el archivo que contiene el programa transcrito. 6. Ejecuta el programa en el navegador. 7. Inicia el proceso de depuracin del programa, hasta cerciorarse que el programa cumpla con el objetivo establecido. 8. Verifica que la pgina resultante es similar a la siguiente:
DEWE-02
68/129

Desempeos
9.
Apaga el equipo de cmputo.
DEWE-02
69/129
Nmero:
Prctica:
Calcula el factorial de un nmero usando sentencia for
Nmero:
20
Hacer uso de la sentencia for mediante lenguaje de desarrollo seleccionado para calcular el factorial de un nmero.
Escenario:
Duracin
2 horas

1. 2. 3. 4. 5. 6. 7. 8.
Enciende equipo de cmputo. Abre sesin de ambiente grfico. Ingresa al editor del entorno de desarrollo Elabora un programa en el que realice el clculo del factorial de un nmero dado. Transcribe el programa en el editor del entorno de desarrollo. Guarda el archivo que contiene el programa transcrito. Ejecuta el programa en el navegador. Inicia el proceso de depuracin del programa, hasta cerciorarse que el programa cumpla con el objetivo establecido.
DEWE-02
70/129

9.
Desempeos
Verifica que la pgina resultante es similar a la siguiente:
DEWE-02
71/129
Nmero:
Prctica:
Calcula la descomposicin factorial usando sentencia while
Nmero:
21
Hacer uso de la sentencia while mediante lenguaje de desarrollo seleccionado para calcular la descomposicin factorial.
Escenario:
Duracin
2 horas

1. 2. 3. 4. 5. 6. 7. 8.
Enciende equipo de cmputo. Abre sesin de ambiente grfico. Ingresa al editor del entorno de desarrollo Elabora un programa para calcular la descomposicin factorial de un nmero dado. Transcribe el programa en el editor del entorno de desarrollo. Guarda el archivo que contiene el programa transcrito. Ejecuta el programa en el navegador. Inicia el proceso de depuracin del programa, hasta cerciorarse que el programa cumpla con el objetivo establecido.
DEWE-02
72/129

9.
Desempeos
Verifica que la pgina resultante es similar a la siguiente:
DEWE-02
73/129
Nmero:
Prctica:
Calcula races con el empleo de funciones
Nmero:
22
Hacer uso de funciones mediante lenguaje de desarrollo seleccionado para calcular la raz cuadrada y raz cbica de un nmero dado.
Escenario:
Duracin
1 hora

1. 2. 3. 4.
5. 6.
Enciende equipo de cmputo. Abre sesin de ambiente grfico. Ingresa al editor del entorno de desarrollo Elabora un programa para calcular la raz cuadrada y la raz cbica de un nmero dado, para lo cual se requiere elaborar dos funciones, una para calcular la raz cuadrada y otra para calcular la raz cbica e imprimir los valores calculados en pantalla. Transcribe el programa en el editor del entorno de desarrollo. Guarda el archivo que contiene el programa transcrito.
DEWE-02
74/129

7. 8. 9.
Desempeos
Ejecuta el programa en el navegador. Inicia el proceso de depuracin del programa, hasta cerciorarse que el programa cumpla con el objetivo establecido. Verifica que la pgina resultante es similar a la siguiente:
DEWE-02
75/129
Nmero:
Prctica:
Guarda accesos a aplicaciones con empleo de cookies
Nmero:
23
Hacer uso de cookies mediante configuracin propia para guardar los accesos a las aplicaciones por parte de los usuarios.
Escenario:
Duracin
1 hora

1. 2. 3. 4. 5. 6. 7.
Enciende equipo de cmputo. Abre sesin de ambiente grfico. Ingresa al editor del entorno de desarrollo Elabora un programa que permita mostrar un contador de accesos utilizando cookies, y que adems permita eliminar las cookies generadas. Transcribe el programa en el editor del entorno de desarrollo. Guarda el archivo que contiene el programa transcrito. Ejecuta el programa en el navegador.
DEWE-02
76/129

8. 9.
Desempeos
Inicia el proceso de depuracin del programa, hasta cerciorarse que el programa cumpla con el objetivo establecido. Verifica que las pginas resultante son similares a las siguiente:
DEWE-02
77/129

Desempeos
DEWE-02
78/129
Nmero:
Prctica:
Guarda accesos a aplicaciones con empleo de sesiones
Nmero:
24
Hacer uso de sesiones mediante configuracin de prioridades, para guardar los accesos a las aplicaciones por parte de los usuarios.
Escenario:
Duracin
1 hora

1. 2. 3. 4. 5. 6.
Enciende equipo de cmputo. Abre sesin de ambiente grfico. Ingresa al editor del entorno de desarrollo Elabora un programa que permita mostrar un contador de accesos utilizando sesiones, y que adems permita eliminar las sesiones generadas. Esta pgina deber mostrar adems del nmero de accesos, el ID de la sesin y el nombre de la sesin empleada y el nombre anterior de la sesin. Transcribe el programa en el editor del entorno de desarrollo.
DEWE-02
79/129

7. 8. 9.
Desempeos
Guarda el archivo que contiene el programa transcrito. Ejecuta el programa en el navegador. Inicia el proceso de depuracin del programa, hasta cerciorarse que el programa cumpla con el objetivo establecido. 10. Verifica que la pgina resultante es similar a la siguiente:
DEWE-02
80/129

Desempeos
DEWE-02
81/129
Nmero:
Prctica:
Crea base de datos y tablas mediante sentencias SQL
Nmero:
25
Generar bases de datos y tablas mediante sentencias SQL, que almacenarn la informacin de una aplicacin.
Escenario:
Duracin
1 hora
Equipo de cmputo Core Duo o superior Dispositivo de almacenamiento (USB) Software de servidor web Manual de SQL Gestor de Bases de Datos Navegador web.
Verifica que el equipo de cmputo se encuentra conectado. 1. Enciende equipo de cmputo. 2. Abre sesin de ambiente grfico. 3. Ingresa al sistema gestor de bases de datos. 4. Ejecuta las sentencias SQL o emplea las herramientas del sistema gestor para crear una base de datos denominada agenda. 5. Ejecuta las sentencias SQL o emplea las herramientas del sistema gestor para crear una tabla denominada tbl_agenda dentro de la base de datos agenda con la siguiente estructura y define el campo nombre como llave primaria: Campo Tipo Longitud
DEWE-02
82/129

nombre correoe tlf_fijo tlf_movil
Desempeos
Caracter Caracter Caracter Caracter 35 25 10 10
DEWE-02
83/129
Nmero:
Prctica:
Conexin de la aplicacin con el motor de bases de datos mediante sentencias SQL
Nmero:
26
Elaborar un script mediante sentencias SQL, que permita realizar la conexin a la base de datos.
Escenario:
Duracin
1 hora
Equipo de cmputo Core Duo o superior Dispositivo de almacenamiento (USB) Software de servidor web Manual de SQL Sistema Gestor de Bases de Datos Navegador web.
Verifica que el equipo de cmputo se encuentra conectado. 1. Enciende equipo de cmputo. 2. Abre sesin de ambiente grfico. 3. Ingresa al sistema gestor de bases de datos. 4. Elabora un programa que permita hacer la conexin con la base de datos agenda, especificando la base de datos a utilizar, nombre de usuario y contrasea de acceso. 5. Ejecuta las sentencias SQL o emplea las herramientas del sistema gestor para crear una base de datos denominada agenda. 6. Inicia el proceso de depuracin del programa, hasta cerciorarse que el programa cumpla con el objetivo establecido.
DEWE-02
84/129

Desempeos Realiza el encendido y apagado del equipo de cmputo de acuerdo a indicaciones del fabricante. Entrega un informe de las actividades realizadas en la prctica, formando el portafolio de evidencias.
DEWE-02
85/129
Nmero:
Prctica:
Consulta de registros de la base de datos empleando un criterio de seleccin.
Nmero:
27
Realizar consultas a la base de datos empleando un criterio de seleccin para presentar informacin en las pginas web.
Escenario:
Duracin
1 hora
Verifica que el equipo de cmputo se encuentra conectado. 1. Enciende equipo de cmputo. 2. Abre sesin de ambiente grfico. 3. Ingresa al sistema gestor de bases de datos. 4. Selecciona la base de datos agenda. 5. Realiza una consulta de seleccin en la que muestre todos los registros de la tabla tbl_agenda. 6. Guarda los archivos que contienen la programacin desarrollada. 7. Ejecuta los archivos desarrollados 8. Inicia el proceso de depuracin del programa, hasta cerciorarse que el programa cumpla
DEWE-02
86/129

con el objetivo establecido.
Desempeos
DEWE-02
87/129
Nmero:
Prctica:
Consulta de registros de la base de datos empleando criterios de seleccin.
Nmero:
28
Realizar consultas a la base de datos empleando criterios de seleccin que obtenga bsquedas
Escenario:
Duracin
2 horas
Verifica que el equipo de cmputo se encuentra conectado. 1. Enciende equipo de cmputo. 2. Abre sesin de ambiente grfico. 3. Ingresa al sistema gestor de bases de datos. 4. Selecciona la base de datos agenda. 5. Modifica la tabla tbl_agenda y le agrega un campo ms denominado ciudad. 6. Agrega registros en el campo ciudad empleando el sistema gestor de bases de datos. 7. Realiza una consulta de seleccin en la que muestre solo los registros que pertenezcan a una determinada ciudad en la tabla tbl_agenda. 8. Guarda el archivo que contienen la programacin desarrollada. 9. Ejecuta el archivo desarrollado.
DEWE-02
88/129

con el objetivo establecido.
Desempeos
10. Inicia el proceso de depuracin del programa, hasta cerciorarse que el programa cumpla
DEWE-02
89/129
Nmero:
Prctica:
Diseo de formularios para agregar registros.
Nmero:
29
Agrega registros en la base de datos con desarrollo de formularios para su actualizacin.
Escenario:
Duracin
2 horas
Verifica que el equipo de cmputo se encuentra conectado. 1. Enciende equipo de cmputo. 2. Abre sesin de ambiente grfico. 3. Ingresa al sistema gestor de bases de datos. 4. Desarrolla un formulario dinmico que permita dar de alta contactos en la tabla tbl_agenda de la base de datos agenda. 5. El formulario debe contemplar los siguientes campos: - Nombre - Correo Electrnico - Telfono fijo. - Telfono mvil.
DEWE-02
90/129

6.
Desempeos
El formulario desarrollado debe ser similar al siguiente:
7. 8. 9.
Guarda el formulario que contienen la programacin desarrollada. Ejecuta el formulario desarrollado. Inicia el proceso de depuracin del programa, hasta cerciorarse que el programa cumpla con el objetivo establecido.
DEWE-02
91/129
Nmero:
Prctica:
Diseo de formularios de eliminacin de registros
Nmero:
30
Elimina registros en la base de datos con desarrollo de formularios para su depuracin..
Escenario:
Duracin
2 horas
Verifica que el equipo de cmputo se encuentra conectado. 1. Enciende equipo de cmputo. 2. Abre sesin de ambiente grfico. 3. Ingresa al sistema gestor de bases de datos. 4. Desarrolla un formulario dinmico que permita eliminar contactos de la tabla tbl_agenda en la base de datos agenda. 5. El formulario debe mostrar los registros que contiene la base de datos y permitir seleccionar el/los registros a eliminar. 6. El formulario desarrollado debe ser similar al siguiente:
DEWE-02
92/129

Desempeos
7. 8. 9.
DEWE-02
93/129
Nmero:
Prctica:
Modifica registros en la base de datos con desarrollo de formularios.
Nmero:
31
Elaborar formularios mediante desarrollo de programacin para modificar registros de la base de datos.
Escenario:
Duracin
2 horas
Verifica que el equipo de cmputo se encuentra conectado. 1. Enciende equipo de cmputo. 2. Abre sesin de ambiente grfico. 3. Ingresa al sistema gestor de bases de datos. 4. Desarrolla un formulario dinmico que permita modificar los contactos de la tabla tbl_agenda en la base de datos agenda. 5. El formulario debe mostrar los registros que contiene la base de datos y permitir seleccionar el registro a modificar. 6. El formulario desarrollado debe ser similar al siguiente:
DEWE-02
94/129

Desempeos
7. 8. 9.
Realiza el encendido y apagado del equipo de cmputo de acuerdo a indicaciones del
DEWE-02
95/129

Materiales, Herramientas, Instrumental, Maquinaria y Equipo fabricante. Entrega un informe de las actividades realizadas en la prctica, formando el portafolio de evidencias.
Desempeos
DEWE-02
96/129
Nmero:
Prctica:
Mantiene la integridad de la informacin mediante validacin de datos de formularios.
Nmero:
32
Validar la informacin de entrada mediante formularios diseados para asegurar la integridad.
Escenario:
Duracin
1 horas
Verifica que el equipo de cmputo se encuentra conectado. 1. Enciende equipo de cmputo. 2. Abre sesin de ambiente grfico. 3. Ingresa al sistema gestor de bases de datos. 4. Elabora un programa para validar los campos de entrada del formulario de alta de registros, con la finalidad de que no permita agregar campos en blanco a la base de datos. 5. El formulario debe enviar un mensaje de error al tratar de insertar registros con datos vacos. 6. El mensaje enviado por el formulario al tratar de dar de alta registros en blanco debe ser similar al siguiente:
DEWE-02
97/129

Desempeos
7. 8. 9.
DEWE-02
98/129
Nmero:
Prctica:
Acceso mediante contrasea a la aplicacin.
Nmero:
33
Implementar la solicitud de usuario mediante contrasea para permitir solo el acceso a usuarios autorizados a las pginas web
Escenario:
Duracin
1 horas
Verifica que el equipo de cmputo se encuentra conectado. 1. Enciende equipo de cmputo. 2. Abre sesin de ambiente grfico. 3. Ingresa al editor del ambiente de desarrollo. 4. Elabora un programa en el que solicite la autenticacin del usuario mediante la solicitud de un nombre de usuario y contrasea, empleando el sistema de autentificacin del protocolo HTTP, empleando las variables globales del servidor. 5. El formulario debe ser similar al siguiente:
DEWE-02
99/129

Desempeos
6. 7. 8.
DEWE-02
100/129
II. Gua de Evaluacin del Mdulo Diseo y elaboracin de pginas web
DEWE-02
101/129
7. Descripcin
La gua de evaluacin es un documento que define el proceso de recoleccin y valoracin de las evidencias requeridas por el mdulo desarrollado y tiene el propsito de guiar en la evaluacin de las competencias adquiridas por los alumnos, asociadas a los Resultados de Aprendizaje; en donde adems, describe las tcnicas y los instrumentos a utilizar y la ponderacin de cada actividad de evaluacin. Los Resultados de Aprendizaje se definen tomando como referentes: las competencias genricas que va adquiriendo el alumno para desempearse en los mbitos personal y profesional que le permitan convivir de manera armnica con el medio ambiente y la sociedad; las disciplinares, esenciales para que los alumnos puedan desempearse eficazmente en diversos mbitos, desarrolladas en torno a reas del conocimiento y las profesionales que le permitan un desempeo eficiente, autnomo, flexible y responsable de su ejercicio profesional y de actividades laborales especficas, en un entorno cambiante que exige la multifuncionalidad. La importancia de la evaluacin de competencias, bajo un enfoque de mejora continua, reside en que es un proceso por medio del cual se obtienen y analizan las evidencias del desempeo de un alumno con base en la gua de evaluacin y rbrica, para emitir un juicio que conduzca a tomar decisiones. La evaluacin de competencias se centra en el desempeo real de los alumnos, soportado por evidencias vlidas y confiables frente al referente que es la gua de evaluacin, la cual, en el caso de competencias profesionales, est asociada con alguna normalizacin especfica de un sector o rea y no en contenidos y/o potencialidades. El Modelo de Evaluacin se caracteriza porque es Confiable (que aplica el mismo juicio para todos los alumnos), Integral (involucra las dimensiones intelectual, social, afectiva, motriz y axiolgica), Participativa (incluye autoevaluacin, coevaluacin y heteroevaluacin), Transparente (congruente con los aprendizajes requeridos por la competencia), Vlida (las evidencias deben corresponder a la gua de evaluacin).
Evaluacin de los Aprendizajes. Durante el proceso de enseanza - aprendizaje es importante considerar tres finalidades de evaluacin: diagnstica, formativa y sumativa. La evaluacin diagnstica nos permite establecer un punto de partida fundamentado en la deteccin de la situacin en la que se encuentran nuestros alumnos. Permite tambin establecer vnculos socio-afectivos entre el docente y su grupo. El alumno a su vez podr obtener informacin sobre los
DEWE-02
102/129

aspectos donde deber hacer nfasis en su dedicacin. El docente podr identificar las caractersticas del grupo y orientar adecuadamente sus estrategias. En esta etapa pueden utilizarse mecanismos informales de recopilacin de informacin. La evaluacin formativa se realiza durante todo el proceso de aprendizaje del alumno, en forma constante, ya sea al finalizar cada actividad de aprendizaje o en la integracin de varias de stas. Tiene como finalidad informar a los alumnos de sus avances con respecto a los aprendizajes que deben alcanzar y advertirle sobre dnde y en qu aspectos tiene debilidades o dificultades para poder regular sus procesos. Aqu se admiten errores, se identifican y se corrigen; es factible trabajar colaborativamente. Asimismo, el docente puede asumir nuevas estrategias que contribuyan a mejorar los resultados del grupo. Finalmente, la evaluacin sumativa es adoptada bsicamente por una funcin social, ya que mediante ella se asume una acreditacin, una promocin, un fracaso escolar, ndices de desercin, etc., a travs de criterios estandarizados y bien definidos. Las evidencias se elaboran en forma individual, puesto que se est asignando, convencionalmente, un criterio o valor. Manifiesta la sntesis de los logros obtenidos por ciclo o perodo escolar. Con respecto al agente o responsable de llevar a cabo la evaluacin, se distinguen tres categoras: la autoevaluacin que se refiere a la valoracin que hace el alumno sobre su propia actuacin, lo que le permite reconocer sus posibilidades, limitaciones y cambios necesarios para mejorar su aprendizaje. Los roles de evaluador y evaluado coinciden en las mismas personas La coevaluacin en la que los alumnos se evalan mutuamente, es decir, evaluadores y evaluados intercambian su papel alternativamente; los alumnos en conjunto, participan en la valoracin de los aprendizajes logrados, ya sea por algunos de sus miembros o del grupo en su conjunto; La coevaluacin permite al alumno y al docente: Identificar los logros personales y grupales Fomentar la participacin, reflexin y crtica constructiva ante situaciones de aprendizaje Opinar sobre su actuacin dentro del grupo Desarrollar actitudes que se orienten hacia la integracin del grupo Mejorar su responsabilidad e identificacin con el trabajo Emitir juicios valorativos acerca de otros en un ambiente de libertad, compromiso y responsabilidad
La heteroevaluacin que es el tipo de evaluacin que con mayor frecuencia se utiliza, donde el docente es quien, evala, su variante externa, se da cuando agentes no integrantes del proceso enseanza-aprendizaje son los evaluadores, otorgando cierta objetividad por su no implicacin. Actividades de Evaluacin Los programas de estudio estn conformados por Unidades de Aprendizaje (UA) que agrupan Resultados de Aprendizaje (RA) vinculados estrechamente y que requieren irse desarrollando paulatinamente. Dado que se establece un resultado, es necesario comprobar que efectivamente ste
DEWE-02
103/129

se ha alcanzado, de tal suerte que en la descripcin de cada unidad se han definido las actividades de evaluacin indispensables para evaluar los aprendizajes de cada uno de los RA que conforman las unidades. Esto no implica que no se puedan desarrollar y evaluar otras actividades planteadas por el docente, pero es importante no confundir con las actividades de aprendizaje que realiza constantemente el alumno para contribuir a que logre su aprendizaje y que, aunque se evalen con fines formativos, no se registran formalmente en el Sistema de Administracin Escolar SAE. El registro formal procede slo para las actividades descritas en los programas y planes de evaluacin. De esta manera, cada uno de los RA tiene asignada al menos una actividad de evaluacin, a la cual se le ha determinado una ponderacin con respecto a la Unidad a la cual pertenece. sta a su vez, tiene una ponderacin que, sumada con el resto de Unidades, conforma el 100%. Es decir, para considerar que se ha adquirido la competencia correspondiente al mdulo de que se trate, deber ir acumulando dichos porcentajes a lo largo del perodo para estar en condiciones de acreditar el mismo. Cada una de estas ponderaciones depender de la relevancia que tenga la AE con respecto al RA y ste a su vez, con respecto a la Unidad de Aprendizaje. Estas ponderaciones las asignar el especialista diseador del programa de estudios. La ponderacin que se asigna en cada una de las actividades queda asimismo establecida en la Tabla de ponderacin, la cual est desarrollada en una hoja de clculo que permite, tanto al alumno como al docente, ir observando y calculando los avances en trminos de porcentaje, que se van alcanzando (ver apartado 8 de esta gua). Esta tabla de ponderacin contiene los Resultados de Aprendizaje y las Unidades a las cuales pertenecen. Asimismo indica, en la columna de actividades de evaluacin, la codificacin asignada a sta desde el programa de estudios y que a su vez queda vinculada al Sistema de Evaluacin Escolar SAE. Las columnas de aspectos a evaluar, corresponden al tipo de aprendizaje que se evala: C = conceptual; P = Procedimental y A = Actitudinal. Las siguientes tres columnas indican, en trminos de porcentaje: la primera el peso especfico asignado desde el programa de estudios para esa actividad; la segunda, peso logrado, es el nivel que el alumno alcanz con base en las evidencias o desempeos demostrados; la tercera, peso acumulado, se refiere a la suma de los porcentajes alcanzados en las diversas actividades de evaluacin y que deber acumular a lo largo del ciclo escolar. Otro elemento que complementa a la matriz de ponderacin es la rbrica o matriz de valoracin, que establece los indicadores y criterios a considerar para evaluar, ya sea un producto, un desempeo o una actitud y la cual se explicar a continuacin. Una matriz de valoracin o rbrica es, como su nombre lo indica, una matriz de doble entrada en la cual se establecen, por un lado, los indicadores o aspectos especficos que se deben tomar en cuenta como mnimo indispensable para evaluar si se ha logrado el resultado de aprendizaje esperado y, por otro, los criterios o niveles de calidad o satisfaccin alcanzados. En las celdas centrales se describen los criterios que se van a utilizar para evaluar esos indicadores, explicando cules son las caractersticas de cada uno.
DEWE-02
104/129

Los criterios que se han establecido son: Excelente, en el cual, adems de cumplir con los estndares o requisitos establecidos como necesarios en el logro del producto o desempeo, es propositivo, demuestra iniciativa y creatividad, o que va ms all de lo que se le solicita como mnimo, aportando elementos adicionales en pro del indicador; Suficiente, si cumple con los estndares o requisitos establecidos como necesarios para demostrar que se ha desempeado adecuadamente en la actividad o elaboracin del producto. Es en este nivel en el que podemos decir que se ha adquirido la competencia. Insuficiente, para cuando no cumple con los estndares o requisitos mnimos establecidos para el desempeo o producto.
Evaluacin mediante la matriz de valoracin o rbrica Un punto medular en esta metodologa es que al alumno se le proporcione el Plan de evaluacin, integrado por la Tabla de ponderacin y las Rbricas, con el fin de que pueda conocer qu se le va a solicitar y cules sern las caractersticas y niveles de calidad que deber cumplir para demostrar que ha logrado los resultados de aprendizaje esperados. Asimismo, l tiene la posibilidad de autorregular su tiempo y esfuerzo para recuperar los aprendizajes no logrados. Como se plantea en los programas de estudio, en una sesin de clase previa a finalizar la unidad, el docente debe hacer una sesin de recapitulacin con sus alumnos con el propsito de valorar si se lograron los resultados esperados; con esto se pretende que el alumno tenga la oportunidad, en caso de no lograrlos, de rehacer su evidencia, realizar actividades adicionales o repetir su desempeo nuevamente, con el fin de recuperarse de inmediato y no esperar hasta que finalice el ciclo escolar acumulando deficiencias que lo pudiesen llevar a no lograr finalmente la competencia del mdulo y, por ende, no aprobarlo. La matriz de valoracin o rbrica tiene asignadas a su vez valoraciones para cada indicador a evaluar, con lo que el docente tendr los elementos para evaluar objetivamente los productos o desempeos de sus alumnos. Dichas valoraciones estn tambin vinculadas al SAE y a la matriz de ponderacin. Cabe sealar que el docente no tendr que realizar operaciones matemticas para el registro de los resultados de sus alumnos, simplemente deber marcar en cada celda de la rbrica aqulla que ms se acerca a lo que realiz el alumno, ya sea en una hoja de clculo que emite el SAE o bien, a travs de la Web.
DEWE-02
105/129
8. Tabla de Ponderacin
UNIDAD
RA
ACTIVIDAD DE EVALUACIN
ASPECTOS A EVALUAR C P A
% Peso Especfico
% Peso Logrado
% Peso Acumulado
1.1 Determina la estructura del sitio web con base en las necesidades del usuario. 1.2 Elabora pginas web estticas haciendo uso del lenguaje de etiquetas XHTML. 1.3 Construye hojas de estilo en cascada (CSS) de acuerdo con las especificaciones del World Wide Web Consortium (W3C). % PESO PARA LA UNIDAD 2.1 Implementa interactividad a las pginas web, mediante el desarrollo de cdigo de programacin en un lenguaje script 2.. 2.2 Establece el acceso a bases de datos en pginas web mediante el desarrollo de cdigo en un lenguaje de programacin. % PESO PARA LA UNIDAD PESO TOTAL DEL MDULO
1.1.1
10
1. .
1.2.1
25
1.3.1
25
60
2.1.1
15
2.2.1
25
40 100
DEWE-02
106/129
9. Materiales para el Desarrollo de Actividades de Evaluacin
En blanco
DEWE-02
107/129
10. Matriz de Valoracin o Rbrica
MATRIZ DE VALORACIN O RBRICA Siglema: DEWE-02 Docente evaluador: Resultado de Aprendizaje:

1.1 Determina la estructura del sitio web con base en las necesidades del usuario.
Nombre del Mdulo:
Diseo y elaboracin de pginas web
Nombre del Alumno: Grupo: Actividad de evaluacin:

1.1.1
Fecha:
Elabora la justificacin y la estructura propuesta del sitio web acorde con los requerimientos del cliente.
C R I T E R I O S INDICADORES % Excelente
Define el objetivo general y especifico del proyecto utilizando frases que inicien con verbos que expresen las acciones a realizar. Determina los objetivos del sitio en concordancia con las necesidades y planificacin anual proyectada por la organizacin. Adems, hace uso de la visin y misin de la organizacin para obtener claves que permita definir los objetivos. Establece los tipos de audiencia a los que atender el sitio de acuerdo a las siguientes categoras:
Suficiente
Define el objetivo general y especifico del proyecto utilizando frases que inicien con verbos que expresen las acciones a realizar. Determina los objetivos del sitio en concordancia con las necesidades y planificacin anual proyectada por la organizacin.
Insuficiente
Omite lo siguiente:: Define el objetivo general y especifico del proyecto utilizando frases que inicien con verbos que expresen las acciones a realizar. Determina los objetivos del sitio en concordancia con las necesidades y planificacin anual proyectada por la organizacin.
Definicin de objetivos del sitio
15
Establece los tipos de audiencia a los que atender el sitio de acuerdo a las siguientes categoras:
Por capacidad fsica. Por capacidad tcnica. Por conocimiento de la institucin. Por necesidades de informacin. Por ubicacin geogrfica.
Definicin de la Audiencia del Sitio
15
Falta alguna caracterstica: Establece los tipos de audiencia a los que atender el sitio de acuerdo a las siguientes categoras:
Determina situaciones de uso reales y
Determina situaciones de uso reales y
DEWE-02
108/129
hacia quien se deber enfocar el sitio, a travs de estudios de escenarios de uso. Adems, ejemplifica los tipos de contenidos que podran llegar a buscar determinadas audiencias. Utiliza los materiales obtenidos en la etapa de identificacin de objetivos y audiencias, como insumo para la definicin de contenidos. Incluye mnimamente los siguientes contenidos en el sitio:
Acerca de la Institucin. Productos / Servicios. Novedades de la Institucin.
Suficiente
hacia quien se deber enfocar el sitio, a travs de estudios de escenarios de uso.
Insuficiente
Determina situaciones de uso reales y hacia quien se deber enfocar el sitio, a travs de estudios de escenarios de uso.
Utiliza los materiales obtenidos en la etapa de identificacin de objetivos y audiencias, como insumo para la definicin de contenidos. Incluye mnimamente los siguientes contenidos en el sitio:
Carece de algn aspecto: Utiliza los materiales obtenidos en la etapa de identificacin de objetivos y audiencias, como insumo para la definicin de contenidos. Incluye mnimamente los siguientes contenidos en el sitio:
Definicin de contenidos del sitio
25
Agrupa los contenidos en conjuntos coherentes por reas de contenidos y les asigna nombres que los identifiquen. Define los requerimientos funcionales o interaccin que se debe incluir en el sitio, incluyendo al menos los siguientes:
Formulario de contacto. Sistema de envo de noticia a un amigo. Formato de impresin de los contenidos. Mapa del sitio.
Adems, hace comprobaciones empricas de la validez de los nombres de los contenidos seleccionados, preguntando al personal que pertenezca a la institucin y a quienes desconozcan por completo la institucin, que informacin espera encontrar.
DEWE-02
109/129
Usa herramientas de software, cuando: Crea un rbol organizacional del sitio agrupando los contenidos de la manera en que se organiza la institucin en su lgica de actividad. Crea un rbol funcional del sitio, agrupando los contenidos de acuerdo a las tareas que se pueden realizar dentro del sitio. Genera los sistemas de navegacin a los contenidos del sitio haciendo uso de elementos textuales y contextuales, y se asegura que sean consistentes, uniformes y visibles. Dibuja diagramas de las pantallas que tendr el sitio, sin elementos grficos o visuales concretos, solo incluyendo lneas y bloques. Elabora bocetos de diseo o dibujos digitales acabados de las pginas principales del sitio. Genera un prototipo o maqueta web con pginas clickeables para comprobar el desempeo de las pginas utilizando enlaces reales. Adems realiza la comprobacin del peso de las pginas construidas y en caso de quedar fuera de norma optimiza los elementos. Presenta la informacin descrita en los apartados anteriores en formato impreso y digital (elaborados en un procesador de texto y/o presentador grfico), con estructura (caratula, objetivo y contenido,) Cumple con los criterios de contenido y presentacin establecidos..
Suficiente
Usa herramientas de software, cuando: Crea un rbol organizacional del sitio agrupando los contenidos de la manera en que se organiza la institucin en su lgica de actividad. Crea un rbol funcional del sitio, agrupando los contenidos de acuerdo a las tareas que se pueden realizar dentro del sitio. Genera los sistemas de navegacin a los contenidos del sitio haciendo uso de elementos textuales y contextuales, y se asegura que sean consistentes, uniformes y visibles. Dibuja diagramas de las pantallas que tendr el sitio, sin elementos grficos o visuales concretos, solo incluyendo lneas y bloques. Elabora bocetos de diseo o dibujos digitales acabados de las pginas principales del sitio. Genera un prototipo o maqueta web con pginas clickeables para comprobar el desempeo de las pginas utilizando enlaces reales.
Insuficiente
Omite realizar alguna condicin:
Usa herramientas de software, cuando: Crea un rbol organizacional del sitio agrupando los contenidos de la manera en que se organiza la institucin en su lgica de actividad. Crea un rbol funcional del sitio, agrupando los contenidos de acuerdo a las tareas que se pueden realizar dentro del sitio. Genera los sistemas de navegacin a los contenidos del sitio haciendo uso de elementos textuales y contextuales, y se asegura que sean consistentes, uniformes y visibles. Dibuja diagramas de las pantallas que tendr el sitio, sin elementos grficos o visuales concretos, solo incluyendo lneas y bloques. Elabora bocetos de diseo o dibujos digitales acabados de las pginas principales del sitio. Genera un prototipo o maqueta web con pginas clickeables para comprobar el desempeo de las pginas utilizando enlaces reales
Definicin de la estructura del sitio
25
PRESENTACION DE RESULTADOS
10
Presenta la informacin descrita en los apartados anteriores en formato impreso y digital. Cumple con los criterios de contenido y presentacin establecidos. Redacta documento aplicando las reglas ortogrficas y gramaticales. Incluye referencias documentales y/o
Incumple con alguna actividad: Presenta la informacin descrita en los apartados anteriores en formato impreso y digital. Cumple con los criterios de contenido y presentacin establecidos. Redacta documento aplicando las reglas ortogrficas y gramaticales.
DEWE-02
110/129
Redacta documento aplicando las reglas ortogrficas y gramaticales. Incluye referencias documentales y/o electrnicas empleadas. Presenta el documento impreso limpio, respetando la estructura definida para su diseo. Cumple con asistencia total y participacin activa en clase. Muestra perseverancia al aprovechar los errores marcados en actividades previas para mejorar su trabajo. Muestra organizacin y responsabilidad al entregar en fecha previa a la establecida por el docente. Trabaja con limpieza y orden. Tiene disposicin y asume rol asignado en el trabajo colaborativo
Suficiente
electrnicas empleadas.
Insuficiente
Incluye referencias documentales y/o electrnicas empleadas..
ACTITUDES
10
Cumple con asistencia al 90 %. Muestra perseverancia al aprovechar los errores marcados en actividades previas para mejorar su trabajo. Muestra responsabilidad al entregar en la fecha establecida por el docente Trabaja con limpieza y orden. Muestra disposicin y asume rol asignado en el trabajo colaborativo
Carece de lo siguiente: Cumple con asistencia al 90 %. Muestra perseverancia al aprovechar los errores marcados en actividades previas para mejorar su trabajo. Muestra responsabilidad al entregar en la fecha establecida por el docente. Trabaja con limpieza y orden. Muestra disposicin y asume rol asignado en el trabajo colaborativo
100
DEWE-02
111/129

1.2 Elabora pginas web estticas haciendo uso del lenguaje de etiquetas XHTML.
Nombre del Mdulo:

1.2.1
Fecha:
Desarrolla la pgina web del sitio propuesto en la actividad de evaluacin 1.1.1. empleando elementos del lenguaje de etiquetas XHTML:
Utiliza en el diseo de la pgina HTML:
- Caracteres - Marcadores (etiquetas) - Nombre de etiquetas - Atributos - Comentarios
Suficiente
Utiliza en el diseo de la pgina HTML:
Insuficiente
Falta alguna caracterstica: Utiliza en el diseo de la pgina HTML:
USO DE LOS ELEMENTOS DEL LENGUAJE HTML AUTOEVALUACIN
Disea la marcadores:
estructura
con
los
<HTML> <HEAD> <BODY>
estructura
con
los
estructura
con
los
Emplea en el cdigo las 5 normas definidas por XHTML para escribir las etiquetas y atributos. Adems, combina los elementos manteniendo un equilibrio ptico y de contenido de la pgina diseada. Estructura el texto de las pginas web en prrafos y secciones, empleando los siguientes elementos :
Emplea en el cdigo las 5 normas definidas por XHTML para escribir las etiquetas y atributos.
Emplea en el cdigo las 5 normas definidas por XHTML para escribir las etiquetas y atributos.
MANEJO DE TEXTO EN LAS PGINAS
Estructura el texto de las pginas web en prrafos y secciones, empleando los siguientes elementos :
<p> <h1>
10
<p> <h1>
Excluye alguna condicin: Estructura el texto de las pginas web en prrafos y secciones, empleando los siguientes elementos :
<p> <h1>
Realiza el marcado bsico de los elementos que componen el texto empleando las siguientes etiquetas:
Realiza el marcado bsico de los elementos que componen el texto empleando las siguientes etiquetas:
Omite lo siguiente:: Realiza el marcado bsico de los
DEWE-02
112/129
<em> <strong> <ins> <del> <blockquote> <cite> -
Suficiente
<em> <strong> <ins> <del> <blockquote> <cite>
Insuficiente
elementos que componen el texto empleando las siguientes etiquetas:
<em> <strong> <ins> <del> <blockquote> <cite>
Realiza el marcado avanzado de los elementos que componen el texto empleando las siguientes etiquetas:
<abbr> <acronym> <dfn>
Da formato al texto mediante el uso de las siguientes etiquetas para definir espacios en blanco y nuevas lneas.
br &nbsp
br &nbsp
Utiliza texto preformateado mediante el uso de las siguientes etiquetas:

Pre Code

Pre Code
br &nbsp
Adems, aplica al texto combinaciones de diferentes tipos de letra y colores y tamaos. Vincula las pginas desarrolladas utilizando enlaces entre zonas de hipertexto mediante las siguientes etiquetas: Vincula las pginas desarrolladas utilizando enlaces entre zonas de hipertexto mediante las siguientes etiquetas:
<a>. URL Anclas <img> propiedad src propiedad alt propiedad border Formatos GIF y JPG Mapas

Pre Code
VINCULACIN ENTRE PGINAS DEL SITIO
Excluye alguna condicin: Vincula las pginas desarrolladas utilizando enlaces entre zonas de hipertexto mediante las siguientes etiquetas:
10
Inclusin de grficos
-
Inclusin de grficos
Inclusin de grficos
Insertar los siguientes tipos de enlaces en las pginas desarrolladas:
Insertar los siguientes tipos de enlaces en las pginas desarrolladas:
Insertar los siguientes tipos de enlaces
DEWE-02
113/129
Enlace al inicio del sitio web. Enlace a un email. Enlace a un archivo FTP. Enlazar el favicon. -
Suficiente
Enlace al inicio del sitio web. Enlace a un email. Enlace a un archivo FTP. Enlazar el favicon. -
Insuficiente
en las pginas desarrolladas:
Enlace al inicio del sitio web. Enlace a un email. Enlace a un archivo FTP. Enlazar el favicon.
Adems, identifica cuando utilizar enlaces absolutos y cuando enlaces relativos. Agrupa determinadas palabras o frases en un conjunto de elementos utilizando los siguientes tipos de listas segn se requiera: Listas no ordenadas
<ul> <li> <ol> <dl> <dt> <dd>
Agrupa determinadas palabras o frases en un conjunto de elementos utilizando los siguientes tipos de listas segn se requiera: Listas no ordenadas
Falta alguna caracterstica: Agrupa determinadas palabras o frases en un conjunto de elementos utilizando los siguientes tipos de listas segn se requiera: Listas no ordenadas
Listas ordenadas
Listas ordenadas Listas de definicin
MANEJO DE LISTAS
10
Listas de definicin
Listas ordenadas Listas de definicin
Adems, presenta la estructura de una manera lgica, secuencial, con sencillez en la lectura sin sacrificar la comprensin del contenido. Incluye Imgenes en las pginas web desarrolladas mediante el uso de los siguientes elementos: Incluye Imgenes en las pginas web desarrolladas mediante el uso de los siguientes elementos:
<img> atributo src atributo alt atributo name atributo height atributo width
INCORPORACIN DE ELEMENTOS MULTIMEDIA
15
Omite lo siguiente:: Incluye Imgenes en las pginas web desarrolladas mediante el uso de los siguientes elementos:
Incluye Mapas de imagen en las pginas web desarrolladas mediante el uso de:
<map> atributo name
<map> atributo name
<map>
DEWE-02
114/129
<rea> atributo href atributo nohref atributo shape atributo coords -
Suficiente
<rea> atributo href atributo nohref atributo shape atributo coords -
Insuficiente
atributo name <rea> atributo href atributo nohref atributo shape atributo coords
Incluye Objetos en las pginas 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


Adems, utiliza imgenes y objetos acorde con los contenidos mostrados. Organiza la informacin contenida en las pginas web mediante la incorporacin de tablas a las pginas web haciendo uso de las siguientes etiquetas:
<table> atributo summary <tr> <td> < th> atributo headers atributo scope atributo colspan atributo rowspan < caption>
Organiza la informacin contenida en las pginas web mediante la incorporacin de tablas a las pginas web haciendo uso de las siguientes etiquetas:
Excluye alguna condicin: Organiza la informacin contenida en las pginas web mediante la incorporacin de tablas a las pginas web haciendo uso de las siguientes etiquetas:
MANEJO DE TABLAS
10
Adems, emplea diferentes anchos de lnea y colores en las tablas, para diferenciar la informacin a presentar.
DEWE-02
115/129
Incluye formularios en las pginas web desarrolladas mediante el uso de los siguientes elementos:
<form> atributo action atributo method atributo enctype atributo accept <input> atributo type atributo name atributo value atributo size atributo maxlenght atributo checked <label> <textarea> <select> <option>
Suficiente
Incluye formularios en las pginas web desarrolladas mediante el uso de los siguientes elementos:
Insuficiente
Omite lo siguiente:: Incluye formularios en las pginas web desarrolladas mediante el uso de los siguientes elementos:
MANEJO DE FORMULARIOS
10
Adems, limita el nmero de caracteres a capturar en los campos de texto. Crea las carpetas del sitio web para alojar : Crea las carpetas del sitio web para alojar :
Pginas Imgenes Videos Archivos de descarga
ORGANIZACIN DE LAS CARPETAS QUE CONTIENEN INFORMACIN DEL SITIO
Omite lo siguiente:: Crea las carpetas del sitio web para alojar :
Adems, organiza la informacin de manera jerrquica y secuencial para localizar y actualizar fcilmente los contenidos del sitio. Presenta el cdigo fuente de las pginas web diseadas Verifica que las pginas web diseadas se ejecutan correctamente en el navegador sin errores. Identifica los posibles errores de ejecucin que pudieran presentar las Presenta el cdigo fuente de las pginas web diseadas de manera impresa. Verifica que las pginas web diseadas se ejecutan correctamente en el navegador sin errores. Identifica los posibles errores de
PRESENTACIN DEL CDIGO
Incumple con alguna actividad: Presenta el cdigo fuente de las pginas web diseadas de manera impresa. Verifica que las pginas web diseadas se ejecutan correctamente en el navegador sin errores.
DEWE-02
116/129
pginas web y los corrige. Adems, agrega cdigo a las pginas web para que se ejecuten correctamente, independientemente del navegador a utilizar. Presenta la informacin descrita en los apartados anteriores en formato impreso y digital (elaborados en un procesador de texto y/o presentador grfico), con estructura (caratula, objetivo y contenido,) Cumple con los criterios de contenido y presentacin establecidos.. Redacta documento aplicando las reglas ortogrficas y gramaticales. Incluye referencias documentales y/o electrnicas empleadas. Presenta el documento impreso limpio, respetando la estructura definida para su diseo. Cumple con asistencia total y participacin activa en clase. Muestra perseverancia al aprovechar los errores marcados en actividades previas para mejorar su trabajo. Muestra organizacin y responsabilidad al entregar en fecha previa a la establecida por el docente. Trabaja con limpieza y orden. Tiene disposicin y asume rol asignado en el trabajo colaborativo
Suficiente
ejecucin que pudieran presentar las pginas web y los corrige.
Insuficiente
Identifica los posibles errores de ejecucin que pudieran presentar las pginas web y los corrige.
10
Presenta la informacin descrita en los apartados anteriores en formato impreso y digital. Cumple con los criterios de contenido y presentacin establecidos. Redacta documento aplicando las reglas ortogrficas y gramaticales. Incluye referencias documentales y/o electrnicas empleadas.
Incumple con alguna actividad: Presenta la informacin descrita en los apartados anteriores en formato impreso y digital. Cumple con los criterios de contenido y presentacin establecidos. Redacta documento aplicando las reglas ortogrficas y gramaticales. Incluye referencias documentales y/o electrnicas empleadas..
ACTITUDES
10
Cumple con asistencia al 90 %. Muestra perseverancia al aprovechar los errores marcados en actividades previas para mejorar su trabajo. Muestra responsabilidad al entregar en la fecha establecida por el docente. Trabaja con limpieza y orden. Muestra disposicin y asume rol asignado en el trabajo colaborativo
Carece de lo siguiente: Cumple con asistencia al 90 %. Muestra perseverancia al aprovechar los errores marcados en actividades previas para mejorar su trabajo. Muestra responsabilidad al entregar en la fecha establecida por el docente Trabaja con limpieza y orden. Muestra disposicin y asume rol asignado en el trabajo colaborativo
100
DEWE-02
117/129

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

1.3.1
Fecha:
Construye hojas de estilo en cascada para definir su aspecto y presentacin de las pginas web desarrolladas:
Utiliza la etiqueta <style> de HTML en de la seccin <head> del documento para incluir CSS dentro del mismo documento. Utiliza la etiqueta <link> para enlazar documentos CSS en un archivo externo con un documento HTML. Utiliza comentarios en las CSS de acuerdo a la sintaxis especificada por el propio lenguaje. Adems, utiliza la insercin directa de CSS en los elementos HTML. Establece la tipografa del texto de las pginas desarrolladas mediante el uso de las siguientes propiedades CSS:
Suficiente
Utiliza la etiqueta <style> de HTML en de la seccin <head> del documento para incluir CSS dentro del mismo documento. Utiliza la etiqueta <link> para enlazar documentos CSS en un archivo externo con un documento HTML. Utiliza comentarios en las CSS de acuerdo a la sintaxis especificada por el propio lenguaje.
Insuficiente
Falta alguna caracterstica: Utiliza la etiqueta <style> de HTML en de la seccin <head> del documento para incluir CSS dentro del mismo documento. Utiliza la etiqueta <link> para enlazar documentos CSS en un archivo externo con un documento HTML. Utiliza comentarios en las CSS de acuerdo a la sintaxis especificada por el propio lenguaje.
USO DE LOS ELEMENTOS CSS EN XHTML
10
Establece la tipografa del texto de las pginas desarrolladas mediante el uso de las siguientes propiedades CSS:
font-family font-size font-weight font-style font-variant font
DEFINICIN DE TIPOGRAFA Y APARIENCIA DEL TEXTO
15
Omite lo siguiente:: Establece la tipografa del texto de las pginas desarrolladas mediante el uso de las siguientes propiedades CSS:
Establece la apariencia del texto de las pginas desarrolladas mediante el uso de las siguientes propiedades CSS:
Establece la apariencia del texto de las pginas desarrolladas mediante el uso de las siguientes propiedades CSS:
Omite lo siguiente:: Establece la apariencia del texto de las
DEWE-02
118/129
text-align line-height text-decoration text-transform vertical-align text-indent letter-spacing word-spacing white space -
Suficiente
text-align line-height text-decoration text-transform vertical-align text-indent letter-spacing word-spacing white space
Insuficiente
pginas desarrolladas mediante el uso de las siguientes propiedades CSS:
text-align line-height text-decoration text-transform vertical-align text-indent letter-spacing word-spacing white space
Adems, aplica estilos a la primera letra del texto para mostrarla como letra capital mediante el uso del pseudo elemento: first-letter. Modifica el tamao de letra, color y decoracin del texto en los enlaces mediante el uso de las siguientes propiedades CSS:
text-decoration font-weight
Modifica el tamao de letra, color y decoracin del texto en los enlaces mediante el uso de las siguientes propiedades CSS:
Excluye alguna condicin: Modifica el tamao de letra, color y decoracin del texto en los enlaces mediante el uso de las siguientes propiedades CSS:
USO DE ESTILOS CSS EN LOS ENLACES
15
Aplica diferentes estilos a un mismo enlace en funcin de su estado: enlace no visitado, enlace visitado, enlace en el que se para el puntero del ratn por encima y enlace activo en ese momento, mediante el uso de las siguientes pesudo clases CSS:
:link :visited :hover :active
Personaliza el aspecto de los enlaces para que incluyan un pequeo icono a su lado mediante el uso de las siguientes propiedades CSS:
background background-image
Adems, demuestra cmo convertir algunos enlaces en botones mediante el uso de cdigo CSS.
DEWE-02
119/129
Controla la posicin y el tipo de vieta que muestran las listas mediante el uso de las siguientes propiedades CSS.
Suficiente
Controla la posicin y el tipo de vieta que muestran las listas mediante el uso de las siguientes propiedades CSS.
list-style-type list-style-image list-style
Insuficiente
Omite lo siguiente:: Controla la posicin y el tipo de vieta que muestran las listas mediante el uso de las siguientes propiedades CSS.
USO DE ESTILOS CSS EN LAS LISTAS
10
Adems, define la vieta automtica que se mostrar cuando no se pueda cargar la imagen en las listas. Define las propiedades de las tablas mediante el uso de las siguientes propiedades CSS: Define las propiedades de las tablas mediante el uso de las siguientes propiedades CSS:
border-spacing border-collapse empty-cells caption-side
USO DE ESTILOS CSS EN LAS TABLAS
10
Omite lo siguiente:: Define las propiedades de las tablas mediante el uso de las siguientes propiedades CSS:
Adems, mejora el aspecto de las tablas aadindoles color a cada fila presentada. Modifica los botones de los formularios para que se muestre como enlaces mediante el uso de cdigo CSS. Alinea y formatea los elementos <input> y <label> de los formularios agregando elementos <div> que encierre a cada campo del formulario mediante el uso de cdigo CSS. Adems, agrega cdigo CSS a los formularios para resaltar el campo en el que el usuario introduce los datos mediante el uso de la pseudo-clase :focus Verifica que las pginas ejecutan correctamente navegador. web en se el Modifica los botones de los formularios para que se muestre como enlaces mediante el uso de cdigo CSS. Alinea y formatea los elementos <input> y <label> de los formularios agregando elementos <div> que encierre a cada campo del formulario mediante el uso de cdigo CSS.
USO DE ESTILOS CSS EN LOS FORMULARIOS
10
Falta alguna caracterstica: Modifica los botones de los formularios para que se muestre como enlaces mediante el uso de cdigo CSS. Alinea y formatea los elementos <input> y <label> de los formularios agregando elementos <div> que encierre a cada campo del formulario mediante el uso de cdigo CSS.
Depuracin del cdigo CSS
10
Verifica que las pginas ejecutan correctamente navegador.
web en
se el
Falta alguna caracterstica: Verifica que las pginas ejecutan correctamente
web en
se el
DEWE-02
120/129
Identifica los posibles errores de ejecucin que pudieran presentar las pginas web y los corrige. Realiza la comprobacin de las pginas mediante el servicio de validacin de CSS en web. Presenta la informacin descrita en los apartados anteriores en formato impreso y digital (elaborados en un procesador de texto y/o presentador grfico), con estructura (caratula, objetivo y contenido,) Cumple con los criterios de contenido y presentacin establecidos.. Redacta documento aplicando las reglas ortogrficas y gramaticales. Incluye referencias documentales y/o electrnicas empleadas. Presenta el documento impreso limpio, respetando la estructura definida para su diseo. Cumple con asistencia total y participacin activa en clase. Muestra perseverancia al aprovechar los errores marcados en actividades previas para mejorar su trabajo. Muestra organizacin y responsabilidad al entregar en fecha previa a la establecida por el docente. Trabaja con limpieza y orden. Tiene disposicin y asume rol asignado en el trabajo colaborativo
Suficiente
Identifica los posibles errores de ejecucin que pudieran presentar las pginas web y los corrige.
Insuficiente
navegador. Identifica los posibles errores de ejecucin que pudieran presentar las pginas web y los corrige.
10
Presenta la informacin descrita en los apartados anteriores en formato impreso y digital. Cumple con los criterios de contenido y presentacin establecidos. Redacta documento aplicando las reglas ortogrficas y gramaticales. Incluye referencias documentales y/o electrnicas empleadas.
Incumple con alguna actividad: Presenta la informacin descrita en los apartados anteriores en formato impreso y digital. Cumple con los criterios de contenido y presentacin establecidos. Redacta documento aplicando las reglas ortogrficas y gramaticales. Incluye referencias documentales y/o electrnicas empleadas..
ACTITUDES
10
100
DEWE-02
121/129

2.1 Implementa interactividad a las pginas web, mediante el desarrollo de cdigo de programacin en un lenguaje script.
Nombre del Mdulo:

2.1.1
Fecha:
Desarrolla cdigo de programacin para implementar interactividad a las pginas web desarrolladas haciendo uso de los elementos del lenguaje javascript.
Incluye instrucciones Javascript en un archivo externo mediante el uso de etiquetas y atributos, como:
<script> atributo type atributo src
Suficiente
Incluye instrucciones Javascript en un archivo externo mediante el uso de etiquetas y atributos, como:
Insuficiente
Falta alguna caracterstica: Incluye instrucciones Javascript en un archivo externo mediante el uso de etiquetas y atributos, como:
INCLUSIN DE JAVASCRIPT EN XHTML
15
Incluye javascript directamente en los elementos XHTML. Incluye la etiqueta <noscript> en la etiqueta <body> para mostar un mensaje al usuario cuando el navegador no puede ejecutar Javascript. Adems, sigue el conjunto de reglas definidas por javascript para escribir el cdigo de los programas. Declara las variables mediante la palabra reservada var. Asigna valores a las variables dependiendo del tipo de valor que se quiere almacenar. Adems, utiliza el denominado
Incluye javascript directamente en los elementos XHTML. Incluye la etiqueta <noscript> en la etiqueta <body> para mostar un mensaje al usuario cuando el navegador no puede ejecutar Javascript.
Incluye javascript directamente en los elementos XHTML. Incluye la etiqueta <noscript> en la etiqueta <body> para mostar un mensaje al usuario cuando el navegador no puede ejecutar Javascript.
USO DE VARIABLES
15
Declara las variables mediante la palabra reservada var. Asigna valores a las variables dependiendo del tipo de valor que se quiere almacenar.
Excluye alguna condicin: Declara las variables mediante la palabra reservada var. Asigna valores a las variables dependiendo del tipo de valor que se quiere almacenar.
DEWE-02
122/129
mecanismo de escape para incluir caracteres especiales en cadenas de texto. Realiza clculos complejos mediante el uso de los siguientes operadores:
Asignacin. Incremento y decremento. Lgicos. Negacin. AND. OR. Matemticos. Relacionales.
Suficiente
Insuficiente
Realiza clculos complejos mediante el uso de los siguientes operadores:

Omite lo siguiente:: Realiza clculos complejos mediante el uso de los siguientes operadores:
USO DE OPERADORES
10
Adems, incluye comentarios en el cdigo de programacin para especificar el tipo de operacin a realizar. Realiza programas que tomen decisiones en funcin del valor de las variables mediante el uso de las siguientes estructuras de control: Realiza programas que tomen decisiones en funcin del valor de las variables mediante el uso de las siguientes estructuras de control:
if If-else For forin
USO DE ESTRUCTURAS DE CONTROL
10
if If-else for forin
Omite lo siguiente:: Realiza programas que tomen decisiones en funcin del valor de las variables mediante el uso de las siguientes estructuras de control:
if If-else For forin
Adems, combina las estructuras usadas para reforzar el conocimiento. Realiza operaciones con cadenas de texto mediante la incorporacin de las siguientes funciones y propiedades javascript: Realiza operaciones con cadenas de texto mediante la incorporacin de las siguientes funciones y propiedades javascript:
lenght() +, concat() toUpperCase() toLowerCase() charAt()
USO DE FUNCIONES PREDEFINIDAS
20
lenght() +, concat() toUpperCase() toLowerCase() charAt()
Falta alguna caracterstica: Realiza operaciones con cadenas de texto mediante la incorporacin de las siguientes funciones y propiedades javascript:
lenght() +, concat() toUpperCase() toLowerCase()
DEWE-02
123/129
substring() split() -
Suficiente
substring() split() -
Insuficiente
charAt() substring() split()
Realiza operaciones con arreglos mediante la incorporacin de las siguientes funciones y propiedades javascript:
lenght() concat() join() pop() push() shift() unshift() reverse
Realiza operaciones con nmeros mediante la incorporacin de las siguientes funciones y propiedades javascript:
NaN() isNaN() toFixed()
Adems, documenta el cdigo javascript mediante el uso de comentarios. Verifica que las pginas web se ejecutan correctamente en el navegador. Identifica los posibles errores de ejecucin que pudieran presentar las pginas web y los corrige. Adems, emplea las herramientas que proporcionan los navegadores para detectar y corregir los errores en los lenguajes de script. Presenta la informacin descrita en los apartados anteriores en formato impreso y digital (elaborados en un procesador de texto y/o presentador Verifica que las pginas web se ejecutan correctamente en el navegador. Identifica los posibles errores de ejecucin que pudieran presentar las pginas web y los corrige.
DEPURACIN DEL CDIGO JAVAS SCRIPT
10
Omite lo siguiente: Verifica que las pginas web se ejecutan correctamente en el navegador. Identifica los posibles errores de ejecucin que pudieran presentar las pginas web y los corrige.
10
Presenta la informacin descrita en los apartados anteriores en formato impreso y digital. Cumple con los criterios de contenido y
Incumple con alguna actividad: Presenta la informacin descrita en los apartados anteriores en formato impreso y digital.
DEWE-02
124/129
grfico), con estructura (caratula, objetivo y contenido,) Cumple con los criterios de contenido y presentacin establecidos.. Redacta documento aplicando las reglas ortogrficas y gramaticales. Incluye referencias documentales y/o electrnicas empleadas. Presenta el documento impreso limpio, respetando la estructura definida para su diseo.
Suficiente
presentacin establecidos. Redacta documento aplicando las reglas ortogrficas y gramaticales. Incluye referencias documentales y/o electrnicas empleadas.
Insuficiente
Cumple con los criterios de contenido y presentacin establecidos. Redacta documento aplicando las reglas ortogrficas y gramaticales. Incluye referencias documentales y/o electrnicas empleadas..
ACTITUDES
10
Cumple con asistencia total y participacin activa en clase. Muestra perseverancia al aprovechar los errores marcados en actividades previas para mejorar su trabajo. Muestra organizacin y responsabilidad al entregar en fecha previa a la establecida por el docente. Trabaja con limpieza y orden. Tiene disposicin y asume rol asignado en el trabajo colaborativo
100
DEWE-02
125/129

2.2 Establece el acceso a bases de datos en pginas web mediante el desarrollo de cdigo en un lenguaje de programacin.
Nombre del Mdulo:

2.2.1
Fecha:
Desarrolla el cdigo de programacin para establecer la conectividad con las bases de datos en la implementacin dinmica de la informacin contenida en las tablas de las bases de datos. HETEROEVALUACIN
Emplea el lenguaje de programacin especificad por el docente, cuando: Declara y hace uso de variables y constantes de acuerdo al tipo de dato a almacenar y a su mbito de alcance en orden y sintaxis correcta. Declara y hace uso de Arreglos en orden y sintaxis correcta, para el desarrollo de la aplicacin. Declara y hace uso de estructuras de control para manejar el flujo de la informacin en orden y sintaxis correcta. Declara y hace uso de funciones en orden y sintaxis correcta, para el desarrollo de la aplicacin. Adems, identifica los errores de sintaxis y programacin en la ejecucin, y los corrige.
Suficiente
Emplea el lenguaje de programacin especificad por el docente, cuando: Declara y hace uso de variables y constantes de acuerdo al tipo de dato a almacenar y a su mbito de alcance en orden y sintaxis correcta. Declara y hace uso de Arreglos en orden y sintaxis correcta, para el desarrollo de la aplicacin. Declara y hace uso de estructuras de control para manejar el flujo de la informacin en orden y sintaxis correcta. Declara y hace uso de funciones en orden y sintaxis correcta, para el desarrollo de la aplicacin.
Insuficiente
Omite alguna caracterstica al emplear el lenguaje de programacin especificad por el docente , cuando: Declara y hace uso de variables y constantes de acuerdo al tipo de dato a almacenar y a su mbito de alcance en orden y sintaxis correcta. Declara y hace uso de Arreglos en orden y sintaxis correcta, para el desarrollo de la aplicacin. Declara y hace uso de estructuras de control para manejar el flujo de la informacin en orden y sintaxis correcta. Declara y hace uso de funciones en orden y sintaxis correcta, para el desarrollo de la aplicacin.
DECLARACIN Y MANEJO DE LA PROGRAMACIN
20
DEWE-02
126/129
Emplea el lenguaje de programacin especificad por el docente, cuando: Desarrolla formularios con acceso a bases de datos para la insercin de informacin, agregando funcionalidad a los siguientes componentes para el manejo de datos: - Etiquetas. - Botones. - Cajas de texto. - Casillas de verificacin. - Botones de opcin. - Listas simples. - Listas desplegables. Adems implementa la validacin de los datos de entrada en los formularios para asegurar la integridad de la informacin. Emplea el lenguaje de programacin especificad por el docente, cuando: Desarrolla formularios con acceso a bases de datos para la modificacin de informacin, agregando funcionalidad a los siguientes componentes para el manejo de datos: - Etiquetas. - Botones. - Cajas de texto. - Casillas de verificacin. - Botones de opcin. - Listas simples. - Listas desplegables. Adems implementa la validacin de los datos de entrada en los formularios para asegurar la integridad de la informacin.
Suficiente
Emplea el lenguaje de programacin especificad por el docente, cuando: Desarrolla formularios con acceso a bases de datos para la insercin de informacin, agregando funcionalidad a los siguientes componentes para el manejo de datos: - Etiquetas. - Botones. - Cajas de texto. - Casillas de verificacin. - Botones de opcin. - Listas simples. - Listas desplegables.
Insuficiente
Omite alguna caracterstica al emplear el lenguaje de programacin especificad por el docente, cuando: Desarrolla formularios con acceso a bases de datos para la insercin de informacin, agregando funcionalidad a los siguientes componentes para el manejo de datos: - Etiquetas. - Botones. - Cajas de texto. - Casillas de verificacin. - Botones de opcin. - Listas simples. - Listas desplegables.
INSERCIN DE DATOS
25
MODIFICACIN DE DATOS
15
Emplea el lenguaje de programacin especificad por el docente, cuando: Desarrolla formularios con acceso a bases de datos para la modificacin de informacin, agregando funcionalidad a los siguientes componentes para el manejo de datos: - Etiquetas. - Botones. - Cajas de texto. - Casillas de verificacin. - Botones de opcin. - Listas simples. - Listas desplegables.
Omite alguna caracterstica al emplear el lenguaje de programacin especificad por el docente, cuando: Desarrolla formularios con acceso a bases de datos para la modificacin de informacin, agregando funcionalidad a los siguientes componentes para el manejo de datos: - Etiquetas. - Botones. - Cajas de texto. - Casillas de verificacin. - Botones de opcin. - Listas simples. - Listas desplegables.
DEWE-02
127/129
Emplea el lenguaje de programacin especificad por el, cuando: Desarrolla formularios con acceso a bases de datos para el borrado de informacin especfica, agregando funcionalidad a los siguientes componentes para el manejo de datos:
Suficiente
Emplea el lenguaje de programacin especificad por el, cuando: Desarrolla formularios con acceso a bases de datos para el borrado de informacin especfica, agregando funcionalidad a los siguientes componentes para el manejo de datos:
Etiquetas. Botones. Cajas de texto. Casillas de verificacin. Botones de opcin. Listas simples. Listas desplegables.
Insuficiente
Omite alguna caracterstica al emplear el lenguaje de programacin especificad por el cuando: Desarrolla formularios con acceso a bases de datos para el borrado de informacin especfica, agregando funcionalidad a los siguientes componentes para el manejo de datos:
BORRADO DE DATOS
15
Adems implementa la validacin de los datos de entrada en los formularios para asegurar la integridad de la informacin. Emplea el lenguaje de programacin especificad por el docente, cuando: Presenta el cdigo fuente de la aplicacin. Verifica que la aplicacin se ejecuta sin errores. Identifica los errores de programacin que se presenten en la ejecucin del cdigo desarrollado y los corrige. Adems, presenta el cdigo fuente de la aplicacin demostrando orden y/o limpieza. Presenta la informacin descrita en los apartados anteriores en formato impreso y digital (elaborados en un procesador de texto y/o presentador grfico), con estructura (caratula, objetivo y contenido,) Cumple con los criterios de contenido y Emplea el lenguaje de programacin especificad por el docente , cuando: Presenta el cdigo fuente de la aplicacin. Verifica que la aplicacin se ejecuta sin errores. Identifica los errores de programacin que se presenten en la ejecucin del cdigo desarrollado y los corrige.
DEPURACIN Y PRESENTACIN DEL CDIGO
Emplea el lenguaje de programacin especificad por el docente , cuando: Presenta el cdigo fuente de la aplicacin. Verifica que la aplicacin se ejecuta sin errores. Identifica los errores de programacin que se presenten en la ejecucin del cdigo desarrollado y los corrige.
10
Presenta la informacin descrita en los apartados anteriores en formato impreso y digital. Cumple con los criterios de contenido y presentacin establecidos. Redacta documento aplicando las reglas ortogrficas y gramaticales.
Incumple con alguna actividad: Presenta la informacin descrita en los apartados anteriores en formato impreso y digital. Cumple con los criterios de contenido y presentacin establecidos. Redacta documento aplicando las
DEWE-02
128/129
presentacin establecidos.. Redacta documento aplicando las reglas ortogrficas y gramaticales. Incluye referencias documentales y/o electrnicas empleadas. Presenta el documento impreso limpio, respetando la estructura definida para su diseo. Cumple con asistencia total y participacin activa en clase. Muestra perseverancia al aprovechar los errores marcados en actividades previas para mejorar su trabajo. Muestra organizacin y responsabilidad al entregar en fecha previa a la establecida por el docente. Trabaja con limpieza y orden. Tiene disposicin y asume rol asignado en el trabajo colaborativo
Suficiente
Incluye referencias documentales y/o electrnicas empleadas.
Insuficiente
reglas ortogrficas y gramaticales. Incluye referencias documentales y/o electrnicas empleadas..
ACTITUDES
10
100
DEWE-02
129/129

Guia

Transféré par

Informations du document

Copyright

Formats disponibles

Partager ce document

Partager ou intégrer le document

Options de partage

Avez-vous trouvé ce document utile ?

Ce contenu est-il inapproprié ?

Droits d'auteur :

Formats disponibles

Guia

Transféré par

Droits d'auteur :

Formats disponibles

I.

Gua Pedaggica del Mdulo Diseo y elaboracin de pginas web

Modelo Acadmico de Calidad para la Competitividad

Gua Pedaggica y de Evaluacin del Mdulo: Diseo y elaboracin de pginas web

Modelo Acadmico de Calidad para la Competitividad

Gua Pedaggica y de Evaluacin del Mdulo: Diseo y elaboracin de pginas web

Modelo Acadmico de Calidad para la Competitividad

Gua Pedaggica y de Evaluacin del Mdulo: Diseo y elaboracin de pginas web

Ttulo:. Unidad (es) de competencia laboral:

Modelo Acadmico de Calidad para la Competitividad

Gua Pedaggica y de Evaluacin del Mdulo: Diseo y elaboracin de pginas web

Participa en los proyectos de mejora continua de su escuela y apoya la gestin institucional

Modelo Acadmico de Calidad para la Competitividad

Gua Pedaggica y de Evaluacin del Mdulo: Diseo y elaboracin de pginas web

Modelo Acadmico de Calidad para la Competitividad

Gua Pedaggica y de Evaluacin del Mdulo: Diseo y elaboracin de pginas web

Modelo Acadmico de Calidad para la Competitividad

Gua Pedaggica y de Evaluacin del Mdulo: Diseo y elaboracin de pginas web

Asimismo, el trabajo colaborativo se caracteriza principalmente por lo siguiente:

Modelo Acadmico de Calidad para la Competitividad

Gua Pedaggica y de Evaluacin del Mdulo: Diseo y elaboracin de pginas web

Para el presente mdulo se hacen las siguientes recomendaciones:

Modelo Acadmico de Calidad para la Competitividad

Gua Pedaggica y de Evaluacin del Mdulo: Diseo y elaboracin de pginas web

Modelo Acadmico de Calidad para la Competitividad

Gua Pedaggica y de Evaluacin del Mdulo: Diseo y elaboracin de pginas web

El estudio de casos es pertinente usarlo cuando se pretende:

Algunos tericos plantean las siguientes fases para el estudio de un caso:

Modelo Acadmico de Calidad para la Competitividad

Gua Pedaggica y de Evaluacin del Mdulo: Diseo y elaboracin de pginas web

Modelo Acadmico de Calidad para la Competitividad

Gua Pedaggica y de Evaluacin del Mdulo: Diseo y elaboracin de pginas web

4. Enfoque del Mdulo

Modelo Acadmico de Calidad para la Competitividad

Gua Pedaggica y de Evaluacin del Mdulo: Diseo y elaboracin de pginas web

Modelo Acadmico de Calidad para la Competitividad

Gua Pedaggica y de Evaluacin del Mdulo: Diseo y elaboracin de pginas web

5. Orientaciones didcticas y estrategias de aprendizaje por unidad

Desarrollo de pginas web estticas

Modelo Acadmico de Calidad para la Competitividad

Gua Pedaggica y de Evaluacin del Mdulo: Diseo y elaboracin de pginas web

Para el resultado de aprendizaje 1.2. Se recomiendan las siguientes orientaciones didcticas:

Aborda el desarrollo de sitios web mediante el uso de un

lenguaje para desarrollo de pginas web, haciendo uso del lenguaje de

Modelo Acadmico de Calidad para la Competitividad

Gua Pedaggica y de Evaluacin del Mdulo: Diseo y elaboracin de pginas web

Modelo Acadmico de Calidad para la Competitividad

Modelo Acadmico de Calidad para la Competitividad

Modelo Acadmico de Calidad para la Competitividad

Modelo Acadmico de Calidad para la Competitividad

Gua Pedaggica y de Evaluacin del Mdulo: Diseo y elaboracin de pginas web

Desarrollo de pginas web dinmicas

Modelo Acadmico de Calidad para la Competitividad

Gua Pedaggica y de Evaluacin del Mdulo: Diseo y elaboracin de pginas web

Var nombre de variable Var nombre_arreglo = [valor1, valor2, , valorN]

Modelo Acadmico de Calidad para la Competitividad

Modelo Acadmico de Calidad para la Competitividad

Modelo Acadmico de Calidad para la Competitividad

Gua Pedaggica y de Evaluacin del Mdulo: Diseo y elaboracin de pginas web

Nombre del Alumno:

Desarrollo de pginas web estticas.

Definicin del Sitio Web.

Describe los objetivos del sitio.

Modelo Acadmico de Calidad para la Competitividad