Você está na página 1de 24

Diseo y elaboracin de pginas web

Programa de Estudios

rea(s):

Tecnologas de la informacin y comunicacin

Carrera(s):
Profesional Tcnico y Profesional Tcnico-Bachiller en Informtica

Modelo Acadmico de Calidad para la Competitividad

DEWE-00

1/24

Editor: Colegio Nacional de Educacin Profesional Tcnica Programa de Estudios del Mdulo: Diseo y elaboracin de pginas web rea(s): Tecnologas de la informacin y Comunicacin Carrera(s): Profesional Tcnico y Profesional Tcnico Bachiller en Informtica Semestre(s): Sexto D. R. Colegio Nacional de Educacin Profesional Tcnica. Este material es vigente a partir del 1 de febrero 2011. Prohibida la reproduccin total o parcial de esta obra por cualquier medio, sin autorizacin por escrito del Conalep. Calle 16 de Septiembre 147 Norte, Col. Lzaro Crdenas, Metepec, Edo. de Mxico, C. P. 52148. HECHO EN MXICO. Primera Edicin 31 de enero de 2011. www.conalep.edu.mx Fecha en que se termin su edicin: 31 de enero 2011.

Modelo Acadmico de Calidad para la Competitividad

DEWE-00

2/24

Directorio

Director General Wilfrido Perea Curiel Secretario General Ramn Picazo Casteln Secretario de Desarrollo Acadmico y de Capacitacin Francisco de Padua Flores Flores Secretario de Administracin Hermilo Garca Christfield Secretaria de Planeacin y Desarrollo Institucional Esther Alicia Daz Trevio Secretario de Servicios Institucionales Salvador Alvarado Garibaldi Director Corporativo de Asuntos Jurdicos Daniel Aceves Villagrn Director Corporativo de la Unidad de Estudios e Intercambio Acadmico Roberto Borja Ochoa Director Corporativo de Informtica y Comunicaciones Miguel ngel Serrano Perea Directora de Diseo Curricular de la Formacin Ocupacional Violeta Araceli Figueroa Villarreal

Coordinadora de las reas de Comercio y Administracin, Informtica, Salud y Turismo Mara Teresa Villar Moya Coordinadora de las reas de Metalmecnica, Metalurgia y Procesos de Produccin y Transformacin Patricia Alejandra Bernal Monzn Coordinador de las reas de Automotriz, Electrnica y Telecomunicaciones e Instalacin y Mantenimiento Jaime G. Ayala Arellano

Grupo de trabajo Tcnico: Servicios Acadmicos y Educativos S.C.

Metodolgico: Servicios Acadmicos y Educativos S.C.

Modelo Acadmico de Calidad para la Competitividad

DEWE-00

3/24

Diseo y elaboracin de pginas web

Contenido
Mensaje del Director General Presentacin del Secretario de Desarrollo Acadmico y de Capacitacin Captulo I: 1.1 1.2 Captulo II: 2.1 2.2 2.3 2.4 2.5 Generalidades de las Carreras Objetivo General de la Carrera Competencias Transversales al Currculum Aspectos Especficos del Mdulo Presentacin Propsito del Mdulo Mapa del Mdulo Unidades de Aprendizaje Referencias Documentales

Pg. 5 7

8 9

11 13 14 15 24

Modelo Acadmico de Calidad para la Competitividad

DEWE-00

4/24

Mensaje del Director General

Las grandes transformaciones mundiales en los diversos rdenes de la vida social, econmica, poltica y cultural, obligan a replantear, en el universo educativo, los modelos de formacin acadmica, las prcticas y estrategias didcticas y todo aquello que tenga que ver con la transmisin del saber. En ese contexto, las instituciones encargadas de la formacin educativa deben capitalizar su propia experiencia para lograr su pertinencia conforme a las necesidades laborales y culturales caractersticas de los grupos sociales que atiende, as como para innovar y promover la actualizacin de los contenidos curriculares y la mejora contina en los procesos formativos y de capacitacin. Para ello, se hace necesario conocer el entorno laboral, el perfil de los empleadores y las necesidades del mundo productivo. Ante estos retos, el Colegio Nacional de Educacin Profesional Tcnica, con sus tres dcadas de experiencia en la formacin de los profesionales tcnicos que requiere el pas, estrechamente vinculado con el sector productivo, asumi el compromiso institucional de reorientar su Modelo Acadmico, para perfeccionar su doble tarea de responder concretamente a los requerimientos profesionales tcnicos del sector laboral y, a la vez, a la formacin integral, cultural y ciudadana de nuestros egresados. Las perspectivas actuales del CONALEP se definen en el contexto de las nuevas condiciones y circunstancias del pas. La poltica educativa diseada por las autoridades federales, como parte del Plan Nacional de Desarrollo, nos marca el rumbo a seguir. A nosotros nos corresponde desarrollar nuestra iniciativa y capacidad creativa para estar a la altura de lo que la sociedad mexicana demanda del Colegio. Nos encontramos ya en el inicio de la construccin del sistema nacional del bachillerato, objetivo principal de la reforma integral de la educacin media superior. El nfasis inicial de la reforma del bachillerato ser puesto en los elementos comunes que todos los subsistemas debern incorporar en su perfil propio, tales como el marco curricular comn y la formacin docente basada en competencias. Pero la reforma tambin observa la necesidad de que cada subsistema fortalezca su identidad propia, es decir, lo que lo diferencia de los dems y le otorga su propia especificidad. El CONALEP est preparado para participar de forma entusiasta en la reforma general y, al mismo tiempo, para impulsar su propia reorientacin con el fin de fortalecer su identidad y mejorar las formas en que realiza su misin. Sin embargo, tal entrecruzamiento de polticas no deja de representar un gran reto para las estructuras y funciones tradicionales del Colegio. Algunos de los cambios que de manera obligada debemos hacer, como consecuencia de la reforma integral de la educacin media superior, no slo sern de orden funcional, sino que necesariamente afectarn a las estructuras acadmicas y administrativas del Colegio. La misin original del CONALEP consista en la formacin de los tcnicos medios, de postsecundaria, que demanda el aparato productivo del pas. Posteriormente se le otorgaron expectativas y funciones para atender la demanda de los jvenes para estudiar el bachillerato. En otras palabras, pasamos a formar parte del archipilago del bachillerato nacional, habiendo surgido como sistema de

Modelo Acadmico de Calidad para la Competitividad

DEWE-00

5/24

educacin tcnica profesional. La reforma integral que hoy se lleva a cabo nos ubica de manera definitiva y clara, sin ambigedades, en lo que quiere ser el sistema nacional del bachillerato, pero al mismo tiempo nos obliga a recuperar nuestra misin fundamental, planteada desde su origen: la formacin de los tcnicos medios de la industria y los servicios. De ah deriva la reorientacin del modelo acadmico del colegio, adaptada para preparar ambas figuras necesarias: la del Profesional Tcnico y la del Profesional Tcnico Bachiller. En otras palabras, para el CONALEP se le plantea un camino que, sin dejar de impartir la educacin profesional tcnica, deber ser cada vez ms capaz de impartir tambin la educacin del bachillerato general. Nuestro Modelo Acadmico de Calidad para la Competitividad, basado en competencias laborales certificadas, mediante normas de validez universal, nos permite disear el camino para lograr lo que consideramos nuestro resultado fundamental: un profesional tcnico capaz de trabajar en cualquier empresa o institucin, en el mbito nacional o internacional, con base en sus competencias que en cualquier momento puedan ser comprobadas, as como de asumir plenamente sus responsabilidades ciudadanas y desarrollar las cualidades de aprendizaje durante su vida. Con estas grandes fortalezas de nuestra parte y con el invaluable apoyo de los Prestadores de Servicios Profesionales, tenemos la certeza de que los alumnos egresados del CONALEP estarn mejor preparados para afrontar los nuevos desafos que el desarrollo demanda. Nuestro profundo agradecimiento a los Prestadores de Servicios Profesionales, porque mediante sus opiniones expresadas en diferentes reuniones de evaluacin, se han sumado a las aportaciones de los sectores productivo, cientfico y humanstico, configurando as una consulta incluyente. El resultado de los trabajos realizados se resume en esta versin del Programa de Estudios, la cual ponemos a disposicin de la comunidad del Sistema CONALEP, para enriquecer la labor docente y la formacin acadmica.

Wilfrido Perea Curiel Director General

Modelo Acadmico de Calidad para la Competitividad

DEWE-00

6/24

Presentacin del Secretario de Desarrollo Acadmico y de Capacitacin

La Secretara de Desarrollo Acadmico y de Capacitacin, encargada de disear y evaluar el modelo acadmico de acuerdo a los requerimientos y necesidades de los sectores productivos; pblico, social y privado, en concordancia con los objetivos y las metas del CONALEP, conforme a las estrategias nacionales y sectoriales y con lineamientos establecidos para la Educacin Media Superior, llev a cabo una reorientacin de su modelo acadmico dando como resultado el Modelo Acadmico de Calidad para la Competitividad. Su propsito es promover una formacin profesional tcnica y capacitacin pertinente, flexible y de vanguardia en congruencia con las necesidades cambiantes del entorno laboral; as como una formacin integral y permanente de los individuos en un marco de desarrollo humano sustentable, a travs del desarrollo de competencias con un enfoque constructivista del conocimiento y del fortalecimiento de los mecanismos de vinculacin con el sector productivo e interinstitucional para asegurar la insercin laboral y posibilitar el ingreso a la educacin superior. Adems, el modelo est diseado para dotar al joven de los elementos que posibiliten la toma de decisiones con respecto al plan de vida y carrera, a la vez que favorezcan su desempeo acadmico, profesional y social; podr descubrir todas sus potencialidades de naturaleza e ndole biolgica, psicolgica, moral, cognitiva, fsica, esttica, espiritual y trascendental, y de la adquisicin de los saberes universales y fundamentales de cada disciplina. En suma, los Programas de Estudios buscan responder a las expectativas de la nueva generacin de estudiantes que nos han confiado su formacin acadmica y a quienes no podemos fallarles, por su propio bien y por el bien de Mxico. En el CONALEP est claro que la trascendencia de la institucin se sustenta en el desarrollo profesional de sus egresados.

Francisco de Padua Flores Flores Secretario de Desarrollo Acadmico y de Capacitacin

Modelo Acadmico de Calidad para la Competitividad

DEWE-00

7/24

CAPTULO I: Generalidades de la Carrera


1.1. Objetivo General de la Carrera

PT y P.TB en Informtica Realizar funciones necesarias de apoyo a nivel operativo que permitan brindar los servicios de desarrollo e implantacin de soluciones de tecnologa de informacin, automatizacin, organizacin, codificacin y recuperacin de la informacin y optimizacin de recursos informticos para impulsar la competitividad de las organizaciones o empresas de cualquier mbito.

Modelo Acadmico de Calidad para la Competitividad

DEWE-00

8/24

1.2. Competencias Transversales al Currculum ( * )


Competencias Genricas
Se autodetermina y cuida de s 1. Se conoce y valora a s mismo y aborda problemas y retos teniendo en cuenta los objetivos que persigue. Es sensible al arte y participa en la apreciacin e interpretacin de sus expresiones en distintos gneros. Elige y practica estilos de vida saludables.

Atributos
Enfrenta las dificultades que se le presentan y es consciente de sus valores, fortalezas y debilidades. Identifica sus emociones, las maneja de manera constructiva y reconoce la necesidad de solicitar apoyo ante una situacin que lo rebase. Elige alternativas y cursos de accin con base en criterios sustentados y en el marco de un proyecto de vida. Analiza crticamente los factores que influyen en su toma de decisiones. Asume las consecuencias de sus comportamientos y decisiones. Administra los recursos disponibles teniendo en cuenta las restricciones para el logro de sus metas. Valora el arte como manifestacin de la belleza y expresin de ideas, sensaciones y emociones. Experimenta el arte como un hecho histrico compartido que permite la comunicacin entre individuos y culturas en el tiempo y el espacio, a la vez que desarrolla un sentido de identidad. Participa en prcticas relacionadas con el arte. Reconoce la actividad fsica como un medio para su desarrollo fsico, mental y social. Toma decisiones a partir de la valoracin de las consecuencias de distintos hbitos de consumo y conductas de riesgo. Cultiva relaciones interpersonales que contribuyen a su desarrollo humano y el de quienes lo rodean. Expresa ideas y conceptos mediante representaciones lingsticas, matemticas o grficas. Aplica distintas estrategias comunicativas segn quienes sean sus interlocutores, el contexto en el que se encuentra y los objetivos que persigue. Identifica las ideas clave en un texto o discurso oral e infiere conclusiones a partir de ellas. Se comunica en una segunda lengua en situaciones cotidianas. Maneja las tecnologas de la informacin y la comunicacin para obtener informacin y expresar ideas. Sigue instrucciones y procedimientos de manera reflexiva, comprendiendo como cada uno de sus pasos contribuye al alcance de un objetivo. Ordena informacin de acuerdo a categoras, jerarquas y relaciones. Identifica los sistemas y reglas o principios medulares que subyacen a una serie de fenmenos. Construye hiptesis y disea y aplica modelos para probar su validez. Sintetiza evidencias obtenidas mediante la experimentacin para producir conclusiones y formular nuevas preguntas. Utiliza las tecnologas de la informacin y comunicacin para procesar e interpretar informacin.

2.

3.

Se expresa y comunica 4. Escucha, interpreta y emite mensajes pertinentes en distintos contextos mediante la utilizacin de medios, cdigos y herramientas apropiados.

Piensa crtica y reflexivamente 5. Desarrolla innovaciones y propone soluciones a problemas a partir de mtodos establecidos.

Modelo Acadmico de Calidad para la Competitividad

DEWE-00

9/24

6.

Sustenta una postura personal sobre temas de inters y relevancia general, considerando otros puntos de vista de manera crtica y reflexiva.

Aprende de forma autnoma 7. Aprende por iniciativa e inters propio a lo largo de la vida. Trabaja en forma colaborativa 8. Participa y colabora de manera efectiva en equipos diversos.

Participa con responsabilidad en la sociedad 9. Participa con una conciencia cvica y tica en la vida de su comunidad, regin, Mxico y el mundo.

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

11. Contribuye al desarrollo sustentable de manera crtica, con acciones responsables.

Elige las fuentes de informacin ms relevantes para un propsito especfico y discrimina entre ellas de acuerdo a su relevancia y confiabilidad. Evala argumentos y opiniones e identifica prejuicios y falacias. Reconoce los propios prejuicios, modifica sus puntos de vista al conocer nuevas evidencias, e integra nuevos conocimientos y perspectivas al acervo con el que cuenta. Estructura ideas y argumentos de manera clara, coherente y sinttica. Define metas y da seguimiento a sus procesos de construccin de conocimiento. Identifica las actividades que le resultan de menor y mayor inters y dificultad, reconociendo y controlando sus reacciones frente a retos y obstculos. Articula saberes de diversos campos y establece relaciones entre ellos y su vida cotidiana. Propone maneras de solucionar un problema o desarrollar un proyecto en equipo, definiendo un curso de accin con pasos especficos. Aporta puntos de vista con apertura y considera los de otras personas de manera reflexiva. Asume una actitud constructiva, congruente con los conocimientos y habilidades con los que cuenta dentro de distintos equipos de trabajo. Privilegia el dilogo como mecanismo para la solucin de conflictos. Toma decisiones a fin de contribuir a la equidad, bienestar y desarrollo democrtico de la sociedad. Conoce sus derechos y obligaciones como mexicano y miembro de distintas comunidades e instituciones, y reconoce el valor de la participacin como herramienta para ejercerlos. Contribuye a alcanzar un equilibrio entre el inters y bienestar individual y el inters general de la sociedad. Acta de manera propositiva frente a fenmenos de la sociedad y se mantiene informado. Advierte que los fenmenos que se desarrollan en los mbitos local, nacional e internacional ocurren dentro de un contexto global interdependiente. Reconoce que la diversidad tiene lugar en un espacio democrtico de igualdad de dignidad y derechos de todas las personas, y rechaza toda forma de discriminacin. Dialoga y aprende de personas con distintos puntos de vista y tradiciones culturales mediante la ubicacin de sus propias circunstancias en un contexto ms amplio. Asume que el respeto de las diferencias es el principio de integracin y convivencia en los contextos local, nacional e internacional. Asume una actitud que favorece la solucin de problemas ambientales en los mbitos local, nacional e internacional. Reconoce y comprende las implicaciones biolgicas, econmicas, polticas y sociales del dao ambiental en un contexto global interdependiente. Contribuye al alcance de un equilibrio entre los intereses de corto y largo plazo con relacin al ambiente.

*Fuente: Acuerdo 444 por el que se establecen las competencias que constituyen el Marco Curricular Comn del Sistema Nacional de Bachillerato.

Modelo Acadmico de Calidad para la Competitividad

DEWE-00

10/24

CAPTULO II: Aspectos Especficos del Mdulo.


2.1. Presentacin

El mdulo de Diseo y elaboracin de pginas web se imparte en el sexto semestre y forma parte del ncleo de formacin profesional de la carrera de Profesional Tcnico y Profesional Tcnico Bachiller en Informtica. Su finalidad es que el alumno pueda disear y desarrollar sitios web que combinen pginas con contenido esttico y pginas con diferentes funcionalidades y caractersticas dinmicas e interactivas que hagan de nuestro sitio algo ms que una pgina web informativa y a la vez que nos facilite la actualizacin de la informacin contenida en las bases de datos, permitiendo trabajar a una o ms personas de manera simultanea. El mdulo est conformado por dos unidades de aprendizaje. La primera unidad, le permite al alumno determinar la estructura del sitio web y el diseo de las pginas web estticas siguiendo las especificaciones del W3C, haciendo uso de los lenguajes y herramientas para el desarrollo de pginas web, lo cual le permitir dar atencin a los requerimientos del usuario, y por otro lado, la segunda unidad, le dar los elementos para desarrollar pginas web dinmicas con acceso a bases de datos haciendo uso de lenguajes de programacin del lado del cliente y del lado del servidor. Los resultados del aprendizaje que plantea este mdulo hacen una aportacin importante para la construccin del perfil de egreso de la carrera de Profesional Tcnico y Profesional Tcnico-Bachiller en Informtica, toda vez que le permiten estar en condiciones de estructurar soluciones de diseo y elaboracin de pginas web cuya finalidad sea la de satisfacer necesidades de informacin especficas de manera rpida y fcil a travs de internet, y ofrecer productos y/o servicios de manera integral a travs de un sitio web; y tambin promueve el desarrollo de competencias relativas al pensamiento reflexivo, la creatividad, la colaboracin y, por supuesto a la comunicacin. El mdulo de Diseo y elaboracin de pginas web se relaciona con los mdulos anteriores de Programacin Bsica, Construccin de bases de datos, y Programacin con sistemas gestores de bases de datos, lo que le permite conformar una formacin integral en cuanto al manejo de programacin estructurada y las bases de datos. Adems, estas competencias se complementan con la incorporacin de otras competencias bsicas, las profesionales y genricas que refuerzan la formacin tecnolgica y cientfica, y fortalecen la formacin integral de los educandos; que los prepara para comprender los procesos productivos en los que est involucrado para enriquecerlos, transformarlos, resolver problemas, ejercer la toma de decisiones y desempearse en diferentes ambientes

Modelo Acadmico de Calidad para la Competitividad

DEWE-00

11/24

laborales, con una actitud creadora, crtica, responsable y propositiva; de la misma manera, fomenta el trabajo en equipo, el desarrollo pleno de su potencial en los mbitos profesional y personal y la convivencia de manera armnica con el medio ambiente y la sociedad. La tarea docente en este mdulo tendr que diversificarse, a fin de que los Prestadores de Servicios Profesionales (PSPs) realicen funciones preceptoras, las que consistirn en la gua y acompaamiento de los alumnos durante su proceso de formacin acadmica y personal y en la definicin de estrategias de participacin que permitan incorporar a su familia en un esquema de corresponsabilidad que coadyuve a su desarrollo integral; por tal motivo, deber destinar tiempo dentro de cada unidad para brindar este apoyo a la labor educativa de acuerdo al Programa de Preceptoras. Por ltimo, es necesario que al final de cada unidad de aprendizaje se considere una sesin de clase en la cual se realice la recapitulacin de los aprendizajes logrados, en lo general, por los alumnos, con el propsito de verificar que stos se han alcanzado o, en caso contrario, determinar las acciones de mejora pertinentes. Cabe sealar que en esta sesin el alumno que haya obtenido insuficiencia en sus actividades de evaluacin o desee mejorar su resultado, tendr la oportunidad de entregar nuevas evidencias.

Modelo Acadmico de Calidad para la Competitividad

DEWE-00

12/24

2.2. Propsito del mdulo

Desarrollar sitios web de acuerdo con los estndares internacionales establecidos para el diseo y desarrollo web, as como los requerimientos planteados por el usuario, para mostrar y actualizar la informacin contenida en las pginas web, incluyendo la de las bases de datos asociadas, sin importar la localizacin fsica del usuario.

Modelo Acadmico de Calidad para la Competitividad

DEWE-00

13/24

2.3. Mapa del Mdulo

Nombre del Mdulo

Unidad de Aprendizaje

Resultado de Aprendizaje 1.1 Determina la estructura del sitio web con base en las necesidades del usuario detectadas.
20 horas

1. Desarrollo de pginas web estticas.


74 Horas

1.2 Elabora pginas web estticas haciendo uso del lenguaje de etiquetas XHTML.
34 horas

Diseo y elaboracin de pginas web.


144 Horas

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

2.1 Implementa interactividad a las pginas web, mediante el desarrollo de cdigo de programacin en un lenguaje script. 2. Desarrollo de pginas web dinmicas.
70 Horas 30 horas

2.2 Establece el acceso a bases de datos en pginas web mediante el desarrollo de cdigo en un lenguaje de programacin.
40 horas

Modelo Acadmico de Calidad para la Competitividad

DEWE-00

14/24

2.4. Unidades de Aprendizaje Unidad de aprendizaje: Propsito de la unidad


Desarrollo de pginas web estticas. Nmero 1 74 horas 20 horas

Desarrollar pginas web con contenido esttico siguiendo la metodologa de diseo y basada en estndares internacionales que permita dar cumplimiento a los requerimientos establecidos por el cliente 1.1 Determina la estructura del sitio web con base en las necesidades del usuario detectadas. C P A Evidencias a recopilar Documento electrnico con la estructura propuesta del sitio en la que incluya: - Mapa del sitio. - Maqueta Web Ponderacin 10% Contenidos

Resultado de aprendizaje:

Actividades de evaluacin 1.1.1 Elabora la justificacin y la estructura propuesta del sitio web acorde con los requerimientos del cliente, en la que define: Objetivo del sitio. Audiencia. Contenidos. Mapa del sitio. Sistemas de Navegacin. Borradores de pginas. Maqueta web.

A. Identificacin de elementos Web. Internet. World Wide Web. Navegadores Web. Protocolo HTTP. Protocolo FTP. W3C. CSS. Lenguajes del lado del cliente. - HTML. - JavaScript. - XHTML - XML Lenguajes del lado del servidor. B. Comprobacin de uso de estndares en el cdigo de programacin. Validacin de HTML. Validacin de CSS.

Modelo Acadmico de Calidad para la Competitividad

DEWE-00

15/24

C. Determinacin de la informacin del sitio. Definicin del objetivo del sitio. Definicin de la audiencia. Definicin de contenidos. D. Diseo de la estructura del sitio. Elaboracin de mapas del sitio. Definicin de los sistemas de navegacin. E. Determinacin de elementos de los sistemas de navegacin. Definicin del diseo visual. Diseo de las estructuras de las pginas. Bocetos de diseo. Borradores de pgina. Maqueta Web.
C: Conceptual P: Procedimental A: Actitudinal

Modelo Acadmico de Calidad para la Competitividad

DEWE-00

16/24

Resultado de aprendizaje:

1.2 Elabora pginas web estticas haciendo uso del lenguaje de etiquetas XHTML. C P A Evidencias a recopilar Documentos electrnicos que muestren el cdigo XHTML de las pginas web desarrolladas. Ponderacin 25% Contenidos

34 horas

Actividades de evaluacin 1.2.1 Desarrolla la pgina web del sitio propuesto en la actividad de evaluacin 1.1.1. empleando los siguientes elementos del lenguaje de etiquetas XHTML: Formato de texto. Hipervnculos. Imgenes y elementos multimedia. Listas. Tablas. Formularios Marcos.

A. Identificacin de las Normas mnimas para facilitar el acceso. Peso de las Pginas. Diagramacin de las Pginas. Uso de Presentaciones en Flash. Uso de Marcos o Frames. Uso de imgenes de fondo. Uso de meta tags adecuados. B. Uso de las Normas requeridas en la incorporacin de elementos grficos y multimedia. Optimizacin del peso de las imgenes. Formato de imgenes. Ubicacin de imgenes. Uso del atributo ALT. Imgenes con alto y ancho. Manejo de Plugins. C. Establecimiento del entorno para el desarrollo de un sitio web. Herramientas para el desarrollo.

Planificacin del trabajo. Elementos grficos y multimedia.

Modelo Acadmico de Calidad para la Competitividad

DEWE-00

17/24

D. Implementacin del cdigo XHTML para el desarrollo de pginas Web. Aplicacin de Formato a los siguientes elementos de las pginas web. - Tipos de letra - Prrafos - Colores Creacin de Hipervnculos en las pginas web. - Referencia absoluta - Referencia relativa Incorporacin de Imgenes y elementos multimedia a las pginas web. Listas. Tablas. Formularios. Marcos.
C: Conceptual P: Procedimental A: Actitudinal

Modelo Acadmico de Calidad para la Competitividad

DEWE-00

18/24

Resultado de aprendizaje: 1.3 Construye hojas de estilo en cascada (CSS) de acuerdo con las especificaciones del World Wide
Web Consortium (W3C). Actividades de evaluacin 1.3.1 Construye hojas de estilo en cascada para definir el aspecto y presentacin de los siguientes elementos en las pginas web desarrolladas: - Texto. - Enlaces. - Listas. - Tablas. - Formularios. C P A Evidencias a recopilar Documentos electrnicos que muestren el cdigo CSS implementado para definir el aspecto de las pginas web. Ponderacin 15% Contenidos

20 horas

A. Identificacin del lenguaje de CSS. Definicin de CSS. Especificacin oficial de CSS. Funcionamiento bsico. Formas de inclusin de CSS en XHTML. Glosario bsico. Uso de comentarios. Sintaxis de la definicin de cada propiedad. Selectores. Agrupacin de reglas. Herencia. Colisiones de estilos. Unidades de medida. Colores. B. Implementacin de los elementos CSS en la definicin de la apariencia de los elementos que integran las pginas web. Boxmodel. - Anchura y altura. - Margen y relleno. - Bordes. - Margen, relleno, bordes y boxmodel. - Fondos.

Modelo Acadmico de Calidad para la Competitividad

DEWE-00

19/24

Sesin para recapitulacin, coevaluacin y entrega de evidencias.


C: Conceptual P: Procedimental A: Actitudinal

Posicionamiento y visualizacin. - Tipos de elementos. - Posicionamiento normal. - Posicionamiento float. - Posicionamiento absoluto. - Visualizacin. Texto. - Tipografa. - Propiedades de Texto. Enlaces. Imgenes. Listas. Tablas. Formularios.

Modelo Acadmico de Calidad para la Competitividad

DEWE-00

20/24

Unidad de aprendizaje: Propsito de la unidad Resultado de aprendizaje:

Desarrollo de pginas web dinmicas.

Nmero

2 70 horas 30 horas

Desarrollar pginas web dinmicas con acceso a bases de datos empleando lenguajes de programacin del lado del servidor para la gestin de la informacin. 2.1 Implementa interactividad a las pginas web, mediante el desarrollo de cdigo de programacin en un lenguaje script C P A Evidencias a recopilar Documentos electrnicos que muestren el cdigo fuente del lenguaje de script utilizado en las pginas web desarrolladas. Ponderacin 20% Contenidos

Actividades de evaluacin 2.1.1 Desarrolla cdigo de programacin para implementar interactividad a las pginas web desarrolladas haciendo uso de los siguientes elementos del lenguaje javascript: Variables. Operadores. Estructuras de control Funciones predefinidas de Javascript.

A. Identificacin del lenguaje de Javascript. Especificaciones oficiales. Formas de incluir Javascript en XHTML. Etiqueta <noscript> Glosario bsico. Sintaxis. B. Implementacin del los elementos del lenguaje de script en las pginas web para el desarrollo de pginas web dinmicas. Variables. - Numricas. - Cadenas de texto. - Arrays. - Booleanos Operadores. - Asignacin - Incremento y decremento. - Lgicos. - Matemticos. - Relacionales. Estructuras de control

Modelo Acadmico de Calidad para la Competitividad

DEWE-00

21/24

- If - Ifelse - For - Forin Funciones predefinidas de Javascript. - Funciones para cadenas de texto. - Funciones para Arrays. - Funciones para nmeros. Construccin de funciones - Argumentos y valores de retorno. - mbito de las variables.

C: Conceptual

P: Procedimental

A: Actitudinal

Modelo Acadmico de Calidad para la Competitividad

DEWE-00

22/24

Resultado de aprendizaje: 2.2 Establece el acceso a bases de datos en pginas web mediante el desarrollo de cdigo en un
lenguaje de programacin. Actividades de evaluacin 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, haciendo uso de los siguientes elementos: Constantes. Variables. Arreglos. Estructuras de Control de flujo. Funciones. Formularios. C P A Evidencias a recopilar Documento electrnico que muestren el cdigo de programacin de los formularios desarrollados para realizar la consulta, bsqueda, insercin, eliminacin y modificacin de informacin de la base de datos. Ponderacin 30% Contenidos

40 horas

A. Configuracin del entorno de trabajo de la base de datos. Creacin de bases de datos Configuracin de la base de datos. B. Uso del lenguaje de programacin con soporte de bases de datos en web. Sintaxis. Constantes y variables. Arreglos. Estructuras de Control de flujo. Funciones. C. Elaboracin de formularios dinmicos en pginas web mediante el uso de un lenguaje de programacin del lado del servidor. de Insercin. de Modificacin. de Eliminacin

Sesin para recapitulacin, coevaluacin y entrega de evidencias.


C: Conceptual P: Procedimental A: Actitudinal

Modelo Acadmico de Calidad para la Competitividad

DEWE-00

23/24

2.5 Referencias Documentales

Bsica: Quijado Lpez, Jos. Domine PHP y MySQL, Programacin dinmica en el lado del servidor. Mxico, Alfaomega Grupo Editor, 2007. Quijado Lpez, Jos. Domine JavaScript. Segunda Edicin, Mxico, Alfaomega Grupo Editor, 2007. Quijado, Lpez, Jos. Domine XHTML 1.0 y CSS 2. Mxico, Alfaomega Grupo Editor, 2008.

Complementaria: Gutirrez Rodrguez, Abraham y Bravo Garca, Gins. Luis. PHP 5 a travs de ejemplos. Mxico, Alfaomega Grupo Editor, 2005. Barco, Pedro; Lpez, Reyes; Baleriola, Manuel. Mantenimiento de Portales de Informacin. Espaa, McGrawHill/Interamericana de Espaa. 2006. Oros, Juan Carlos. Diseo de pginas Web con XHTML, JavaScript y CSS. Mxico, ALfaomega Grupo Editor, 2008.

Pginas Web: Aprende PHP en 12 captulos. Disponible en: http://tutorialphp.net/ (24-08-10) Curso prctico de XHTML. Disponible en: http://www.programacion.com/articulo/curso_practico_de_xhtml_1_0_34 (24-08-10) CSS tutorial. Disponible en: http://www.w3schools.com/css/ (24-08-10) Javascript Tutorial. Disponible en: http://www.tizag.com/javascriptT/ (24-08-10)

Modelo Acadmico de Calidad para la Competitividad

DEWE-00

24/24

Você também pode gostar