Modelo Acadmico de Calidad para la Competitividad

DEWE-02
1/25
Diseo y elaboracin de pginas web


rea(s):






Tecnologa y transporte.

Carrera(s):

Profesional Tcnico y
Profesional Tcnico-Bachiller en

Informtica



Modelo Acadmico de Calidad para la Competitividad
DEWE-02
2/25



Editor: Colegio Nacional de Educacin Profesional Tcnica
Programa de Estudios del Mdulo: Diseo y elaboracin de pginas web

rea(s): Tecnologa y transporte.
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 de febrero 2013.
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.
Tercera Edicin. Enero de 2013.
www.conalep.edu.mx
Fecha en que se termin su edicin: enero 2013



Modelo Acadmico de Calidad para la Competitividad
DEWE-02
3/25
Directorio

Directora General
Candita Victoria Gil Jimnez
Secretario General
Roger Armando Fras Fras
Secretario Acadmico
Toms Prez Alvarado
Secretaria de Administracin
Corazn de Mara Madrigal
Secretaria de Planeacin y Desarrollo Institucional
Mara Isabel Zapata Vsquez
Secretario de Servicios Institucionales
Salvador Alvarado Garibaldi
Director Corporativo de Asuntos Jurdicos
Marco Antonio Islas Coln
Titular de la Unidad de Estudios e Intercambio Acadmico
Patricia Guadalupe Guadarrama Hernndez
Director Corporativo de Tecnologas Aplicadas
Pedro Eduardo Azuara Arechederra
Director de Diseo Curricular
Christian Eduardo Lpez Losoya

Coordinador de las reas Bsicas y de Servicios
Jaime Gustavo Ayala Arellano
Coordinador de las reas de Mantenimiento e Instalacin,
Electricidad, Electrnica y TIC
Marco Antonio Valadez Prez

Coordinacin de las reas de Procesos de Produccin y
Transformacin

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

Grupo que actualiza
Tcnico:
Sandra Luz Lozano Ramrez
Metodolgico:
Rosalba Vzquez Garca

Grupo que actualiza:
Metodolgico:
Marina Hernndez Meixueiro



Modelo Acadmico de Calidad para la Competitividad
DEWE-02
4/25
Diseo y elaboracin de pginas web

Contenido Pg.
Mensaje de la Directora General 5
Presentacin del Secretario Acadmico 7

Captulo I: Generalidades de las Carreras 8
1.1 Objetivo General de la Carrera 8
1.2 Competencias Transversales al Currculum 9

Captulo II: Aspectos Especficos del Mdulo 11
2.1 Presentacin 11
2.2 Propsito del Mdulo 13
2.3 Mapa del Mdulo 14
2.4 Unidades de Aprendizaje 15
2.5 Referencias Documentales 24




Modelo Acadmico de Calidad para la Competitividad
DEWE-02
5/25
Mensaje de la
Directora General

Me es grato poner en sus manos una herramienta muy til para orientar a los maestros en el proceso de enseanza y para
ayudar a los alumnos en la planeacin de su aprendizaje.
Esta, es precisamente la importancia de los programas de estudio: favorecer el desarrollo de destrezas, habilidades y
valores, que les permitan afrontar con xito los retos de la actualidad.
Se trata, sin lugar a dudas, del principal recurso didctico que tendrn a su disposicin para garantizar una educacin
integral y de calidad.
Sin dejar de lado, desde luego, aqullos que les brinda la Biblioteca Digital de la Red Acadmica del CONALEP.
En ellos encontrarn los propsitos de cada mdulo, la manera y el tiempo en que deben ser alcanzados, as como los
respectivos criterios de evaluacin.
Utilizarlos en forma cotidiana y sistemtica es deber de todos, teniendo siempre presente que estn elaborados con base
en las necesidades de lo que el sector productivo exige y la sociedad merece.
Mxico tiene depositada su confianza en el CONALEP, como pilar de una enseanza tcnica de vanguardia.
No es casual que el Gobierno de la Repblica, a travs de la Secretara de Educacin Pblica, haya decidido fortalecer la
noble labor que se realiza en nuestras aulas, laboratorios y talleres, con un Modelo Acadmico de primera.
Un modelo derivado de la Reforma Integral de la Educacin Media Superior:
Que avanza hacia la consolidacin del Sistema Nacional de Bachillerato y la construccin de un Marco Curricular
Comn;
Que se fortalece con las valiosas aportaciones de los profesores, estudiantes y representantes de la iniciativa
privada;
Que es congruente con los desafos de la globalizacin;
Y que forja generaciones competentes, emprendedoras, creativas y capaces de atender los principales problemas
del pas.
Este es el perfil de los profesionales que estamos formando.
Este es el compromiso que asumimos con entrega, vocacin y conviccin.
Y esta es la razn que nos impulsa a seguir hacia adelante.



Modelo Acadmico de Calidad para la Competitividad
DEWE-02
6/25

Estimados docentes y alumnos:
Yo los invito a aprovechar al mximo estos programas de estudio, como guas de nuestras responsabilidades acadmicas y
formativas, que sirvan de facilitadores de conocimientos e instrumentos para un dilogo respetuoso, permanente y fecundo.
Hagamos juntos la diferencia con la excelencia, responsabilizndonos de la tarea que nos corresponde cumplir.
Demostremos que sabemos, que podemos y que somos ORGULLOSAMENTE CONALEP.

M.A. Candita Victoria Gil Jimnez
Directora General del Sistema CONALEP



Modelo Acadmico de Calidad para la Competitividad
DEWE-02
7/25

Presentacin del
Secretario
Acadmico
El Modelo Acadmico del Colegio Nacional de Educacin Profesional Tcnica ofrece una respuesta orientada a la
permanente necesidad de renovar y actualizar los contenidos curriculares, para hacerlos pertinentes a los cambios y
demandas del entorno laboral y educativo del pas y de cada una de las regiones en las que se encuentran situados
nuestros planteles. Nuestra institucin brinda la posibilidad de que los egresados se inserten en el mercado laboral si as lo
desean, o bien puedan continuar sus estudios en las instituciones de educacin superior.
El Modelo Acadmico del CONALEP proporciona una formacin integral y permanente a nuestros alumnos, en un contexto
que les permite el desarrollo de competencias profesionales y ciudadanas y los capacita para promover el desarrollo
humano sustentable.
Los documentos que dan soporte al Modelo Acadmico del CONALEP, tienen por objetivo lograr un currculum de calidad y
contribuir a generar escuelas eficaces, es decir, planteles que se caractericen por su sentido de comunidad; apropiado
clima escolar y de aula; uso adecuado del tiempo; alta participacin de la comunidad escolar y docente; altas expectativas
acadmicas en los estudiantes, y un uso y aprovechamiento ptimo de las instalaciones y recursos acadmicos existentes.
Los perfiles de egreso, programas de estudio y guas pedaggicas y de evaluacin, se han diseado a partir de una
metodologa de competencias y bajo un enfoque constructivista del conocimiento.
El presente programa de estudio es una herramienta de gran utilidad para planear y desarrollar el proceso de enseanza-
aprendizaje en las aulas, talleres y laboratorios de nuestra institucin, y slo ser til si cada uno de nuestros maestros e
instructores lo utiliza para planear y orientar las acciones pedaggicas y didcticas que lleven a la consecucin de nuestra
misin institucional: Formar profesionales tcnicos de calidad.
Cada programa de estudio es el resultado del esfuerzo intelectual de profesores, instructores, diseadores curriculares,
pedagogos, especialistas y representantes del sector productivo; en este esfuerzo cada uno de ellos ha procurado
materializar sus conocimientos, habilidades y experiencias; sin embargo, como programa, constituye una propuesta
educativa susceptible de reflexin, valoracin y mejora, pues una de las caractersticas fundamentales del proceso
educativo es ser un proyecto en constante perfeccionamiento.
As pues, sean los programas de estudio el punto de encuentro que nos lleven a sumar esfuerzos para formar a nuestros
alumnos como ciudadanos plenos y profesionales tcnicos de calidad; slo, as se justificar y tendr razn de ser este
esfuerzo colectivo de nuestra comunidad acadmica.

Toms Prez Alvarado
Secretario Acadmico


Modelo Acadmico de Calidad para la Competitividad
DEWE-02
8/25
CAPTULO I: Generalidades de la Carrera
1.1. Objetivo General
de la Carrera


P.T. y P.T-B en Informtica.

Desempear funciones tcnico operativas inherentes al desarrollo e implantacin de soluciones de tecnologas de informacin basados en la
automatizacin, organizacin, codificacin, recuperacin de la informacin y optimizacin de recursos informticos a fin de impulsar la
competitividad, las buenas prcticas y toma de decisiones en organizaciones o empresas de cualquier mbito.




Modelo Acadmico de Calidad para la Competitividad
DEWE-02
9/25

1.2. Competencias
Transversales al
Currculum ( * )


Competencias Genricas Atributos
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.
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.
2. Es sensible al arte y participa en
la apreciacin e interpretacin de
sus expresiones en distintos
gneros.
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.
3. Elige y practica estilos de vida
saludables.
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.
Se expresa y comunica
4. Escucha, interpreta y emite
mensajes pertinentes en
distintos contextos mediante la
utilizacin de medios, cdigos y
herramientas apropiados.
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.
Piensa crtica y reflexivamente
5. Desarrolla innovaciones y
propone soluciones a problemas
a partir de mtodos
establecidos.
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.


Modelo Acadmico de Calidad para la Competitividad
DEWE-02
10/25
Competencias Genricas Atributos
6. Sustenta una postura personal
sobre temas de inters y
relevancia general, considerando
otros puntos de vista de manera
crtica y reflexiva.
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.
Aprende de forma autnoma
7. Aprende por iniciativa e inters
propio a lo largo de la vida.
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.
Trabaja en forma colaborativa
8. Participa y colabora de manera
efectiva en equipos diversos.
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.
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.
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.
10. Mantiene una actitud respetuosa
hacia la interculturalidad y la
diversidad de creencias, valores,
ideas y prcticas sociales.
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.
11. Contribuye al desarrollo
sustentable de manera crtica,
con acciones responsables.
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-02
11/25
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 disee y desarrolle sitios web que combinen pginas
con contenido esttico y pginas con diferentes funcionalidades, dinmicas e interactivas facilitando la actualizacin de la informacin contenida en las
bases de datos.
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 correspondientes, lo cual le
permitir dar atencin a los requerimientos del usuario. La segunda unidad, le ofrece los elementos para desarrollar pginas web dinmicas con acceso
a bases de datos haciendo uso de lenguajes de programacin del lado del usuario 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 es 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; promoviendo el desarrollo de competencias relativas al pensamiento
reflexivo, la creatividad, la colaboracin y, 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 contribuir una formacin integral en cuanto al manejo de una programacin
estructurada y de bases de datos.
Estas competencias se complementan con la incorporacin de otras competencias bsicas, 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 contextos laborales,
con una actitud creadora, crtica, responsable y propositiva; fomentando el trabajo en equipo, el desarrollo pleno de su potencial profesional y personal,
y la convivencia de manera armnica con la sociedad y el medio ambiente.


Modelo Acadmico de Calidad para la Competitividad
DEWE-02
12/25
La tarea docente en este mdulo tendr que diversificarse, a fin de que los Docentes 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-02
13/25
2.2. Propsito del mdulo


Desarrollar sitios web de acuerdo con los estndares internacionales establecidos de diseo y desarrollo web, atendiendo los requerimientos del
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-02
14/25

2.3. Mapa del Mdulo


Nombre del Mdulo Unidad de Aprendizaje Resultado de Aprendizaje
Diseo y elaboracin de pginas
web.
144 Horas
1. Desarrollo de pginas web
estticas.
80 Horas
1.1 Determina la estructura del sitio web con base en las necesidades del
usuario.
20 horas
1.2 Elabora pginas web estticas haciendo uso del lenguaje de etiquetas
XHTML.
30 horas
1.3 Construye hojas de estilo en cascada (CSS) de acuerdo con las
especificaciones del World Wide Web Consortium (W3C)
30 horas
2. Desarrollo de pginas web
dinmicas.
64 Horas
2.1 Implementa interactividad a las pginas web, mediante el desarrollo de
cdigo de programacin en un lenguaje script.
30 horas
2.2 Establece el acceso a bases de datos en pginas web mediante el
desarrollo de cdigo en un lenguaje de programacin.
34 horas



Modelo Acadmico de Calidad para la Competitividad
DEWE-02
15/25


2.4. Unidades de
Aprendizaje


Unidad de aprendizaje: Desarrollo de pginas web estticas. Nmero 1

Propsito de la unidad 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
usuario
80 horas

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

Actividades de evaluacin C P A Evidencias a recopilar Ponderacin Contenidos
1.1.1 Elabora la justificacin y la
estructura propuesta del sitio
web acorde con los
requerimientos del usuario,
en la que define:
Objetivo del sitio.
Audiencia.
Contenidos.
Mapa del sitio.
Sistemas de Navegacin.
Borradores de pginas.
Maqueta web.
Documento con la
estructura propuesta del
sitio.

10% A. Identificacin de elementos Web.
Internet.
World Wide Web.
Navegadores Web.
Protocolo HTTP.
Protocolo FTP.
W3C.
CSS.
Lenguajes del lado del usuario.
- HTML.
- JavaScript.
- XHTML
- XML
Lenguajes del lado del servidor.


Modelo Acadmico de Calidad para la Competitividad
DEWE-02
16/25
Actividades de evaluacin C P A Evidencias a recopilar Ponderacin Contenidos
B. Comprobacin de uso de estndares en el
cdigo de programacin.
Validacin de HTML.
Validacin de CSS.
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-02
17/25
Resultado de aprendizaje: 1.2 Elabora pginas web estticas haciendo uso del lenguaje de etiquetas XHTML. 30 horas

Actividades de evaluacin C P A Evidencias a recopilar Ponderacin Contenidos
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.
Cdigo XHTML de las
pginas web
desarrolladas.
25% 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-02
18/25
Actividades de evaluacin C P A Evidencias a recopilar Ponderacin Contenidos
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-02
19/25
Resultado de aprendizaje: 1.3 Construye hojas de estilo en cascada (CSS) de acuerdo con las especificaciones del World Wide
Web Consortium (W3C).
20 horas

Actividades de evaluacin C P A Evidencias a recopilar Ponderacin Contenidos
1.3.1 Construye hojas de estilo en
cascada para definir su
aspecto y presentacin de
los siguientes elementos en
las pginas web
desarrolladas:
- Texto.
- Enlaces.
- Listas.
- Tablas.
- Formularios.
Cdigo CSS
implementado para definir
el aspecto de las pginas
web.
25% 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.
Posicionamiento y visualizacin.
- Tipos de elementos.


Modelo Acadmico de Calidad para la Competitividad
DEWE-02
20/25
Actividades de evaluacin C P A Evidencias a recopilar Ponderacin Contenidos
- Posicionamiento normal.
- Posicionamiento float.
- Posicionamiento absoluto.
- Visualizacin.
Texto.
- Tipografa.
- Propiedades de Texto.
Enlaces.
Imgenes.
Listas.
Tablas.
Formularios.

Sesin para recapitulacin y entrega de evidencias.
C: Conceptual P: Procedimental A: Actitudinal



Modelo Acadmico de Calidad para la Competitividad
DEWE-02
21/25
Unidad de aprendizaje: Desarrollo de pginas web dinmicas. Nmero 2

Propsito de la unidad Desarrollar pginas web dinmicas con acceso a bases de datos empleando lenguajes de
programacin del lado del servidor para la gestin de la informacin.
64 horas

Resultado de aprendizaje: 2.1 Implementa interactividad a las pginas web, mediante el desarrollo de cdigo de programacin
en un lenguaje script
30 horas

Actividades de evaluacin C P A Evidencias a recopilar Ponderacin Contenidos
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.
Cdigo fuente del lenguaje
de script utilizado en las
pginas web
desarrolladas.
15% A. Identificacin del lenguaje de Javascript.
Especificaciones oficiales.
Formas de incluir Javascript en
XHTML.
Etiqueta <noscript>
Glosario bsico.
Sintaxis.
B. Implementacin de 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.


Modelo Acadmico de Calidad para la Competitividad
DEWE-02
22/25
Actividades de evaluacin C P A Evidencias a recopilar Ponderacin Contenidos
- Matemticos.
- Relacionales.
Estructuras de control
- If
- Ifelse
- For
- Forin
Funciones predefinidas de Javascript
para:
- Cadenas de texto.
- Arrays.
- 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-02
23/25
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.
34 horas

Actividades de evaluacin C P A Evidencias a recopilar Ponderacin Contenidos
2.2.1 Desarrolla el cdigo de
programacin para
establecer la conectividad
con las bases de datos en la
implementacin dinmica de
la informacin contenida en
las tablas de las bases de
datos, haciendo uso de los
siguientes elementos:
Constantes.
Variables.
Arreglos.
Estructuras de Control de
flujo.
Funciones.
Formularios.

HETEROEVALUACIN
Cdigo de programacin
de los formularios
desarrollados para la
explotacin de informacin
de la base de datos.
25% 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.
Modificacin.
Eliminacin

Sesin para recapitulacin y entrega de evidencias.
C: Conceptual P: Procedimental A: Actitudinal



Modelo Acadmico de Calidad para la Competitividad
DEWE-02
24/25

2.5. Referencias
Documentales

Bsica:
Quijado Lpez, Jos. Domine PHP y MySQL 2a Ed., Mxico, Alfaomega, 2010.
Quijado Lpez, Jos. Domine JavaScript. 3a Ed., Mxico, Alfaomega, 2011.
Quijado, Lpez, Jos. Domine XHTML 1.0 y CSS 2. Mxico, Alfaomega, 2008.
Complementaria:
Barco, Pedro; Lpez, Reyes; Baleriola, Manuel. Mantenimiento de Portales de Informacin. Espaa, McGrawHill/Interamericana de Espaa.
2006.
Beati, Hernn. PHP-Creacin de pginas web dinmicas. Mxico, Alfaomega, 2011.
Firtman, Maximiliano; Carrizo, Mariano. Plataforma Flash para Profesionales.1. Edicin, Mxico, Editorial Alfaomega, 2011.
Gutirrez Rodrguez, Abraham y Bravo Garca, Gins Luis. PHP 5 a travs de ejemplos. Mxico, Alfaomega Grupo Editor, 2005.
Oros, Juan Carlos. Diseo de pginas Web con XHTML, JavaScript y CSS. 3a ed. Mxico, Alfaomega, 2011.
Pginas Web:
Primeros pasos hacia XHTML. Disponible en http://www.maestrosdelweb.com/editorial/haciaxhtml/ (25/10/2011).
Curso prctico de XHTML. Disponible en: http://www.programacion.com/articulo/curso_practico_de_xhtml_1_0_34 (25/10/2011).
XHTML Tutorial Disponible en http://www.w3schools.com/xhtml/DEFAULT.asp
CSS tutorial. Disponible en: http://www.w3schools.com/css/ (25/10/2011).
Gua breve de CSS Disponible en http://www.w3c.es/divulgacion/guiasbreves/HojasEstilo (25/10/2011).
Foro para programadores. Disponible en http://www.lawebdelprogramador.com/ (25/10/2011).

Javascript Tutorial. Disponible en: http://www.tizag.com/javascriptT/ (25/10/2011).
Javascript Disponible en http://www.webestilo.com/javascript/ (25/10/2011).
Apache HTTP Server Disponible en:http://httpd.apache.org/ (25/10/2011).
The Official Microsoft IIS Site Disponible en: http://www.iis.net/


Modelo Acadmico de Calidad para la Competitividad
DEWE-02
25/25
Instalacin de Apache en Windows Disponible en: http://www.desarrolloweb.com/articulos/1379.php (25/10/2011).
PHP a fondo Disponible en: http://www.desarrolloweb.com/php/ (25/10/2011).
ASP a fondo Disponible en: http://www.desarrolloweb.com/asp/ (25/10/2011).
PHP/MySQL Disponible en: http://php.net/manual/en/book.mysql.php (25/10/2011).
Tutorial de SQL Disponible en: http://www.desarrolloweb.com/manuales/9/ (25/10/2011).
Aprende PHP en 12 captulos. Disponible en: http://tutorialphp.net/ (25/10/2011).
Descripcin de Java para principiantes. Disponible en http://www.apl.jhu.edu/~hall/java/Beginners-Corner.html, 2003 (25/10/2011).
Tutoriales de Java Disponible en http://javatutorials.dev.java.net (25/10/2011).