Está en la página 1de 20

PLAN DE SESIN

DATOS GENERALES:
Nombre del Plantel: Veracruz I
Formacin Bsica Formacin Profesional X
Nombre del DOCENTE Martha Mendoza Rosete Semestre Sexto
Nombre del Mdulo: Diseo y elaboracin de pginas web Sesin No. 1 Duracin 2 horas
Unidad de aprendizaje: 1. Desarrollo de pginas web estticas.
Objetivo 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 cliente
Resultado de aprendizaje: 1.1 Determina la estructura del sitio web con base en las necesidades del usuario
Actividad de Evaluacin Estructura y compara un sitio Web
Objetivo de la sesin: Tomar los acuerdos para la evaluacin del curso y forma de recopilar las evidencias.
Cmpetencia Adquirida: Disear y desrrollar proyectos de tecnologa de informacin Atributos: Generacin de alternativas de solucin , de los requerimientos del usuario.

PLANEACIN:
ESTRATEGIAS
Contenidos C P A Enseanza Aprendizaje Evaluacin Recursos didcticos

FASE DE APERTURA DEL X X X El docente dar la bienvenida a sus El alumno contestar la evaluacin El docente aplicar la Pintarrn
CURSO: alumnos, har su presentacin diagnstica, la cual le permitir evaluacin diagnstica Plumones
* Presentacin formal ante el grupo, en consenso autoevaluar sus conocimientos correspondiente para Programa de estudios
* Acuerdos tomarn acuerdos, previos. conocer las caractersticas Gua pedaggica
* Expectativas expectativas del mdulo, les dar a El educando tomar nota de la forma del grupo y detectar el Matrz de valoracin o
* Objetivo del mdulo conocer el objetivo del mdulo y en que se le evaluar y de cmo nivel de conocimientos Rbricas
* Metodologa de trabajo detalladamente les deber integrar su portafolio de previos acerca de las Portada de portafolio de
* Forma de evaluar durante explicar el mtodo de trabajo y la evidencias redes de rea local que evidencias
el forma de evaluacin durante el poseen los alumnos al Bitcora diaria del
semestre semestre, todo ello basado en el inicio del curso. docente
* Prcticas de laboratorio programa de estudios y las rbricas Documento oficial que
* Rbricas correspondientes. describe las 11
* Portafolio de evidencias competencias genricas
* Competencias genricas que se deben generar en
el alumno, de acuerdo a la
RIEMS
Calendario oficial
Conalep
Evaluacin diagnstica

30SGCE-PR06-FR08
PLAN DE SESIN
DATOS GENERALES:
Nombre del Plantel: Veracruz I
Formacin Bsica Formacin Profesional X
Nombre del DOCENTE Martha Mendoza Rosete Semestre Sexto
Nombre del Mdulo: Diseo y elaboracin de pginas web Sesin No. 2 Duracin 4 horas
Unidad de aprendizaje: 1. Desarrollo de pginas web estticas.
Objetivo 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 cliente
Resultado de aprendizaje: 1.1 Determina la estructura del sitio web con base en las necesidades del usuario
Actividad de Evaluacin Estructura y compara un sitio Web
Objetivo de la sesin: Identificar los elementos web en algunas pginas de consulta.
Cmpetencia Adquirida: Disear y desrrollar proyectos de tecnologa de informacin Atributos: Generacin de alternativas de solucin , de los requerimientos del usuario.

PLANEACIN:
ESTRATEGIAS
Contenidos C P A Enseanza Aprendizaje Evaluacin Recursos didcticos

A. Identificacin de X X X Paginas Web:


elementos Web. implicaciones y alcances del documental a travs de la consulta de necesidad de la utilizacin
Internet. programa del mdulo, con el fin de las fuentes sugeridas o haciendo uso de protocolos en la XHTML disponible en
World Wide Web. precisar aquellas formas de de internet, para analizar y describir en navegacin en los sitios http://www.maestrosdelwe
Navegadores Web. trabajar, responsabilidades y un documento empleando algn web, la normatividad b.com/editorial/haciaxht
compromisos de los integrantes del procesador de textos, las existente en el diseo y ml/
grupo que dirijan tanto al logro del arquitecturas ms comunes elaboracin de sitios web.
propsito el mdulo, como de los empleadas en desarrollo de disponible en
objetivos generales de la carrera. aplicaciones web. http://www.w3schools.co
m/xhtml/DEFAULT.asp
cliente.
HTML.
JavaScript.
XHTML
XML

servidor.

30SGCE-PR06-FR08
PLAN DE SESIN
DATOS GENERALES:
Nombre del Plantel: Veracruz I
Formacin Bsica Formacin Profesional X
Nombre del DOCENTE Martha Mendoza Rosete Semestre Sexto
Nombre del Mdulo: Diseo y elaboracin de pginas web Sesin No. 3 Duracin 4 horas
Unidad de aprendizaje: 1. Desarrollo de pginas web estticas.
Objetivo 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 cliente
Resultado de aprendizaje: 1.1 Realiza levantamiento de informacin y diagramado de datos, procesos, eventos-respuesta de la organizacin, mediante el apoyo de tcnicas
de obtencin de informacin y/o herramientas de modelado de datos, para apoyar en la determinacin de requerimientos detallados del cliente.
Actividad de Evaluacin 1.1 Determina la estructura del sitio web con base en las necesidades del usuario detectadas.
Objetivo de la sesin: Entender los requisitos para validar una pgina web.
Cmpetencia Adquirida: Disear y desrrollar proyectos de tecnologa de informacin Atributos: Generacin de alternativas de solucin , de los requerimientos del usuario.

PLANEACIN:
ESTRATEGIAS
Contenidos C P A Enseanza Aprendizaje Evaluacin Recursos didcticos

B. Comprobacin de uso de X X X Paginas Web:


estndares en el cdigo de colaborativa y cooperativa a travs documental y elabora una tabla en la general y especifico del hacia
programacin. de la realizacin de las tcnicas que describa los siguientes elementos proyecto utilizando frases XHTML disponible en
didcticas y de aprendizaje web: que inicien con verbos que http://www.maestrosdelwe
correspondientes, durante el Internet expresen las acciones a b.com/editorial/haciaxht
transcurso de cada sesin para Protocolo realizar. ml/
favorecer el clima que fomente el HTTP.
intercambio constructivo de ideas Protocolo del sitio en concordancia disponible en
FTP. con las necesidades y http://www.w3schools.co
W3C. planificacin anual m/xhtml/DEFAULT.asp
Hojas de estilo en cascada (CSS). proyectada por la
Lenguajes de programacin del lado organizacin.
del cliente orientados al desarrollo
web.
Lenguajes de programacin del lado
del servidor orientados al desarrollo
web.

30SGCE-PR06-FR08
PLAN DE SESIN
DATOS GENERALES:
Nombre del Plantel: Veracruz I
Formacin Bsica Formacin Profesional X
Nombre del DOCENTE Martha Mendoza Rosete Semestre Sexto
Nombre del Mdulo: Diseo y elaboracin de pginas web Sesin No. 4 Duracin 4 horas
Unidad de aprendizaje: 1. Desarrollo de pginas web estticas.
Objetivo 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 cliente
Resultado de aprendizaje: 1.1 Realiza levantamiento de informacin y diagramado de datos, procesos, eventos-respuesta de la organizacin, mediante el apoyo de tcnicas
de obtencin de informacin y/o herramientas de modelado de datos, para apoyar en la determinacin de requerimientos detallados del cliente.
Actividad de Evaluacin 1.1 Determina la estructura del sitio web con base en las necesidades del usuario detectadas.
Objetivo de la sesin: Determinar cual es la estructura necesaria de acuerdo al pblico al que se dirige.
Cmpetencia Adquirida: Disear y desrrollar proyectos de tecnologa de informacin Atributos: Generacin de alternativas de solucin , de los requerimientos del usuario.

PLANEACIN:
ESTRATEGIAS
Contenidos C P A Enseanza Aprendizaje Evaluacin Recursos didcticos

C. Determinacin de la X X X Paginas Web:


informacin del sitio. plenaria en el encuadre del mdulo, modalidad colaborativa con la visin y misin de la
propiciando en los alumnos el totalidad de integrantes del grupo, organizacin para obtener XHTML disponible en
sitio. planteamiento de sus dudas para realizar una investigacin claves que permita definir http://www.maestrosdelwe
respecto al programa en general y documental y de campo en algn los objetivos. b.com/editorial/haciaxht
audiencia. particularmente de esta unidad, o negocio, empresa o institucin de su ml/
sus propuestas a partir de sus localidad, con el fin de recabar
propias experiencias, de forma que informacin que le permita determinar disponible en
desde el inicio de la primera sesin y elaborar la estructura propuesta del http://www.w3schools.co
pueda establecer con precisin qu sitio a desarrollar. m/xhtml/DEFAULT.asp
es lo que se espera de l y qu
puede esperar del proceso de
enseanza-aprendizaje que est
por aprender.

30SGCE-PR06-FR08
PLAN DE SESIN
DATOS GENERALES:
Nombre del Plantel: Veracruz I
Formacin Bsica Formacin Profesional X
Nombre del DOCENTE Martha Mendoza Rosete Semestre Sexto
Nombre del Mdulo: Diseo y elaboracin de pginas web Sesin No. 5 Duracin 4 horas
Unidad de aprendizaje: 1. Desarrollo de pginas web estticas.
Objetivo 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 cliente
Resultado de aprendizaje: 1.1 Realiza levantamiento de informacin y diagramado de datos, procesos, eventos-respuesta de la organizacin, mediante el apoyo de tcnicas
de obtencin de informacin y/o herramientas de modelado de datos, para apoyar en la determinacin de requerimientos detallados del cliente.
Actividad de Evaluacin 1.1 Determina la estructura del sitio web con base en las necesidades del usuario detectadas.
Objetivo de la sesin: Elaborar un diseo prototipo para su sitio web.
Cmpetencia Adquirida: Disear y desrrollar proyectos de tecnologa de informacin Atributos: Generacin de alternativas de solucin , de los requerimientos del usuario.

PLANEACIN:
ESTRATEGIAS
Contenidos C P A Enseanza Aprendizaje Evaluacin Recursos didcticos

D. Diseo de la estructura X X X Paginas Web:


del sitio. estructura del sitio web mediante del Sitio Web. audiencia a los que
del investigacin, identificacin y uso atender el sitio de XHTML disponible en
sitio. del conjunto de mtodos y acuerdo a las siguientes http://www.maestrosdelwe
herramientas que permitan categoras: Por capacidad b.com/editorial/haciaxht
sistemas de navegacin. organizar los contenidos del sitio fsica. Por capacidad ml/
web de manera tal que permitan ser tcnica. Por conocimiento XHTML Tutorial
encontrados y utilizados por los de la institucin. Por disponible en
usuarios, de manera simple y necesidades de http://www.w3schools.co
directa. informacin. Por ubicacin m/xhtml/DEFAULT.asp
geogrfica.

30SGCE-PR06-FR08
PLAN DE SESIN
DATOS GENERALES:
Nombre del Plantel: Veracruz I
Formacin Bsica Formacin Profesional X
Nombre del DOCENTE Martha Mendoza Rosete Semestre Sexto
Nombre del Mdulo: Diseo y elaboracin de pginas web Sesin No. 6 Duracin 4 horas
Unidad de aprendizaje: 1. Desarrollo de pginas web estticas.
Objetivo 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 cliente
Resultado de aprendizaje: 1.1 Realiza levantamiento de informacin y diagramado de datos, procesos, eventos-respuesta de la organizacin, mediante el apoyo de tcnicas
de obtencin de informacin y/o herramientas de modelado de datos, para apoyar en la determinacin de requerimientos detallados del cliente.
Actividad de Evaluacin 1.1 Determina la estructura del sitio web con base en las necesidades del usuario detectadas.
Objetivo de la sesin: Determinar los elementos para la navegacin en su sistema.
Cmpetencia Adquirida: Disear y desrrollar proyectos de tecnologa de informacin Atributos: Generacin de alternativas de solucin , de los requerimientos del usuario.

PLANEACIN:
ESTRATEGIAS
Contenidos C P A Enseanza Aprendizaje Evaluacin Recursos didcticos

E. Determinacin de X X X Paginas Web:


elementos de los sistemas la construccin de pginas web del Sitio Web. obtenidos en la etapa de
de navegacin. mediante sus representaciones y identificacin de objetivos XHTML disponible en
elementos grficos para el y audiencias, como http://www.maestrosdelwe
visual. establecimiento de comunicacin insumo para la definicin b.com/editorial/haciaxht
con el usuario. de contenidos. ml/
de las pginas. nimamente
ms relevantes al realizar labores los siguientes contenidos disponible en
de investigacin documental y en el sitio: http://www.w3schools.co
discrimina entre ellas a fin de Acerca de la Institucin. m/xhtml/DEFAULT.asp
presentar informacin que sea de Productos / Servicios.
utilidad y confiable. Novedades de la
Institucin

30SGCE-PR06-FR08
PLAN DE SESIN
DATOS GENERALES:
Nombre del Plantel: Veracruz I
Formacin Bsica Formacin Profesional X
Nombre del DOCENTE Martha Mendoza Rosete Semestre Sexto
Nombre del Mdulo: Diseo y elaboracin de pginas web Sesin No. 7 Duracin 9 horas
Unidad de aprendizaje: 1. Desarrollo de pginas web estticas.
Objetivo 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 cliente
Resultado de aprendizaje: 1.2 Elabora pginas web estticas haciendo uso del lenguaje de etiquetas XHTML
Actividad 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:

Objetivo de la sesin: Identificar las normas mnimas necesarias para la creacin de un sitio web.
Cmpetencia Adquirida: Analizar los requerimientos de procesamiento y Atributos: Atender necesidades organizacionales
sistematizacin de informacin
PLANEACIN:
ESTRATEGIAS
Contenidos C P A Enseanza Aprendizaje Evaluacin Recursos didcticos

A. Identificacin de las X X X Paginas Web:


Normas mnimas para web mediante el uso de un lenguaje la insercin y estructuracin de texto avanzado de los
facilitar el acceso. para desarrollo de pginas web, en el diseo de las pginas web. elementos que componen XHTML disponible en
haciendo uso del lenguaje de <p> </p> el texto empleando las http://www.maestrosdelwe
programacin del lado del cliente h1, siguientes etiquetas: b.com/editorial/haciaxht
Pginas. XHTML en la que presenta los h2 <abbr> ml/
Presentaciones en principales elementos empleados <acronym>
Flash. en el desarrollo de pginas web. de texto y estructuracin en prrafos. <dfn> disponible en
http://www.w3schools.co
mediante el uso de las m/xhtml/DEFAULT.asp
fondo. siguientes etiquetas para
definir espacios en blanco
adecuados. y nuevas lneas.
Br & nbsp

30SGCE-PR06-FR08
PLAN DE SESIN
DATOS GENERALES:
Nombre del Plantel: Veracruz I
Formacin Bsica Formacin Profesional X
Nombre del DOCENTE Martha Mendoza Rosete Semestre Sexto
Nombre del Mdulo: Diseo y elaboracin de pginas web Sesin No. 8 Duracin 8 horas
Unidad de aprendizaje: 1. Desarrollo de pginas web estticas.
Objetivo 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 cliente
Resultado de aprendizaje: 1.2 Elabora pginas web estticas haciendo uso del lenguaje de etiquetas XHTML
Actividad 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:

Objetivo de la sesin: Identificar las normas mnimas para la introduccin de grficas.


Cmpetencia Adquirida: Analizar los requerimientos de procesamiento y Atributos: Atender necesidades organizacionales
sistematizacin de informacin
PLANEACIN:
ESTRATEGIAS
Contenidos C P A Enseanza Aprendizaje Evaluacin Recursos didcticos

B. Uso de las Normas X X X Vincula las pginas Paginas Web:


requeridas en la pginas web mediante el uso del secciones. desarrolladas utilizando
incorporacin de elementos lenguaje de programacin de Hojas enlaces entre zonas de XHTML disponible en
grficos y multimedia. de Estilos en Cascada a fin de el marcado de texto en el diseo de las hipertexto mediante las http://www.maestrosdelwe
obtener un diseo estandarizado pginas web. siguientes etiquetas: b.com/editorial/haciaxht
las imgenes. en los elementos empleados. <em> </em> <a>. ml/
<strong> </strong> URL Tutorial
Anclas disponible en
de texto. Inclusin de grficos http://www.w3schools.co
<img> m/xhtml/DEFAULT.asp
ancho. la creacin de hipervnculos en el propiedad src ,
diseo de las pginas web. propiedad alt, propiedad
<a> </a> border
Atributos: Formatos
name=texto href = url GIF y JPG Mapas

30SGCE-PR06-FR08
PLAN DE SESIN
DATOS GENERALES:
Nombre del Plantel: Veracruz I
Formacin Bsica Formacin Profesional X
Nombre del DOCENTE Martha Mendoza Rosete Semestre Sexto
Nombre del Mdulo: Diseo y elaboracin de pginas web Sesin No. 9 Duracin 9 horas
Unidad de aprendizaje: 1. Desarrollo de pginas web estticas.
Objetivo 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 cliente
Resultado de aprendizaje: 1.2 Elabora pginas web estticas haciendo uso del lenguaje de etiquetas XHTML
Actividad 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:

Objetivo de la sesin: Identificar las herramientas de desarrollo en su plan de trabajo.


Cmpetencia Adquirida: Analizar los requerimientos de procesamiento y Atributos: Atender necesidades organizacionales
sistematizacin de informacin
PLANEACIN:
ESTRATEGIAS
Contenidos C P A Enseanza Aprendizaje Evaluacin Recursos didcticos

C. Establecimiento del X X X Paginas Web:


entorno para el desarrollo pginas web mediante el uso del de hipervnculos. tipos de enlaces en las
de un sitio web. lenguaje de programacin de Hojas pginas desarrolladas: XHTML disponible en
de Estilos en Cascada a fin de el manejo de listas en el diseo de las Enlace al inicio del sitio http://www.maestrosdelwe
desarrollo. obtener un diseo estandarizado pginas web. web. b.com/editorial/haciaxht
en los elementos empleados. <ul> </ul> Enlace a un email. ml/
y <li> </li> Enlace a un archivo FTP.
multimedia. <ol> </ol> Enlazar el favicon. disponible en
<dl> </dl> http://www.w3schools.co
<dt> </dt> cuando utilizar enlaces m/xhtml/DEFAULT.asp
<dd> </dd> absolutos y cuando
enlaces relativos.
Agrupamiento de elementos mediante
listas.
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

30SGCE-PR06-FR08
PLAN DE SESIN
DATOS GENERALES:
Nombre del Plantel: Veracruz I
Formacin Bsica Formacin Profesional X
Nombre del DOCENTE Martha Mendoza Rosete Semestre Sexto
Nombre del Mdulo: Diseo y elaboracin de pginas web Sesin No. 10 Duracin 8 horas
Unidad de aprendizaje: 1. Desarrollo de pginas web estticas.
Objetivo 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 cliente
Resultado de aprendizaje: 1.2 Elabora pginas web estticas haciendo uso del lenguaje de etiquetas XHTML
Actividad 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:

Objetivo de la sesin: Implementar el cdigo html necesario para visualizar una pgina en su estructura.
Cmpetencia Adquirida: Implementar proyectos de software Atributos: Automatizacin de procesos

PLANEACIN:
ESTRATEGIAS
Contenidos C P A Enseanza Aprendizaje Evaluacin Recursos didcticos

D. Implementacin del X X X Incluye Imgenes en las Paginas Web:


cdigo XHTML para el pginas web de acuerdo a de imgenes pginas web meros pasos hacia
desarrollo de pginas Web. categoras, jerarquas y relaciones desarrolladas mediante el XHTML disponible en
a fin de presentar informacin al el manejo de tablas en el diseo de las uso de los siguientes http://www.maestrosdelwe
los siguientes elementos de usuario que sea fcil de entender. pginas web. elementos: b.com/editorial/haciaxht
las pginas web. <table> </table> <img> atributo src, ml/
Tipos de letra <tr> </tr> atributo alt, atributo name,
Prrafos <td> </td> atributo height, atributo disponible en
Colores <th> </th> width, http://www.w3schools.co
m/xhtml/DEFAULT.asp
Hipervnculos en las tablas. imagen en las pginas
pginas web. ividad de evaluacin web
Referencia absoluta 1.2.1. desarrolladas mediante el
Referencia rel uso de:
el manejo de formularios en el diseo <map> atributo name,
de las pginas web. <rea> atributo href,
<form> Atributos: action = url method atributo nohref, atributo
= POST o GET shape, atributo coords,
<input> Atributos: type = "text | las
password | checkbox | radio | submit pginas web
| reset |file | hidden | image | button" desarrolladas
mediante el uso de:
de formularios. <object> atributo data,
atributo classid, atributo
1.2.1. height, atributo width,
<param> atributo name,
atributo value,
<embed> atributos src,
atributos type, atributo
height, atributo width

30SGCE-PR06-FR08
PLAN DE SESIN
DATOS GENERALES:
Nombre del Plantel: Veracruz I
Formacin Bsica Formacin Profesional X
Nombre del DOCENTE Martha Mendoza Rosete Semestre Sexto
Nombre del Mdulo: Diseo y elaboracin de pginas web Sesin No. 11 Duracin 10 horas
Unidad de aprendizaje: 1. Desarrollo de pginas web estticas.
Objetivo 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 cliente
Resultado de aprendizaje: 1.3 Construye hojas de estilo en cascada (CSS) de acuerdo con las especificaciones del World Wide Web Consortium (W3C)
Actividad 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:

Objetivo de la sesin: Identificar los elementos que conformarn el formateo de los elementos html con CSS.

PLANEACIN:
ESTRATEGIAS
Contenidos C P A Enseanza Aprendizaje Evaluacin Recursos didcticos

A. Identificacin del X X X
lenguaje de CSS. de estilo en cascada mediante el Declaracin de hojas de estilo. <style> de HTML en de la disponible en
desarrollo de cdigo del lenguaje seccin <head> del http://www.w3c.es/divulga
de hojas de estilo en cascada para Establecer apariencia del texto y de la documento para incluir cion/guiasbreves/HojasEs
CSS. controlar el aspecto y presentacin letra en las pginas web. CSS dentro del mismo tilo
de los documentos electrnicos documento.
definidos con HTML y XHTML,
CSS en XHTML. permitiendo elaborar pginas web para enlazar documentos
complejas al separar los contenidos CSS en un archivo externo
y la presentacin de los mismos con un documento HTML.
mediante CSS.
de cada propiedad. las CSS de acuerdo a la
procedimientos de manera reflexiva sintaxis especificada por
en la realizacin de cada una de las el propio lenguaje.
prcticas realizadas,
comprendiendo como cada uno de insercin directa de CSS
los pasos contribuye al desarrollo e en los elementos HTML
integracin de sitios web.
del texto de las pginas
obtenidas en el desarrollo de desarrolladas mediante el
aplicaciones para producir uso de las siguientes
conclusiones y formular nuevas propiedades CSS:
aplicaciones. font-family
font-size
font-weight
font-style
font-variant
font

del texto de las pginas


desarrolladas mediante el
uso de las siguientes
propiedades CSS:

30SGCE-PR06-FR08
PLANEACIN:
ESTRATEGIAS
Contenidos C P A Enseanza Aprendizaje Evaluacin Recursos didcticos

text-align
line-height
text-decoration
text-transform
vertical-align
PLAN DE SESIN
DATOS GENERALES:
Nombre del Plantel: Veracruz I
Formacin Bsica Formacin Profesional X
Nombre del DOCENTE Martha Mendoza Rosete Semestre Sexto
Nombre del Mdulo: Diseo y elaboracin de pginas web Sesin No. 12 Duracin 10 horas
Unidad de aprendizaje: 1. Desarrollo de pginas web estticas.
Objetivo 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 cliente
Resultado de aprendizaje: 1.3 Construye hojas de estilo en cascada (CSS) de acuerdo con las especificaciones del World Wide Web Consortium (W3C)
Actividad 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:

Objetivo de la sesin: Implementar los elementos CSS en su pgina HTML.

PLANEACIN:
ESTRATEGIAS
Contenidos C P A Enseanza Aprendizaje Evaluacin Recursos didcticos

B. Implementacin de los X X X la prctica No. 11 Empleo


elementos CSS en la - prctico individual y por equipo de de estilos en los hipervnculos y en las letra, color y decoracin disponible en
definicin de la apariencia trabajo listas de las pginas web. del texto en los enlaces http://www.w3c.es/divulga
de los elementos que mediante el uso de las cion/guiasbreves/HojasEs
integran las pginas web. escuchar y la participacin activa Definicin de propiedades para el siguientes propiedades tilo
para defender sus opiniones. control del aspecto de las tablas. CSS:
Anchura y altura. text-decoration
Margen y relleno. herramientas de las TICs en los font-weight
Bordes. casos que las condiciones de los
Margen, alumnos y el plantel as lo permitan. a un mismo enlace en
relleno, bordes y boxmodel. funcin de su estado:
Fondos. diversos contextos de aplicacin. enlace no visitado, enlace
visitado, enlace en el que
visualizacin. 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

de los enlaces para que


incluyan un pequeo icono
a su lado mediante el uso
de las siguientes
propiedades CSS:
background
background-image

cmo convertir algunos

30SGCE-PR06-FR08
PLANEACIN:
ESTRATEGIAS
Contenidos C P A Enseanza Aprendizaje Evaluacin Recursos didcticos

enlaces en botones
mediante el uso de cdigo
CSS.
PLAN DE SESIN
DATOS GENERALES:
Nombre del Plantel: Veracruz I
Formacin Bsica Formacin Profesional X
Nombre del DOCENTE Martha Mendoza Rosete Semestre Sexto
Nombre del Mdulo: Diseo y elaboracin de pginas web Sesin No. 13 Duracin 15 horas
Unidad de aprendizaje: 2. Desarrollo de pginas web dinmicas.
Objetivo 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.
Resultado de aprendizaje: 2.1 Implementa interactividad a las pginas web, mediante el desarrollo de cdigo de programacin en un lenguaje script.
Actividad de Evaluacin 2.1.1 Desarrolla cdigo de programacin para implementar interactividad a las pginas web desarrolladas haciendo uso de los siguientes
elementos del lenguaje javascript:

Objetivo de la sesin:

PLANEACIN:
ESTRATEGIAS
Contenidos C P A Enseanza Aprendizaje Evaluacin Recursos didcticos

A. Identificacin del X X X Pginas Web:


lenguaje de Javascript. estructura general del lenguaje de de javascript en las pginas web. variables y constantes de
script para el desarrollo de <script type="text/javascript"> acuerdo al tipo de dato a http://www.webestilo.com/
oficiales. aplicaciones web, considerando Alert() almacenar y a su mbito javascript/
variables, arreglos, estructuras de Onclick() de alcance en orden y
Javascript en XHTML. control. <noscript> </noscript> sintaxis correcta,
empleando el lenguaje de
de cdigo de Javascript en XHTML programacin
empleando un archivo externo. especificado por el
DOCENTE.
javascript para el uso de variables.
Var nombre de variable Arreglos en orden y
Var nombre_arreglo = [valor1, valor2, sintaxis correcta,
, valorN] empleando el lenguaje de
programacin
especificado por el
DOCENTE para el
desarrollo de la aplicacin.

estructuras de control para


manejar el flujo de la
informacin en orden y
sintaxis correcta,
empleando el lenguaje de
programacin
especificado por el
Personal.

funciones en orden y
sintaxis correcta,
empleando el lenguaje de
programacin
especificado por el

30SGCE-PR06-FR08
PLANEACIN:
ESTRATEGIAS
Contenidos C P A Enseanza Aprendizaje Evaluacin Recursos didcticos

DOCENTE para el
desarrollo de la aplicacin.

errores de sintaxis y
programacin en la
ejecucin, y los corrige.
PLAN DE SESIN
DATOS GENERALES:
Nombre del Plantel: Veracruz I
Formacin Bsica Formacin Profesional X
Nombre del DOCENTE Martha Mendoza Rosete Semestre Sexto
Nombre del Mdulo: Diseo y elaboracin de pginas web Sesin No. 14 Duracin 15 horas
Unidad de aprendizaje: 2. Desarrollo de pginas web dinmicas.
Objetivo 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.
Resultado de aprendizaje: 2.1 Implementa interactividad a las pginas web, mediante el desarrollo de cdigo de programacin en un lenguaje script.
Actividad de Evaluacin 2.1.1 Desarrolla cdigo de programacin para implementar interactividad a las pginas web desarrolladas haciendo uso de los siguientes
elementos del lenguaje javascript:

Objetivo de la sesin:

PLANEACIN:
ESTRATEGIAS
Contenidos C P A Enseanza Aprendizaje Evaluacin Recursos didcticos

B. Implementacin del los X X X Pginas Web:


elementos del lenguaje de estructura general del lenguaje de variables empleando javascript. con acceso a bases de
script en las pginas web script para el desarrollo de lizar la prctica No. 15 Manejo datos para la insercin de http://www.webestilo.com/
para el desarrollo de aplicaciones web, considerando de arreglos empleando javascript. informacin, agregando javascript/
pginas web dinmicas. funciones, etc., con la finalidad de funcionalidad a los
estar en posibilidad de desarrollar siguientes componentes
Numricas. posteriormente aplicaciones que para el manejo de datos
Cadenas de texto. cumplan con el envo y recepcin mediante el lenguaje de
Arrays. de datos de entrada y salida. programacin
Booleanos especificado por el
DOCENTE:
Asignacin Etiquetas.
Incremento y decremento. Botones.
Lgicos. Cajas
Matemticos. de texto.
Casillas
de verificacin.
Botones
de opcin.
Listas
simples.
Listas
desplegables.

validacin de los datos de


entrada en los formularios
para asegurar la
integridad de la
informacin.

30SGCE-PR06-FR08
PLAN DE SESIN
DATOS GENERALES:
Nombre del Plantel: Veracruz I
Formacin Bsica Formacin Profesional X
Nombre del DOCENTE Martha Mendoza Rosete Semestre Sexto
Nombre del Mdulo: Diseo y elaboracin de pginas web Sesin No. 15 Duracin 14 horas
Unidad de aprendizaje: 2. Desarrollo de pginas web dinmicas.
Objetivo 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.
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
Actividad 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:

Objetivo de la sesin:

PLANEACIN:
ESTRATEGIAS
Contenidos C P A Enseanza Aprendizaje Evaluacin Recursos didcticos

A. Configuracin del X X X Desarrollo de aplicaciones


entorno de trabajo de la bases de datos en pginas web y a con acceso a bases de Disponible en:
base de datos. la programacin de interfaces de la Declaracin y uso de variables datos para la modificacin http://httpd.apache.org/
aplicacin con las bases de datos de informacin,
datos para el manejo dinmico de la arreglos. agregando funcionalidad a Site Disponible en:
informacin, se sugiere abordarlo a los siguientes http://www.iis.net/
de datos. travs del desarrollo de formularios decisin para definir el orden de componentes para el
dinmicos, empleando el lenguaje ejecucin manejo de datos mediante en Windows Disponible
de programacin seleccionado de bloques de cdigo: el lenguaje de en:
para el desarrollo de las if else programacin http://www.desarrolloweb.
aplicaciones. else if especificado por el com/articulos/1379.php
DOCENTE:
sentencia condicional if-else Etiquetas.
Botones.
Cajas
de texto.
Casillas
de verificacin.
Botones
de opcin.
Listas
simples.
Listas desplegables.

validacin de los datos de


entrada en los formularios
para asegurar la
integridad de la
informacin.

30SGCE-PR06-FR08
PLAN DE SESIN
DATOS GENERALES:
Nombre del Plantel: Veracruz I
Formacin Bsica Formacin Profesional X
Nombre del DOCENTE Martha Mendoza Rosete Semestre Sexto
Nombre del Mdulo: Diseo y elaboracin de pginas web Sesin No. 16 Duracin 14 horas
Unidad de aprendizaje: 2. Desarrollo de pginas web dinmicas.
Objetivo 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.
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
Actividad 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:

Objetivo de la sesin:

PLANEACIN:
ESTRATEGIAS
Contenidos C P A Enseanza Aprendizaje Evaluacin Recursos didcticos

B. Uso del lenguaje de X X X Desarrolla formularios con Server


programacin con soporte razonamiento como elementos ciclo para la ejecucin continua y/o acceso a bases de datos Disponible en:
de bases de datos en web. precedentes ya sea para la repetida para el borrado de http://httpd.apache.org/
programacin estructurada, o para de bloques de cdigo informacin especfica,
el anlisis y diseo pginas web For agregando funcionalidad a Site Disponible en:
dinmicas a requerimiento del While los siguientes http://www.iis.net/
usuario. Do while componentes para el
flujo. manejo de datos mediante en Windows Disponible
sentencia for el lenguaje de en:
programacin http://www.desarrolloweb.
sentencia while especificado por el com/articulos/1379.php
DOCENTE:
funciones. Etiquetas.
Manejo de Cookies y sesiones Botones.
Cajas
de Cookies. de texto.
la prctica No. 24 Empleo Casillas
de Sesiones. de verificacin.
Diseo de Bases de Datos Botones
de opcin.
de base de datos y tablas Listas
Conexin con la base de datos simples.
Listas desplegables.
de la aplicacin con el motor de base
de datos validacin de los datos de
Consultas a la base de datos. entrada en los formularios
para asegurar la
integridad de la
informacin.

30SGCE-PR06-FR08
PLAN DE SESIN
DATOS GENERALES:
Nombre del Plantel: Veracruz I
Formacin Bsica Formacin Profesional X
Nombre del DOCENTE Martha Mendoza Rosete Semestre Sexto
Nombre del Mdulo: Diseo y elaboracin de pginas web Sesin No. 17 Duracin 12 horas
Unidad de aprendizaje: 2. Desarrollo de pginas web dinmicas.
Objetivo 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.
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
Actividad 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:

Objetivo de la sesin:

PLANEACIN:
ESTRATEGIAS
Contenidos C P A Enseanza Aprendizaje Evaluacin Recursos didcticos

C. Elaboracin de X X X
formularios dinmicos en informacin y la comunicacin para de registros de la base de datos. fuente de la aplicacin de Disponible en:
pginas web mediante el obtener informacin que le permita a manera impresa y en http://httpd.apache.org/
uso de un lenguaje de describir las principales tecnologas de registros de la base de datos medio magntico,
programacin del lado del y plataformas para el desarrollo de empleando criterios de seleccin. demostrando orden y/o Site Disponible en:
servidor. aplicaciones web. Formularios limpieza. http://www.iis.net/

de formulario para agregar registros. aplicacin se ejecuta sin en Windows Disponible


errores. en:
de formulario de Eliminacin de http://www.desarrolloweb.
registros. programacin que se com/articulos/1379.php
ca No. 31 Diseo presenten en la ejecucin
de formulario de Modificacin de del cdigo desarrollado y
registros. los corrige.
Validacin de datos de entrada
cdigo fuente de la
Validacin de datos de formularios. aplicacin de manera
Control de acceso y seguridad impresa, demostrando
orden y/o limpieza.
mediante contrasea a la aplicacin.

30SGCE-PR06-FR08