Guias Dis..

I.
Gua Pedaggica del Mdulo Diseo y elaboracin de pginas web
Modelo Acadmico de Calidad para la Competitividad
DEWE-00
1/114
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 Matriz de ponderacin Materiales para el desarrollo de actividades de evaluacin Matriz de valoracin o rbrica 3 4 5 13 14 22 91 92 96 97 98
DEWE-00
2/114
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 Prestador de Servicios Profesionales (PSP) 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 PSP 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-00
3/114
2. Datos de Identificacin de la Norma
Ttulo: Unidad (es) de competencia laboral: 1. Cdigo: Nivel de competencia:
DEWE-00
4/114
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 prestador de servicios profesionales la posibilidad de desarrollarlos con mayor libertad y creatividad. En este sentido, se debe considerar que el papel que juegan el alumno y el prestador de servicios profesionales 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 prestador de servicios profesionales:

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-00
5/114
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 PSP; lo que no quiere decir que su labor sea menos importante. El PSP 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 PSP 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 PSP 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-00
6/114
TIPOS 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).
DEWE-00
7/114
Los elementos bsicos que deben estar presentes en los grupos de trabajo colaborativo para que ste sea efectivo son:
la interdependencia positiva. 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.
DEWE-00
8/114

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. 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 PSP.
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.
DEWE-00
9/114

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. 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 preeliminares 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.
DEWE-00
10/114

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. 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.
DEWE-00
11/114
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.
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 PSP 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-00
12/114
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 el desarrollo de pginas web dinmicas, ambas enfocadas en la adquisicin de competencias requeridas para elaborar sitios web empleando lenguajes de programacin que estn orientados al desarrollo sobre la web. 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 aplicndoles formato a las pginas diseadas mediante el uso del lenguaje de hojas de estilo en cascada o CSS. La segunda unidad est enfocada 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 Prestador de Servicios Profesionales 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 critico, lo que contribuye a activar el aprendizaje y autoaprendizaje.
DEWE-00
13/114
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 esta blecidos para la construccin de sitios web.
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.
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 Prestador de Servicios Profesionales lleve a cabo lo siguiente: Al inicio del mdulo, se recomienda fijar las expectativas, los resultados esperados y los beneficios que obtendr el alumno, al concluir satisfactoriamente el programa, considerando: Establece la forma de trabajar a lo largo del semestre, y la forma en que se abordarn las unidades. 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. 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 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.
DEWE-00
14/114
De aplicacin general al mdulo se proponen las siguientes orientaciones didcticas: 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. Para el resultado de aprendizaje 1.1. Se recomiendan las siguientes orientaciones didcticas: 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 enseanza-aprendizaje que est por aprender. 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. 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 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 Modelo Acadmico de Calidad para la Competitividad
DEWE-00
15/114
entender. Para el resultado de aprendizaje 1.3. Se recomiendan las siguientes orientaciones didcticas: 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. 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.
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: 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.
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.
Recursos Acadmicos
Quijado, Lpez, Jos. Domine XHTML 1.0 y CSS 2. Mxico, Alfaomega Grupo Editor, 2008. Oros, Juan Carlos. Diseo de pginas Web con
DEWE-00
16/114
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). - Lenguajes de programacin del lado del cliente orientados al desarrollo web. - Lenguajes de programacin del lado del servidor orientados al desarrollo web. 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. Aplicar las siguientes etiquetas en la insercin y estructuracin de texto en el diseo de las pginas web.
XHTML, JavaScript y CSS. Mxico, ALfaomega Grupo Editor, 2008.
Paginas Web: Primeros pasos hacia XHTML disponible en http://www.maestrosdelweb.com/editorial/haciaxht ml/ XHTML Tutorial disponible en http://www.w3schools.com/xhtml/DEFAULT.asp CSS Tutorial disponible en http://www.w3schools.com/css/
Gua breve de CSS disponible en http://www.w3c.es/divulgacion/guiasbreves/Hojas Estilo
<p> </p> h1, h2
Realizar la prctica No. 1 Insercin de texto y estructuracin en prrafos. Realizar la prctica No. 2 Manejo de secciones. Aplicar las siguientes etiquetas en el marcado de texto en el diseo de las pginas web.
<em> </em> <strong> </strong>

Realizar la prctica No. 3 Marcado de texto. 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. Aplicar las siguientes etiquetas para el manejo de listas en el diseo de las pginas web.
<ul> </ul> <li> </li> <ol> </ol>

DEWE-00
17/114
<dl> </dl> <dt> </dt> <dd> </dd>
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 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. Realiza la actividad de evaluacin 1.2.1. 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. Realizar la prctica No. 9 Declaracin de hojas de estilo. Realizar la prctica No. 10 Establecer apariencia del texto y de la letra en las pginas web. Realizar la prctica No. 11 Empleo de estilos en los hipervnculos y en las listas de las pginas web. Realizar la prctica No. 12 Definicin de propiedades para el control del aspecto de las tablas. Realiza la actividad de evaluacin 1.3.1.
DEWE-00
18/114
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 Prestador de Servicios Profesionales 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. 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. 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 m edio uso y en general recursos que le permitan el ahorro de energa apagando el equipo que no utilice y proporcionndole el mantenimiento preventivo necesario. 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. En relacin al 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, se sugiere abordarlo 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.
DEWE-00
19/114
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> Realizar la prctica No. 13 Inclusin de cdigo de Javascript en XHTML empleando un archivo externo.
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.
Aplicar la siguiente definicin de javascript para el uso de variables.
- Var nombre de variable - Var nombre_arreglo = [valor1, valor2, , valorN] 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. Desarrollo de aplicaciones Realizar la prctica No. 16 y 17 Declaracin y uso de variables Realizar la prctica No. 18 Uso de arreglos.
Aplicar las siguientes estructuras de decisin para definir el orden de ejecucin de bloques de cdigo:
if else else if Realizar la prctica No. 19 Uso de 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 Realizar la prctica No. 20 Uso de sentencia for Realizar la prctica No. 21 Uso de sentencia while Realizar la prctica No. 22 Uso de funciones.
Pginas Web: Javascript disponible en http://www.webestilo.com/javascript/ Apache HTTP Server Disponible en: http://httpd.apache.org/ The Official Microsoft IIS Site Disponible en: http://www.iis.net/ Instalacin de Apache en Windows Disponible en: http://www.desarrolloweb.com/articulos/1379.php PHP a fondo Disponible en: http://www.desarrolloweb.com/php/ ASP a fondo Disponible en: http://www.desarrolloweb.com/asp/ PHP/MySQL Disponible en: http://php.net/manual/en/book.mysql.php ASP a fondo Disponible en:
DEWE-00
20/114
Manejo de Cookies y sesiones Realizar la prctica No. 23 Empleo de Cookies. Realizar la prctica No. 24 Empleo de Sesiones. Diseo de Bases de Datos Realizar la prctica No. 25 Creacin de base de datos y tablas
http://www.desarrolloweb.com/asp/ Tutorial de SQL Disponible en: http://www.desarrolloweb.com/manuales/9/
Conexin con la base de datos Realiza la prctica No. 26 Conexin de la aplicacin con el motor de base de datos
Consultas a la base de datos. Realizar la prctica No. 27 Consulta de registros de la base de datos. Realizar la prctica No. 28 Consulta de registros de la base de datos empleando criterios de seleccin.
Formularios Realizar la prctica No. 29 Diseo de formulario para agregar registros. Realizar la prctica No. 30 Diseo de formulario de Eliminacin de registros. Realizar la prctica No. 31 Diseo de formulario de Modificacin de registros.
Validacin de datos de entrada Realizar la prctica No. 32 Validacin de 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.
DEWE-00
21/114
6. Prcticas/Ejercicios /Problemas/Actividades
Nombre del Alumno: Unidad de Aprendizaje 1: Resultado de Aprendizaje: Ejercicio nm. 1:

Desarrollo de pginas web estticas.
Grupo:
Determina la estructura del sitio web con base en las necesidades del usuario detectadas 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.
DEWE-00
22/114
EJEMPLO: A que vino a la institucin? 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.
DEWE-00
23/114
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.
Define y describe la Estructura del sitio. Mapas del sitio. Ejemplo de rbol Organizacional:
DEWE-00
24/114
Ejemplo de rbol Funcional:
Describe cada uno de los elementos que integraran los Sistemas de Navegacin del sitio web. Ejemplo: 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.
DEWE-00
25/114
Disea la Estructura de las pginas.
EJEMPLO:
DEWE-00
26/114
Genera Bocetos de Diseo.

Ejemplo:
DEWE-00
27/114
Unidad de Aprendizaje: Prctica: Propsito de la prctica: Escenario:

Insercin de texto y estructuracin en prrafos.
Nmero: Nmero:
1 1
Insertar texto en las pginas web y emplear prrafos con la finalidad de presentar informacin ordenada y estructurada para que sea fcil de comprender por el usuario. Laboratorio de informtica. Desempeos
Aplica las medidas de seguridad e higiene. - Evita la manipulacin de lquidos cerca del equipo. - No introduce objetos extraos en los dispositivos de disco, - No utiliza imanes cerca de discos flexibles, discos compactos del equipo. - Limpia el rea de trabajo. Verifica que el equipo de cmputo se encuentra conectado. Enciende equipo de cmputo. Abre sesin de ambiente grfico. Ingresa al editor de texto. 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. 6.
Duracin
1 horas
Materiales, Herramientas, Instrumental, Maquinaria y Equipo Computadora (Pentium III como requerimiento) Manual de XHTML. Editor de texto plano. Navegador web.
1. 2. 3. 4. 5.
Elabora el cdigo XHTML requerido para obtener como resultado la siguiente pgina web, empleando prrafos.
DEWE-00
28/114
7.
Guarda en el disco duro la pgina web diseada.
Deposita los residuos recuperables, como hojas impresas, discos magnticos.
DEWE-00
29/114

Manejo de secciones.
Nmero: Nmero:
1 2
Estructura las pginas empleando secciones para ayudar a la fcil lectura de la informacin. Laboratorio de informtica. Desempeos
Aplica las medidas de seguridad e higiene. - Evita la manipulacin de lquidos cerca del equipo. - No introduce objetos extraos en los dispositivos de disco, - No utiliza imanes cerca de discos flexibles, discos compactos del equipo. - Limpia el rea de trabajo. 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.
Duracin
1 horas
1. 2. 3. 4. 5.
DEWE-00
30/114
6.
DEWE-00
31/114

Marcado de texto.
Nmero: Nmero:
1 3
Realizar el marcado de los elementos que conforman el texto para presentar elementos que requieran denotar nfasis. Laboratorio de informtica. Desempeos
Aplica las medidas de seguridad e higiene. - Evita la manipulacin de lquidos cerca del equipo. - No introduce objetos extraos en los dispositivos de disco, - No utiliza imanes cerca de discos flexibles, discos compactos del equipo. - Limpia el rea de trabajo. 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.
Duracin
2 horas
1. 2. 3. 4. 5.
DEWE-00
32/114
6.
DEWE-00
33/114

Creacin de hipervnculos.
Nmero: Nmero:
1 4
Establecer relaciones entre 2 o ms recursos para demostrar el uso de hipervnculos. Laboratorio de informtica. Desempeos
Aplica las medidas de seguridad e higiene. - Evita la manipulacin de lquidos cerca del equipo. - No introduce objetos extraos en los dispositivos de disco, - No utiliza imanes cerca de discos flexibles, discos compactos del equipo. - Limpia el rea de trabajo. Verifica que el equipo de cmputo se encuentra conectado. Enciende equipo de cmputo. Abre sesin de ambiente grfico. Ingresa al editor de texto. A partir de la estructura de directorios y archivos indicada a continuacin.
Duracin
2 horas
1. 2. 3. 4. 5.
DEWE-00
34/114
6.
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.
7.
Crear la siguiente pgina de ndice de proyectos, la cual contendr hipervnculos a las imgenes indicadas en la pgina:
DEWE-00
35/114
8.
DEWE-00
36/114

Agrupamiento de elementos mediante listas.
Nmero: Nmero:
1 5
Agrupar elementos empleando listas para presentar informacin ordenada. Laboratorio de informtica. Desempeos
Aplica las medidas de seguridad e higiene. - Evita la manipulacin de lquidos cerca del equipo. - No introduce objetos extraos en los dispositivos de disco, - No utiliza imanes cerca de discos flexibles, discos compactos del equipo. - Limpia el rea de trabajo. 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 listas anidadas.
Duracin
2 horas
1. 2. 3. 4. 5.
DEWE-00
37/114
6.
DEWE-00
38/114

Insercin de imgenes
Nmero: Nmero:
1 6
Insertar imgenes directas en las pginas web que mejoren el aspecto y presentacin de la informacin en las pginas web. Laboratorio de informtica. Desempeos
Aplica las medidas de seguridad e higiene. - Evita la manipulacin de lquidos cerca del equipo. - No introduce objetos extraos en los dispositivos de disco, - No utiliza imanes cerca de discos flexibles, discos compactos del equipo. - Limpia el rea de trabajo. Verifica que el equipo de cmputo se encuentra conectado. Enciende equipo de cmputo. Abri sesin de ambiente grfico. Ingresa al editor de texto. 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.
Duracin
1 horas
1. 2. 3. 4. 5.
DEWE-00
39/114
6.
DEWE-00
40/114

Manejo de tablas
Nmero: Nmero:
1 7
Emplear tablas para estructurar en filas y columnas la informacin de las pginas web. Laboratorio de informtica. Desempeos
Aplica las medidas de seguridad e higiene. - Evita la manipulacin de lquidos cerca del equipo. - No introduce objetos extraos en los dispositivos de disco, - No utiliza imanes cerca de discos flexibles, discos compactos del equipo. - Limpia el rea de trabajo. Verifica que el equipo de cmputo se encuentra conectado. Enciende equipo de cmputo. Abre sesin de ambiente grfico. Ingresa al editor de texto. Determina el cdigo XHTML necesario para crear la pgina con tabla que se muestra a continuacin:
Duracin
2 horas
1. 2. 3. 4. 5.
DEWE-00
41/114
6.
DEWE-00
42/114

Creacin de formularios
Nmero: Nmero:
1 8
Emplea formularios para que los usuarios interacten con las aplicaciones web. Laboratorio de informtica. Desempeos
Aplica las medidas de seguridad e higiene. - Evita la manipulacin de lquidos cerca del equipo. - No introduce objetos extraos en los dispositivos de disco, - No utiliza imanes cerca de discos flexibles, discos compactos del equipo. - Limpia el rea de trabajo. Verifica que el equipo de cmputo se encuentra conectado. Enciende equipo de cmputo. Abre sesin de ambiente grfico. Ingresa al editor de texto. 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 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.
Duracin
2 horas
1. 2. 3. 4. 5.
DEWE-00
43/114
6.
DEWE-00
44/114

Declaracin de hojas de estilo
Nmero: Nmero:
1 9
Determinar las formas de definir estilos para la insercin de hojas de estilo en cascada. Laboratorio de informtica. Desempeos
Aplica las medidas de seguridad e higiene. - Evita la manipulacin de lquidos cerca del equipo. - No introduce objetos extraos en los dispositivos de disco, - No utiliza imanes cerca de discos flexibles, discos compactos del equipo. - Limpia el rea de trabajo. Verifica que el equipo de cmputo se encuentra conectado. Enciende equipo de cmputo. Abre sesin de ambiente grfico. Ingresa al editor de texto. 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> <STYLE type="text/css">  </STYLE> </HEAD> <BODY></BODY> </HTML>
Duracin
2 horas
Materiales, Herramientas, Instrumental, Maquinaria y Equipo Computadora (Pentium III como requerimiento) Manual de XHTML. Manual de CSS. Editor de texto plano. Navegador web.
1. 2. 3. 4. 5.
Estilo en lnea
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//ES">
DEWE-00
45/114
<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>
6.
Guarda el cdigo generado con las declaraciones de estilos en el disco duro.

*fuente: http://es.kioskea.net/contents/css/cssimplant.php3
DEWE-00
46/114

Establecer apariencia del texto y de la letra en las pginas web
Nmero: Nmero:
1 10
Definir propiedades que permitan establecer la apariencia del texto y de la letra utilizada. Laboratorio de informtica. Desempeos
Aplica las medidas de seguridad e higiene. - Evita la manipulacin de lquidos cerca del equipo. - No introduce objetos extraos en los dispositivos de disco, - No utiliza imanes cerca de discos flexibles, discos compactos del equipo. - Limpia el rea de trabajo. 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:
Duracin
1 hora
1. 2. 3. 4. 5.
6. 7.
- Pgina principal - Altas - Bajas - Modificaciones - Consultas Ingresa un encabezado con el siguiente texto: Uso de herramientas aplicaciones web Ingresa los siguientes prrafos: - 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
8.
Aplica las siguientes reglas de estilo al documento, empleando en selector body. Color de fondo y de letra body { color: blue }
DEWE-00
47/114
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-00
48/114

Empleo de estilos en los hipervnculos y en las listas de las pginas web.
Nmero: Nmero:
1 11
Cambiar el aspecto de los hipervnculos y de las listas empleadas para mejorar la apariencia de las pginas web. Laboratorio de informtica. Desempeos
Aplica las medidas de seguridad e higiene. - Evita la manipulacin de lquidos cerca del equipo. - No introduce objetos extraos en los dispositivos de disco, - No utiliza imanes cerca de discos flexibles, discos compactos del equipo. - Limpia el rea de trabajo. 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 12, denominada Establecer apariencia del texto y de la letra en las pginas web a efecto de cambiar el aspecto de los hipervnculos.
Duracin
2 horas
1. 2. 3. 4. 5.
6.
Modificar la lista no ordenada que contiene los hipervnculos y agregarle el siguiente atributo: class=navbar
7.
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 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
DEWE-00
49/114
8.
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-00
50/114

Definicin de propiedades para el control del aspecto de las tablas.
Nmero: Nmero:
1 12
Mejorar el aspecto de las tablas diseadas mediante el uso de hojas de estilos en cascada. Laboratorio de informtica. Desempeos
Aplica las medidas de seguridad e higiene. - Evita la manipulacin de lquidos cerca del equipo. - No introduce objetos extraos en los dispositivos de disco, - No utiliza imanes cerca de discos flexibles, discos compactos del equipo. - Limpia el rea de trabajo. Verifica que el equipo de cmputo se encuentra conectado. Enciende equipo de cmputo. Abre sesin de ambiente grfico. Ingresa al editor de texto. 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 - Marco derecho cuyo id sea nombrado derecha - Marco inferior cuyo id sea nombrado footer
Duracin
2 horas
1. 2. 3. 4. 5.
DEWE-00
51/114
6.
DEWE-00
52/114

Inclusin de cdigo Javascript en XHTML
Nmero: Nmero:
2 13
Identificar las distintas formas de incrustar cdigo del lenguaje de programacin Javascript en XHTML. Laboratorio de informtica. Desempeos
Aplica las medidas de seguridad e higiene. - Evita la manipulacin de lquidos cerca del equipo. - No introduce objetos extraos en los dispositivos de disco, - No utiliza imanes cerca de discos flexibles, discos compactos del equipo. - Limpia el rea de trabajo. Verifica que el equipo de cmputo se encuentra conectado. Enciende equipo de cmputo. Abre sesin de ambiente grfico. Ingresa al editor de texto. 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"> <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>
Duracin
2 horas
Materiales, Herramientas, Instrumental, Maquinaria y Equipo Computadora (Pentium III como requerimiento) Manual de XHTML. Manual de CSS. Manual de Javascript Editor de texto plano. Navegador web.
1. 2. 3. 4. 5.
DEWE-00
53/114
6.
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
7.
*fuente: Manual de Javascript disponible en http://www.librosweb.es
DEWE-00
54/114

Uso de variables empleando javascript
Nmero: Nmero:
2 14
Emplear variables para almacenar y hacer referencias a valores. Laboratorio de informtica. Desempeos
Aplica las medidas de seguridad e higiene. - Evita la manipulacin de lquidos cerca del equipo. - No introduce objetos extraos en los dispositivos de disco, - No utiliza imanes cerca de discos flexibles, discos compactos del equipo. - Limpia el rea de trabajo. 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:
Duracin
2 horas
1. 2. 3. 4. 5.
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-00
55/114
6.
DEWE-00
56/114

Manejo de arreglos con javascript
Nmero: Nmero:
2 15
Emplear arreglos para almacenar mltiples valores. Laboratorio de informtica. Desempeos

Aplica las medidas de seguridad e higiene. - Evita la manipulacin de lquidos cerca del equipo. - No introduce objetos extraos en los dispositivos de disco, - No utiliza imanes cerca de discos flexibles, discos compactos del equipo. - Limpia el rea de trabajo. 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.
Duracin
2 horas
1. 2. 3. 4. 5. 6. 7.
DEWE-00
57/114
8.
DEWE-00
58/114

Declaracin y uso de variables
Nmero: Nmero:
2 16
Hacer uso de variables para almacenar y mostrar valores Laboratorio de informtica. Desempeos
Aplica las medidas de seguridad e higiene. - Evita la manipulacin de lquidos cerca del equipo. - No introduce objetos extraos en los dispositivos de disco, - No utiliza imanes cerca de discos flexibles, discos compactos del equipo. - Limpia el rea de trabajo. Verifica que el equipo de cmputo se encuentra conectado.
1. 2. 3.
Duracin
1 hora
Materiales, Herramientas, Instrumental, Maquinaria y Equipo Computadora (Pentium III como requerimiento) Software de servidor web Software de desarrollo web. Navegador web.
4. 5. 6. 7. 8.
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 calculo 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 - 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:
DEWE-00
59/114
9.
Apaga el equipo de cmputo.
DEWE-00
60/114

Declaracin y uso de variables
Nmero: Nmero:
2 17
Realizar operaciones que hagan uso de variables para almacenar y procesar informacin. Laboratorio de informtica. Desempeos
1. 2. 3.
Duracin
1 hora
4. 5. 6. 7. 8.
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 - 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:
DEWE-00
61/114
9.
DEWE-00
62/114

Uso de arreglos
Nmero: Nmero:
2 18
Emplear arreglos simples para almacenar valores mltiples. Laboratorio de informtica. Desempeos
1. 2. 3.
Duracin
2 horas
Enciende equipo de cmputo. Abre sesin de ambiente grfico. 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. 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:
4. 5. 6. 7. 8.
DEWE-00
63/114
10. Apaga el equipo de cmputo.
DEWE-00
64/114

Uso de sentencia condicional if-else
Nmero: Nmero:
2 19
Hacer uso de la sentencia if-else para controlar el flujo de la informacin. Laboratorio de informtica. Desempeos
1. 2. 3. 4. 5. 6. 7. 8.
Duracin
1 hora
Enciende equipo de cmputo. Abre sesin de ambiente grfico. 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. 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:
DEWE-00
65/114
9.
DEWE-00
66/114

Uso de sentencia for
Nmero: Nmero:
2 20
Hacer uso de la sentencia for para calcular el factorial de un nmero. Laboratorio de informtica. Desempeos
1. 2. 3. 4. 5. 6. 7. 8. 9.
Duracin
2 horas
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. Verifica que la pgina resultante es similar a la siguiente:
DEWE-00
67/114
DEWE-00
68/114

Uso de sentencia while
Nmero: Nmero:
2 21
Hacer uso de la sentencia while para calcular la descomposicin factorial. Laboratorio de informtica. Desempeos
1. 2. 3. 4. 5. 6. 7. 8. 9.
Duracin
2 horas
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. Verifica que la pgina resultante es similar a la siguiente:
DEWE-00
69/114
DEWE-00
70/114

Empleo de funciones
Nmero: Nmero:
2 22
Hacer uso de funciones para calcular la raz cuadrada y raz cbica de un nmero dado. Laboratorio de informtica. Desempeos
1. 2. 3. 4.
Duracin
1 hora
5. 6. 7. 8. 9.
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. 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-00
71/114
DEWE-00
72/114

Empleo de cookies
Nmero: Nmero:
2 23
Hacer uso de cookies para guardar los accesos a las aplicaciones por parte de los usuarios. Laboratorio de informtica. Desempeos
1. 2. 3. 4. 5. 6. 7. 8. 9.
Duracin
1 hora
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. 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-00
73/114
DEWE-00
74/114

Empleo de sesiones
Nmero: Nmero:
2 24
Hacer uso de sesiones para guardar los accesos a las aplicaciones por parte de los usuarios. Laboratorio de informtica. Desempeos
Aplica las medidas de seguridad e higiene. - Evita la manipulacin de lquidos cerca del equipo. - No introduce objetos extraos en los dispositivos de disco, - No utiliza imanes cerca de discos flexibles, discos compactos del equipo. - Limpia el rea de trabajo. Verifica que el equipo de cmputo se encuentra conectado. 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. 5. 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. 6. Transcribe el programa en el editor del entorno de desarrollo. 7. Guarda el archivo que contiene el programa transcrito. 8. Ejecuta el programa en el navegador. 9. 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:
1. 2. 3. 4.
Duracin
1 hora
DEWE-00
75/114
DEWE-00
76/114
Desarrollo de pginas web dinmicas Creacin de base de datos y tablas Generar bases de datos y tablas que almacenarn la informacin de una aplicacin Laboratorio de informtica. Desempeos
Nmero: Nmero:
2 25
Duracin
1 hora
Materiales, Herramientas, Instrumental, Maquinaria y Equipo Computadora (Pentium III como requerimiento) Software de servidor web Manual de SQL Gestor de Bases de Datos Navegador web.
Aplica las medidas de seguridad e higiene. - Evita la manipulacin de lquidos cerca del equipo. - No introduce objetos extraos en los dispositivos de disco, - No utiliza imanes cerca de discos flexibles, discos compactos del equipo. - Limpia el rea de trabajo. 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 nombre Caracter 35 correoe tlf_fijo tlf_movil Caracter Caracter Caracter 25 10 10
DEWE-00
77/114
Desarrollo de pginas web dinmicas Conexin de la aplicacin con el motor de bases de datos Elaborar un script que permita realizar la conexin a la base de datos. Laboratorio de informtica. Desempeos
Nmero: Nmero:
2 26
Duracin
1 hora
Materiales, Herramientas, Instrumental, Maquinaria y Equipo Computadora (Pentium III como requerimiento) Software de servidor web Manual de SQL Sistema Gestor de Bases de Datos Navegador web.
Aplica las medidas de seguridad e higiene. - Evita la manipulacin de lquidos cerca del equipo. - No introduce objetos extraos en los dispositivos de disco, - No utiliza imanes cerca de discos flexibles, discos compactos del equipo. - Limpia el rea de trabajo. 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-00
78/114
Desarrollo de pginas web dinmicas Consulta de registros de la base de datos Realizar consultas a la base de datos para presentar informacin en las pginas web. Laboratorio de informtica. Desempeos
Nmero: Nmero:
2 27
Duracin
1 hora
Aplica las medidas de seguridad e higiene. - Evita la manipulacin de lquidos cerca del equipo. - No introduce objetos extraos en los dispositivos de disco, - No utiliza imanes cerca de discos flexibles, discos compactos del equipo. - Limpia el rea de trabajo. 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 con el objetivo establecido.
DEWE-00
79/114
Desarrollo de pginas web dinmicas Consulta de registros de la base de datos empleando criterios de seleccin. Realizar consultas a la base de datos que cumplan ciertos criterios de busqueda. Laboratorio de informtica. Desempeos
Nmero: Nmero:
2 28
Duracin
2 horas
Aplica las medidas de seguridad e higiene. - Evita la manipulacin de lquidos cerca del equipo. - No introduce objetos extraos en los dispositivos de disco, - No utiliza imanes cerca de discos flexibles, discos compactos del equipo. - Limpia el rea de trabajo. 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. 10. Inicia el proceso de depuracin del programa, hasta cerciorarse que el programa cumpla con el objetivo establecido.
DEWE-00
80/114
Desarrollo de pginas web dinmicas Diseo de formularios para agregar registros. Elaborar formularios para dar de alta registros en la base de datos. Laboratorio de informtica. Desempeos
Nmero: Nmero:
2 29
Duracin
2 horas
Aplica las medidas de seguridad e higiene. - Evita la manipulacin de lquidos cerca del equipo. - No introduce objetos extraos en los dispositivos de disco, - No utiliza imanes cerca de discos flexibles, discos compactos del equipo. - Limpia el rea de trabajo. 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.
6.
El formulario desarrollado debe ser similar al siguiente:
DEWE-00
81/114
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-00
82/114
Desarrollo de pginas web dinmicas Diseo de formularios de eliminacin de registros Elaborar formularios para eliminar registros de la base de datos. Laboratorio de informtica. Desempeos
Nmero: Nmero:
2 30
Duracin
2 horas
Aplica las medidas de seguridad e higiene. - Evita la manipulacin de lquidos cerca del equipo. - No introduce objetos extraos en los dispositivos de disco, - No utiliza imanes cerca de discos flexibles, discos compactos del equipo. - Limpia el rea de trabajo. 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-00
83/114
7. 8. 9.
DEWE-00
84/114
Desarrollo de pginas web dinmicas Diseo de formularios de eliminacin de registros. Elaborar formularios para eliminar registros de la base de datos. Laboratorio de informtica. Desempeos
Nmero: Nmero:
2 31
Duracin
2 horas
Aplica las medidas de seguridad e higiene. - Evita la manipulacin de lquidos cerca del equipo. - No introduce objetos extraos en los dispositivos de disco, - No utiliza imanes cerca de discos flexibles, discos compactos del equipo. - Limpia el rea de trabajo. 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-00
85/114
7. 8. 9.
DEWE-00
86/114
Desarrollo de pginas web dinmicas Validacin de datos de formularios. Validar la informacin de entrada en los formularios diseados para asegurar la integridad. Laboratorio de informtica. Desempeos
Nmero: Nmero:
2 32
Duracin
1 horas
Aplica las medidas de seguridad e higiene. - Evita la manipulacin de lquidos cerca del equipo. - No introduce objetos extraos en los dispositivos de disco, - No utiliza imanes cerca de discos flexibles, discos compactos del equipo. - Limpia el rea de trabajo. 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 vacios. 6. El mensaje enviado por el formulario al tratar de dar de alta registros en blanco debe ser similar al siguiente:
DEWE-00
87/114
7. 8. 9.
DEWE-00
88/114
Desarrollo de pginas web dinmicas Acceso mediante contrasea a la aplicacin.
Nmero: Nmero:
2 33
Implementar la solicitud de usuario y contrasea para permitir solo el acceso a usuarios autorizados a las pginas web Laboratorio de informtica. Desempeos
Aplica las medidas de seguridad e higiene. - Evita la manipulacin de lquidos cerca del equipo. - No introduce objetos extraos en los dispositivos de disco, - No utiliza imanes cerca de discos flexibles, discos compactos del equipo. - Limpia el rea de trabajo. 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:
Duracin
1 horas
DEWE-00
89/114
6. 7. 8.
DEWE-00
90/114
II. Gua de Evaluacin del Mdulo Diseo y elaboracin de pginas web
DEWE-00
91/114
7. Descripcin
La gua de evaluacin es un documento que define el proceso de recoleccin y valoracin de las evidencias requeridas por el m dulo 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 una norma tcnica de competencia laboral (NTCL), de institucin educativa o bien, una 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).
DEWE-00
92/114
Evaluacin de los Aprendizajes. Durante el proceso de enseanza - aprendizaje es importante considerar tres categoras 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 PSP y su grupo. El alumno a su vez podr obtener informacin sobre los aspectos donde deber hacer nfasis en su dedicacin. El PSP 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 PSP 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.
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 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 PSP, 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.
DEWE-00
93/114
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 PSP, ir observando y calculando los avances en trminos de porcentaje, que se van alcanzando (ver apartado 7 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. 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.
DEWE-00
94/114
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 PSP 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 PSP 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 PSP 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-00
95/114
8. Tabla de Ponderacin
UNIDAD
RA 1.1 Determina la estructura del sitio web con base en las necesidades del usuario detectadas.
ACTIVIDAD DE EVALUACIN 1.1.1
ASPECTOS A EVALUAR C P A
% Peso Especfico
% Peso Logrado
% Peso Acumulado
10
1. Desarrollo de pginas web estticas.
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 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.2.1
25
1.3.1
15 50
2.1.1
20
2. Desarrollo de pginas web dinmicas.
2.2.1
30 50 100
DEWE-00
96/114
9. Materiales para el Desarrollo de Actividades de Evaluacin
En Blanco
DEWE-00
97/114
10. Matriz de Valoracin Rbrica MATRIZ DE VALORACIN O RBRICA Siglema: DEWE-00 PSP evaluador: Resultado de Aprendizaje:
1.1 Determina la estructura del sitio web con base en las necesidades del usuario detectadas.
Nombre del Mdulo:
Diseo y desarrollo de pginas web
Nombre del Alumno: Grupo: Fecha:

Elabora la justificacin y la estructura propuesta del sitio web acorde con los requerimientos del cliente.
Actividad de evaluacin:
1.1.1
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: - Por capacidad fsica. - Por capacidad tcnica. - Por conocimiento de la institucin. - Por necesidades de informacin. - Por ubicacin geogrfica. Determina situaciones de uso reales y hacia quien se deber enfocar el sitio, a travs de estudios de escenarios de uso.
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, realiza parcialmente o errneamente alguno de los aspectos definidos en el criterio de suficiente
Definicin de objetivos del sitio
25

Definicin de la Audiencia del Sitio
25
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. Determina situaciones de uso reales y hacia quien se deber enfocar el sitio, a travs de estudios de escenarios de uso.
DEWE-00
98/114

Definicin de contenidos del sitio
25
Definicin de la estructura del sitio
25
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. 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. Crea un rbol organizacional del sitio agrupando los contenidos de la manera en que se organiza la institucin en su lgica de actividad, mediante una herramienta de software. Crea un rbol funcional del sitio, agrupando los contenidos de acuerdo a las tareas que se pueden realizar dentro del sitio, mediante una herramienta de software. Genera los sistemas de navegacin a los contenidos del sitio haciendo uso de elementos textuales y contextuales, y se asegura que los sistemas de navegacin sean consistentes,
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. 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.
Crea un rbol organizacional del sitio agrupando los contenidos de la manera en que se organiza la institucin en su lgica de actividad, mediante una herramienta de software. Crea un rbol funcional del sitio, agrupando los contenidos de acuerdo a las tareas que se pueden realizar dentro del sitio, mediante una herramienta de software. Genera los sistemas de navegacin a los contenidos del sitio haciendo uso de elementos textuales y contextuales, y se
Omite, realiza parcialmente o errneamente alguno de los aspectos definidos en el criterio de suficiente.
DEWE-00
99/114
uniformes y visibles en todo el sitio. Dibuja diagramas con todas las pantallas que tendr el sitio, asegurndose que no incluyan ningn elemento grfico o visual concreto, solo incluyendo lneas y bloques. Elabora bocetos de diseo o dibujos digitales acabados de las pginas principales del sitio, empleando un software grfico. 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 que queden fuera de norma por peso o tamao realiza la optimizacin de los elementos.
asegura que los sistemas de navegacin sean consistentes, uniformes y visibles en todo el sitio. Dibuja diagramas con todas las pantallas que tendr el sitio, asegurndose que no incluyan ningn elemento grfico o visual concreto, solo incluyendo lneas y bloques. Elabora bocetos de diseo o dibujos digitales acabados de las pginas principales del sitio, empleando un software grfico. Genera un prototipo o maqueta web con pginas clickeables para comprobar el desempeo de las pginas utilizando enlaces reales.
100
DEWE-00
100/11 4
Siglema: DEWE-00 PSP evaluador: Resultado de Aprendizaje:
Nombre del Mdulo:
MATRIZ DE VALORACIN O RBRICA Nombre del Alumno: Grupo:

1.2.1
Fecha:
1.2 Elabora pginas web estticas haciendo uso del lenguaje de etiquetas XHTML.
Desarrolla la pgina web del sitio propuesto en la actividad de evaluacin 1.1.1 empleando los elementos del lenguaje de etiquetas XHTML:
Utiliza en el diseo de la pgina HTML: - Caracteres - Marcadores (etiquetas) - Nombre de etiquetas - Atributos - Comentarios Disea la estructura con los marcadores: <HTML> <HEAD> <BODY> 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 : <p> <h1> Realiza el marcado bsico de los elementos que componen el texto empleando las siguientes etiquetas: <em> <strong> <ins> <del> <blockquote>
Suficiente
Utiliza en el diseo de la pgina HTML: - Caracteres - Marcadores (etiquetas) - Nombre de etiquetas - Atributos - Comentarios Disea la estructura con los marcadores: <HTML> <HEAD> <BODY> Emplea en el cdigo las 5 normas definidas por XHTML para escribir las etiquetas y atributos.
Insuficiente
Uso de los elementos del lenguaje HTML
Manejo de texto en las pginas
15
Estructura el texto de las prrafos y secciones, siguientes elementos : <p> <h1> Realiza el marcado bsico que componen el texto siguientes etiquetas: <em> <strong> <ins> <del>
pginas web en empleando los
de los elementos empleando las
DEWE-00
101/11 4
Vinculacin entre pginas del sitio
10
Manejo de listas
15
<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 Utiliza texto preformateado mediante el uso de las siguientes etiquetas: Pre Code 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: <a>. URL Anclas Inclusin de grficos <img> propiedad src propiedad alt propiedad border Formatos GIF y JPG Mapas Insertar los siguientes tipos de enlaces 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
<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 Utiliza texto preformateado mediante el uso de las siguientes etiquetas: Pre Code Vincula las pginas desarrolladas utilizando: Enlaces entre zonas de hipertexto. <a>. URL Anclas Inclusin de grficos <img> propiedad src propiedad alt propiedad border Formatos GIF y JPG Mapas Insertar los siguientes tipos de enlaces en las pginas desarrolladas: Enlace al inicio del sitio web. Enlace a un email. Enlace a un archivo FTP. Enlazar el favicon. Omite, realiza parcialmente o errneamente alguno de los aspectos definidos en el criterio de suficiente
Agrupa determinadas palabras o frases en un conjunto de elementos utilizando los siguientes tipos de listas segn se requiera: Listas no ordenadas
102/11 4
DEWE-00
Incorporacin de elementos multimedia
15
<ul> <li> Listas ordenadas <ol> Listas de definicin <dl> <dt> <dd> 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: <img> atributo src atributo alt atributo name atributo height atributo width Incluye Mapas de imagen en las pginas web desarrolladas mediante el uso de: <map> 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
<ul> <li> Listas ordenadas <ol> Listas de definicin <dl> <dt> <dd>
Incluye Imgenes en las pginas desarrolladas mediante el uso de siguientes elementos: <img> atributo src atributo alt atributo name atributo height atributo width Incluye Mapas de imagen en las pginas desarrolladas mediante el uso de: <map> atributo name <rea> atributo href atributo nohref atributo shape atributo coords Incluye Objetos en las pginas 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
web los
Omite, realiza parcialmente o errneamente alguno de los aspectos definidos en el criterio de suficiente.
web
web
DEWE-00
103/11 4

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> Adems, emplea diferentes anchos de lnea y colores en las tablas, para diferenciar la informacin a presentar. 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> Adems, limita el nmero de caracteres a capturar en los campos de texto. Crea las carpetas del sitio web para alojar : Pginas
atributo width Omite organizar la informacin contenida en las pginas web mediante el uso de tablas.
Manejo de tablas
15
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>
Manejo formularios
de
15
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>
Organizacin de las carpetas que
Crea las carpetas del sitio web para alojar : Pginas
Omite, realiza parcialmente o errneamente alguno de
DEWE-00
104/11 4
contienen informacin sitio
del
Imgenes Videos Archivos de descarga 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 de manera impresa. Verifica que las pginas web diseadas se ejecutan correctamente en el navegador sin errores. Identifica los posibles errores de ejecucin que pudieran presentar las pginas web y los corrige. Adems, agrega cdigo a las pginas web para que se ejecuten correctamente, independientemente del navegador a utilizar.
Imgenes Videos Archivos de descarga
los aspectos definidos en el criterio de suficiente
Presentacin del cdigo
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 ejecucin que pudieran presentar las pginas web y los corrige.
100
DEWE-00
105/11 4
MATRIZ DE VALORACIN O RBRICA Siglema: DEWE-00 PSP evaluador: Resultado de Aprendizaje:

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

1.3.1
Fecha:
Construye hojas de estilo en cascada para definir el aspecto y presentacin
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: font-family font-size font-weight font-style font-variant font Establece la apariencia del texto de las pginas desarrolladas mediante el uso de las siguientes propiedades CSS: text-align line-height text-decoration text-transform vertical-align
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. 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 Establece la apariencia del texto de las pginas desarrolladas mediante el uso de las siguientes propiedades CSS: text-align line-height text-decoration text-transform vertical-align
Insuficiente
Uso de los elementos CSS en XHTML
15

Definicin de tipografa y apariencia del texto
15
DEWE-00
106/11 4
Uso de estilos CSS en los enlaces
15
Uso de estilos CSS en las listas
15

Uso de estilos CSS en las tablas
15
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 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. 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 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: border-spacing border-collapse
text-indent letter-spacing word-spacing white space
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 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 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
Define las propiedades de las tablas mediante el uso de las siguientes propiedades CSS: border-spacing
DEWE-00
107/11 4
empty-cells caption-side 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 web se ejecutan correctamente en el navegador. 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.
border-collapse empty-cells caption-side
Uso de estilos CSS en los formularios
15
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 web se ejecutan correctamente en el navegador. Identifica los posibles errores de ejecucin que pudieran presentar las pginas web y los corrige.
100
DEWE-00
108/11 4

2.1 Implementa interactividad a las pginas web, mediante el desarrollo de cdigo de programacin en un lenguaje script.
Nombre del Mdulo:
Nombre del Alumno: Grupo: Actividad de evaluacin: 2.1.1 Fecha:

Desarrolla cdigo de programacin para implementar interactividad a las pginas web desarrolladas
Incluye instrucciones Javascript en un archivo externo mediante el uso de las siguientes etiquetas y atributos: - <script> - atributo type - atributo src 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 mecanismo de escape para incluir caracteres especiales en cadenas de texto. Realiza clculos complejos mediante el uso de los siguientes operadores: - Asignacin.
Suficiente
Incluye instrucciones Javascript en un archivo externo mediante el uso de las siguientes etiquetas y atributos: - <script> - atributo type - atributo src 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.
Insuficiente
Inclusin de Javascript en XHTML
15
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.
Uso de operadores
20
Realiza clculos complejos mediante el uso de los siguientes operadores: - Asignacin.
Omite, realiza parcialmente o errneamente alguno de los aspectos definidos en el
DEWE-00
109/11 4
Uso de estructuras de control
20

Uso de funciones predefinidas
20
- Incremento y decremento. - Lgicos. - Negacin. - AND. - OR. - Matemticos. - Relacionales. 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: - 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: - lenght() - +, - concat() - toUpperCase() - toLowerCase() - 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
Incremento y decremento. Lgicos. Negacin. AND. OR. Matemticos. Relacionales.
criterio de suficiente
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 Realiza operaciones con cadenas de texto mediante la incorporacin de las siguientes funciones y propiedades javascript: - lenght() - +, - concat() - toUpperCase() - toLowerCase() - 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
DEWE-00
110/11 4

Depuracin del cdigo Javas Script
10
Realiza operaciones con nmerosmediante 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.
Realiza operaciones con nmeros mediante la incorporacin de las siguientes funciones y propiedades javascript: - NaN() - isNaN() - toFixed()
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.
100
DEWE-00
111/11 4

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:
Nombre del Alumno: Grupo: Fecha:
2.2.1
Desarrolla el cdigo de programacin para establecer la conectividad con las bases de datos en la implementacin de formularios de consulta, bsqueda, insercin, eliminacin y modificacin de la informacin contenida en las tablas de las bases de datos
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, empleando el lenguaje de programacin especificado por el PSP. Declara y hace uso de Arreglos en orden y sintaxis correcta, empleando el lenguaje de programacin especificado por el PSP 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, empleando el lenguaje de programacin especificado por el Personal. Declara y hace uso de funciones en orden y sintaxis correcta, empleando el lenguaje de programacin especificado por el PSP para el desarrollo de la aplicacin. Adems, identifica los errores de sintaxis y programacin en la ejecucin, y los corrige. Desarrolla formularios con acceso a bases de datos para la insercin de informacin, agregando funcionalidad a los siguientes componentes para el manejo de datos
Suficiente
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, empleando el lenguaje de programacin especificado por el PSP. Declara y hace uso de Arreglos en orden y sintaxis correcta, empleando el lenguaje de programacin especificado por el PSP 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, empleando el lenguaje de programacin especificado por el PSP. Declara y hace uso de funciones en orden y sintaxis correcta, empleando el lenguaje de programacin especificado por el PSP para el desarrollo de la aplicacin. Desarrolla formularios con acceso a bases de datos para la insercin de informacin, agregando funcionalidad a los siguientes componentes para el manejo de datos
Insuficiente
Declaracin y manejo de la Programacin
20
Insercin de datos
25
DEWE-00
112/11 4
Modificacin de datos
25
Borrado de datos
25
mediante el lenguaje de programacin especificado por el PSP: - 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. Desarrolla formularios con acceso a bases de datos para la modificacin de informacin, agregando funcionalidad a los siguientes componentes para el manejo de datos mediante el lenguaje de programacin especificado por el PSP: - 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. 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 mediante el lenguaje de programacin especificado por el PSP: - Etiquetas. - Botones. - Cajas de texto. - Casillas de verificacin. - Botones de opcin. - Listas simples. - Listas desplegables.
mediante el lenguaje de programacin especificado por el PSP: - Etiquetas. - Botones. - Cajas de texto. - Casillas de verificacin. - Botones de opcin. - Listas simples. - Listas desplegables.
Desarrolla formularios con acceso a bases de datos para la modificacin de informacin, agregando funcionalidad a los siguientes componentes para el manejo de datos mediante el lenguaje de programacin especificado por el PSP: - Etiquetas. - Botones. - Cajas de texto. - Casillas de verificacin. - Botones de opcin. - Listas simples. - Listas desplegables.
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 mediante el lenguaje de programacin especificado por el PSP: - Etiquetas. - Botones. - Cajas de texto. - Casillas de verificacin. - Botones de opcin. - Listas simples. - Listas desplegables.
DEWE-00
113/11 4
Adems implementa la validacin de los datos de entrada en los formularios para asegurar la integridad de la informacin. Presenta el cdigo fuente de la aplicacin de manera impresa y en medio magntico, demostrando orden y/o limpieza. 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 de manera impresa, demostrando orden y/o limpieza. Presenta el cdigo fuente de la aplicacin de manera impresa y en medio magntico, demostrando orden y/o limpieza. 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. Omite, realiza parcialmente o errneamente alguno de los aspectos definidos en el criterio de suficiente
Depuracin y Presentacin del cdigo
100
DEWE-00
114/11 4

Guias Dis..

Uploaded by

Document Information

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Guias Dis..

Uploaded by

Copyright:

Available Formats

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

2. Datos de Identificacin de la Norma

Ttulo: Unidad (es) de competencia laboral: 1. Cdigo: Nivel de competencia:

Modelo Acadmico de Calidad para la Competitividad

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

El prestador de servicios profesionales:

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

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

El estudio de casos es pertinente usarlo cuando se pretende:

Modelo Acadmico de Calidad para la Competitividad

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

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

4. Enfoque del Mdulo

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

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

XHTML, JavaScript y CSS. Mxico, ALfaomega Grupo Editor, 2008.

Gua breve de CSS disponible en http://www.w3c.es/divulgacion/guiasbreves/Hojas Estilo

<p> </p> h1, h2

<em> </em> <strong> </strong>

<a> </a> Atributos: name=texto href = url

<ul> </ul> <li> </li> <ol> </ol>

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

<dl> </dl> <dt> </dt> <dd> </dd>

<table> </table> <tr> </tr> <td> </td> <th> </th>

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

Aplicar la siguiente definicin de javascript para el uso de variables.

Modelo Acadmico de Calidad para la Competitividad

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

http://www.desarrolloweb.com/asp/ Tutorial de SQL Disponible en: http://www.desarrolloweb.com/manuales/9/

Validacin de datos de entrada Realizar la prctica No. 32 Validacin de datos de formularios.

Modelo Acadmico de Calidad para la Competitividad

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