CERTIFICADOS DE PROFESIONALIDAD · MAPA DE LA FAMILIA PROFESIONAL DE INFORMATICA Y COMUNICACIONES...

0

Guía de aprendizaje y

evaluación del

certificado

de profesionalidad de

Confección y Publicación

de Páginas Web

Guías de aprendizaje y evaluación de los certificados de profesionalidad: de Aaaa Bbbb Cccc

1

La Guía de aprendizaje y evaluación del

certificado de profesionalidad de Confección y

Publicación de Páginas Web

ha sido financiada por el Servicio Público de

Empleo Estatal, como una acción del plan de

trabajo que ha realizado el Centro Nacional de

Formación Profesional Ocupacional de Getafe en

2013

Guía de aprendizaje y evaluación del certificado de profesionalidad: Confección y publicación de páginas web Febrero 2012

CERTIFICADO DE PROFESIONALIDAD:

Confección y Publicación de Páginas Web

GUÍA PARA EL APRENDIZAJE Y LA EVALUACIÓN

La propiedad intelectual de esta guía pertenece al Servicio Público de Empleo Estatal.

3


4


ÍNDICE

INTRODUCCIÓN…………………………………………………………………………………………. Pág. 7

I. ORIENTACIONES GENERALES SOBRE LA FORMACIÓN CORRESPONDIENTE AL CERTIFICADO DE PROFESIONALIDAD…………………………………………………………

Pág. 8

II. IDENTIFICACIÓN Y CONTEXTUALIZACIÓN DEL CERTIFICADO DE PROFESIONALIDAD………………………………………………………………………………..

Pág. 11

UBICACIÓN EN LA FAMILIA PROFESIONAL Y RELACIÓN CON OTROS CERTIFICADOS,

CAPACITACIONES PROFESIONALES Y TÍTULOS DE FORMACIÓN PROFESIONAL………….… Pág. 13

III. DESARROLLO MODULAR...………………………………………………………………………. Pág. 16

ESTRUCTURA Y SECUENCIACIÓN…...…………………………………………………………………… Pág. 16

MÓDULO FORMATIVO 1……………………………………………………………………………………... Pág. 18

UNIDAD FORMATIVA 1…………………………………………………………………………...... Pág. 23







MÓDULO DE PRÁCTICAS PROFESIONALES NO LABORALES……..………..……………………... Pág. 154

5


INTRODUCCIÓN

Esta GUÍA DE APRENDIZAJE Y EVALUACIÓN DEL CERTIFICADO DE

PROFESIONALIDAD CONFECCIÓN Y PUBLICACIÓN DE PÁGINAS WEB tiene por

objetivo apoyar y orientar al personal docente a la hora de impartir las acciones formativas

correspondientes a este certificado.

Con esta Guía de Aprendizaje y Evaluación se pretende:

Proporcionar a los formadores estrategias metodológicas, procedimientos, métodos

y recursos didácticos para desarrollar los procesos de enseñanza/aprendizaje y

evaluación.

Atender las características de los destinatarios y establecer condiciones que

favorezcan el desarrollo del proceso de aprendizaje, seleccionar materiales, medios

y recursos didácticos, impartir el curso utilizando técnicas y métodos de

comunicación, analizar las condiciones y recursos del entorno donde se desarrolla

la acción formativa, son los aspectos esenciales en los procesos de aprendizaje y

son tratados en esta Guía.

Otro aspecto esencial que se recoge es la evaluación del aprendizaje, que ha de

realizarse con criterios objetivos, fiables y válidos, comprobando, mediante una

evaluación continua y final de los módulos y unidades formativas, si se alcanzan los

resultados previstos.

Facilitar al alumno la adquisición de las competencias profesionales en sus

distintas dimensiones que incluyen también las capacidades personales y sociales

vinculadas a la profesionalidad, así como la capacidad para aprender por sí mismo

y de trabajar en equipo.

Favorecer la homogeneidad en las acciones formativas que de un mismo certificado

se impartan en los distintos centros y por los diferentes formadores.

Contribuir a la calidad de la planificación, impartición y evaluación de la Formación

Profesional para el Empleo.

Esta Guía, además, cuenta con un documento de apoyo en el que, por una parte, se

recogen alternativas metodológicas y técnicas de dinamización en el aula, y, por la otra, las

pautas y procedimientos para evaluar el aprendizaje y los criterios para elegir los métodos e

instrumentos más adecuados a los conocimientos, destrezas y/o habilidades a comprobar.

Es importante que el docente tenga siempre presente el perfil profesional del Certificado de

forma que cada módulo formativo se enfoque considerando el contexto profesional puesto

que la formación se dirige finalmente a la adquisición de las competencias que hay que

demostrar en la práctica profesional.

6


I. ORIENTACIONES GENERALES SOBRE LA FORMACIÓN CORRESPONDIENTE AL

CERTIFICADO DE PROFESIONALIDAD

Las siguientes orientaciones están inspiradas en la concepción de la formación

profesional y, concretamente, de la formación del Subsistema de Formación Profesional

para el Empleo, cuya primera finalidad es favorecer la formación a lo largo de la vida de

los trabajadores desempleados y ocupados, mejorando su capacitación profesional y

desarrollo personal.

La oferta formativa del certificado de profesionalidad ha de proporcionar los

conocimientos y las prácticas adecuados a las competencias profesionales recogidas en

el perfil profesional del mismo.

Para ello, el marco que ha de orientar el desarrollo de la formación viene recogido en los

siguientes puntos:

Concepción y diseño de la formación

La concepción de una formación abierta, flexible y accesible, estructurada en

forma modular que facilite el aprendizaje permanente a través de la oferta

formativa.

La realización de la oferta por la totalidad de los módulos formativos asociados

al certificado, o bien por módulos formativos asociados a cada una de las

unidades de competencia del mismo, ofertados de modo independiente, a

efectos de favorecer la acreditación de dichas unidades de competencia.

La posibilidad de dividir los módulos formativos en unidades formativas,

siempre que proceda, con el fin de promover la formación a lo largo de la vida.

La consideración de aprendizaje desde una perspectiva integradora y ligada al

contexto profesional; vinculando los aspectos teóricos y prácticos y atendiendo

a las distintas dimensiones de la competencias profesional (conocimientos,

destrezas cognitivas y prácticas, y habilidades vinculadas a la profesionalidad).

Impartición de la acción formativa

El desarrollo de la formación en un contexto en el que se cumplen los

parámetros sobre requisitos mínimos que deben reunir los formadores; los

espacios, instalaciones y equipamientos y los criterios de acceso de alumnos.

La consideración de distintas modalidades de impartición de la formación: de

forma presencial, a distancia, teleformación o mixta.

7


Estrategias metodológicas

La utilización de estrategias metodológicas que faciliten la participación activa

de los alumnos en la construcción de sus aprendizajes, el desarrollo de la

motivación, la autonomía, la iniciativa y la responsabilidad necesarias en el

desarrollo profesional y personal.

La realización de prácticas durante la formación que faciliten la transferencia de

los aprendizajes a la hora de abordar situaciones, realizar actividades y

resolver problemas propios del ámbito laboral.

El empleo de los medios y recursos didácticos adecuados a los conocimientos

y capacidades a adquirir y en conexión con el contexto profesional.

Evaluación del aprendizaje

La realización de la evaluación por los formadores que impartan las acciones

formativas, a través de métodos e instrumentos que garanticen la fiabilidad y

validez, tomando como referencia las capacidades y los criterios de evaluación

establecidos para cada uno de los módulos formativos.

La evaluación del alumno por módulos y en su caso por unidades formativas,

de forma sistemática y continua, con objeto de comprobar los resultados de

aprendizaje y, en consecuencia, la adquisición de las competencias

profesionales.

El reflejo documental, por parte de los formadores, de los resultados obtenidos

por los alumnos en cada uno de los módulos del Certificado, de manera que

puedan estar disponibles en los procesos de seguimiento y control de la calidad

de las acciones formativas.

La elaboración por los formadores de un acta de evaluación en la que quede

constancia de los citados resultados, indicando si han adquirido o no (apto o

no apto) las capacidades de los módulos formativos.

Prácticas profesionales no laborales

El desarrollo de un módulo de prácticas profesionales no laborales con objeto

de completar las competencias profesionales no adquiridas en el contexto

formativo, facilitar la identificación con la realidad del entorno productivo y la

transferencia de los aprendizajes adquiridos en la formación.

Calidad. Evaluación, seguimiento y control de las acciones formativas

El compromiso de favorecer una formación de calidad que favorezca el

aprendizaje y garantice el valor de las acreditaciones obtenidas, ajustándose a

los dispositivos de calidad que se implanten en el Subsistema de Formación

para el Empleo.

8


La realización de un proceso de evaluación, seguimiento y control, según el

Plan Anual de Evaluación que determine el Servicio Público de Empleo Estatal,

en coordinación con las Comunidades Autónomas, en el que se incluirán

acciones de control y evaluación internas y externas, con fines de diagnóstico y

mejora de la calidad.

Expedición del certificado de profesionalidad

La expedición del certificado se realizará a los alumnos que lo soliciten y

demuestren haber superado todos los módulos formativos del mismo.

Certificación de módulos

Quienes no superen la totalidad de los módulos asociados al certificado de

profesionalidad y superen los módulos asociados a una o varias unidades de

competencia del mismo, recibirán una certificación de los módulos superados

que tendrá efectos de acreditación parcial acumulable de las competencias

profesionales adquiridas.

Justificación de unidades formativas

Se podrá obtener una justificación de haber superado unidades formativas

siempre que se hayan desarrollado con los requisitos de calidad establecidos

para impartir el módulo al que pertenecen.

Esta justificación tendrá validez en el ámbito de la Administración laboral. La

superación de todas las unidades formativas definidas para el módulo, siempre

que el participante curse de forma consecutiva al menos una unidad formativa

por año, dará derecho a la certificación de módulo formativo y a la acreditación

de la unidad de competencia correspondiente.

9


II. IDENTIFICACIÓN Y CONTEXTUALIZACIÓN DEL CERTIFICADO DE

PROFESIONALIDAD

Denominación: Confección y Publicación de Páginas Web

Código: IFCD0110

Familia profesional: Informática y Comunicaciones

Área profesional: Desarrollo

Nivel de cualificación profesional: 2

Cualificación profesional de referencia:

IFC297_2 Confección y Publicación de Páginas web (RD 1201/2007, de 14 de

septiembre)

Competencia general:

Crear y publicar páginas web que integren textos, imágenes y otros elementos, utilizando

lenguajes de marcas y editores apropiados, según especificaciones y condiciones de

"usabilidad" dadas y realizar los procedimientos de instalación y verificación de las

mismas en el servidor correspondiente.

Relación de unidades de competencia que configuran el certificado de

profesionalidad:

UC0950_2: Construir páginas web.

UC0951_2: Integrar componentes software en páginas web.

UC0952_2: Publicar páginas web.

Entorno Profesional:

Ámbito profesional

Desarrolla su actividad profesional tanto por cuenta propia, como por cuenta ajena en

empresas o entidades públicas o privadas de cualquier tamaño, que dispongan de

infraestructura de redes intranet, Internet o extranet, en el área de desarrollo del

departamento de informática.

Sectores productivos

Se ubica sobre todo en el sector servicios, y principalmente en los siguientes tipos de

empresas: empresas de desarrollo de software con tecnologías web; empresas que

tienen como objetivo de negocio la comercialización de servicios de análisis, diseño y

construcción de aplicaciones informáticas para infraestructuras de redes intranet,

10


Internet y extranet; empresas o entidades que utilizan sistemas informáticos para su

gestión.

Ocupaciones o puestos de trabajo relacionados

Desarrollador de páginas web.

Mantenedor de páginas web.

Duración de la formación asociada: 560 horas

11


UBICACIÓN EN LA FAMILIA PROFESIONAL Y RELACIÓN CON OTROS CERTIFICADOS,

CAPACITACIONES PROFESIONALES Y TÍTULOS DE FORMACIÓN PROFESIONAL

(*) certificado aprobado y pendiente de publicación a mayo de 2012

MAPA DE LA FAMILIA PROFESIONAL DE INFORMATICA Y COMUNICACIONES

Certificado: IFCD0111(*) Programación en Lenguajes

Estructurados de

Aplicaciones de Gestión.

Certificado: IFCM0111(*) Mantenimiento de Segundo

Nivel en Sistemas de Radiocomunicaciones.

Certificado: IFCT0109

Seguridad Informática. (RD 686/2011, de 13 de mayo)

NIVEL 1

NIVEL 2

NIVEL 3

Área Profesional:

Desarrollo

Área Profesional:

Sistemas y telemática

Área Profesional: Comunicaciones

Certificado: IFCT0108 Operaciones Auxiliares de

Montaje y Mantenimiento de Sistemas Microinformáticos. (RD 1218/2009, de 17 de julio)

Certificado: IFCT0309 Montaje y Reparación de

Sistemas Microinformáticos. (RD 686/2011, de 13 de mayo)

Certificado: IFCM0110 Operación en Sistemas de Comunicaciones de Voz y

Datos. (RD 1531/2011, de 31 de

octubre)

Certificado: IFCT0209 Sistemas Microinformáticos

(RD 686/2011, de 13 de mayo)

Certificado: IFCT0210 Operación de Sistemas

Informáticos (RD 1531/2011, de 31 de

octubre)

Certificado: IFCT0110 Operación de Redes

Departamentales. (RD 1531/2011, de 31 de

octubre)

Certificado: IFCM0210 Mantenimiento de Primer

Nivel en Sistemas de Radiocomunicaciones. (RD 1531/2011, de 31 de

octubre)

Certificado: IFCD0110 Confección y Publicación de

Páginas web. (RD 1531/2011, de 31 de

octubre)

12


(*) certificado aprobado y pendiente de publicación a mayo de 2012

MAPA DE LA FAMILIA PROFESIONAL DE INFORMATICA Y COMUNICACIONES

Área Profesional:

Desarrollo

Área Profesional:

Sistemas y telemática

Área Profesional: Comunicaciones

Certificado: IFCT0410 Administración y Diseño de

Redes Departamentales. (RD 1531/2011, de 31 de

octubre)

Certificado: IFCM0410

Gestión y Supervisión de Alarmas en Redes de

Comunicaciones. (RD 1531/2011, de 31 de

octubre)

Certificado: IFCD0211(*) Sistemas de Gestión de

Información.

Certificado: IFCT0409 Implantación y Gestión de Elementos Informáticos en

Sistemas de Domóticos/ Inmóticos, de Control de

Accesos y Presencia, y de Videovigilancia.

(RD 686/2011, de 13 de mayo)

Certificado: IFCT0610 Administración y

Programación en Sistemas de Planificación de Recursos Empresariales y de Gestión de Relaciones con Clientes.

(RD 1531/2011, de 31 de octubre)


Administración de Servicios Internet.

(RD 686/2011, de 13 de mayo)


Programación de Sistemas Informáticos.

(RD 686/2011, de 13 de mayo)

Certificado: IFCT0310 Administración de Bases de

Datos. (RD 1531/2011, de 31 de

octubre)

Certificado: IFCD0311(*) Programación con Lenguajes Orientados a Objetos y Bases

de Datos Relacionales.

Certificado: IFCM0310 Gestión de Redes de Voz y

Datos. (RD 1531/2011, de 31 de

octubre)

Certificado: IFCD0210 Desarrollo de Aplicaciones

con Tecnología web. (RD 1531/2011, de 31 de

octubre)

Certificado: IFCT0510 Gestión de Sistemas

Informáticos. (RD 1531/2011, de 31 de

octubre)

NIVEL 3

13


RELACIÓN ENTRE TÍTULO DE FP Y CERTIFICADOS DE PROFESIONALIDAD

CERTIFICADOS DE

PROFESIONALIDAD

TÍTULO DE FP

No existe con fecha de febrero

2012

IFC297_2 Confección y Publicación de Páginas

web. (RD 1201/2007)

CUALIFICACIONES

UC0950_2: Construir páginas web. UC0951_2: Integrar componentes software en páginas web. UC0952_2: Publicar páginas web.

IFCD0110: Confección y Publicación de Páginas web

(RD 1531/2011)

14


III. DESARROLLO MODULAR

ESTRUCTURA Y SECUENCIACIÓN

Módulos

formativos

Unidades

formativas Unidades Aprendizaje

Nº Prácticas

representativas

MF1

MF0950_2:

Construcción de

páginas web

210 h.

UF1

UF1302

Creación de

páginas web

con el lenguaje

de marcas

80 h.

UA1. Lenguajes de marcas

30 h.

3

UA2. Imágenes y elementos multimedia

15 h.

UA3. Técnicas de accesibilidad y usabilidad

15 h.

UA4. Herramientas de Edición web

20 h.

UF2

UF1303:

Elaboración de

hojas de estilo

70 h.

UA1. Hojas y tipos de estilo

20 h.

UA2. Creación de ficheros de estilo

30 h.

UA3. Diseño, ubicación y optimización de los

contenidos de una página web

20 h.

1

UF3

UF1304:

Elaboración de

plantillas y

formularios

60 h.

UA1. Formularios en la construcción de páginas

web

30 h.

UA2. Plantillas en la construcción de páginas

web.

30 h.

2

MF2

MF0951_2:

Integración de

componentes

software en

páginas web

180 h.

UF1

UF1305

Programación

con lenguajes

de guión en

páginas web

90 h.

UA1. Metodología de la programación y

lenguaje de guión

30 h.

UA2. Elementos básicos del lenguaje de guión

y desarrollo de scripts

30 h.

UA3. Gestión de objetos y eventos del lenguaje

de guión y búsqueda y análisis de scripts

30 h.

1

UF2

UF1306

Pruebas de

funcionalidades

y optimización

de páginas web

90 h.

UA1. Validación de datos en páginas web

30 h.

UA2. Efectos especiales en páginas web

30 h.

UA3. Técnicas y utilidades de verificación de

páginas web

30 h.

3

MF3

MF0952_2:

Publicación de

páginas web

90 h.

(Sin UF)

UA 1. Características de seguridad en la

publicación de páginas web

15 h.

UA 2. Herramientas de transferencia de

archivos

30 h.

3

15


MF0950_2: Construcción de páginas web.

Las unidades formativas deberán superarse de forma correlativa.

Las unidades de aprendizaje de las respectivas unidades formativas se

realizarán de forma secuencial.

MF0951_2: Integración de componentes software en páginas web.

Para acceder a la unidad formativa 2 debe haberse superado la unidad

formativa 1.

Las unidades de aprendizaje de las respectivas unidades formativas se

realizarán de forma secuencial.

MF0952_2: Publicación de páginas web.

Las unidades de aprendizaje se realizarán de forma secuencial.

MP0278: Módulo de prácticas profesionales no laborales de Confección y publicación de páginas web.

Se desarrollará en función de las secuencias programadas por el tutor de

formación y el de la empresa (ver apartado “Módulo de prácticas

profesionales no laborales” al final de la guía).

UA 3. Pruebas y verificación de páginas web

25 h.

UA 4. Funcionalidad de las páginas web en

buscadores

20 h.

Duración Total 560 h.

16


MÓDULO FORMATIVO 1

Denominación: Construcción de páginas web

Código: MF0950_2

Nivel de cualificación: 2

Asociado a la unidad de competencia: UC0950_2

Duración: 210

Objetivo general

Crear páginas web utilizando el lenguaje de marcas y herramientas web, cumpliendo con

las especificaciones de diseño y funcionalidades recibidas y con los criterios de

validación relativos a la accesibilidad y “usabilidad”, ajustándose a los criterios de

realización establecidos en la unidad de competencia correspondiente.

17


CERTIFICADO:

Confección y Publicación de Páginas web

MÓDULO FORMATIVO 3 MF0952_2

Publicación de páginas

web

UA 1. Lenguajes de marcas

UA 2. Imágenes y elementos

multimedia

UA 4. Herramientas de

Edición web

UA 3. Técnicas de

accesibilidad y usabilidad

UNIDAD FORMATIVA 1

UF1302 Creación de páginas

web con el lenguaje de

marcas

UA 1. Hojas y tipos de estilo

UA 3. Diseño, ubicación y

optimización de los contenidos de una página web

UNIDAD FORMATIVA 2

UF1303 Elaboración de hojas

de estilo

UNIDAD

FORMATIVA 3 UF1304

Elaboración de

plantillas y formularios


Construcción de páginas

web


Integración de componentes software en

páginas web

UA 2. Creación de ficheros de estilo

UA 1. Formularios en la construcción de páginas web

UA 2. Plantillas en la construcción de páginas web MÓDULO DE PRÁCTICAS

PROFESIONALES NO LABORALES

MF0278

18


Orientaciones sobre el módulo y su evaluación

Para garantizar el objetivo general de este módulo, la formación se ha organizado en

tres Unidades Formativas (UF), que a su vez están estructuradas en un total de

nueve unidades de aprendizaje (UA). Tanto las unidades formativas como las

unidades de aprendizaje tienen una pretensión específica y han de impartirse de

forma secuencial, para favorecer el aprendizaje significativo del alumno y por tanto el

logro de las capacidades del módulo.

El módulo se organiza en contenidos de menor a mayor grado de dificultad,

comenzando con la creación de páginas sencillas basadas en el lenguaje de marcas,

en el cual se utilizan etiquetas para delimitar contenidos, aspectos y elementos que

se presentarán en la página web.

La Unidad Formativa 1, capacita al alumno para la realización de páginas web,

utilizando un lenguaje sencillo, preferiblemente un editor modo texto, de manera que

entienda y comprenda las marcas y etiquetas propias de este lenguaje.

Cuando el alumno haya comprendido la forma de implementar etiquetas sencillas,

sobre todo las principales (inicio y final, encabezados, etc.), pasará a incluir

elementos más complejos, como imágenes y elementos multimedia.

Por otro lado, es importante, sobre todo al principio, que los alumnos sigan las

indicaciones del formador en cuanto a normas de accesibilidad y usabilidad, para

que las puedan utilizar en la realización de páginas web.

A continuación, y una vez entendida la estructura y secuencia del código, se podrá

empezar a realizar páginas web con una herramienta de edición, que facilite la

realización de las mismas.

La Unidad Formativa 2 y la 3, tienen como objetivo que el alumno entienda el

sentido, utilidad, ahorro de tiempo y uniformidad que la utilización de plantillas y

hojas de estilo proporcionan de manera que pueda utilizarlas en la realización de

páginas web.

En el desarrollo de cada UF, el formador presentará cada elemento, explicando su

implementación y mostrando ejemplos y aplicaciones en diversas páginas que irán

incrementando su complejidad.

En todas las UA se utilizarán básicamente los siguientes medios: ordenador con

conexión a Internet, varios navegadores , procesador de texto, herramienta de

edición web y una herramienta de edición modo texto.

En resumen, el Módulo 1 enseña al alumno a realizar páginas con funciones básicas

pero útiles, y en muchos casos suficientes, sin utilizar programación, creando

formularios que constituyen el primer grado de interactividad de la misma.

Se ha planteado esta Guía para que pueda ser utilizada de forma flexible, es decir,

con la posibilidad de adaptarla a las características del alumnado. Se ha de incidir en

la adquisición de aquellos conocimientos, que sustenten las distintas destrezas y

19


habilidades implicadas en las competencias profesionales que se tendrán que

demostrar en la práctica laboral.

En el desarrollo de cada Unidad de aprendizaje se tendrán en cuenta las técnicas y

principios de pedagogía activa, participativa y flexible, establecidas en sus propias

estrategias metodológicas. Se procurará, en todo momento, despertar el interés del

alumnado, con el fin de que sigan el proceso de aprendizaje y obtengan los logros

esperados.

Se recomienda la utilización de presentaciones en las exposiciones de cada unidad

de aprendizaje que facilitan considerablemente las explicaciones.

Durante el desarrollo del Módulo se propone la realización de varias prácticas

representativas, al menos una para cada UF, que integran todas las unidades de

aprendizaje de las mismas. Con el conjunto de estas prácticas se sigue el proceso

completo de construcción de páginas web.

La evaluación del módulo se efectuará a través de la evaluación de cada una de las

unidades formativas que lo componen, aplicando lo establecido en el apartado

correspondiente a las “Especificaciones de evaluación final. Métodos e

instrumentos”.

En la totalidad de resultados a comprobar, a través de los distintos métodos e

instrumentos, están representados el conjunto de criterios de evaluación de cada

unidad formativa.

Si el alumno obtiene evaluación positiva en cada unidad formativa, se le considerará

apto en dicho módulo (capacidades adquiridas). En caso contrario, se le considerará

no apto (capacidades no adquiridas).

1 De esta práctica se ofrece un modelo elaborado.

Prácticas representativas del módulo Duración Unidades de aprendizaje

que integra cada práctica

1. Creación de una página web con el lenguaje de marcas1

2 h. UF1: UA1, UA2,UA3, UA4

2. Creación de una página web utilizando varias capas


3. Creación de una página web utilizando una imagen como mapa


4. Creación de una página web utilizando hojas de estilo1 2 h. UF2: UA1, UA2,UA3

5. Creación de un formulario1 2 h. UF3: UA1, UA2

6. Creación de una plantilla 2 h. UF3: UA1, UA2

20


Organización y temporalización del módulo

Unidades formativas Horas Unidades de aprendizaje Horas Aula de

informática

Unidad Formativa 1-

UF1302

Creación de páginas web

con el lenguaje de

marcas.

80

UA1. Lenguajes de marcas 30 X

UA2. Imágenes y elementos

multimedia 15 X

UA3. Técnicas de accesibilidad y

usabilidad 15 X

UA4. Herramientas de edición web 20 X

Unidad Formativa 2-

UF1303

Elaboración de hojas de

estilo.

70

UA1. Hojas y tipos de estilo 20 X

UA2. Creación de ficheros de estilo 30 X

UA3. Diseño, ubicación y optimización

de los contenidos de una página web 20 X

Unidad Formativa 3-

UF1304

Elaboración de plantillas y

formularios.

60

UA1. Formularios en la construcción

de páginas web 30 X

UA2. Plantillas en la construcción de

páginas web 30 X

21


UNIDAD FORMATIVA 1

Denominación: Creación de páginas web con lenguaje de marcas

Código: UF1302

Duración: 80 h

Referente de competencia: Esta unidad formativa se corresponde con la RP1 y

la RP2

22


Objetivos específicos y criterios de evaluación. Dimensiones de la competencia y contexto profesional

OBJETIVOS ESPECÍFICOS

Logro de las siguientes

capacidades:

CRITERIOS DE EVALUACIÓN

Resultados de aprendizaje a comprobar

según dimensiones de la competencia

CONTENIDOS

C1: Identificar los elementos proporcionados por los lenguajes de marcas y confeccionar páginas web utilizando estos lenguajes teniendo en cuenta sus especificaciones técnicas.

CONOCIMIENTOS DESTREZAS cognitivas y prácticas 1. Los lenguajes de marcas.

- Características de los lenguajes de marcas.

- Utilización de etiquetas.

- Compatibilidad.

- Editores de texto.

- Estructura de un documento creado con lenguaje de marcas.

- Comienzo del archivo.

- Encabezados.

- Titulo.

- Estilos.

- Cuerpo.

- Scripts.

- Navegadores web.

- Navegadores modo texto.

- Los navegadores más utilizados. Explorer, Mozilla, Opera, etc.

- Diferencias de visualización.

- Marcas para dar formato al documento.

- Marcas de inicio y final.

- Marcas de aspecto.

- Marcas de párrafo.

- Marcas de fuentes y colores. Listas ordenadas.

- Enlaces y direccionamientos.

- Creación de un enlace.

- Tipos de enlace. Anclas. Vínculos.

- Los enlaces y la navegación.

- Marcos y capas.

- Marcos. Creación de marcos. Tipos de marcos.

CE1.1 Identificar la estructura

de una página web escrita

utilizando lenguajes de marcas,

así como las secciones de

cabecera y cuerpo del

documento, para identificar las

partes que la forman según un

diseño especificado.

CE1.2 Describir las etiquetas

y atributos que se utilizan para

dar formato al documento, así

como para presentar

información en forma de tabla y

de listas.

CE1.3 Describir las etiquetas

y atributos que se utilizan para

insertar enlaces y

direccionamientos, tanto dentro

de la página web como a otros

documentos y páginas

ubicados en cualquier destino.

CE1.4 Identificar los tipos de

formatos de los archivos

multimedia, tanto audio como

video que se integran en las

páginas web.

CE1.7 Crear una página web que

incluya varios marcos para la

presentación de otras páginas, siguiendo

unas especificaciones de diseño

recibidas.

CE1.8 Realizar páginas web para

presentar información con un lenguaje de

marcas de acuerdo a un diseño

especificado:

- Elegir las etiquetas para dar formato

al documento.

- Mapear una imagen creando varias

zonas activas.

- Elegir las marcas para presentar la

información en forma de listas y de

tablas.

- Insertar etiquetas para desplazarse

dentro de la misma página.

- Crear etiquetas para enlazar con

otros documentos y direcciones

web.

- Insertar marcas para presentar

imágenes, sonidos y videos.

- Especificar las etiquetas para crear

marcos y relacionar varias páginas.

23


CE1.5 Citar las etiquetas y

atributos que se necesitan para

insertar imágenes y elementos

multimedia, así como para

crear mapas de imágenes en

función de las especificaciones

recibidas.

CE1.6 Explicar los criterios de

"usabilidad" y accesibilidad a

los contenidos de páginas web,

para permitir una mejor calidad

de navegación y comprensión

de los usuarios, teniendo en

cuenta criterios definidos y

normativa estándar de

accesibilidad y "usabilidad".

- Insertar las marcas que permitan la

ejecución de programas.

- Crear capas para presentar

información en distintas zonas de la

página.

- Identificar varios navegadores y

probar la funcionalidad de la página.

- Aplicar criterios de "usabilidad" y

accesibilidad.

- Documentar la página realizada.

Situación de los marcos. Configuración de los marcos.

- Capas. Definición de capas. Creación de capas. Utilización de las capas.

2. Imágenes y elementos multimedia

- Inserción de imágenes: formatos y atributos.

- Incluir imágenes en las páginas.

- Atributos de las imágenes.

- Propiedades de ubicación de las imágenes.

- Mapas de imágenes.

- Definición de mapa.

- Creación de un mapa con una imagen.

- Establecer diferentes partes en la imagen.

- Vincular las diferentes partes de la imagen.

- Inserción de elementos multimedia: audio, video y programas.

- Características y propiedades de los elementos multimedia.

- Recursos necesarios para el funcionamiento de los elementos multimedia.

- Etiquetas y propiedades para la inserción de audio.

- Etiquetas y propiedades para la inserción de video.

- Etiquetas y propiedades para la inserción de programas.

- Formatos de audio y video.

- Descripción de los formatos de audio.

- Descripción de los formatos de video.

- Configuración de los recursos para audio.

- Configuración de los recursos para video.

- Marquesinas.

- Los textos con movimiento.

- Utilización de las etiquetas para incluir marquesinas.

- Las marquesinas y los distintos navegadores.

24


3. Técnicas de accesibilidad y usabilidad

- Accesibilidad web, ventajas de la accesibilidad.

- Definición de Accesibilidad.

- Aplicabilidad de la Accesibilidad.

- Descripción de las ventajas de la Accesibilidad.

- Facilidad de acceso.

- Mejoras en la navegación.

- Independencia de los navegadores.

- Usabilidad web, importancia de la usabilidad.

- Definición de usabilidad.

- Interacción web-individuo.

- Aplicabilidad de la usabilidad.

- Recursos sobre usabilidad

- Aplicaciones para verificar la accesibilidad de sitios web (estándares).

- Recursos web de estándares.

- Utilización de los recursos en las páginas web.

- Comprobar la accesibilidad en las páginas web.

- Diseño de sitios web usables.

- Descripción de sitios web usables.

- Estudio de la estructura y diseño de los sitios web usables.

- Adaptación de sitios web usables.

- Utilización de los sitios web usables.

C2: Identificar las características y funcionalidades de las herramientas de edición web, y utilizarlas en la creación de páginas web teniendo en cuenta sus entornos de desarrollo.

CONOCIMIENTOS DESTREZAS cognitivas y prácticas 4. Herramientas de edición web

- Instalación y configuración de herramientas de edición web.

- Instalación de la herramienta web

- Configuración de la herramienta web

- Funciones y características.

- Descripción de los elementos de las herramientas web.

- Ubicación de los elementos de las herramientas web.

- Propiedades de los elementos de las herramientas web.

- Tareas a realizar con una herramienta de edición web.

CE2.1 Identificar las funciones

y características de las

herramientas que se utilizan

para la edición de páginas web,

teniendo en cuenta las

especificaciones técnicas de las

mismas.




para la edición de páginas web,

CE2.3 Instalar y configurar una

herramienta de edición de páginas web,

según unas especificaciones recibidas:

- Instalar la herramienta de edición

siguiendo las especificaciones

técnicas.

- Configurar la herramienta para su

utilización.

CE2.4 Realizar páginas web con

herramientas de edición web, según un

25



especificaciones técnicas de las

mismas.

CE2.2 Interpretar la

documentación técnica que

proporciona la herramienta de

edición, incluso si está editada

en la lengua extranjera de uso

más frecuente en el sector, para

utilizarla de ayuda en la

realización de páginas web, de

acuerdo a las especificaciones

técnicas de las mismas.

diseño especificado:

- Identificar los componentes que

proporciona la herramienta para

insertar elementos en la página.

- Configurar los atributos y

propiedades de los elementos

insertados.

- Probar la página realizada utilizando

varios navegadores web.

- Corregir los posibles errores que

surjan en la elaboración de la

página.


- El lenguaje de marcas y las herramientas de edición web.

HABILIDADES PERSONALES Y SOCIALES VINCULADAS A LA PROFESIONALIDAD

Saber aplicar los conocimientos y capacidades.

Planificación y organización en el trabajo, siguiendo las especificaciones técnicas.

Cumplimiento de las normas y los procedimientos, garantizando la seguridad de los sistemas, los equipamientos y de la información.

Orientación a la calidad, verificando el correcto funcionamiento de las aplicaciones y los sistemas.

Flexibilidad para adaptarse a las nuevas situaciones.

Capacidad y disposición para el aprendizaje continuo.

Iniciativa personal. Motivación y aplicación en el trabajo.

Cumplir las normas de prevención de riesgos laborales propios de la profesión y las normas medioambientales.

Capacidad de cooperación con los compañeros en la elaboración de página web.

26


CONTEXTO PROFESIONAL DE LA UNIDAD DE COMPETENCIA ASOCIADA AL MODULO

Medios de producción

Equipos informáticos y periféricos. Sistemas operativos. Procesador de textos. Herramientas de edición web: Dreamweaver o similar. Editor de texto plano.

Navegadores actuales, y de nueva concepción tecnológica: Mozilla Firefox, Internet Explorer, Opera, Lynx (modo texto), etc. Lenguajes de marcas. Herramientas

multimedia. Protocolos de comunicación. Estándares de «usabilidad» y accesibilidad. Aplicaciones para la verificación de accesibilidad de sitios web.

Productos y resultados

Páginas web realizadas y verificadas con componentes integrados en funcionamiento.

Información utilizada o generada

Diseño y especificaciones de la aplicación. Manuales de funcionamiento del software. Manuales de las herramientas de desarrollo util izadas. Documentación de

explotación del entorno cliente. Soportes técnicos de asistencia. Legislación vigente acerca de la propiedad intelectual y los derechos de autor. Manuales de

"usabilidad". Especificaciones del diseño gráfico corporativo. Documentación asociada a las páginas desarrolladas.

27


Unidades de aprendizaje

UNIDAD DE APRENDIZAJE Nº: 1 Duración: 30 h.

LENGUAJES DE MARCAS

Objetivo/s específico/s

Logro de la/s siguiente/s capacidad/es:

C1: Identificar los elementos proporcionados por los lenguajes de marcas y confeccionar páginas

web utilizando estos lenguajes teniendo en cuenta sus especificaciones técnicas.

Criterios de evaluación

Contenidos

Se comprobarán los siguientes resultados de aprendizaje:

Conocimientos

CE1.1 Identificar la estructura de una página web escrita

utilizando lenguajes de marcas, así como las secciones de

cabecera y cuerpo del documento, para identificar las

partes que la forman según un diseño especificado.

CE1.2 Describir las etiquetas y atributos que se utilizan para

dar formato al documento, así como para presentar

información en forma de tabla y de listas.

CE1.3 Describir las etiquetas y atributos que se utilizan para

insertar enlaces y direccionamientos, tanto dentro de la

página web como a otros documentos y páginas ubicados

en cualquier destino.

Destrezas cognitivas y prácticas.

CE1.7 Crear una página web que incluya varios marcos para

la presentación de otras páginas, siguiendo unas

especificaciones de diseño recibidas.

CE1.8 Realizar páginas web para presentar información con

un lenguaje de marcas de acuerdo a un diseño

especificado, en lo relativo a:

- Elegir las etiquetas para dar formato al documento.

- Elegir las marcas para presentar la información en

forma de listas y de tablas.

- Insertar etiquetas para desplazarse dentro de la misma

página.

- Crear etiquetas para enlazar con otros documentos y

direcciones web.

- Especificar las etiquetas para crear marcos y

relacionar varias páginas.

- Crear capas para presentar información en distintas

1. Los lenguajes de marcas

- Características de los

lenguajes de marcas.

- Utilización de etiquetas.

- Compatibilidad.

- Editores de texto.

- Estructura de un documento

creado con lenguaje de

marcas.

- Comienzo del archivo.

- Encabezados.

- Titulo.

- Estilos.

- Cuerpo.

- Scripts.

- Navegadores web.

- Navegadores modo

texto.

- Los navegadores más

utilizados.

- Explorer, Mozilla,

Opera, etc.

- Diferencias de

visualización.

- Marcas para dar formato al

documento.

- Marcas de inicio y final.

- Marcas de aspecto.

- Marcas de párrafo.

28


zonas de la página.

- Identificar varios navegadores y probar la funcionalidad

de la página.

Habilidades personales y sociales

- Cumplimiento de las normas, procedimientos e instrucciones,

garantizando la seguridad y configuración de los sistemas, los

equipos y de la información, así como la utilización de claves

y contraseñas.

- Cumplimiento de las normas relativas a riesgos laborales y

medioambientales.

- Capacidad de trabajo en grupo en la elaboración de páginas

web, respetando los contenidos y persiguiendo la calidad del

producto resultante.

- Capacidad y disposición para el aprendizaje continuo.

- Iniciativa personal. Motivación y aplicación en el trabajo.

- Marcas de fuentes y

colores.

- Listas ordenadas.

- Enlaces y

direccionamientos.

- Creación de un enlace.

- Tipos de enlace.

- Anclas.

- Vínculos.

- Los enlaces y la

navegación.

- Marcos y capas.

- Marcos.

- Creación de marcos.

- Tipos de marcos.

- Situación de los marcos.

- Configuración de los

marcos.

- Capas.

- Definición de capas.

- Creación de capas.

- Utilización de las capas.


El formador mostrará distintas páginas a los alumnos, para que observen el lenguaje de

marcas de cada una de ellas. Las páginas se mostraran en el editor de texto del sistema

operativo y en varios navegadores web, de menor a mayor complejidad. Una vez

mostradas las páginas, preguntará a los alumnos sobre las partes del documento y su

relación entre la visualización del código en el editor de texto y su visualización en el

navegador.

Realizar páginas en el editor de texto, respetando el grado de complejidad, y teniendo en

cuenta la asimilación, por parte de los alumnos, de cada una de las partes y divisiones

del lenguaje de marcas.

Realización de páginas similares en las que se cambien opciones: color, tipo de letra, el

título, etc.

La evolución en la complejidad de las páginas se hará de modo gradual, siguiendo el

orden de los contenidos, intentando incrementar el mínimo de elementos desconocidos

para el alumno en cada página.

Cuando el número de elementos nuevos sea representativo, suficientes y considerados

por el formador como asimilados, éste mostrará una página web con todos ellos y

propondrá a sus alumnos la realización de una parecida, invitándoles a que la

personalicen.

Realizar, al finalizar la unidad de aprendizaje, una página web personal con todo lo

29


asimilado y una página en grupo, distribuyendo las tareas a realizar entre cada uno de

sus componentes. En este punto el formador pedirá a los alumnos que realicen un

análisis y una descripción de lo que quieren hacer antes de empezar a realizar la página

y lo indiquen en un documento de texto.

Medios

Aula informática con el siguiente equipamiento: Procesador de texto. Herramientas de edición, un

editor de texto plano. Navegadores actuales: Mozilla Firefox, Internet Explorer, Opera, Lynx (modo

texto).

30



IMÁGENES Y ELEMENTOS MULTIMEDIA


Logro de la siguiente capacidad:


web utilizando estos lenguajes teniendo en cuenta sus especificaciones técnicas, en lo relativo a

imágenes, audio, video mapas de imágenes y marquesinas


Contenidos


Conocimientos

CE1.4 Identificar los tipos de formatos de los archivos

multimedia, tanto audio como video que se integran en las

páginas web.

CE1.5 Citar las etiquetas y atributos que se necesitan para

insertar imágenes y elementos multimedia, así como para

crear mapas de imágenes en función de las

especificaciones recibidas





- Mapear una imagen creando varias zonas activas.

- Insertar marcas para presentar imágenes, sonidos y

videos.

- Insertar las marcas que permitan la ejecución de

programas.





y contraseñas.


medioambientales.






2. Imágenes y elementos

multimedia

- Inserción de imágenes:

formatos y atributos.

- Incluir imágenes en las

páginas.

- Atributos de las

imágenes.

- Propiedades de

ubicación de las

imágenes.

- Mapas de imágenes.

- Definición de mapa.

- Creación de un mapa

con una imagen.

- Establecer diferentes

partes en la imagen.

- Vincular las diferentes

partes de la imagen.

- Inserción de elementos

multimedia: audio, video y

programas.

- Características y

propiedades de los

elementos multimedia.

- Recursos necesarios

para el funcionamiento

de los elementos

multimedia.

- Etiquetas y propiedades

para la inserción de

audio.


31



video.



programas.

- Formatos de audio y video.

- Descripción de los

formatos de audio.


formatos de video.


recursos para audio.


recursos para video.

- Marquesinas.

- Los textos con

movimiento.

- Utilización de las

etiquetas para incluir

marquesinas.

- Las marquesinas y los

distintos navegadores.


Explicar y exponer, utilizando los recurso didácticos del aula, los distintos tipos de

archivos más utilizados en la web: imágenes, sonido y video, identificando la extensión

de dichos archivos y programas que los pueden abrir, en concreto:

o Descarga del software apropiado para la reproducción de los distintos archivos.

o Análisis de archivos (imágenes, sonido, vídeo, etc.) en páginas web.

o Exposición del código HTML, que permite incluir dichos los archivos.

o Demostración de cómo se incluyen las imágenes, los sonidos y videos dentro de

una página HTML así como aspectos que se pueden cambiar.

o Propuesta de realización de una página con los elementos básicos que incluya

una imagen, un video y un sonido, utilizando un párrafo para explicar lo que

reproduce cada elemento insertado.

Explicar las marquesinas para poder dar movimiento al texto, mostrando páginas dónde

aparezcan estos elementos, realizando un ejemplo.

Mostrar cómo se pueden realizar hipervínculos dentro de una misma imagen utilizando

mapas de imágenes.

Cada alumno actualizará la página web personal, al finalizar la unidad de aprendizaje,

con sonido, video, imágenes y mapas, analizando antes dónde pueden ir e indicándolo

en el documento de análisis realizado separadamente.

Medios

32




texto).

33



TÉCNICAS DE ACCESIBILIDAD Y USABILIDAD




web utilizando estos lenguajes teniendo en cuenta sus especificaciones técnicas, en lo relativo

la accesibilidad y usabilidad.

Criterios de evaluación Contenidos


Conocimientos

CE1.6 Explicar los criterios de "usabilidad" y accesibilidad a los

contenidos de páginas web, para permitir una mejor calidad

de navegación y comprensión de los usuarios, teniendo en

cuenta criterios definidos y normativa estándar de

accesibilidad y "usabilidad".





- Aplicar criterios de "usabilidad" y accesibilidad.





y contraseñas.


medioambientales.






3. Técnicas de accesibilidad y

usabilidad

- Accesibilidad web, ventajas

de la accesibilidad.

- Definición de

Accesibilidad.

- Aplicabilidad de la

Accesibilidad.

- Descripción de las

ventajas de la

Accesibilidad.

- Facilidad de acceso.

- Mejoras en la

navegación.

- Independencia de los

navegadores.

- Usabilidad web, importancia

de la usabilidad.

- Definición de usabilidad.

- Interacción web-

individuo.

- Aplicabilidad de la

usabilidad.

- Recursos sobre

usabilidad.

- Aplicaciones para verificar

la accesibilidad de sitios

web (estándares).

- Recursos web de

estándares.

- Utilización de los

recursos en las páginas

34


web.

- Comprobar la

accesibilidad en las

páginas web.

- Diseño de sitios web

usables.

- Descripción de sitios

web usables.

- Estudio de la estructura

y diseño de los sitios

web usables.

- Adaptación de sitios web

usables.

- Utilización de los sitios

web usables


Utilizar páginas web, donde se describan los elementos importantes a tener en cuenta

en la aplicación de los conceptos de accesibilidad y usabilidad en el diseño de páginas.

Buscar y mostrar páginas en la web, donde se aplique y donde no, los conceptos de

accesibilidad y usabilidad, explicando las razones y comentándolas en clase.

Los alumnos valorarán sus propias páginas, indicando si cumplen o no los criterios de

accesibilidad y usabilidad. Esta valoración se discutirá en el grupo y con los resultados

obtenidos y las aportaciones del formador, los alumnos modificarán las páginas.

Los alumnos comprobarán los criterios de accesibilidad y usabilidad de sus páginas

utilizando las herramientas disponibles.

Cada alumno actualizará la página web personal, al finalizar la unidad de aprendizaje, de

acuerdo con los criterios anteriores, realizando un informe, que se añadirá al documento

de texto de análisis complementario.

Medios



texto), herramientas de validación de accesibilidad y usabilidad de páginas web.

35



HERRAMIENTAS DE EDICIÓN WEB



C2: Identificar las características y funcionalidades de las herramientas de edición web, y utilizarlas

en la creación de páginas web teniendo en cuenta sus entornos de desarrollo.


Contenidos


Conocimientos

CE2.1 Identificar las funciones y características de las

herramientas que se utilizan para la edición de páginas

web, teniendo en cuenta las especificaciones técnicas de

las mismas.

CE2.2 Interpretar la documentación técnica que proporciona la

herramienta de edición, incluso si está editada en la lengua

extranjera de uso más frecuente en el sector, para utilizarla

de ayuda en la realización de páginas web, de acuerdo a

las especificaciones técnicas de las mismas.


CE2.3 Instalar y configurar una herramienta de edición de

páginas web, según unas especificaciones recibidas:

- Instalar la herramienta de edición siguiendo las

especificaciones técnicas.

- Configurar la herramienta para su utilización.

CE2.4 Realizar páginas web con herramientas de edición web,

según un diseño especificado:

- Identificar los componentes que proporciona la

herramienta para insertar elementos en la página.

- Configurar los atributos y propiedades de los

elementos insertados.

- Probar la página realizada utilizando varios

navegadores web.

- Corregir los posibles errores que surjan en la

elaboración de la página.



4. Herramientas de edición

web

- Instalación y configuración

de herramientas de edición

web.



elementos de las

herramientas web.

- Ubicación de los

elementos de las

herramientas web.

- Propiedades de los

elementos de las

herramientas web.

- Tareas a realizar con

una herramienta de

edición web.

- El lenguaje de marcas y

las herramientas de

edición web.

36





y contraseñas.


medioambientales.







Exponer y comparar herramientas de edición web más utilizadas, su utilización,

características, etc., seleccionando la herramienta de edición a utilizar.

Demostración guiada de la instalación y configuración de la aplicación.

Describir y explicar los elementos de la herramienta web que se va a utilizar, así como,

identificación de los elementos utilizados en el lenguaje de marcas.

Realizar una página web, de forma guiada, con todos los elementos utilizados con el

lenguaje de marcas.

Realizar una página en grupos utilizando la herramienta web, para lo que deberán

primero realizar un documento de texto que describa el diseño de la página y el objetivo.

Exponer y discutir con el resto de grupos la pagina propuesta.

Realizar un documento de sugerencias para que los alumnos optimicen sus páginas.

Medios



texto).

37


Modelo de práctica/s

MF: 1 UNIDADES DE APRENDIZAJE A

LAS QUE RESPONDE:

UA1, UA2, UA3 , UA4 :

UF1 DURACIÓN: 2 h.

PRÁCTICA Nº: 1

CREACIÓN DE UNA PÁGINA WEB CON EL LENGUAJE DE MARCAS.

DESCRIPCIÓN

- Crear en el Bloc de notas o editor modo texto, una página web que la podamos utilizar como

guía HTML, con todas las etiquetas del lenguaje de marcas que se han trabajado en clase,

siguiendo los criterios de usabilidad y accesibilidad.

- Describir cada etiqueta dentro sus propias marcas, tal y como se realizó en los ejemplos de

clase.

- Comprobar la visualización de página en los navegadores disponibles (Internet Explorer,

Opera, Mozilla Firefox y en el navegador modo texto) y los criterios de accesibilidad y

usabilidad.

- Guardar la plantilla en la carpeta compartida del profesor con el nombre completo del

alumno/a.

MEDIOS PARA SU REALIZACIÓN

Para realizar la práctica, sólo será necesario el Bloc de notas o editor modo texto.

PAUTAS DE ACTUACIÓN DEL FORMADOR

- La práctica se realizará de forma individual y antes de comenzar dicha práctica el formador

realizará las siguientes actuaciones:

- Explicará el objetivo de la práctica

- Indicará las instrucciones que los alumnos necesiten para realizar la práctica, destacando los

aspectos que considere más importantes.

- Recordará la herramienta que deben de utilizar para ejecutar la práctica.

- Solucionará las dudas planteadas durante la realización de la práctica para que los alumnos la

puedan concluir sin problemas.

- Acabada la práctica, el formador/a recordará las instrucciones del enunciado sobre la ubicación

y nombre del archivo resultado de la práctica.

- Resolverá la práctica para que los alumnos/as puedan comprobar en qué han fallado y puedan

conocer la forma más idónea de realizarla.

38


ESPECIFICACIONES PARA LA EVALUACIÓN DE LA PRÁCTICA

Resultados a comprobar

Indicadores de logro

1. Crea una página web en el editor de texto que

contenga etiquetas.

- Conforme a los criterios de evaluación: CE1.7

CE1.8

2. Describe etiquetas dentro sus propias marcas.


CE1.3

3. Visualiza la página en los navegadores

disponibles (Internet Explorer, Opera, Mozilla

Firefox) y en el navegador modo texto


4. Guarda la plantilla en la carpeta compartida del

profesor con el nombre completo del alumno.


1.1 Claridad en la estructura (niveles)

1.2 Exactitud en los nombres de las

etiquetas y de sus limitaciones

1.3 Cantidad de etiquetas utilizadas

2.1 Claridad en las explicaciones de las

etiquetas

3.1 Visualización correcta en Internet

Explorer

3.2 Visualización correcta en Mozilla

3.3 Visualización correcta en Opera

3.4 Visualización correcta en el navegador

modo texto.

4.1 Salvado correcto

Definición de indicadores y escalas de medida

1.1. Claridad en la estructura

Escala

2,0 - Todos las etiquetas en orden e indentadas

1,5 - La mitad o más de las etiquetas en orden e indentadas

0,0 - Menos de la mitad de las etiquetas en orden e indentadas

1.2. Exactitud en los nombres de las etiquetas

Escala

2,0 - Todos los nombres de las etiquetas correctas

1,5 - La mitad o más de los nombres de las etiquetas correctas

0,0 - Menos de la mitad de los nombres de las etiquetas correctas

Sistema de valoración

39


1.3. Cantidad de etiquetas utilizadas

Escala

2,0 - Todos las etiquetas utilizadas

1,5 - La mitad o más de las etiquetas utilizadas

0,0 - Menos de la mitad de las etiquetas utilizadas

2.1. Claridad en las explicaciones de las etiquetas

Escala

2,0 - Todos las etiquetas bien explicadas

1,5 - La mitad o más de las etiquetas explicadas

0,0 - Menos de la mitad de las etiquetas explicadas

3.1. Visualización correcta en Internet Explorer

Escala

0,4 - Todos los textos se ven correctos

0,2 - La mitad o más de los textos se ven correctos

0,0 - Menos de la mitad de los textos se ven correctos

3.2. Visualización correcta en Mozilla

Escala




3.3. Visualización correcta en Opera

Escala




3.4. Visualización correcta en el navegador modo texto

Escala




4.1. Salvado correcto

Escala

0,4 - El archivo está bien guardado y el nombre es correcto

0,2 - El archivo está bien guardado pero el nombre no es correcto

0,0 - El archivo no está bien guardado y el nombre es incorrecto

40


Ponderaciones

Indicadores Pesos (%)

1.1. Claridad en la estructura 20%

1.2. Exactitud en los nombres de las etiquetas 20%

1.3 Cantidad de etiquetas utilizadas 20%

2.1.Claridad en las explicaciones de las etiquetas 20%

3.1. Visualización correcta en Internet Explorer 4%

3.1. Visualización correcta en Mozilla 4%

3.2. Visualización correcta en Opera 4%

3.3. Visualización correcta en navegador modo texto 4%

4.1. Salvado y nombre correcto 4%

Mínimo exigible

Valor mínimo exigible: 5

Valor máximo: 10

41


Práctica: Creación de una página web con el lenguaje de marcas

Resultados a comprobar Indicadores de logro Escala Puntuación

Obtenida Máx

1. Crea una página web en el editor de

texto que contenga etiquetas .

Claridad en la estructura (niveles) 2,0 1,5 0,0 2,0

Exactitud en los nombres de las etiquetas y de sus limitaciones

2,0 1,5 0,0 2,0

Cantidad de etiquetas utilizadas 2,0 1,5 0,0 2,0

2. Describe etiquetas dentro sus propias

marcas. Claridad en las explicaciones de las etiquetas 2,0 1,5 0,0 2,0

3. Visualiza la página en los

navegadores disponibles (Internet

Explorer, Opera, Mozilla Firefox) y en

el navegador modo texto

Visualización correcta en Internet Explorer 0,4 0,2 0,0 0,4

Visualización correcta en Mozilla 0,4 0,2 0,0 0,4

Visualización correcta en Opera 0,4 0,2 0,0 0,4

Visualización correcta en el navegador modo texto 0,4 0,2 0,0 0,4

4. Guarda la plantilla en la carpeta

compartida del profesor con el nombre

completo del alumno

Salvado correcto 0,4 0,2 0,0

0,4

Puntuación máxima 10

Puntuación mínima exigible: 5 puntos Puntuación obtenida

42


Evaluación final de la Unidad Formativa 1

La evaluación se efectuará aplicando lo establecido en las siguientes tablas sobre

“Especificaciones de evaluación final. Métodos e instrumentos”.

ESPECIFICACIONES DE EVALUACIÓN FINAL. MÉTODOS E INSTRUMENTOS

EVIDENCIAS DE COMPETENCIA

Demostración de destrezas y habilidades personales y sociales vinculadas a la

profesionalidad

RESULTADOS A COMPROBAR

1. Elaboración de páginas web, que contengan las etiquetas necesarias para una correcta

visualización en los navegadores y que siga el esquema de diseño expuesto por el profesor.

El conjunto de páginas a realizar, debe contener una página principal, con enlaces al resto de

las páginas y que éstas a su vez enlacen con la página principal.

Los contenidos de la página podrán ser de tema libre o propuestos por el formador.

INDICADORES DE LOGRO SISTEMA DE VALORACIÓN

Utilización de las etiquetas del lenguaje de

marcas en el orden correcto.

Adecuación de las etiquetas de comienzo y

finalización de los elementos empleados

en la página.

Estructura del archivo de marcas clara y

fácil de entender.

Ubicación correcta de los elementos

según el nivel que le corresponde

(utilizando, tabulaciones o espacios)

Número de errores admisible en la

validación de las páginas web, en cuanto a

accesibilidad y usabilidad.

Adecuación en el número de etiquetas

empleadas con todas sus propiedades.

Correcta visualización de las páginas en

los diferentes navegadores, aunque éstos

sean modo texto.

Claridad en la presentación de las páginas

en todos los navegadores.

Escalas graduadas y/o listas de cotejo en

cada indicador.

En todos los indicadores ha de alcanzarse el

valor mínimo que se determine


1. Realización de un documento que explique un posible diseño de páginas web, incluyendo

estructura y navegación. (El tema será elegido por el formador, o elegido por los alumnos con

la supervisión de éste).

2. Utilización de la herramienta web para ejecutar el diseño.

43



Planteamiento y estructura de la

documentación del archivo de diseño.

Presencia de los siguientes elementos en

el archivo de diseño:

- El objetivo de la página web

- El número de páginas

- La navegación

- La descripción de cada página y

- Los tipos de elementos a incluir.

Nº de errores en el proceso de validación

de las páginas web, en cuanto a


Visualización correcta de las páginas se en

los distintos navegadores.


cada indicador.


valor mínimo que se determine.

MÉTODOS E INSTRUMENTOS DE EVALUACIÓN

Los instrumentos de evaluación de este apartado serán:

1. Para el resultado 1: Realización de una página web, de un tema libre o propuesto por el

formador, con la herramienta de edición propuesta.

2. Para el resultado 2: Prueba escrita con respuesta libre conteniendo el diseño funcional de la

página web.

3. Para el resultado 3: Página web implementada en la herramienta web propuesta.

44



Demostración de conocimientos y estrategias cognitivas


Asimilación y aplicación de conceptos, principios y procedimientos y normas

relativos a:

Comprensión de la simbología de la estructura del lenguaje de marcas y su aplicación.

Reconocimiento de los elementos que se pueden incluir en una página web y sus

etiquetas correspondientes.

Dominio de los conceptos de accesibilidad y usabilidad así como de los criterios de

evaluación.

Identificación de las opciones en la herramienta web que nos permita incluir los

elementos de una página web.


Identificación de la respuesta

correcta.

1. Se valorara cada respuesta correcta con 1 punto.

2. Cálculo de la suma total de respuestas correctas.

Corrección del azar con penalización de los errores.

3. Mínimo exigible: la mitad de la puntuación máxima que

se pueda obtener mediante el instrumento de

evaluación.


Los instrumentos de evaluación para todos los resultados a comprobar, serán:

- Método objetivo:

Formulación de preguntas mediante una prueba escrita de selección múltiple.

45


UNIDAD FORMATIVA 2

Denominación: Elaboración de hojas de estilo

Código: UF1303

Duración: 70h

Referente de competencia: Esta unidad formativa se corresponde con la RP3

en lo referido a hojas de estilo.

46





capacidades:




CONTENIDOS

C1: Describir las

características de las

hojas de estilo para dar

formato a las páginas

web, y crear ficheros de

estilo de acuerdo a un

diseño especificado.

CONOCIMIENTOS DESTREZAS cognitivas y prácticas 1. Hojas de estilo en la construcción de páginas web


- Descripción de estilos

- Utilización de estilos.

- Los estilos en el lenguaje de marcas.

- Los estilos con herramientas de edición web.

- Hojas de estilo y accesibilidad.

- Adecuación de las hojas de estilos.

- Tipos de estilo: incrustados, enlazados, importados, en línea.

- Descripción de los tipos de estilo.

- Enlazar una hoja de estilo externa a un documento HTML.

- Incrustar un estilo dentro de un documento HTML.

- Importar una hoja de estilo desde un documento HTML.

- Importar una hoja de estilo, a través de un archivo con estilos.

- Utilización y optimización de los tipos de estilos.

- Selectores y reglas de estilo.

- Estructura de los estilos.

- Sintaxis básica de estilos.

- Utilización de elementos y seudoelementos.

- Utilización de clases y seudoclases.

- Atributos de estilo para fuentes, color y fondo, texto y bloques (párrafos).

- Descripción de los atributos de estilo.

- Utilización de los atributos de estilo.

- Creación de ficheros de estilo.

- Definición de los ficheros de estilo.

- Creación de ficheros de estilo genéricos.

CE1.1 Identificar las

características y ventajas que

proporcionan las hojas de estilo

para definir la forma de

presentación de las páginas

web según el diseño

especificado.

CE1.2 Describir las etiquetas y

los atributos que se utilizan

para definir estilos para una

página y para partes de la

misma, teniendo en cuenta

unas especificaciones de

diseño.

CE1.3 Describir la sintaxis y


para crear estilos, con el fin de

crear ficheros con

declaraciones de estilos.

CE1.4 Enlazar las páginas de un sitio

web con una fichero de estilo, para

homogeneizar el aspecto del sitio web

según unas especificaciones recibidas.

CE1.5 Realizar un fichero con

declaraciones de estilo para

homogeneizar el formato de un sitio web,

según un diseño especificado:

- Identificar la sintaxis a utilizar para

asignar el estilo a las etiquetas.

- Enlazar las páginas web al fichero

de estilos.

- Probar las páginas utilizando



accesibilidad.

- Documentar el fichero creado.

47


- Adaptación de los ficheros de estilo para distintas páginas web.

C2: Diseñar, ubicar y

optimizar los contenidos

de una página web, para

adecuarla al formato de la

misma, facilitar su manejo

a los usuarios y

optimizarla de acuerdo a

un diseño especificado.

CONOCIMIENTOS DESTREZAS cognitivas y prácticas

2. Diseño, ubicación y optimización de los contenidos de una página web.

- Creación de un documento funcional.

- Descripción de los objetivos de la página web.

- Definición de los elementos funcionales de la página web.

- Descripción de cada elemento.

- Diseño de los contenidos.

- Identificación de la información a ubicar en la página web.

- Selección de contenidos para cada elemento de la página.

- Utilización del documento funcional para las especificaciones del diseño.

- Tipos de página para la ubicación de contenidos.

- Definición de los tipos de página en base a los contenidos y funcionalidades.

- Selección de los tipos de página para la página web.

- Utilización del documento funcional para las especificaciones del tipo de página.

- Especificaciones de navegación.

- Creación de un mapa de navegación de páginas.

- Utilización del documento funcional para integrar el mapa de navegación.

- Elementos utilizados para la navegación.

- Definición de los elementos utilizados para navegar.

- Utilización del documento funcional para especificar los elementos de navegación.

- Elaboración de una guía de usuario.

CE2.1 Seleccionar los

contenidos de la página web

para adecuarlos al formato de

la misma de acuerdo con las

especificaciones recibidas.

CE2.2 Ubicar y distribuir los elementos

para facilitar el manejo de la página por

parte de los usuarios.

CE2.3 Optimizar las páginas web

teniendo en cuenta sus elementos,

contenidos y sus funcionalidades.

48












CONTEXTO PROFESIONAL DE LA UNIDAD DE COMPETENCIA ASOCIADA A LA UNIDAD FORMATIVA






Páginas web realizadas y verificadas con componentes integrados en funcionamiento.





49




HOJAS Y TIPOS DE ESTILO



C1: Describir las características de las hojas de estilo para dar formato a las páginas web, y crear

ficheros de estilo de acuerdo a un diseño especificado en lo relativo a los tipos de estilo y su

utilización.


Contenidos


Conocimientos

CE1.1 Identificar las características y ventajas que proporcionan

las hojas de estilo para definir la forma de presentación de

las páginas web según el diseño especificado.

CE1.2 Describir las etiquetas y los atributos que se utilizan para

definir estilos para una página y para partes de la misma,

teniendo en cuenta unas especificaciones de diseño.


CE1.4 Enlazar las páginas de un sitio web con una fichero de

estilo, para homogeneizar el aspecto del sitio web según

unas especificaciones recibidas.





y contraseñas.


medioambientales.






1. Hojas de estilo en la

construcción de páginas web

en lo relativo a los tipos de

estilo y su utilización.


- Descripción de estilos

- Utilización de estilos.

- Los estilos en el lenguaje

de marcas.

- Los estilos con

herramientas de edición

web.

- Hojas de estilo y

accesibilidad.

- Adecuación de las hojas

de estilos.

- Tipos de estilo: incrustados,

enlazados, importados, en

línea.

- Descripción de los tipos

de estilo.

- Enlazar una hoja de

estilo externa a un

documento HTML.

- Incrustar un estilo dentro

de un documento HTML.

- Importar una hoja de

estilo desde un

documento HTML.

50



Mostrar ejemplos de las capacidades de las hojas de estilo para ilustrar cómo se

utilizarán y aplicarán a lo ya conocido sobre el lenguaje de marcas.

Mostrar cómo aplicar los estilos al lenguaje de marcas, haciendo uso de las herramientas

de edición web.

Describir como afectan los estilos a la usabilidad y a la visualización en distintos

navegadores (Explorer, Mozilla, Opera, Lynx).

El formador propondrá la realización de una página web, aplicando estilos a una página

web con lenguaje de marcas.

Al finalizar la unidad de aprendizaje, los alumnos, guiados por el formador, trabajaran

con la página web personal y una grupal, en la que se aplique los estilos necesarios para

optimizarlas.

El formador recordará a los alumnos, la importancia de realizar y reflejar en un

documento de texto, el análisis y descripción de la página web a implementar.

Medios



texto).

51



CREACIÓN DE FICHEROS DE ESTILO



C1: Describir las características de las hojas de estilo para dar formato a las páginas web, y crear

ficheros de estilo de acuerdo a un diseño especificado


Contenidos


Conocimientos

CE1.3 Describir la sintaxis y los atributos que se utilizan para

crear estilos, con el fin de crear ficheros con declaraciones

de estilos.


CE1.5 Realizar un fichero con declaraciones de estilo para

homogeneizar el formato de un sitio web, según un diseño

especificado:

- Identificar la sintaxis a utilizar para asignar el estilo a

las etiquetas.

- Enlazar las páginas web al fichero de estilos.

- Probar las páginas utilizando varios navegadores

web.


- Documentar el fichero creado.





y contraseñas.


medioambientales.






1. Hojas de estilo en la


en lo relativo a la utilización de

los ficheros de estilos en

varias páginas.

- Selectores y reglas de

estilo.

- Estructura de los estilos.

- Sintaxis básica de

estilos.

- Utilización de elementos

y seudoelementos.

- Utilización de clases y

seudoclases.

- Atributos de estilo para

fuentes, color y fondo, texto

y bloques (párrafos).


atributos de estilo.

- Utilización de los

atributos de estilo.

- Creación de ficheros de

estilo.

- Definición de los ficheros

de estilo.

- Creación de ficheros de

estilo genéricos.

- Adaptación de los

ficheros de estilo para

distintas páginas web.


52


Explicar diferentes ejemplos, en orden creciente, combinando todas las propiedades de

los estilos.

Proponer a los alumnos ejercicios similares a los ejemplos mostrados, empezando por

los más sencillos.

Remarcar la importancia de una buena estructuración y sintaxis a la hora de realizar

hojas de estilo.

Proponer la implementación de etiquetas de estilo a ejemplos ya realizados con

anterioridad que permitan mejorar y personalizar a fondo estos últimos.

Mostrar con ejemplos, la versatilidad y maleabilidad en la aplicación de los distintos

estilos a elementos ya conocidos.

Se hará especial énfasis en la usabilidad y visualización en los distintos navegadores

disponibles.

Al finalizar la unidad de aprendizaje, el profesor propondrá a los alumnos que optimicen

su página web personal y grupal utilizando estilos.

Medios



texto).

53



DISEÑO, UBICACIÓN Y OPTIMIZACIÓN DE LOS CONTENIDOS DE UNA PÁGINA WEB.



C2: Diseñar, ubicar y optimizar los contenidos de una página web, para adecuarla al formato de la

misma, facilitar su manejo a los usuarios y optimizarla de acuerdo a un diseño especificado.


Contenidos


Conocimientos

CE2.1 Seleccionar los contenidos de la página web para

adecuarlos al formato de la misma de acuerdo con las



CE2.2 Ubicar y distribuir los elementos para facilitar el manejo de

la página por parte de los usuarios.

CE2.3 Optimizar las páginas web teniendo en cuenta sus

elementos, contenidos y sus funcionalidades.





y contraseñas.


medioambientales.






2. Diseño, ubicación y

optimización de los

contenidos de una página web

- Creación de un documento

funcional.


objetivos de la página

web.

- Definición de los

elementos funcionales

de la página web.

- Descripción de cada

elemento.

- Diseño de los contenidos.

- Identificación de la

información a ubicar en

la página web.

- Selección de contenidos

para cada elemento de

la página.

- Utilización del

documento funcional

para las

especificaciones del

diseño.

- Tipos de página para la

ubicación de contenidos.

- Definición de los tipos

de página en base a los

contenidos y

funcionalidades.

- Selección de los tipos de

página para la página

web.

- Utilización del

54


documento funcional

para las

especificaciones del tipo

de página.

- Especificaciones de

navegación.

- Creación de un mapa de

navegación de páginas.

- Utilización del

documento funcional

para integrar el mapa de

navegación.

- Elementos utilizados para la

navegación.

- Definición de los

elementos utilizados

para navegar.

- Utilización del

documento funcional

para especificar los

elementos de

navegación

- Elaboración de una guía de

usuario.


El formador explicará el diseño funcional de una página web utilizando distintos ejemplos,

así como, la organización del contenido y de los aspectos del código fuente que éstas

contienen.

Presentación de ejemplos de páginas web orientados a distintos tipos de contenido y

tipos de usuarios a los que se dirige.

Proponer a los alumnos el diseño de un mapa de navegación e integrarlo en un

documento funcional, en el que se incluyan los elementos de navegación.

Realización del diseño de una guía de usuario en formato web que permita la fácil

identificación de los distintos elementos de navegación y enseñe el diseño funcional de

una página web.

Medios



texto).

55




LAS QUE RESPONDE: UA1, UA2, UA3: UF2 DURACIÓN: 2 h. PRÁCTICA

Nº: 1

CREACIÓN DE UNA PÁGINA WEB UTILIZANDO HOJAS DE ESTILO

DESCRIPCIÓN

- Crear con un editor modo texto una página web que contenga elementos estudiados en las

unidades de aprendizaje correspondientes. El tema puede ser libre o designado por el

formador.

- Se debe incluir un estilo que afecte a los elementos del lenguaje de marcas modificado por las

indicaciones en la hoja de estilo enlazada.

- La página debe contener la mayor cantidad posible de ejemplos estudiados, debe permitir

navegar entre distintas secciones y que estas sean accesibles mediante un menú.

- Debe comprobarse la visualización de la página en los distintos navegadores que estén

disponibles (Internet Explorer, Opera, Mozilla Firefox y en el navegador modo texto)

- Se debe guardar el resultado en la carpeta compartida del profesor indicando el nombre

completo del alumno/a.




- La práctica será realizada de forma individual y antes de su comienzo el formador hará las

siguientes actuaciones:

- Explicará el objetivo de la práctica.

- Dará las instrucciones para su realización además de destacar los aspectos más importantes.

- Una vez terminada la práctica, el formador/a recordará dónde y cómo debe guardarse el

archivo resultante de la práctica.

- Resolverá la práctica para que los alumnos/as puedan comprobar aquellos aspectos en los

que han fallado y puedan conocer distintas formas de realizarla.

56



Resultados a comprobar Indicadores de logro

1. Incluye etiquetas y atributos para la definición de

estilos.

- Conforme a los criterios de evaluación:

CE1.2

2. Desarrolla la sintaxis para la creación de estilos.


CE1.3

3. Enlaza la página web con un fichero de estilo.


CE1.4 CE1.5

4. Navega por las diferentes secciones de la página

a través de un menú.


CE2.1 CE2.2 CE2.3

5. Visualiza la página en los distintos navegadores


Firefox) y en el navegador modo texto.


CE1.5

6. Guarda de los ficheros resultantes en la carpeta

indicada.


CE2.2

1.1 Claridad en la estructuración de la

página.

1.2 Cantidad de estilos utilizados.

2.1 Claridad en la estructuración del código

empleado en estilos y lenguaje de

marcas.

3.1 La hoja de estilo enlazada funciona

dentro de la página web.

4.1 La navegación por menú enlaza

correctamente con las distintas secciones

de la página web.

5.1 Visualización correcta en Internet

Explorer.

5.2 Visualización correcta en Mozilla.

5.3 Visualización correcta en Opera.


modo texto.

6.1 Salvado y nombramiento correcto de

todos los archivos generados en la

práctica.

57



1.1 Claridad en la estructuración de la página.

Escala

1,2 - Todas las etiquetas en orden e indentadas

0,6 - La mitad o más de las etiquetas en orden e indentadas.

0,0 - Menos de las etiquetas en orden e indentadas.

1.2 Cantidad de estilos utilizados, en cuando a las necesidades de la

página que permitan dotarla de una mayor funcionalidad.

Escala

1,2 - Todos las estilos necesarios utilizados

0,6 - La mitad o más de los estilos necesarios utilizados

0,0 - Menos de la mitad de los estilos necesarios utilizados

2.1 Claridad en la estructuración del código empleado en estilos y

lenguaje de marcas.

Escala

1,2 - Todo el código bien estructurado

0,6 - La mitad o más de los códigos están bien estructurados

0,0 - Menos de la mitad del código estructurado

3.1 La hoja de estilo enlazada funciona dentro de la página web.

Escala

1,2 - Todos los estilos funcionan correctamente

0,6 - La mitad o más de los estilos funcionan correctamente

0,0 - Menos de la mitad de los estilos funcionan correctamente

4.1 La navegación por menú enlaza correctamente con las distintas

secciones de la página web

Escala

1,2 - Todas las opciones del menú enlazan con las secciones

correspondientes.

0,6 - La mitad o más de las opciones del menú enlazan con las

secciones correspondientes.

0,0 - Menos de la mitad de las opciones del menú enlazan con las

secciones correspondientes.

5.1 Visualización correcta en Internet Explorer

Escala

0,8 - Todos los elementos se ven correctos


58


0,4 - La mitad o más de los elementos se ven correctos

0,0 - Menos de la mitad de los elementos se ven correctos


Escala





Escala


0,4- La mitad o más de los elementos se ven correctos


5.4 Visualización correcta en el navegador modo texto.

Escala




6.1 Salvado y nombramiento correcto de todos los archivos generados en

la práctica.

Escala

0,8 -Todos los archivos están bien guardados y con el nombre correcto

0,4 - La mitad o más de los archivos están bien guardados y con el

nombre correcto.

0,0 - Los archivos no están bien guardados y/o los nombres son

incorrectos es incorrecto

Ponderaciones


1.1 Claridad en la estructura. 12%

1.2 Cantidad de estilos utilizados, en cuando a las

necesidades de la página que permitan dotarla de

una mayor funcionalidad.

12%

2.1 Claridad en la estructuración del código

empleado en estilos y lenguaje de marcas 12%

3.1 La hoja de estilo enlazada funciona dentro de la

página web. 12%

4.1 La navegación por menú enlaza correctamente

con las distintas secciones de la página web. 12%

59





5.4 Visualización correcta en navegador modo texto 8%

6.1 Salvado y nombramiento correcto de todos los

archivos generados en la práctica. 8%

Mínimo exigible


Valor máximo: 10

60


62

Práctica: Creación de una página web utilizando hojas de estilo


Obtenida Máx

1. Incluye etiquetas y atributos para la

definición de estilos.

Claridad en la estructuración de la página. 1,2 0,6 0,0 1,2

Cantidad de estilos utilizados. 1,2 0,6 0,0 1,2

2. Desarrolla la sintaxis para la creación de

estilos.

Claridad en la estructuración del código empleado en estilos y lenguaje de marcas.

1,2 0,6 0,0 1,2

3. Enlaza la página web con un fichero de

estilo.

La hoja de estilo enlazada funciona dentro de la

página web. 1,2 0,6 0,0 1,2

4. Navega por las diferentes secciones de

la página a través de un menú.

La navegación por menú enlaza correctamente con las distintas secciones de la página web.

1,2 0,6 0,0 1,2

5. Visualiza la página en los distintos

navegadores disponibles (Internet

Explorer, Opera, Mozilla Firefox) y en el

navegador modo texto.

Visualización correcta en Internet Explorer. 0,8 0,4 0,0 0,8

Visualización correcta en Mozilla. 0,8 0,4 0,0 0,8

Visualización correcta en Opera. 0,8 0,4 0,0 0,8

Visualización correcta en el navegador modo texto.

0,8 0,4 0,0 0,8

6. Guarda de los ficheros resultantes en la

carpeta indicada.

Salvado y nombramiento correcto de todos los archivos generados en la práctica.

0,8 0,4 0,0 0,8



61








profesionalidad


1. Elaboración de páginas web, empleando hojas de estilo visualizadas por los navegadores,

siguiendo las instrucciones del profesor.

El contenido puede ser un tema libre bajo la supervisión del formador aunque este último podrá

proponer un tema.


Utilización de las etiquetas de estilo en el

orden correcto.

Adecuación del código de la página web para

enlazar con las hojas de estilo.

Claridad de la estructura de la hoja de estilos

de forma que sea fácil de entender.

Corrección en la ubicación de los elementos

según el nivel que les corresponde

(utilizando, tabulaciones o espacios)

Número de errores admisible en cuanto a

accesibilidad y usabilidad en la validación de

las páginas web.

Cantidad de estilos necesarios utilizados para

hacer más fácil los cambios de distintos

atributos.

Visualización correcta de las páginas en los

diferentes navegadores, aunque éstos sean

modo texto

Claridad en la presentación de las páginas en

todos los navegadores.


cada indicador.




Mediante una prueba práctica el alumnado realizará una página web, basada en un diseño

propuesto por el formador, creando y utilizando hojas de estilo con la herramienta de edición

propuesta.

62





Asimilación y aplicación de conceptos, principios y procedimientos y normas relativos a:

Comprensión de la simbología de la estructura de las hojas de estilo y su implementación.

Reconocimiento de los elementos, dentro de una página web que son susceptibles de utilizar

estilos.

Comprensión de la importancia de la utilización de estilo en cuanto a posibles modificaciones y

reutilizaciones de código.

Identificación de las opciones en la herramienta web que nos permita incluir los estilos en una

página web.



correcta.





se pueda obtener mediante el instrumento de evaluación.



- Método objetivo:


63


UNIDAD FORMATIVA 3

Denominación: ELABORACIÓN DE PLANTILLAS Y FORMULARIOS

Código: UF1304

Duración: 60 h.


en lo referido a plantillas y formularios.

64





capacidades:




CONTENIDOS

C2: Crear formularios e integrarlos en páginas web para incluir interactividad en las mismas, siguiendo unas especificaciones funcionales recibidas.

CONOCIMIENTOS DESTREZAS cognitivas y prácticas

1. Formularios en la construcción de páginas web

- Características.

- La interactividad de las páginas web.

- La variabilidad de los datos de la página web.

- El envío de información a servidores.

- Elementos y atributos de formulario.

- Descripción y definición de los elementos de un formulario.

- Utilización de campos y textos.

- Etiquetas de los formularios.

- Tamaños, columnas y filas de los formularios.

- Controles de formulario.

- Descripción de los controles de los formularios.

- Utilización de botones de acción.

- Utilización de lista desplegables.

- Utilización de casillas de verificación.

- Utilización de campos de textos.

- Formularios y eventos. Criterios de accesibilidad y usabilidad en el diseño de formularios.

- Agrupación de datos.

- Adecuación del tamaño del formulario (división en distintas páginas).

- Identificación de los campos obligatorios.

- Ordenación lógica de la petición de datos.

- Información correcta al usuario.

- Utilización de páginas de error y de confirmación.

CE2.1 Identificar las etiquetas

y los atributos que se utilizan

en la creación de los

formularios, teniendo en cuenta

las especificaciones del

lenguaje de marcas.

CE2.2 Describir las etiquetas y


para definir los controles que

forman los formularios en

función de las interacciones a

manejar.

CE2.3 Realizar páginas que incorporan

formularios para interactuar con el

usuario, según un diseño especificado:

- Identificar los controles que hay

que crear y colocarlos dentro del

formulario.

- Asignar las propiedades

especificadas a los controles

insertados.

- Asignar las propiedades al

formulario (acción, método y tipo

de codificación).


accesibilidad.

- Probar la página y el formulario

utilizando varios navegadores

web.

- Corregir los posibles errores que

surjan en la elaboración de la

página y el formulario.


C1: Confeccionar plantillas para las páginas web atendiendo a las especificaciones de diseño recibidas.

CONOCIMIENTOS DESTREZAS cognitivas y prácticas 2. Plantillas en la construcción de páginas web


- Descripción de una plantilla web.

CE1.1 Describir las

características que ofrecen las

plantillas web en la elaboración

CE1.3 Crear plantillas web con

herramientas de edición, de acuerdo a un

diseño especificado:

65


de páginas con idéntico diseño.

CE1.2 Describir las utilidades

que ofrecen las herramientas

de edición de páginas web para

crear plantillas, teniendo en

cuenta las especificaciones

técnicas de la herramienta.

- Identificar las regiones editables y

no editables que forman la

plantilla.

- Insertar los elementos y asignar

los atributos especificados.


accesibilidad.

- Aplicar una plantilla creada a una

página web.

- Probar la página web con la

plantilla asociada utilizando varios

navegadores web.

- Documentar la plantilla realizada.

- Elementos de una plantilla web.

- Estructura y organización de los elementos de las plantillas.

- Especificar las zonas modificables de una plantilla y las partes fijas.

- Utilización de plantillas.

- Campos editables y no editables.

- Definir y crear los campos susceptibles de cambios en una plantilla.

- Definir y crear los campos no modificables en una plantilla.

- Aplicar plantillas a páginas web.

- Las plantillas en la web.

- Búsqueda de plantillas en la red.

- Adaptación de plantillas a páginas web.











66



Medios de producción.





Páginas web con componentes integrados en funcionamiento e interactiva.


Diseño y especificaciones de la aplicación. Manuales de funcionamiento del software. Manuales de las herramientas de desarrollo utilizadas. Documentación de



67




FORMULARIOS EN LA CONSTRUCCIÓN DE PÁGINAS WEB



C2: Crear formularios e integrarlos en páginas web para incluir interactividad en las mismas,

siguiendo unas especificaciones funcionales recibidas.


Contenidos


Conocimientos

CE2.1 Identificar las etiquetas y los atributos que se utilizan en la

creación de los formularios, teniendo en cuenta las

especificaciones del lenguaje de marcas.

CE2.2 Describir las etiquetas y los atributos que se utilizan para

definir los controles que forman los formularios en función de

las interacciones a manejar.


CE2.3 Realizar páginas que incorporan formularios para

interactuar con el usuario, según un diseño especificado:

- Identificar los controles que hay que crear y colocarlos

dentro del formulario.

- Asignar las propiedades especificadas a los controles

insertados.

- Asignar las propiedades al formulario (acción, método

y tipo de codificación).


- Probar la página y el formulario utilizando varios

navegadores web.

- Corregir los posibles errores que surjan en la

elaboración de la página y el formulario.






y contraseñas.

1. Formularios en la


- Características.

- La interactividad de las

páginas web.

- La variabilidad de los

datos de la página web.

- El envío de información

a servidores.

- Elementos y atributos de

formulario.

- Descripción y definición

de los elementos de un

formulario.

- Utilización de campos y

textos.

- Etiquetas de los

formularios.

- Tamaños, columnas y

filas de los formularios.

- Controles de formulario.


controles de los

formularios.

- Utilización de botones

de acción.

- Utilización de lista

desplegables.

- Utilización de casillas de

verificación.

- Utilización de campos

de textos.

68



medioambientales.






- Formularios y eventos.

Criterios de accesibilidad y

usabilidad en el diseño de

formularios.

- Agrupación de datos.

- Adecuación del tamaño

del formulario (división

en distintas páginas).

- Identificación de los

campos obligatorios.

- Ordenación lógica de la

petición de datos.

- Información correcta al

usuario.

- Utilización de páginas de

error y de confirmación.


Mostrar ejemplos con distintos tipos de formularios, indicando las partes de que se

componen y cuáles se utilizarán. Se enseñará también, las capacidades de los

formularios a la hora de interacción usuario-página web.

Explicar las posibilidades de envío de los datos de un formulario a un correo electrónico,

haciendo énfasis especial entre lo que pone en la página el formulario y la información

recibida.

Explicar los elementos que componen los formularios y su aplicación, en orden creciente

de dificultad, comenzando por los elementos y atributos que lo componen.

Explicar los distintos controles de formulario: botones de acción, listas desplegables,

casillas de verificación y campos de textos.

Realizar formularios accesibles y usables. Para ello, se enseñará cómo ordenar los

distintos elementos, identificar aquellos campos cuyos datos deben rellenarse de forma

obligatoria. También se hará uso de páginas de error (en caso de que faltasen datos) o

páginas de confirmación (cuando el envío es correcto).

Reflejar en un documento de texto, el análisis y descripción de la página web a

implementar.

Medios



texto).

69



PLANTILLAS EN LA CONSTRUCCIÓN DE PÁGINAS WEB



C1: Confeccionar plantillas para las páginas web atendiendo a las especificaciones de diseño

recibidas.


Contenidos


Conocimientos

CE1.1 Describir las características que ofrecen las plantillas web

en la elaboración de páginas con idéntico diseño.

CE1.2 Describir las utilidades que ofrecen las herramientas de

edición de páginas web para crear plantillas, teniendo en

cuenta las especificaciones técnicas de la herramienta.


CE1.3 Crear plantillas web con herramientas de edición, de

acuerdo a un diseño especificado:

- Identificar las regiones editables y no editables que

forman la plantilla.

- Insertar los elementos y asignar los atributos

especificados.


- Aplicar una plantilla creada a una página web.

- Probar la página web con la plantilla asociada

utilizando varios navegadores web.

- Documentar la plantilla realizada.





y contraseñas.


medioambientales.





1. Plantillas en la

construcción de páginas

web


- Descripción de una

plantilla web.

- Elementos de una

plantilla web.

- Estructura y

organización de los

elementos de las

plantillas.

- Especificar las zonas

modificables de una

plantilla y las partes fijas.

- Utilización de plantillas.

- Campos editables y no

editables.

- Definir y crear los

campos susceptibles de

cambios en una plantilla.

- Definir y crear los

campos no modificables

en una plantilla.

- Aplicar plantillas a páginas

web.

- Las plantillas en la web.

- Búsqueda de plantillas

en la red.

- Adaptación de plantillas

a páginas web.

70




El formador mostrará distintos tipos de plantillas mostrando su estructura, organización

elementos y su uso; definiendo los campos que se incluyen en las mismas,

diferenciando los editables de los no editables, distinguiendo aquellas partes que forman

parte de la plantilla en sí, además de aquellos que sean personalizables por el usuario.

Crear plantillas a partir de páginas diseñadas por los alumnos o que puedan encontrar

en la red.

Crear páginas nuevas a partir de plantillas creadas, se hará especial énfasis en respetar

la usabilidad y su visualización adecuada en distintos navegadores (Internet Explorer,

Opera, Mozilla y links).

Medios



texto). Manuales y guías.

71




LAS QUE RESPONDE: UA1, UA2: UF3 DURACIÓN: 2 h. PRÁCTICA

Nº: 3

CREACIÓN DE UN FORMULARIO

DESCRIPCIÓN

1. Crear con un editor modo texto un formulario con los elementos estudiados en la unidad de

aprendizaje 8, atendiendo a una estructura de diseño propuesta por el formador. El tema puede

ser libre o designado por el formador.

2. El formulario debe contener todos los elementos estudiados en la unidad de aprendizaje 8:

Botones de acción, casillas de verificación, lista de desplegables y campos de texto. Además de

poder enviar la información que en él pueda incluirse por correo electrónico.

3. Debe comprobarse la visualización del formulario web en los distintos navegadores que estén

disponibles (Internet Explorer, Opera, Mozilla Firefox y en el navegador modo texto), así como

los criterios de “usabilidad” y “accesibilidad”).

4. Se debe guardar el resultado en la carpeta compartida del profesor indicando el nombre





- La práctica será realizada de forma individual y antes de su comienzo el formador hará las



- Dará las instrucciones para su realización además de destacar los aspectos más

importantes.

- Una vez terminada la práctica, el formador/a recordará dónde y cómo debe guardarse el

archivo resultante de la práctica.

- Resolverá la práctica para que los alumnos/as puedan comprobar aquellos aspectos en los

que han fallado y puedan conocer distintas formas de realizarla.

72





1. Insertar controles de formularios dentro de

la página web.

- Conforme al criterio de evaluación:

CE2.3 en lo relativo a identificar los

controles que hay que crear y

colocarlos dentro del formulario-

2. Asignar propiedades de controles y

formulario relativos a acciones de envío de

información.


CE2.3 en lo relativo a asignar las

propiedades especificadas a los

controles insertados y en lo relativo a

asignar las propiedades al formulario

(acción, método y tipo de codificación).

3. Visualizar el formulario web en los distintos

navegadores disponibles (Internet Explorer,

Opera, Mozilla Firefox) y en el navegador

modo texto, así, como los criterios de

“usabilidad” y accesibilidad.


CE2.3 en lo relativo a aplicar criterios

de "usabilidad" y accesibilidad y en lo

relativo a probar la página y el

formulario utilizando varios

navegadores web.

4. Guardar los ficheros resultantes en la

carpeta especificada por el formador.


CE2.3 en lo relativo a aplicar criterios

de "usabilidad" y accesibilidad.

1.1 Claridad en la estructuración de la página

2.1 Cantidad de elementos de formulario

utilizados.

2.2 Envío correcto del formulario por correo

electrónico.





modo texto.

4.1 Salvado correcto.

73



1.1 Claridad en la estructuración de la página.

Escala

2,0 - Todas las etiquetas en orden e indentadas

1,5 - La mitad o más de las etiquetas en orden e indentadas

0,0 - Menos de las etiquetas en orden e indentadas

2.1 Cantidad de elementos de formulario utilizados.

Escala

2,0 - Todos las elementos utilizados

1,0 - La mitad o más de los elementos utilizados

0,0 - Menos de la mitad de los elementos utilizados

2.2 Envío correcto del formulario por correo electrónico.

Escala

2,0 - El formulario es capaz de enviar información por correo

electrónico.

1,5 - El formulario es capaz de enviar un correo electrónico pero no

enviar información.

0,0 - Ninguna de las anteriores.


Escala





Escala





Escala


0,4- La mitad o más de los elementos se ven correctos


3.4 Visualización correcta en el navegador modo texto.


74


Escala




4.1 Salvado correcto de todos los archivos generados en la práctica.

Escala

0,8 - El archivo está bien guardado y con el nombre correcto

0,4 - El archivo está bien guardado pero el nombre no es correcto

0,0 - El archivo no está bien guardado y el nombre es incorrecto

Ponderaciones


1.1 Claridad en la estructura 20%

2.1 Cantidad de elementos de formulario utilizados 20%

2.2 Envío correcto del formulario por correo

electrónico. 20%




3.4 Visualización correcta en navegador modo texto 8%

4.1 Salvado y nombre correcto 8%

Mínimo exigible


Valor máximo: 10

75


Práctica: Creación de un formulario


Obtenida Máx

1. Insertar controles de formularios dentro de

la página web. Claridad en la estructuración de la página. 2,0 1,5 0,0 2,0

2. Asignar propiedades de controles y

formulario relativos a acciones de envío de

información.

Cantidad de elementos de formulario utilizados. 2,0 1,0 0,0 2,0

Envío correcto del formulario por correo electrónico.

2,0 1,5 2,0

3. Visualizar el formulario web en los

distintos navegadores disponibles (Internet

Explorer, Opera, Mozilla Firefox) y en el

navegador modo texto, así, como los

criterios de “usabilidad” y accesibilidad.

Visualización correcta en Internet Explorer. 0,8 0,4 0,0 0,8

Visualización correcta en Mozilla. 0,8 0,4 0,0 0,8

Visualización correcta en Opera. 0,8 0,4 0,0 0,8

Visualización correcta en el navegador modo texto.

0,8 0,4 0,0 0,8

4. Guarda de los ficheros resultantes en la

carpeta indicada.

Salvado correcto . 0,8 0,4 0,0 0,8



76





.




profesionalidad


1. Realización de un formulario que contenga todos los elementos estudiados, que sea

capaz de enviar información por correo electrónico y además sea visualizable en los

distintos navegadores disponibles.


Corrección en el orden e identificación de

todos los elementos del formulario.

Envío correcto de información a través

del formulario por correo electrónico.

Corrección del diseño de los elementos

de la página web atendiendo a las


Manejo de la herramienta de edición para

crear y corregir la página web.


cada indicador.

En todos los indicadores ha de alcanzarse

el valor mínimo que se determine.


2. Elaboración de plantillas web, que contengan las etiquetas (tanto editables como no

editables) necesarias para una correcta visualización en los navegadores y que siga el

esquema de diseño expuesto por el profesor. Será posible modificar ejemplos ya

existentes o páginas que ya se tengan realizadas para su adaptación como plantillas.


Definición de las etiquetas de inicio y final

en cada elemento del lenguaje de

marcas, verificando la corrección de las

etiquetas de comienzo y finalización de

los elementos empleados en la página.

La estructura del archivo de plantilla es

clara, fácil de entender y los elementos

están situados correctamente.

Clara visualización de los elementos

editables y no editables.


cada indicador.


el valor mínimo que se determine.

77


Visualización de las plantillas aplicadas,

sin problemas, en los diferentes

navegadores, aunque éstos sean modo

texto.



1. Para el resultado 1:

Mediante una prueba escrita con respuesta libre se realizará el diseño funcional de

formularios web en un procesador de texto.

Mediante una prueba práctica el alumno realizará un formulario, con contenido libre o

propuesto por el formador, con la herramienta de edición propuesta.

El formador, valorará en el momento de realizar la prueba el manejo de la herramienta

web de los alumnos y a posteriori los resultados que los alumnos le entreguen al

finalizar la prueba.

2. Para el resultado 2:

Mediante una prueba práctica el alumno realizarán una plantilla web, con contenido

libre o propuesto por el formador, con la herramienta de edición propuesta.

Mediante una prueba escrita con respuesta libre se realizará el diseño funcional de las

plantillas web en un procesador de texto que puedan ser adaptables para el diseño de

nuevas páginas web a partir de estas.

78






relativos a:

Comprensión de la utilidad de las plantillas y su aplicación al diseño de páginas web.

Reconocimiento de los elementos editables y no editables en una plantilla web.

Comprensión de los elementos que pueden ser incluidos en un formulario, la importancia

de su ordenación.



correcta.






evaluación.



Formulación de preguntas escritas mediante una prueba objetiva con ítems de

correspondencia, asociando por parejas los elementos de dos conjuntos de

información.

79


MÓDULO FORMATIVO 2

Denominación: Integración de componentes software en páginas web

Código: MF0951_2


Asociado a la unidad de competencia: UC0951_2: Integrar componentes

software en páginas web.

Duración: 180

Objetivo general

Crear páginas web utilizando el lenguaje de guión y herramientas web, cumpliendo con

las especificaciones de diseño y funcionalidades recibidas, siguiendo una estructura

metodológica utilizable en scripts, gestionando los objetos propios de este lenguaje,

como son los eventos y métodos, y ajustándose, siempre, a los criterios de realización

establecidos en la unidad de competencia correspondiente.

80



Para garantizar el objetivo general de este módulo, la formación se ha organizado en

dos Unidades Formativas (UF), que a su vez están estructuradas en un total de seis

unidades de aprendizaje (UA). Tanto las unidades formativas como las unidades de

aprendizaje tienen una pretensión específica y han de impartirse de forma

secuencial, para favorecer el aprendizaje significativo del alumno y por tanto el logro

de las capacidades del módulo.

La organización de las UA del módulo contemplan las diferentes fases para

conseguir entender e implementar código de programación dentro de una página

web.

El lenguaje utilizado para codificar es el lenguaje de guión, materializado en scripts.

Para trabajar con él se utilizará, una herramienta de edición modo texto y una

específica de script, además de la herramienta web instalada.


Publicación de páginas

web.

UA 1. Metodología de la

programación y lenguaje de

guión

UA 2. Elementos básicos del

lenguaje de guión y desarrollo de scripts

UA 3. Gestión de objetos y

eventos del lenguaje de guión y búsqueda y análisis de scripts

UNIDAD FORMATIVA 1

UF1305 Programación con

lenguajes de guión en

páginas web

UA 2. Efectos especiales en

páginas web

UA 1. Validaciones de datos en páginas web

UA 3. Técnicas y utilidades

de verificación de páginas web

UNIDAD FORMATIVA 2

UF1306 Pruebas de

funcionalidades y optimización de

páginas web


Programación con lenguajes de guión en

páginas web


Construcción de páginas

web

MÓDULO DE PRÁCTICAS PROFESIONALES NO

LABORALES

MF0278

CERTIFICADO:

Confección y Publicación de Páginas web

81


La Unidad Formativa 1 capacita al alumno para programar páginas web utilizando

lenguajes de guión. Se estructura en tres Unidades de Aprendizaje: en primer lugar

se ve la metodología de programación y lenguaje de guión en la que el alumno

estudia y realiza ordinogramas y pseudocódigos, comprendiendo las estructuras y

operaciones que se realizan en los lenguajes de programación.

Comprendida la lógica de programación, la Unidad de Aprendizaje 2, continúa con

las órdenes y comandos propios del lenguaje de guión que constituyen las bases del

mismo.

Después de comprender las bases operativas, en la Unidad de Aprendizaje 3 se

trabajan con elementos interactivos, como eventos y acciones de objetos. Además

de realizar scripts, se realizarán búsquedas de los mismos con los medios

disponibles y se adaptarán a las necesidades de las páginas a realizar.

La Unidad Formativa 2, capacita al alumno para realizar pruebas de funcionalidad de

páginas web, así como su optimización, dividiéndose en tres Unidades de

Aprendizaje.

En la primera Unidad de Aprendizaje, el alumno aprenderá a verificar la integración

de scripts en páginas web para probar su funcionalidad, siendo importante que el

alumno aprenda a manejar las herramientas de validación y verificación de páginas,

que podrá utilizar para realizar las correcciones necesarias y poder optimizar el

código.

En la segunda Unidad de Aprendizaje, trabajará con imágenes, textos, marcos, etc.,

con el objetivos de producir efectos especiales en las páginas.

En la Unidad de Aprendizaje 3, aprenderá las distintas técnicas y utilidades de

verificación de páginas web: técnicas de verificación, herramientas de depuración

para distintos navegadores y verificación de la compatibilidad de scripts.

Para comprender y crear páginas web, con lenguaje de guión, el formador

presentará cada elemento, explicando su implementación y mostrando ejemplos y

aplicaciones en diversas páginas, incrementando el número de elementos y la

complejidad .

De forma orientativa y con carácter general, se hará una puesta en común sobre

todos aquellos aspectos que relacionados con la comprensión de los conceptos

metodológicos que impliquen una estructuración del lenguaje clara y precisa que

haga fácil su seguimiento.

Las páginas elaboradas por los alumnos, se someterán a crítica constructiva por

parte del grupo, con el objetivo de proponer posibles mejoras.

En el desarrollo de cada Unidad de aprendizaje se tendrán en cuenta las técnicas y

principios de pedagogía activa, participativa y flexible, establecidas en sus propias

estrategias metodológicas. Se procurará, en todo momento, despertar el interés del

alumnado, con el fin de que sigan el proceso de aprendizaje y obtengan los logros

esperados.

82


Se recomienda la utilización de presentaciones en las exposiciones de cada unidad

de aprendizaje que facilitan considerablemente las explicaciones.

Durante el desarrollo del Módulo se propone la realización de varias prácticas

representativas, al menos una para cada UF, que integran todas las unidades de

aprendizaje de las mismas. Con el conjunto de estas prácticas se sigue el proceso

completo de programación con lenguajes de guión, así como de la realización de

pruebas de funcionalidad y optimización de páginas web.

La evaluación del módulo se efectuará a través de la evaluación de cada una de las

unidades formativas que lo componen, aplicando lo establecido en el apartado

correspondiente a las “Especificaciones de evaluación final. Métodos e

instrumentos”.


instrumentos, están representados el conjunto de criterios de evaluación de cada

unidad formativa.

Si el alumno obtiene evaluación positiva en cada unidad formativa, se le considerará

apto en dicho módulo (capacidades adquiridas). En caso contrario, se le considerará

no apto (capacidades no adquiridas).


Prácticas representativas del módulo Duración Unidades que integra cada práctica

1. Creación de una página web con

elementos del lenguaje de guión1

3 h. UF1: UA1, UA2, UA3

2. Validación de una página web que

contenga efectos especiales y un

formulario1

3 h. UF2: UA1, UA2, UA3

3. Creación de páginas web utilizando

marcos 3 h. UF2: UA1, UA2, UA3

4. Validación de una página web con

código scripts 3 h. UF2: UA1, UA2, UA3

83



Unidades formativas Horas Unidades de aprendizaje Horas Aula de

informática

Unidad Formativa 1-

UF1305

Programación con

lenguajes de guión en

páginas web.

90

UA1. Metodología de la programación

y lenguaje de guión. 30 X

UA2. Elementos básicos del lenguaje

de guión y desarrollo de scripts. 30 X

UA3. Gestión de objetos y eventos del

lenguaje de guión y búsqueda y

análisis de scripts.

30 X

Unidad Formativa 2-

UF1306

Pruebas de

funcionalidades y

optimización de páginas

web.

90

UA1. Validaciones de datos en páginas web.

30 X

UA2. Efectos especiales en páginas

web. 30 X

UA3. Técnicas y utilidades de verificación de páginas web.

30 X

84


UNIDAD FORMATIVA 1

Denominación: Programación con lenguajes de guión en páginas web

Código: UF1305

Duración: 90h

Referente de competencia: Esta unidad formativa se corresponde con la RP1 y

RP2

85





capacidades:




CONTENIDOS

C1: Identificar las estructuras

de programación y los tipos

de datos que se utilizan en la

elaboración de scripts, de

acuerdo a unas


CONOCIMIENTOS DESTREZAS cognitivas y prácticas 1.- Metodología de la programación.

- Lógica de programación.

- Descripción y utilización de operaciones lógicas.

- Secuencias y partes de un programa.

- Ordinogramas.

- Descripción de un ordinograma.

- Elementos de un ordinograma.

- Operaciones en un programa.

- Implementación de elementos y operaciones en un ordinograma.

- Pseudocódigos

- Descripción de pseudocódigo

- Creación del pseudocódigo

- Objetos

- Descripción de objetos.

- Funciones de los objetos.

- Comportamientos de los objetos.

- Atributos de los objetos.

- Creación de objetos.

- Ejemplos de códigos en diferentes lenguajes.

- Códigos en lenguajes estructurales.

- Códigos en lenguajes scripts.

- Códigos en lenguajes orientados a objetos.

2.- Lenguaje de guión

- Características del lenguaje.

- Descripción del lenguaje orientado a eventos.

- Descripción del lenguaje interpretado.

- La interactividad del lenguaje de guión.

- Relación del lenguaje de guión y el lenguaje de marcas.

- Extensión de las capacidades del lenguaje de marcas.

CE1.1 Describir las

estructuras secuencial,

condicional y de iteración que

se utilizan para agrupar y

organizar las acciones de un

programa.

CE1.2 Reconocer la sintaxis

del lenguaje de guión que

describen las estructuras de

programación en la elaboración

de scripts, de acuerdo a las

especificaciones técnicas del

lenguaje.

CE1.3 Explicar los tipos de

datos que se utilizan para

representar y almacenar los

valores de las variables en la

elaboración de scripts, de

acuerdo a las especificaciones

técnicas del lenguaje.

CE1.4 Identificar los

operadores que se utilizan para

hacer los cálculos y

operaciones dentro de un

script.

CE1.5 Citar las instrucciones

CE1.6 Distinguir los métodos para

ejecutar un script utilizando varios

navegadores web.

CE1.7 Interpretar scripts que resuelvan

un problema previamente especificado:

- Identificar el tipo y el uso de los

datos declarados dentro del script.

- Describir las estructuras de

programación utilizadas para

organizar las acciones del

programa.

- Reconocer las instrucciones

proporcionadas por el lenguaje de

script utilizadas en las

operaciones de manipulación,

entrada y salida de datos.

- Insertar el script dentro de la

página web utilizando las

etiquetas apropiadas.

- Probar la funcionalidad del script

utilizando un navegador.

- Detectar y corregir los errores de

sintaxis y de ejecución.

- Documentar los cambios

realizados en el script.

86


proporcionadas por el lenguaje

de guión para realizar

operaciones de entrada y salida

de datos, de acuerdo a las


lenguaje.

- Adicción de propiedades interactivas.

- Sintaxis del lenguaje de guión.

- Etiquetas identificativas dentro del lenguaje de marcas.

- Especificaciones y características de las instrucciones.

- Elementos del lenguaje de guión. Variables. Operaciones. Comparaciones. Asignaciones.

- Objetos del lenguaje de guión. Métodos. Eventos. Atributos. Funciones.

- Tipos de scripts: inmediatos, diferidos e híbridos.

- Script dentro del cuerpo del leguaje de marcas. Ejecutables al abrir la página. Ejecutables por un evento.

- Script dentro del encabezado del lenguajes de marcas.

- Script dentro del cuerpo del lenguaje de marcas.

- Ejecución de un script.

- Ejecución al cargar la página.

- Ejecución después de producirse un evento.

- Ejecución del procedimiento dentro de la página.

- Tiempos de ejecución.

- Errores de ejecución.

C2: Distinguir las propiedades y métodos de los objetos proporcionados por el lenguaje de guión, en función de las especificaciones técnicas del lenguaje.

CONOCIMIENTOS DESTREZAS cognitivas y prácticas 3.- Elementos básicos del lenguaje de guión

- Variables e identificadores.

- Declaración de variables.

- Operaciones con variables.

- Tipos de datos.

- Datos booleanos.

- Datos numéricos.

- Datos de texto.

- Valores nulos.

CE2.1 Explicar los objetos del

navegador, así como sus

propiedades y métodos, que se

utilizan para añadir

funcionalidad a las páginas web



CE2.5 Interpretar scripts que añaden

efectos estéticos a la presentación de las

páginas:

- Identificar los objetos sobre los

que se aplican los efectos

estéticos.

87


lenguaje.

CE2.2 Identificar los objetos

predefinidos por el lenguaje de

guión para manejar nuevas

estructuras y utilidades que

añadirán nuevas

funcionalidades a las páginas,

de acuerdo a las


lenguaje.

CE2.3 Describir e identificar

los objetos del documento que

permiten añadir interactividad

entre el usuario y el script, así

como sus propiedades y

métodos.

CE2.4 Describir los eventos

que proporciona el lenguaje de

guión: de ratón, de teclado, de

enfoque, de formulario y de

carga, entre otros, para

interactuar con el usuario y

relacionarlos con los objetos del

lenguaje.


documentación técnica asociada

al lenguaje de guión, incluso si

está editada en la lengua

extranjera de uso más frecuente

en el sector, utilizándola de

ayuda en la integración de

scripts.

- Identificar las propiedades y

métodos utilizados para añadir los

efectos.

- Reconocer los eventos utilizados

para la realización de las

acciones.

- Describir la función o funciones de

efectos identificando los

parámetros de la misma.

- Realizar cambios en el script

siguiendo unas especificaciones

recibidas.



- Documentar los cambios

realizados.

CE2.6 Interpretar scripts en los que se

validan las entradas de datos de los

campos de un formulario:

- Identificar los objetos del

formulario que son validados

dentro del script.

- Identificar las propiedades y

métodos utilizados para validar

cada entrada.

- Reconocer las funciones

proporcionadas por el lenguaje de

guión utilizadas para la validación

de datos.

- Describir los eventos que se

utilizan en la realización de las

- Operadores y expresiones.

- Operadores de asignación.

- Operadores de comparación.

- Operadores aritméticos.

- Operadores sobre bits.

- Operadores lógicos.

- Operadores de cadenas de caracteres.

- Operadores especiales.

- Expresiones de cadena.

- Expresiones aritméticas.

- Expresiones lógicas.

- Expresiones de objeto.

- Estructuras de control.

- Sentencia IF.

- Sentencia WHILE.

- Sentencia FOR.

- Sentencia BREAK.

- Sentencia CONTINUE.

- Sentencia SWITCH.

- Funciones.

- Definición de funciones.

- Sentencia RETURN.

- Propiedades de las funciones.

- Funciones predefinidas del lenguaje de guión.

- Creación de funciones.

- Particularidades de las funciones en el lenguaje de guión.

- Instrucciones de entrada / salida.

- Descripción y funcionamiento de las instrucciones de entrada y salida. Lectura de teclado de datos. Almacenamiento en variables. Impresión en pantalla del resultado.

- Sentencia PROMPT.

- Sentencia DOCUMENT.WRITE.

4. - Desarrollo de scripts

- Herramientas de desarrollo, utilización.

- Crear scripts con herramientas de texto.

- Crear scripts con aplicaciones web.

- Recursos en web para la creación de scripts.

88


acciones.

- Describir la función o funciones de

validación identificando los

parámetros de la misma.

- Realizar cambios en el script

siguiendo unas especificaciones

recibidas.



- Documentar el script realizado.

- Depuración de errores: errores de sintaxis y de ejecución.

- Definición de los tipos de errores.

- Escritura del programa fuente.

- Compilación del programa fuente.

- Corrección de errores de sintaxis.

- Corrección de errores de ejecución.

- Mensajes de error.

- Funciones para controlar los errores

C3: Identificar scripts ya desarrollados que se adapten a las funcionalidades especificadas e integrarlos en las páginas web de acuerdo a unas especificaciones recibidas

CONOCIMIENTOS DESTREZAS cognitivas y prácticas 5.- Gestión de objetos del lenguaje de guión

- Jerarquía de objetos.

- Descripción de objetos de la jerarquía.

- Propiedades compartidas de los objetos.

- Navegar por la jerarquía de los objetos.

- Propiedades y métodos de los objetos del navegador.

- El objeto superior Windows#.

- El objeto navigator.

- URL actual (location).

- URL visitada por el usuario.

- Contenido del documento actual (document). título, color del fondo, y formularios.

- Propiedades y métodos de los objetos del documento.

- Propiedades del objeto document.

- Ejemplos de propiedades de document.

- Métodos de document.

- Flujo de escritura del documento.

- Métodos open () y close () de document.

- Propiedades y métodos de los objetos del formulario.

- Propiedades principales del objeto form (Name, action,method, target).

- Métodos del objeto form (submit, reset, get, post).

- Propiedades y métodos de los objetos del

CE3.3 Identificar los eventos

incluidos en el script para

distinguir las interacciones con

el usuario.

CE3.4 Describir la lógica de

funcionamiento del script

identificando las estructuras de

programación y los datos con

los que opera.

CE3.1 Localizar y descargar el

componente ya desarrollado ya sea

desde Internet o desde las colecciones

indicadas siguiendo las especificaciones

recibidas.

CE3.2 Identificar los objetos, sus

propiedades y sus métodos y su

funcionalidad dentro del script ya

desarrollado con el fin de ajustarlos a la

página donde se va a integrar.

CE3.5 Integrar scripts ya desarrollados

en una página web, para añadir

funcionalidades específicas de acuerdo a

las especificaciones recibidas:

- Descargar el componente ya

desarrollado.

- Utilizar una herramienta de

edición de script.

- Modificar las propiedades y los

atributos de los objetos que

89


componen el script para ajustarlo

a las especificaciones recibidas.

- Comprobar la disponibilidad de

utilización del script teniendo en

cuenta los derechos de autor y la

legislación vigente.

- Integrar el script a la página web

previamente indicada.

- Probar la funcionalidad de la

página resultante utilizando un

navegador.

- Corregir los errores detectados.

- Documentar los procesos

realizados.

lenguaje.

- Document (escribir texto, color fuente, color fondo, obtener elementos del documento actual HTML, título de la página).

- Windows (open).

- History (go).

- Locatiton (servidor).

- Navigator (nombre, versión y detalles del navegador).

6. – Los eventos del lenguaje de guión

- Utilización de eventos.

- Definición de eventos.

- Acciones asociadas a los eventos.

- Jerarquía de los eventos desde el objeto Windows.

- Eventos en elementos de formulario.

- Onselect (al seleccionar un elemento de un formulario).

- Onchange (al cambiar el estado de un elemento del formulario).

- Eventos de ratón. Eventos de teclado.

- Eventos de ratón. Onmousedown (al pulsar sobre un elemento

de la página). Onmousemove (al mover el ratón por la

página). Onmouseout (al salir del área ocupada por

un elemento de la página). Onmouseover (al entrar el puntero del ratón

en el área ocupada por un elemento de la página).

Onmouseup (al soltar el usuario el botón del ratón que anteriormente había pulsado).

- Eventos de teclado Onkeydown ( al pulsar una tecla el usuario). Onkeypress (al dejar pulsada una tecla un

tiempo determinado). Onkeyup (al liberar la tecla apretada).

- Eventos de enfoque.

- onblur (cuando un elemento pierde el foco de la aplicación).

90


- onfocus (cuando un elemento de la página o la ventana

- ganan el foco de la aplicación).

- Eventos de formulario.

- Onreset (al hacer clic en el botón de reset de un formulario).

- Onsubmit (al pulsar el botón de enviar el formulario).

- Eventos de ventana.

- Onmove (al mover la ventana del navegador).

- Onresize (al redimensionar la ventana del navegador).

- Otros eventos.

- Onunload (Al abandonar una página).

- Onload (al terminar de cargarse la página o imágenes).

- Onclick (al hacer clic en al botón del ratón sobre un elemento de la página).

- Ondragdrop (al sotar algo que se ha arrastrado sobre la página).

- Onerror (al no poderse cargar un documento o una imagen).

- Onabort (al detenerse la carga de una imagen, de la página o irse de la página).

7. - Búsqueda y análisis de scripts

- Búsqueda en sitios especializados.

- Páginas oficiales.

- Tutoriales.

- Foros.

- Bibliotecas.

- Operadores booleanos.

- Funcionamiento de los operadores booleanos.

- Utilización en distintos buscadores.

- Técnicas de búsqueda.

- Expresiones.

- Definiciones de búsquedas.

- Especificaciones.

- Técnicas de refinamiento de búsquedas.

- Utilización de separadores.

- Utilización de elementos de unión.

91


- Reutilización de scripts.

- Scripts gratuitos.

- Generalización de códigos.














Navegadores actuales, y de nueva concepción tecnológica: Mozilla Firefox, Internet Explorer, Opera, Lynx (modo texto), etc. Lenguajes de marcas. Lenguajes de

guión. Herramientas multimedia. Protocolos de comunicación. Estándares de «usabilidad» y accesibilidad. Aplicaciones para la verificación de accesibilidad de sitios

web.


Páginas web con componentes y scripts integrados en funcionamiento.





92




METODOLOGÍA DE LA PROGRAMACIÓN Y LENGUAJE DE GUIÓN



C1: Identificar las estructuras de programación y los tipos de datos que se utilizan en la elaboración

de scripts, de acuerdo a unas especificaciones recibidas


Contenidos


Conocimientos

CE1.1 Describir las estructuras secuencial, condicional y de

iteración que se utilizan para agrupar y organizar las acciones

de un programa.

CE1.2 Reconocer la sintaxis del lenguaje de guión que

describen las estructuras de programación en la elaboración

de scripts, de acuerdo a las especificaciones técnicas del

lenguaje.

CE1.3 Explicar los tipos de datos que se utilizan para

representar y almacenar los valores de las variables en la

elaboración de scripts, de acuerdo a las especificaciones

técnicas del lenguaje.

CE1.4 Identificar los operadores que se utilizan para hacer los

cálculos y operaciones dentro de un script.

CE1.5 Citar las instrucciones proporcionadas por el lenguaje de

guión para realizar operaciones de entrada y salida de datos,

de acuerdo a las especificaciones técnicas del lenguaje.


CE1.6 Distinguir los métodos para ejecutar un script utilizando


CE1.7 Interpretar scripts que resuelvan un problema

previamente especificado:

- Identificar el tipo y el uso de los datos declarados dentro

del script.

- Describir las estructuras de programación utilizadas para

organizar las acciones del programa.

- Reconocer las instrucciones proporcionadas por el

lenguaje de script utilizadas en las operaciones de

manipulación, entrada y salida de datos.

1. Metodología de la

programación.

- Lógica de programación.

- Descripción y utilización

de operaciones lógicas.

- Secuencias y partes de

un programa.

- Ordinogramas.

- Descripción de un

ordinograma.

- Elementos de un

ordinograma.

- Operaciones en un

programa.

- Implementación de

elementos y operaciones

en un ordinograma.

- Pseudocódigos

- Descripción de

pseudocódigo

- Creación del

pseudocódigo

- Objetos

- Descripción de objetos.

- Funciones de los

objetos.

- Comportamientos de los

objetos.

- Atributos de los objetos.

- Creación de objetos.

- Ejemplos de códigos en

diferentes lenguajes.

- Códigos en lenguajes

93


- Insertar el script dentro de la página web utilizando las

etiquetas apropiadas.

- Probar la funcionalidad del script utilizando un navegador.

- Detectar y corregir los errores de sintaxis y de ejecución.

- Documentar los cambios realizados en el script.





y contraseñas.


medioambientales.






estructurales.


scripts.


orientados a objetos.

2. Lenguaje de guión

- Características del lenguaje.

- Descripción del lenguaje

orientado a eventos.

- Descripción del lenguaje

interpretado.

- La interactividad del

lenguaje de guión.

- Relación del lenguaje de

guión y el lenguaje de

marcas.

- Extensión de las

capacidades del

lenguaje de marcas.

- Adicción de propiedades

interactivas.

- Sintaxis del lenguaje de

guión.

- Etiquetas identificativas

dentro del lenguaje de

marcas.

- Especificaciones y

características de las

instrucciones.

- Elementos del lenguaje

de guión.

Variables.

Operaciones.

Comparaciones.

Asignaciones.

- Objetos del lenguaje de

guión.

Métodos.

Eventos.

Atributos.

Funciones.

- Tipos de scripts: inmediatos,

diferidos e híbridos.

- Script dentro del cuerpo


Ejecutables al abrir la

página.

94


Ejecutables por un

evento.

- Script dentro del

encabezado del

lenguaje de marcas.

- Script dentro del cuerpo


- Ejecución de un script.

- Ejecución al cargar la

página.

- Ejecución después de

producirse un evento.

- Ejecución del

procedimiento dentro de

la página.

- Tiempos de ejecución.

- Errores de ejecución.


El formador introducirá los conceptos que servirán para el desarrollo de scripts para

dotar a los alumnos de las capacidades necesarias para la comprensión e

implementación de scripts en orden de dificultad creciente.

Los alumnos demostrarán que las paginas funcionan y explicarán cómo han desarrollado

las estructuras de programación de scripts en cuanto a claridad, sencillez, comentarios y

compresión de la función del mismo.

Una vez se tenga la suficiente destreza implementando scripts se comenzará la

introducción al lenguaje de guión comenzando por programas que realicen tareas

sencillas, para a continuación, desarrollar los aspectos relevantes y aumentar la

complejidad.

Medios

Aula informática con el siguiente equipamiento: Procesador de texto. Herramientas de edición para

el desarrollo tanto de HTML como de script, un editor de texto plano. Herramientas de edición web.

Navegadores actuales: Mozilla Firefox, Internet Explorer, Opera, Lynx (modo texto).

95



ELEMENTOS BÁSICOS DEL LENGUAJE DE GUIÓN Y DESARROLLO DE SCRIPTS



C2: Distinguir las propiedades y métodos de los objetos proporcionados por el lenguaje de guión, en

función de las especificaciones técnicas del lenguaje.


Contenidos


Conocimientos

CE2.1 Explicar los objetos del navegador, así como sus

propiedades y métodos, que se utilizan para añadir

funcionalidad a las páginas web teniendo en cuenta las

especificaciones técnicas del lenguaje.

CE2.2 Identificar los objetos predefinidos por el lenguaje de guión

para manejar nuevas estructuras y utilidades que añadirán

nuevas funcionalidades a las páginas, de acuerdo a las

especificaciones técnicas del lenguaje.

CE2.3 Describir e identificar los objetos del documento que

permiten añadir interactividad entre el usuario y el script, así

como sus propiedades y métodos.

CE2.4 Describir los eventos que proporciona el lenguaje de

guión: de ratón, de teclado, de enfoque, de formulario y de

carga, entre otros, para interactuar con el usuario y

relacionarlos con los objetos del lenguaje.

CE2.7 Interpretar la documentación técnica asociada al lenguaje

de guión, incluso si está editada en la lengua extranjera de

uso más frecuente en el sector, utilizándola de ayuda en la

integración de scripts.


CE2.5 Interpretar scripts que añaden efectos estéticos a la

presentación de las páginas:

- Identificar los objetos sobre los que se aplican los efectos

estéticos.

- Identificar las propiedades y métodos utilizados para

añadir los efectos.

- Reconocer los eventos utilizados para la realización de

las acciones.

- Describir la función o funciones de efectos identificando

los parámetros de la misma.

3. Elementos básicos del

lenguaje de guión

- Variables e identificadores.

- Declaración de variables.

- Operaciones con

variables.

- Tipos de datos.

- Datos booleanos.

- Datos numéricos.

- Datos de texto.

- Valores nulos.

- Operadores y expresiones.

- Operadores de

asignación.

- Operadores de

comparación.

- Operadores aritméticos.

- Operadores sobre bits.

- Operadores lógicos.

- Operadores de cadenas

de caracteres.

- Operadores especiales.

- Expresiones de cadena.

- Expresiones aritméticas.

- Expresiones lógicas.

- Expresiones de objeto.

- Estructuras de control.

- Sentencia IF.

- Sentencia WHILE.

- Sentencia FOR.

- Sentencia BREAK.

- Sentencia CONTINUE.

- Sentencia SWITCH.

- Funciones.

- Definición de funciones.

96


- Realizar cambios en el script siguiendo unas



- Documentar los cambios realizados.

CE2.6 Interpretar scripts en los que se validan las entradas de

datos de los campos de un formulario:

- Identificar los objetos del formulario que son validados

dentro del script.

- Identificar las propiedades y métodos utilizados para

validar cada entrada.

- Reconocer las funciones proporcionadas por el lenguaje

de guión utilizadas para la validación de datos.

- Describir los eventos que se utilizan en la realización de

las acciones.

- Describir la función o funciones de validación

identificando los parámetros de la misma.

- Realizar cambios en el script siguiendo unas



- Documentar el script realizado.





y contraseñas.


medioambientales.






- Sentencia RETURN.

- Propiedades de las

funciones.

- Funciones predefinidas

del lenguaje de guión.

- Creación de funciones.

- Particularidades de las

funciones en el lenguaje

de guión.

- Instrucciones de entrada /

salida.

- Descripción y

funcionamiento de las

instrucciones de entrada

y salida.

Lectura de teclado de

datos.

Almacenamiento en

variables.

Impresión en pantalla

del resultado.

- Sentencia PROMPT.

- Sentencia

DOCUMENT.WRITE.

4. Desarrollo de scripts

- Herramientas de desarrollo,

utilización.

- Crear scripts con

herramientas de texto.

- Crear scripts con

aplicaciones web.

- Recursos en web para la

creación de scripts.

- Depuración de errores:

errores de sintaxis y de

ejecución.

- Definición de los tipos de

errores.

- Escritura del programa

fuente.

- Compilación del

programa fuente.

- Corrección de errores de

sintaxis.

- Corrección de errores de

ejecución.

97


- Mensajes de error.

- Funciones para

controlar los errores.


Explicación de los tipos de variables, cómo se definen y se opera con ellas. En primer

lugar con operaciones básicas (suma, resta, multiplicación, división) para pasar a tipos

de variables más complejos (booleanos, variables de texto)

Seguidamente se introducirán los distintos operadores disponibles (lógicos, de cadenas

de texto,...) para operar con todos los tipos de variables del lenguaje de guión.

El formador deberá enfatizar la importancia de las estructuras de control, que tendrán

aplicación en el desarrollo de funciones y scripts complejos.

Finalmente se enseñará cómo deben gestionarse los errores en la programación, tanto

por parte del usuario como de la persona que implemente el script.

Medios




98



GESTIÓN DE OBJETOS Y EVENTOS DEL LENGUAJE DE GUIÓN Y BÚSQUEDA Y ANÁLISIS DE

SCRIPTS



C3: Identificar scripts ya desarrollados que se adapten a las funcionalidades especificadas e

integrarlos en las páginas web de acuerdo a unas especificaciones recibidas.


Contenidos


Conocimientos

CE3.3 Identificar los eventos incluidos en el script para distinguir

las interacciones con el usuario.

CE3.4 Describir la lógica de funcionamiento del script

identificando las estructuras de programación y los datos con

los que opera.


CE3.1 Localizar y descargar el componente ya desarrollado ya

sea desde Internet o desde las colecciones indicadas

siguiendo las especificaciones recibidas.

CE3.2 Identificar los objetos, sus propiedades y sus métodos y

su funcionalidad dentro del script ya desarrollado con el fin de

ajustarlos a la página donde se va a integrar.

CE3.5 Integrar scripts ya desarrollados en una página web, para

añadir funcionalidades específicas de acuerdo a las

especificaciones recibidas:

- Descargar el componente ya desarrollado.

- Utilizar una herramienta de edición de script.

- Modificar las propiedades y los atributos de los objetos

que componen el script para ajustarlo a las


- Comprobar la disponibilidad de utilización del script

teniendo en cuenta los derechos de autor y la legislación

vigente.

- Integrar el script a la página web previamente indicada.

- Probar la funcionalidad de la página resultante utilizando

un navegador.

- Corregir los errores detectados.

- Documentar los procesos realizados.

5. Gestión de objetos del

lenguaje de guión

- Jerarquía de objetos.

- Descripción de objetos

de la jerarquía.

- Propiedades

compartidas de los

objetos.

- Navegar por la jerarquía

de los objetos.

- Propiedades y métodos de

los objetos del navegador.

- El objeto superior

Windows#.

- El objeto navigator.

- URL actual (location).

- URL visitada por el

usuario.

- Contenido del

documento actual

(document).

Título, color del fondo y

formularios.


los objetos del documento.

- Propiedades del objeto

document.

- Ejemplos de

propiedades de

document.

- Métodos de document.

- Flujo de escritura del

documento.

- Métodos open () y close

99






y contraseñas.


medioambientales.






() de document.


los objetos del formulario.

- Propiedades principales

del objeto form (Name,

action, method, target).

- Métodos del objeto form

(submit, reset, get, post).


los objetos del lenguaje.

- Document (escribir texto,

color fuente, color fondo,

obtener elementos del

documento actual HTML,

título de la página).

- Windows (open).

- History (go).

- Locatiton (servidor).

- Navigator (nombre,

versión y detalles del

navegador).

6. Los eventos del lenguaje de

guión

- Utilización de eventos.

- Definición de eventos.

- Acciones asociadas a los

eventos.

- Jerarquía de los eventos

desde el objeto

Windows.

- Eventos en elementos de

formulario.

- Onselect (al seleccionar

un elemento de un

formulario).

- Onchange (al cambiar el

estado de un elemento

del formulario).

- Eventos de ratón. Eventos

de teclado.

- Eventos de ratón.

Onmousedown (al

pulsar sobre un

elemento de la

página).

Onmousemove (al

mover el ratón por la

página).

100


Onmouseout (al salir

del área ocupada por

un elemento de la

página).

Onmouseover (al

entrar el puntero del

ratón en el área

ocupada por un

elemento de la

página).

Onmouseup (al soltar

el usuario el botón del

ratón que

anteriormente había

pulsado).

- Eventos de teclado

Onkeydown (al pulsar

una tecla el usuario).

Onkeypress (al dejar

pulsada una tecla un

tiempo determinado).

Onkeyup (al liberar la

tecla apretada).

- Eventos de enfoque.

- onblur (cuando un

elemento pierde el foco

de la aplicación).

- onfocus (cuando un

elemento de la página o

la ventana ganan el foco

de la aplicación).

- Eventos de formulario.

- Onreset (al hacer clic en

el botón de reset de un

formulario).

- Onsubmit (al pulsar el

botón de enviar el

formulario).

- Eventos de ventana.

- Onmove (al mover la

ventana del navegador).

- Onresize (al

redimensionar la ventana

del navegador).

- Otros eventos.

- Onunload (Al abandonar

una página).

- Onload (al terminar de

101


cargarse la página o

imágenes).

- Onclick (al hacer clic en

al botón del ratón sobre

un elemento de la

página).

- Ondragdrop (al sotar

algo que se ha

arrastrado sobre la

página).

- Onerror (al no poderse

cargar un documento o

una imagen).

- Onabort (al detenerse la

carga de una imagen, de

la página o irse de la

página).

7. Búsqueda y análisis de

scripts

- Búsqueda en sitios

especializados.

- Páginas oficiales.

- Tutoriales.

- Foros.

- Bibliotecas.

- Operadores booleanos.

- Funcionamiento de los

operadores booleanos.

- Utilización en distintos

buscadores.

- Técnicas de búsqueda.

- Expresiones.

- Definiciones de

búsquedas.

- Especificaciones.

- Técnicas de refinamiento de

búsquedas.

- Utilización de

separadores.

- Utilización de elementos

de unión.

- Reutilización de scripts.

- Scripts gratuitos.

- Generalización de

códigos.


102


De forma gradual el formador irá introduciendo los distintos objetos en grado de

complejidad creciente y teniendo en cuenta su jerarquía e identificando las propiedades y

métodos, explicando claramente las diferencias de estos conceptos.

Seguidamente se tratará los eventos, ya provengan de un objeto físico (teclado, ratón) u

ocurran cuando suceda algún otro evento.

Se hará un especial énfasis en la búsqueda y análisis de scripts. El formador mostrará

cómo y dónde buscarlos y la forma de reutilizarlos. Se hará hincapié en las posibilidades

y distribución de estos últimos.

Medios




103




LAS QUE RESPONDE: UA1, UA2, UA3: UF1 DURACIÓN: 3 PRÁCTICA

Nº: 1

CREACIÓN DE UNA PÁGINA WEB CON ELEMENTOS DEL LENGUAJE DE GUIÓN

DESCRIPCIÓN

1. Crear una página web que contenga uno o varios elementos en lenguaje de guión, utilizando

objetos, métodos y eventos, atendiendo a una estructura base que propondrá el formador y

utilizando un editor modo texto.

2. Esta página debe contener diversos scripts que utilicen la mayor cantidad posible de los

elementos estudiados en clase. También podrán usarse scripts disponibles en la red.

3. En caso de utilizarse scripts disponibles en la red el alumno debe ser capaz de entenderlos y

modificarlos para un fin específico.

4. Deben revisarse las posibilidades de error de los scripts que se implementen tanto de

programación como de posibles usuarios que los utilicen.

5. Debe comprobarse la visualización del objeto de la práctica en los distintos navegadores que

estén disponibles (Internet Explorer, Opera, Mozilla Firefox y en el navegador modo texto)

6. Se deben guardar los resultados en la carpeta compartida del profesor indicando el nombre



Para realizar la práctica, sólo será necesario el Bloc de notas o editor modo texto aunque puede

ser recomendable el uso de otra herramienta de edición más avanzada que ayude al alumno a

detectar errores y probar sus scripts rápidamente.


La práctica será realizada de forma individual y antes de su comienzo el formador hará las



- Dará las instrucciones para su realización además de destacar los aspectos más importantes.

- Una vez terminada la práctica, el formador recordará dónde y cómo debe guardarse el archivo

resultante de la práctica.

- Resolverá la práctica para que los alumnos puedan comprobar aquellos aspectos en los que

han fallado y puedan conocer distintas formas de realizarla.

104





1. Crea una página web que contenga uno o varios

elementos en lenguaje de guión, utilizando

objetos, métodos y eventos.

Conforme a los criterios de evaluación: CE3.5

en lo relativo a utilizar una herramienta de

edición de script.

2. Utiliza script ya desarrollados disponibles en la red

local o internet.


CE3.5 en lo relativo a:

- Descargar el componente ya

desarrollado.

- Comprobar la disponibilidad de utilización

del script teniendo en cuenta los

derechos de autor y la legislación vigente.

- Integrar el script a la página web

previamente indicada.

3. Modifica scripts obtenidos de un medio externo

(Internet, formador, ...) para su posterior utilización

según especificaciones recibidas.


en lo relativo a:

- Modificar las propiedades y los atributos

de los objetos que componen el script

para ajustarlo a las especificaciones

recibidas.

4. Corrige los posibles errores de los scripts de

programación y funcionales.

Conforme a los criterios de evaluación CE3.5 en

lo relativo a corregir los errores detectados.

5. Prueba las funcionalidades de la página web en

los distintos navegadores que estén disponibles

(Internet Explorer, Opera, Mozilla Firefox y en el

navegador modo texto), así como los criterios de


1.1 Habilidad en el uso de la herramienta

de edición.

2.1 Funcionamiento correcto de los

métodos utilizados.

2.2 Funcionamiento correcto de los

eventos.

2.3 Inclusión y adaptación de al menos un

script de una fuente externa.

3.1 Adecuación en la modificación de script

3.2 Exactitud en la definición de los scripts.

4.1 Cantidad de errores corregidos

5.1 Funcionamiento correcto de las

acciones de los scripts dentro de la

página web en un navegador.

105


Conforme a los criterios de evaluación CE3.5 en

lo relativo a probar la funcionalidad de la

página resultante utilizando un navegador.

6. Guarda los archivos resultantes de la página web

en la carpeta compartida del profesor indicando el

nombre completo del alumno/a.

6.1 Corrección en las acciones de guardar

y nombrar archivos.


1.1 Habilidad en el uso de la herramienta de edición

Escala

1,0 - Todos los objetos están correctamente implementados

0,5 - La mitad o más de los objetos están correctamente

implementados

0,0 - Menos de la mitad de los objetos están correctamente

implementados

2.1 Funcionamiento correcto de los métodos utilizados

Escala

1,0 – Todos los métodos funcionan correctamente.

0,8 – Más de la mitad de los métodos funcionan correctamente.

0,4 – Menos de la mitad de los métodos funcionan correctamente.

0,0 – Ningún método funciona correctamente

2.2 Funcionamiento correcto de los eventos.

Escala

1,5 – Todos los eventos se ejecutan con la acción correspondiente.

1,0 – La mitad o más de los eventos se ejecutan con la acción

correspondiente

0,7 – Menos de la mitad de los eventos se ejecutan con la acción

correspondiente

0,0– Ninguno de los eventos se ejecutan con la acción

correspondiente.

2.3 Inclusión y adaptación de al menos un script de una fuente externa.

Escala

1,0 – El alumno ha incluido y adaptado al menos un script de una

fuente externa.

0,5 – El alumno ha sido capaz de incluir pero no de adaptar un script

de una fuente externa.


106


0,0– Ninguna de las anteriores.

3.1 Adecuación en la modificación de script.

Escala

1,5 – Todos los cambios se han realizado correctamente.

0,7 – Menos de la mitad de los cambios se han modificado

correctamente

0,0 – Ninguno de los eventos se ha modificado correctamente

3.2 Exactitud en la definición de los scripts.

Escala

1,0 – Casi todos los comentarios son claros y corresponde con la

acción de los scripts

0,5 – Menos de la mitad de los comentarios no son claros ni se

corresponden con los scripts

0,0 – No hay ningún comentario claro ni tampoco se corresponden con

lo que hacen los scripts

4.1 Cantidad de errores corregidos

Escala

1,5 – La mayoría de los errores han sido corregidos.

0,7 – Menos de la mitad de los errores han sido corregidos.

0,0- No se han corregido ningún error con la claridad suficiente.

5.1 Funcionamiento correcto de las acciones de los scripts dentro de la

página web en un navegador.

Escala

1,0 – La página se visualiza bien y funcionan todas las acciones en al

menos un navegador

0,5 - La página se visualiza bien pero no funcionan todas las acciones

funcionan al menos un navegador

0,0 – La página web no se visualiza correctamente en ningún

navegador

6.1 Corrección en las acciones de guardar y nombrar archivos.

Escala

0,5 – Los archivos están bien guardados y con el nombre correcto

0,3 – Los archivos están bien guardados pero el nombre no es

correcto

0,0 - El archivos no está bien guardados y el nombre es incorrecto

107


Ponderaciones


1.1 Habilidad en el uso de la herramienta de edición. 10%

2.1 Funcionamiento correcto de los métodos utilizados. 10%

2.2 Funcionamiento correcto de los eventos. 15%

2.3 Inclusión y adaptación de al menos un script de una

fuente externa. 10%

3.1 Adecuación en la modificación de script 15%

3.2 Exactitud en la definición de los scripts. 10%

4.1 Cantidad de errores corregidos 15%

5.1 Funcionamiento correcto de las acciones de los scripts

dentro de la página web en un navegador. 10%

6.1 Corrección en las acciones de guardar y nombrar

archivos. 5%

Mínimo exigible


Valor máximo: 10

108


Práctica: Creación de una página web con elementos del lenguaje de guión


Obtenida Máx

1. Crea una página web que contenga uno o varios

elementos en lenguaje de guión, utilizando objetos,

métodos y eventos.

Habilidad en el uso de la herramienta de

edición. 1,0 0,5 0,0 1,0

2. Utiliza script ya desarrollados disponibles en la red

local o internet.

Funcionamiento correcto de los métodos

utilizados. 1,0 0,8 0,4 0,0 1,0

Funcionamiento correcto de los eventos. 1,5 1,0 0,7 0,0 1,5

Inclusión y adaptación de al menos un

script de una fuente externa. 1,0 0,5 0,0 1,0

3. Modifica scripts obtenidos de un medio externo

(Internet, formador, ...) para su posterior utilización


Adecuación en la modificación de script 1,5 0,7 0,0 1,5

Exactitud en la definición de los scripts. 1,0 0,5 0,0 1,0

4. Corrige los posibles errores de los scripts de

programación y funcionales.

Cantidad de errores corregidos

1,5 0,7 0,0 1,5

5. Prueba las funcionalidades de la página web en

los distintos navegadores que estén disponibles

(Internet Explorer, Opera, Mozilla Firefox y en el

navegador modo texto), así como los criterios de


Funcionamiento correcto de las acciones de los scripts dentro de la página web en un navegador.

1,0 0,5 0,0 1,0

6. Guarda los archivos resultantes de la página web

en la carpeta compartida del profesor indicando el

nombre completo del alumno.

Corrección en las acciones de guardar y nombrar archivos.

0,5 0,3 0,0 0,5

Puntuación máxima

Puntuación mínima exigible: 5 puntos

Puntuación obtenida

109








profesionalidad


1. Elaboración de una página web, que contenga scripts realizados con el lenguaje de

guión, teniendo en cuenta que:

- Los scripts pueden provenir de fuentes externas y deben de adaptarse, si procede, a

las necesidades de la página o pueden realizarse según indicaciones del formador.

- La principal función de la página web debe ser la interactividad con el usuario,

controlando los eventos, métodos y acciones que se puedan producir al utilizar la

página web.

- Además deben estar controlados los errores más comunes provenientes de

programación o interacción del usuario.


Adecuación del lugar donde se han

introducido los scripts.

Claridad en la estructura de la página

web.

Corrección de los comentarios.

Adaptación correcta de scripts a usos

diferentes.

Diagnóstico adecuado de posibles errores

en la adaptación de scripts.

Uso adecuado de los elementos del

lenguaje de guión.

Correcta interacción de los scripts con el

usuario.

Correcta programación de scripts con

lenguaje de guión.

Control adecuado de la interacción del

usuario con la programación de eventos y

acciones.


cada indicador.


el valor mínimo que se determine


- Mediante una prueba práctica el alumno realizará una página web que involucre uno o varios

elementos en lenguaje de guión, con contenido libre o propuesto por el formador, con la

110


herramienta de edición propuesta.

- Mediante una prueba escrita con respuesta libre se realizará la implantación de uno o más

scripts aplicados a páginas web en un procesador de texto.





relativos a:

Comprensión de scripts con lenguaje de guión que hayan sido escritos por otros, para

diagnosticar errores.

Capacidad de modificar los scripts de lenguaje de guión para darles otros usos.

Comprensión de los elementos del lenguaje de guión que pueden ser incluidos en una

página web.



correcta.






evaluación.



Formulación de preguntas escritas mediante una prueba objetiva con ítems de

correspondencia, asociando por parejas los elementos de dos conjuntos de

información.

111


112


UNIDAD FORMATIVA 2

Denominación: PRUEBAS DE FUNCIONALIDADES Y OPTIMIZACIÓN DE

PÁGINAS WEB.

Código: UF1306

Duración: 90 h


113





capacidades:




CONTENIDOS

C1: Aplicar técnicas de prueba y verificación de la integración de los componentes en la página web para comprobar parámetros de funcionalidad y "usabilidad", de acuerdo a unas especificaciones recibidas.

CONOCIMIENTOS DESTREZAS cognitivas y prácticas 1. Validaciones de datos en páginas web

- Funciones de validación.

- Descripción de las funciones.

- Utilidad de las funciones.

- Implementación de las funciones.

- Validaciones alfabéticas, numéricas y de fecha.

- Definición de validaciones.

- Código de validación.

- Ejecución del código de validación.

- Verificar formularios.

- Identificación de datos.

- Implementación del código de verificación.

- Comprobación de los datos introducidos por el usuario.

2. Efectos especiales en páginas web

- Trabajar con imágenes: imágenes de sustitución e imágenes múltiples.

- Selección de imágenes.

- Optimización de imágenes.

- Implementación de código con varias imágenes.

- Trabajar con textos: efectos estéticos y de movimiento.

- Creación de textos mejorados y con movimiento.

- Implementación de efectos.

- Adecuación de los efectos a la página web.

- Trabajar con marcos.

- Dónde utilizar los marcos.

- Limitaciones de los marcos.

- Alternativas a los marcos.

- Trabajar con ventanas.

- Creación de varias ventanas.

CE1.1 Identificar las fases

que intervienen en la

verificación de la integración de

componentes en páginas.

CE1.2 Clasificar los distintos

tipos de archivos que se van a

integrar en la página,

verificando la instalación del

“plug-in” correspondiente en el

navegador web.

CE1.3 Verificar la integración de scripts

ya desarrollados en páginas web para

probar su funcionalidad:

- Seleccionar varios navegadores.

- Definir los entornos de prueba.

- Identificar los parámetros a

verificar.

- Documentar los procesos

realizados.

114


- Interactividad entre varias ventanas.

- Otros efectos.

- Efectos con HTML.

- Efectos con CSS.

- Efectos con capas. 3. Técnicas y utilidades de verificación de páginas web

- Técnicas de verificación.

- Fundamentales.

- Técnicas HTML.

- Técnicas CSS.

- Herramientas de depuración para distintos navegadores.

- Utilidades para HTML.

- Utilidades para javascripts.

- Utilidades para CSS.

- Utilidades para DOM.

- Verificación de la compatibilidad de scripts.

- Parámetros para distintos navegadores.

- Creación de código alternativo para diversos navegadores.











115





Navegadores actuales, y de nueva concepción tecnológica: Mozilla Firefox, Internet Explorer, Opera, Lynx (modo texto), etc. Lenguajes de marcas. Lenguajes de

guión. Herramientas multimedia. Protocolos de comunicación. Estándares de «usabilidad» y accesibilidad. Aplicaciones para la verificación de accesibilidad de sitios

web. Direcciones de páginas web con información actualizada de fuentes fidedignas sobre herramientas de verificación depuración y validación de scripts.


Páginas web con componentes y scripts integrados, validados y verificados.


Diseño y especificaciones de la aplicación. Manuales de funcionamiento del software. Manuales de las herramientas de desarrollo utilizadas. Documentación de


"usabilidad". Especificaciones del diseño gráfico corporativo. Documentación asociada a las páginas desarrolladas. Manuales relativos a la verificación, depuración y

validación del código de las páginas web.

116




VALIDACIÓN DE DATOS EN PÁGINAS WEB



C1: Aplicar técnicas de prueba y verificación de la integración de los componentes en la página web

para comprobar parámetros de funcionalidad y "usabilidad", en lo relativo a validación de datos,

de acuerdo a unas especificaciones recibidas.


Contenidos


Conocimientos

CE1.1 Identificar las fases que intervienen en la verificación de

la integración de componentes en páginas.


CE1.3 Verificar la integración de scripts ya desarrollados en

páginas web para probar su funcionalidad:

- Identificar los parámetros a verificar.






y contraseñas.


medioambientales.






1. Validaciones de datos en

páginas web.

- Funciones de validación.

- Descripción de las

funciones.

- Utilidad de las funciones.

- Implementación de las

funciones.

- Validaciones alfabéticas,

numéricas y de fecha.

- Definición de

validaciones.

- Código de validación.

- Ejecución del código de

validación.

- Verificar formularios.

- Identificación de datos.

- Implementación del

código de verificación.

- Comprobación de los

datos introducidos por el

usuario.


El formador mostrará cómo hacer uso de las herramientas de validación de datos.

Explicación de las funciones de validación, usos, utilidades e implementación.

Implementar y ejecutar códigos que permitan la validación de elementos alfabéticos,

numéricos y de fecha.

117


Comprobar los datos introducidos por el usuario utilizando las técnicas de verificación de

formularios aprendidas.

Medios

Aula informática con el siguiente equipamiento: Procesador de texto. Herramientas de edición web y

modo texto plano y específicas para la edición de scripts que permitan modificar y desarrolla código

script. Navegadores actuales: Mozilla Firefox, Internet Explorer, Opera, Lynx (modo texto).

118



EFECTOS ESPECIALES EN PÁGINAS WEB




para comprobar parámetros de funcionalidad y "usabilidad", en lo relativo a la optimización de la

misma mediante efectos especiales, de acuerdo a unas especificaciones recibidas.


Contenidos


Conocimientos

CE1.2 Clasificar los distintos tipos de archivos que se van a

integrar en la página, verificando la instalación del "plug-in"

correspondiente en el navegador web.










y contraseñas.


medioambientales.






2. Efectos especiales en

páginas web

- Trabajar con imágenes:

Imágenes de sustitución e

imágenes múltiples.

- Selección de imágenes.

- Optimización de

imágenes.


código con varias

imágenes.

- Trabajar con textos: Efectos

estéticos y de movimiento.

- Creación de textos

mejorados y con

movimiento.


efectos.

- Adecuación de los

efectos a la página web.

- Trabajar con marcos.

- Dónde utilizar los

marcos.

- Limitaciones de los

marcos.

- Alternativas a los

marcos.

- Trabajar con ventanas.

- Creación de varias

ventanas.

- Interactividad entre

varias ventanas.

- Otros efectos.

- Efectos con HTML.

- Efectos con CSS.

119


- Efectos con capas.


Seleccionar, optimizar e implementar códigos en imágenes.

El formador explicará cómo se puede hacer uso de efectos especiales en los textos,

cómo mejorarlos y cómo puede aplicárseles efectos de movimiento, haciendo hincapié

en la adecuación de estos a una página web para que sean visualizables en cualquier

tipo de navegador.

El formador explicará cómo utilizar los marcos, lugares donde pueden usarse y sus

limitaciones. Se introducirán alternativas a los marcos que produzcan un efecto

equivalente a la par que alternativo.

Explicar y tratar la interacción con ventanas, ya sea la interacción página principal-nueva

ventana o entre dos ventanas generadas por la página principal o bien entre todas ellas.

Explicar cómo introducir diversos efectos con HTML, CSS o el uso de capas. Estos

efectos proporcionarán métodos alternativos a los dados anteriormente integrados y los

complementarán dando lugar a una gran variedad de soluciones para las necesidades

que se tengan a la hora de implementarlos en una página web.

Medios


el desarrollo tanto de HTML como de script. Herramientas de edición web, un editor de texto plano.

Navegadores actuales: Mozilla Firefox, Internet Explorer, Opera, Lynx (modo texto). Páginas web

recomendadas que ilustren varias alternativas para el uso de efectos especiales

120



TÉCNICAS Y UTILIDADES DE VERIFICACIÓN DE PÁGINAS WEB




para comprobar parámetros de funcionalidad y "usabilidad", en lo relativo a las técnicas y

utilidades de verificación de páginas web, de acuerdo a unas especificaciones recibidas.


Contenidos


Conocimientos

CE1.2 Clasificar los distintos tipos de archivos que se van a

integrar en la página, verificando la instalación del "plug-in"

correspondiente en el navegador web.






- Identificar los parámetros a verificar.






y contraseñas.


medioambientales.






3. Técnicas y utilidades de

verificación de páginas web


- Fundamentales.

- Técnicas HTML.

- Técnicas CSS.

- Herramientas de depuración

para distintos navegadores.

- Utilidades para HTML.

- Utilidades para

javascripts.

- Utilidades para CSS.

- Utilidades para DOM.

- Verificación de la

compatibilidad de scripts.

- Parámetros para

distintos navegadores.

- Creación de código

alternativo para diversos

navegadores.


El formador enseñará, utilizando las herramientas disponibles, cómo aplicar las técnicas

de verificación y pruebas en páginas web, que sirvan para asegurar que cualquier página

generada por los alumnos es correcta y visualizable en los diversos navegadores

disponibles, aplicando técnicas tanto CSS como HTML. Enseñará también, cómo

121


depurar código para distintos elementos de una página web ya sea HTML, CSS,

javascripts o DOM.

Verificar la compatibilidad de los scripts, resolviendo problemas de visualización en los

distintos navegadores, bien con una implementación común a todos ellos, o bien

mediante la página web que siendo capaz de analizar el navegador del usuario, pueda

redirigirlo a un contenido adecuado para la visualización del navegador del usuario.

Medios


el desarrollo tanto de HTML como de script. Herramientas de edición web, un editor de texto plano.

Navegadores actuales: Mozilla Firefox, Internet Explorer, Opera, Lynx (modo texto). Páginas web

recomendadas visibles en todos los navegadores. Páginas web con información de las técnicas

para CSS y HTML.

122




LAS QUE RESPONDE: UA1, UA2, UA3:UF2 DURACIÓN: 3 h

PRÁCTICA Nº: 2

VALIDACIÓN DE UNA PÁGINA WEB QUE CONTENGA EFECTOS ESPECIALES Y UN

FORMULARIO

DESCRIPCIÓN

- Crear una página web que incluya varios efectos, utilizando lo que se ha realizado en clase

durante la unidad de aprendizaje 2. Se debe empezar a trabajar desde una página ya

diseñada previamente por el alumno o proporcionada por el profesor.

- Incluir un formulario que sea capaz de validar y enviar información proporcionada por el

usuario.

- Validar la página web con las herramientas disponibles, tanto para HTML como para CSS.

- Comprobar la visualización de la formulario web en los distintos navegadores que estén


- Se debe guardar el resultado en la carpeta compartida del profesor indicando el nombre



Para realizar la práctica, será necesario el editor web y las herramientas de validación externas no

contenidas en el editor.


La práctica será realizada de forma individual y antes de su comienzo el formador hará las



- Dará las instrucciones para su realización, además de destacar los aspectos más importantes.

- Una vez terminada la práctica, el formador recordará dónde y cómo debe guardarse el archivo

resultante de la práctica.



123





1. Crea una página web que incluye varios

efectos.

(Conforme a los criterios de evaluación:

CE1.2)

2. Incluye un formulario capaz de validar y enviar

información proporcionada por el usuario.


CE1.2 y CE1.3 – documentar los procesos

realizados)

3. Valida la página web con las herramientas

disponibles, tanto para HTML como para CSS.


CE1.3:



- Identificar los parámetros a verificar).

4. Comprueba la visualización de la página web

en los distintos navegadores que estén

disponibles.


CE1.3: - Seleccionar varios navegadores).

5. Guarda los archivos necesarios para visualizar

la página web en local.

1.1 Utilización de imágenes en los efectos.

1.2 Utilización de textos en los efectos.

1.3 Adecuación en los comentarios de los

efectos.

2.1 Funcionamiento correcto del formulario

en cuanto a la validación.

2.2 Funcionamiento correcto del formulario

en cuanto al envío de la información

2.3 Adecuación en los comentarios de los

procesos.

3.1 Utilización adecuada de la herramienta

de validación para HTML.

3.2 Utilización adecuada de la herramienta

de validación para CSS.

4.1 Visualización correcta de la página web

en un navegador web

4.2 Visualización correcta de la página web

en un navegador modo texto.

5.1 Procedimiento adecuado para salvar

todos los archivos utilizados.



Escala

1,0 – Los efectos utilizan varias imágenes

0,5 – Los efectos sólo utilizan una imagen

0,0 – Los efectos no utilizan ninguna imagen



124


Escala

1,0 – Los efectos utilizan varios textos

0,5 – Los efectos sólo utilizan un texto

0,0 – Los efectos no utilizan ningún texto

1.3 Adecuación en los comentarios de los efectos.

Escala

1,0 – Se han comentado todos los efectos

0,5 – Se han comentado sólo alguno de los efectos

0,0 – No se han comentado los efectos

2.1 Funcionamiento correcto del formulario en cuanto a la validación.

Escala

1,0 – El formulario valida toda la información del usuario

0,5 – El formulario valida sólo parte de la información del usuario

0,0 – El formulario no valida la información del usuario

2.2 Funcionamiento correcto del formulario en cuanto al envío de la

información

Escala

1,0 – El formulario envía toda la información del usuario

0,5 – El formulario envía sólo parte de la información del usuario

0,0 – El formulario no envía la información del usuario

2.3 Adecuación en los comentarios de los procesos.

Escala

1,0 – Se han comentado todos los procesos

0,5 – Sólo se han comentado algunos de los procesos.

0,0– No se han comentado ninguno de los procesos.

3.1 Utilización adecuada de la herramienta de validación para HTML.

Escala

1,0 – Todo el código ha sido validado y corregido

0,5 – Más de la mitad del código ha sido validado y corregido

0,0 – Menos de la mitad del código ha sido validado y corregido

3.2 Utilización adecuada de la herramienta de validación para CSS.

Escala

1,0– Todo el código ha sido validado y corregido

0,5 – Más de la mitad del código ha sido validado y corregido

0,0 – Menos de la mitad del código ha sido validado y corregido

4.1 Visualización correcta de la página web en un navegador web

Escala

1,0 – Todos los elementos se muestran en el navegador

0,5 – Algunos elementos no se muestran en el navegador

0,0- La mayoría de los elementos no se muestran en el navegador

4.2 Visualización correcta de la página web en un navegador modo texto

125


Escala

0,5 – Todos los elementos se muestran en el navegador

0,3 – Algunos elementos no se muestran en el navegador

0,0- La mayoría de los elementos no se muestran en el navegador

5.1 Procedimiento adecuado para salvar todos los archivos utilizados.

Escala

0,5 – Todos los archivos se han guardado

0,3 – Algunos de los archivos no se han guardado

0,0 – La mayoría de los archivos no se ha guardado.

Ponderaciones




1.3 Adecuación en los comentarios de los efectos.

10%

10%

10%

2.1 Funcionamiento correcto del formulario en cuanto a la validación.

2.2 Funcionamiento correcto del formulario en cuanto al envío de la

información

2.3 Adecuación en los comentarios de los procesos.

10%

10%

10%

3.1 Utilización adecuada de la herramienta de validación para HTML.

3.2 Utilización adecuada de la herramienta de validación para CSS. 10%

10%

4.1 Visualización correcta de la página web en un navegador web

4.2 Visualización correcta de la página web en un navegador modo

texto.

10%

5%

5.1 Procedimiento adecuado para salvar todos los archivos

utilizados. 5%

Mínimo exigible


Valor máximo: 10

126


Práctica: Validación de una página web que contenga efectos especiales y un formulario


Obtenida Máx

1. Crea una página web que incluye

varios efectos.

Utilización de imágenes en los efectos. 1,0 0,5 0,0 1,0

Utilización de textos en los efectos. 1,0 0,5 0,0 1,0

Adecuación en los comentarios de los efectos. 1,0 0,5 0,0 1,0

2. Incluye un formulario capaz de validar y

enviar información proporcionada por el

usuario.

Funcionamiento correcto del formulario en cuanto a la validación

1,0 0,5 0,0 1,0

Funcionamiento correcto del formulario en cuanto al

envío de la información 1,0 0,5 0,0 1,0

Adecuación en los comentarios de los procesos. 1,0 0,5 0,0 1,0

3. Valida la página web con las

herramientas disponibles, tanto para

HTML como para CSS.

Utilización adecuada de la herramienta de

validación para HTML. 1,0 0,5 0,0 1,0

Utilización adecuada de la herramienta de validación para CSS.

1,0 0,5 0,0 1,0

4. Comprueba la visualización de la

página web en los distintos

navegadores que estén disponibles.

Visualización correcta de la página web en un

navegador web 1,0 0,5 0,0 1,0

Visualización correcta de la página web en un navegador modo texto

0,5 0,3 0,0 0,5

5. Guarda los archivos necesarios para

visualizar la página web en local.

Procedimiento adecuado para salvar todos los archivos utilizados.

0,5 0,3 0,0 0,5



127








profesionalidad


1. Elaboración de una página web, que contenga efectos de imágenes y textos y un formulario

utilizando lenguaje HTML y CSS, teniendo en cuenta que:

- El código debe validarse y corregirse con las herramientas propuestas por el formador.

- Los elementos insertados deben ser interactivos a las acciones de los usuarios.

- El código debe estar comentado y explicado.

- Además deben de visualizarse en los navegadores propuestos.


Adecuación de la escritura del código en la

página web.

Claridad de la estructura de la página web.

Corrección en los comentarios de los

elementos y procesos de la página web.

Habilidad para encontrar páginas web que

nos permitan acceder a las herramientas

de validación.

Diagnóstico adecuado de posibles errores

de validación.

Habilidad para corregir los errores de

validación.

Uso adecuado de los elementos del

lenguaje HTML y de las CSS.

La interacción del usuario funciona

correctamente sobre los efectos y

formularios.

Escalas graduadas y/o listas de cotejo en cada

indicador.





1. Mediante una prueba práctica el alumno realizará una página web que involucre uno o varios

efectos con textos e imágenes y un formulario, con contenido libre o propuesto por el formador,

con la herramienta de edición propuesta.

128






relativos a:

Comprensión de las herramientas de validación de código HTML y CSS.

Comprensión de los errores de validación que devuelven las herramientas de validación.



correcta.






evaluación.



- Método objetivo:


129


MÓDULO FORMATIVO 3

Denominación: Publicar páginas web

Código: MF0952_2


Asociado a la unidad de competencia: UC0952_2 Publicar páginas web.

Duración: 90 h.

Objetivo general

Gestionar el sitio web ubicando las páginas mediante herramientas de transferencia,

realizar pruebas de funcionalidad y divulgar las páginas desarrolladas para publicar las

páginas web ajustándose a los criterios de realización establecidos en la unidad de

competencia correspondiente.

130



Este módulo tiene asignada una duración de 80 horas y está compuesto de 4

unidades de aprendizaje (UA) que abarcan los temas de seguridad, transferencia de

archivos, pruebas y verificación de páginas, para finalizar con los contenidos

relativos a buscadores, descriptores y el procedimiento de publicación de las páginas

web.

El aprendizaje de las actividades de este módulo se hará de forma gradual,

empezando por conceptos de servidores y su funcionamiento, así como la forma de

interactuar con ellos con el objeto de subir la información necesaria que permita

finalmente visualizar las páginas web en Internet, Intranet y Extranet.

Partiendo de páginas ya realizadas se procederá a su publicación respetando su

estructura y seguridad de los archivos.

En primer lugar, en la UA1, será necesario conocer el lugar dónde se va a ubicar la

página web, desde los servidores en remoto hasta los locales pasando por la

estructura recomendada (carpetas, directorios) de los distintos tipos de archivos.

Después, en la UA2, se aprenderá a utilizar la herramienta para transferir los

archivos que componen la página web y se procederá a “subir” los archivos al sitio

web, en el lugar que ya hemos identificado, para las imágenes, estilos, archivos

HTML etc.

A continuación, en la UA3, se realizarán las pruebas necesarias para comprobar que

las páginas funcionan, es decir, los elementos se ven (imágenes, textos, etc.), los


Publicación de páginas web


Integración de componentes software

en páginas web


Construcción de páginas web

UA 1. Características de

seguridad en la publicación de páginas web

UA 2. Herramientas de transferencia de archivos

UA 3. Pruebas y verificación de páginas web

UA 4. Funcionalidad de las páginas web en buscadores

CERTIFICADO: Confección y Publicación de Páginas web

MÓDULO DE PRÁCTICAS PROFESIONALES NO

LABORALES

131


eventos, métodos, formularios se activan y recogen y envían la información recibida

por el usuario. En esta UA3, se verificarán, también, las páginas desde la


Y para terminar, en la UA4, se realizarán las acciones adecuadas para dar de alta

en los buscadores, con el objetivo de que los usuarios de Internet, puedan encontrar

la página, introduciendo las claves definidas, asociadas a la página, que se han

definido en los metadatos.

En todas las UA se utilizarán los medios necesarios, que básicamente podrían ser:

un ordenador con conexión a internet, un ordenador que actúe como servidor, varios

navegadores, un procesador de texto, una herramienta de edición web, una

herramienta de edición modo texto, las herramientas propias de transferencia de

archivos para la publicación de páginas web y documentación sobre herramientas

tanto en papel como en digital según se considere en cada momento.

De forma orientativa y con carácter general, después de la realización de las

prácticas de este módulo que estarán encaminadas a cumplir su principal función

que es la visualización de la información en varios navegadores y en la interactividad

de la página web, se comprobará, mediante preguntas y puestas en común, si se

han comprendido los conceptos metodológicos que impliquen una estructuración del

lenguaje clara y precisa que haga fácil el seguimiento del código de programación.

Además, sobre las páginas elaboradas por los alumnos, se realizarán críticas

constructivas, en grupo, para proponer posibles mejoras.


Prácticas representativas del módulo Duración Unidades de aprendizaje

que integra cada práctica

1. Transferencia y mantenimiento de

una página web1 2 h. UA1, UA2,UA3

2. Utilización de los archivos de una

página web publicada para crear otro

sitio web.

2 h. UA2,UA3

3. Actualización de las claves de

búsqueda en una página web publicada. 1 h. UA4

132



Unidades de aprendizaje Horas Aula de

informática

UA1. Características de seguridad en la publicación de

páginas web 15 X

UA2. Herramientas de transferencia de archivos 30 X

UA3. Pruebas y verificación de páginas web 25 X

UA4. Funcionalidad de las páginas web en buscadores 20 X

133





capacidades:




CONTENIDOS

C1: Identificar los recursos

disponibles en el sitio web

y crear la estructura de

almacenamiento para la

publicación de las páginas

y sus componentes.

CONOCIMIENTOS DESTREZAS cognitivas y prácticas 1.- Características de seguridad en la publicación de páginas web

- Seguridad en distintos sistemas de archivos.

- Sistema operativo Linux.

- Sistema operativo Windows.

- Otros sistemas operativos.

- Permisos de acceso. - Tipos de accesos

- Elección del tipo de acceso

- Implementación de accesos

- Órdenes de creación, modificación y borrado.

- Descripción de ordenes en distintos sistemas

- Implementación y comprobación de las distintas órdenes.

CE1.1 Distinguir las

características y parámetros de

seguridad del sistema de

archivo del sitio web en el que

se va a realizar la publicación

de las páginas.

CE1.2 Clasificar los mandatos y

comandos de uso posible, para realizar la

generación o modificación de la

estructura de almacenamiento en el sitio

web de acuerdo a unas instrucciones

recibidas.

CE1.3 En un caso práctico, en el que se

dispone de un servidor web, con acceso

a un directorio en el que contamos con

permiso de creación, modificación y

eliminación de elementos, para crear la

infraestructura de almacenamiento del

sitio web siguiendo unas especificaciones

recibidas:

- Verificar los permisos de acceso al

directorio.

- Crear los elementos de la estructura

de almacenamiento según


- Utilizar los comandos de creación,

modificación y eliminación de

elementos contenedores en la

estructura de almacenamiento.

- Identificar errores en la creación y

modificación de elementos en el

sistema de almacenamiento.

134



C2: Transferir los archivos al sitio de publicación, usando las herramientas establecidas según especificaciones recibidas.

CONOCIMIENTOS DESTREZAS cognitivas y prácticas 2.- Herramientas de transferencia de archivos

- Parámetros de configuración. - Parámetros genéricos.

- Parámetros específicos para diferentes servidores.

- Conexión con sistemas remotos.

- Descripción de sistemas remotos.

- Ordenes de conexión a sistemas remotos.

- Operaciones y Comandos / órdenes para transferir archivos.

- Descripción de operaciones de transferencia de archivos.

- Maneras de transferir archivos.

- Fases para la transferencia de archivos.

- Operaciones y Comandos / órdenes para actualizar y eliminar archivos.

- Descripción de operaciones de actualización y borrado de archivos.

- Fases para la actualización de archivos.

- Fases para la eliminación de archivos.




para la transferencia de

archivos, teniendo en cuenta

las especificaciones

funcionales de las mismas.

CE2.2 Identificar los

comandos y órdenes que

proporciona la herramienta,

para realizar las operaciones

de transferencia según las



documentación técnica que

proporciona la herramienta de

transferencia, incluso si está

editada en la lengua extranjera

de uso más frecuente en el

sector, utilizándola de ayuda en

la publicación de páginas web,

de acuerdo a las

especificaciones técnicas de

las mismas.

CE2.3 Especificar las posibles

configuraciones de la herramienta de

transferencia, para crear la conexión con

el sitio web de acuerdo a unas


CE2.4 Utilizar la herramienta de

transferencia, para mantener actualizado

el sitio web según especificaciones

recibidas:

- Añadir nuevas páginas y

componentes al sitio web.

- Borrar páginas y componentes

del sitio web.

- Actualizar páginas y

componentes en el sitio web.

- Documentar las tareas realizadas.

C3: Verificar las páginas

transferidas, teniendo en

cuenta criterios de calidad

y "usabilidad" para

CONOCIMIENTOS DESTREZAS cognitivas y prácticas 4.- Pruebas y verificación de páginas web


- Verificar en base a criterios de calidad.

- Verificar en base a criterios de usabilidad.

- Herramientas de depuración para distintos navegadores.

CE3.1 Identificar los entornos de

prueba que se van a utilizar para la

verificación en función de las


CE3.2 Verificar los componentes de

ejecución en navegador (plug-ins) para la

reproducción de contenidos especiales

en la página web, de acuerdo a las

135


garantizar su funcionalidad. CE3.3 Clasificar las

características a verificar en los

navegadores que se utilizan en el

mercado, para asegurar la

compatibilidad de las páginas con

los mismos, según

especificaciones establecidas.


CE3.4 Verificar las páginas transferidas,

para asegurar la funcionalidad de las

mismas:

- Comprobar que el aspecto estético

de las páginas cumplen las

especificaciones de diseño y calidad

establecidas.

- Redirigir los enlaces necesarios en

las páginas transferidas.

- Identificar los posibles puntos

conflictivos en las páginas

desarrolladas

- Comprobar que los enlaces incluidos

en las páginas cumplen las

especificaciones.


- Herramientas para Mozilla.

- Herramientas para Internet Explorer.

- Herramientas para Opera.

- Creación y utilización de funciones de depuración.

- Otras herramientas.

- Navegadores: tipos y “plug-ins”.

- Descripción de complementos.

- Complementos para imágenes.

- Complementos para música.

- Complementos para video.

- Complementos para contenidos.

- Máquinas virtuales.

C4: Exponer las páginas

desarrolladas en

buscadores y directorios

de acuerdo a los criterios

de disponibilidad

prefijados.

CONOCIMIENTOS DESTREZAS cognitivas y prácticas 3.- Funcionalidad de las páginas web en buscadores.

- Buscadores genéricos.

- Inclusión de la página en diversos buscadores.

- Google, AltaVista, etc.

- Buscadores especializados.

- Inclusión de la página en diversos buscadores.

- Temáticos.

- Metabuscadores.

- Geográficos.

- Por categorías.

- Por palabras clave.

- Descriptores: palabras clave y sistemas normalizados de “metadatos”.

- Definición de descriptores.

- Utilidad de los descriptores.

- Incorporación de los descriptores en un página web.

CE4.1 Identificar y localizar buscadores

y directorios en Internet donde publicar

las páginas desarrolladas.

CE4.2 Identificar y describir los

descriptores que sintetizan el contenido

de las páginas con el fin de que sean

encontradas por los buscadores.

CE4.3 Dar de alta las páginas

publicadas en buscadores para exponer

las informaciones contenidas en ellas:

- Seleccionar los buscadores.

- Incluir los descriptores en las páginas

realizadas utilizando las etiquetas

apropiadas.

- Usar una aplicación de publicación

136


automática para publicar las páginas

realizadas.

- Publicar manualmente las páginas

que no puedan publicarse con un

procedimiento automático.

- Verificar periódicamente la

funcionalidad de la página publicada.

- Aplicaciones de publicación automatizada.

- Aplicaciones gratuitas.

- Aplicaciones incorporadas a servidores gratuitos.

- Aplicaciones incorporadas a servidores de pago.

- Procedimientos de publicación.

- Organización de la información a publicar.

- Ubicación de la información a publicar.

- Especificación de la ubicación de los diferentes archivos.

- Fases para publicar la página web.











CONTEXTO PROFESIONAL DE LA UNIDAD DE COMPETENCIA ASOCIADA AL MODULO


Equipos informáticos y periféricos. Sistemas operativos y parámetros de configuración. Herramientas de publicación de páginas. Herramientas de transferencia.

Navegadores. Buscadores de Internet. Protocolos de comunicación. Herramientas de depuración y pruebas. Servidores web.


Páginas web, publicadas y verificado su funcionamiento.

137



Diseño y especificaciones de la aplicación. Manuales de uso y funcionamiento de los sistemas informáticos. Manuales de funcionamiento del software. Manuales de las

herramientas de publicación utilizadas. Documentación de explotación del entorno cliente. Normas de calidad y criterios de «usabilidad» y accesibilidad definidos por la

organización.

138




CARACTERÍSTICAS DE SEGURIDAD EN LA PUBLICACIÓN DE PÁGINAS WEB



C1: Identificar los recursos disponibles en el sitio web y crear la estructura de almacenamiento para

la publicación de las páginas y sus componentes.


Contenidos


Conocimientos

CE1.1 Distinguir las características y parámetros de seguridad

del sistema de archivo del sitio web en el que se va a

realizar la publicación de las páginas.


CE1.2 Clasificar los mandatos y comandos de uso posible,

para realizar la generación o modificación de la estructura

de almacenamiento en el sitio web de acuerdo a unas

instrucciones recibidas.

CE1.3 En un caso práctico, en el que se dispone de un

servidor web, con acceso a un directorio en el que contamos

con permiso de creación, modificación y eliminación de

elementos, para crear la infraestructura de almacenamiento

del sitio web siguiendo unas especificaciones recibidas:

- Verificar los permisos de acceso al directorio.

- Crear los elementos de la estructura de almacenamiento


- Utilizar los comandos de creación, modificación y

eliminación de elementos contenedores en la estructura

de almacenamiento.

- Identificar errores en la creación y modificación de

elementos en el sistema de almacenamiento.






1. Características de seguridad

en la publicación de páginas

web

- Seguridad en distintos

sistemas de archivos.

- Sistema operativo Linux.

- Sistema operativo

Windows.

- Otros sistemas

operativos.

- Permisos de acceso.

- Tipos de accesos

- Elección del tipo de

acceso


accesos

- Órdenes de creación,

modificación y borrado.

- Descripción de ordenes

en distintos sistemas

- Implementación y

comprobación de las

distintas órdenes.

139


y contraseñas.


medioambientales.







El formador expondrá, utilizando presentaciones, los conceptos sobre servidores web

instalados en local y en un servidor remoto y sobre la forma de manejar directorios y

archivos en los sistemas operativos propuestos.

El formador mostrará ejemplos de las prácticas a realizar sobre diferentes sistemas

operativos (Linux y Windows). De estar disponible el sistema operativo Windows se

empezará primero con éste, y se pasará a realizar lo mismo bajo el sistema Linux.

Los alumnos realizarán distintas prácticas en los equipos: permisos de acceso a los

archivos, operaciones sobre los archivos según el tipo de permiso: permisos de

ejecución, lectura, escritura, restricciones a ciertos usuarios, etc.

El formador demostrará cómo preparar los distintos tipos de acceso (servidor ftp,

servidor apache, ssh,...). Todas las órdenes se enseñarán incrementando el grado de

dificultad.

En todo momento el formador debe asegurarse de que se han retenido los

conocimientos adquiridos en cuanto a estructura de las páginas y su correspondencia en

las estructuras de directorios y archivos, así como los permisos sobre éstos.

En esta unidad el formador debe insistir en el correcto funcionamiento de las páginas, en

la adecuada estructura de directorios y archivos y en la coherencia de la navegación,

respecto a los enlaces y el contenido que presentan.

Una vez que los alumnos tengan la suficiente destreza, el formador propondrá a los

alumnos la creación de estructuras de almacenamiento, utilizando las opciones de

modificación, eliminación y creación de los sistemas operativos propuestos.

Al final el formador propondrá la creación de la documentación apropiada que refleje la

estructura y permisos de archivos y carpetas y su relación con la navegación entre

páginas web.

Medios

Aula informática con el siguiente equipamiento: Equipos informáticos y periféricos. Procesador de

texto. Sistemas operativos (Windows, Linux, etc) con sus Herramientas de manejo de directorios y

archivos y parámetros de configuración. Herramientas de publicación de páginas. Navegadores

actuales: Mozilla Firefox, Internet Explorer, Opera, Lynx (modo texto). Buscadores de Internet.

Protocolos de comunicación. Herramientas de depuración y pruebas. Servidores web.

Herramientas de edición para el desarrollo tanto de HTML como de script, un editor de texto plano.

Herramientas de edición web.

140



HERRAMIENTAS DE TRANSFERENCIA DE ARCHIVOS



C2: Transferir los archivos al sitio de publicación, usando las herramientas establecidas según



Contenidos


Conocimientos

CE2.1 Identificar las funciones y características de las

herramientas que se utilizan para la transferencia de

archivos, teniendo en cuenta las especificaciones

funcionales de las mismas.

CE2.2 Identificar los comandos y órdenes que proporciona la

herramienta, para realizar las operaciones de transferencia

según las especificaciones recibidas.

CE2.5 Interpretar la documentación técnica que proporciona la

herramienta de transferencia, incluso si está editada en la

lengua extranjera de uso más frecuente en el sector,

utilizándola de ayuda en la publicación de páginas web, de

acuerdo a las especificaciones técnicas de las mismas.


CE2.3 Especificar las posibles configuraciones de la

herramienta de transferencia, para crear la conexión con el

sitio web de acuerdo a unas especificaciones recibidas.

CE2.4 Utilizar la herramienta de transferencia, para mantener

actualizado el sitio web según especificaciones recibidas:

- Añadir nuevas páginas y componentes al sitio web.

- Borrar páginas y componentes del sitio web.

- Actualizar páginas y componentes en el sitio web.

- Documentar las tareas realizadas.





y contraseñas.

2. Herramientas de

transferencia de archivos

- Parámetros de

configuración.

- Parámetros genéricos.

- Parámetros específicos

para diferentes

servidores.

- Conexión con sistemas

remotos.

- Descripción de sistemas

remotos.

- Ordenes de conexión a

sistemas remotos.

- Operaciones y Comandos /

órdenes para transferir

archivos.

- Descripción de

operaciones de

transferencia de

archivos.

- Maneras de transferir

archivos.

- Fases para la

transferencia de

archivos.

- Operaciones y Comandos /

órdenes para actualizar y

eliminar archivos.

- Descripción de

operaciones de

actualización y borrado

de archivos.

- Fases para la

141



medioambientales.






actualización de

archivos.

- Fases para la

eliminación de archivos.


El formador expondrá, utilizando presentaciones, los conceptos sobre las operaciones

con servidores web instalados en local y en un servidor remoto y sobre la forma de

transferir archivos y directorios.

El formador demostrará con ejemplos cómo se realiza la transferencia de archivos,

explicando las distintas opciones/herramientas disponibles en orden creciente de

dificultad.

El formador proporcionará acceso remoto a uno de los ordenadores del aula para que los

alumnos puedan intercambiar ficheros (imágenes, videos, páginas web), y para que

prueben distintos tipos de accesos (ftp, ssh, compartición de carpetas, etc.).

El formador actualizará y añadirá ficheros nuevos, de distintos tipos en la máquina a la

que tengan acceso todos los alumnos para que puedan comprobar las modificaciones.

Medios



archivos y parámetros de configuración. Herramientas de publicación de páginas. Herramientas de

transferencia de directorios y archivos en los servidores propuestos. Navegadores actuales: Mozilla

Firefox, Internet Explorer, Opera, Lynx (modo texto). Buscadores de Internet. Protocolos de

comunicación. Herramientas de depuración y pruebas. Servidores web. Herramientas de edición

para el desarrollo tanto de HTML como de script, un editor de texto plano. Herramientas de edición

web.

142



PRUEBAS Y VERIFICACIÓN DE PÁGINAS WEB



C3: Verificar las páginas transferidas, teniendo en cuenta criterios de calidad y "usabilidad" para

garantizar su funcionalidad.


Contenidos


Conocimientos

CE3.1 Identificar los entornos de prueba que se van a utilizar

para la verificación en función de las especificaciones

recibidas.

CE3.3 Clasificar las características a verificar en los

navegadores que se utilizan en el mercado, para asegurar la

compatibilidad de las páginas con los mismos, según

especificaciones establecidas.


CE3.2 Verificar los componentes de ejecución en navegador

(plug-ins) para la reproducción de contenidos especiales en

la página web, de acuerdo a las especificaciones recibidas.

CE3.4 Verificar las páginas transferidas, para asegurar la

funcionalidad de las mismas:

- Comprobar que el aspecto estético de las páginas

cumplen las especificaciones de diseño y calidad

establecidas.

- Redirigir los enlaces necesarios en las páginas

transferidas.

- Identificar los posibles puntos conflictivos en las

páginas desarrolladas.

- Comprobar que los enlaces incluidos en las páginas

cumplen las especificaciones.






y contraseñas.


medioambientales.

4. - Pruebas y verificación de

páginas web


- Verificar en base a

criterios de calidad.

- Verificar en base a

criterios de usabilidad.

- Herramientas de depuración

para distintos navegadores.

- Herramientas para

Mozilla.

- Herramientas para

Internet Explorer.

- Herramientas para Opera.

- Creación y utilización de

funciones de depuración.

- Otras herramientas.

- Navegadores: tipos y “plug-

ins”.

- Descripción de

complementos.

- Complementos para

imágenes.

- Complementos para

música.

- Complementos para

video.

- Complementos para

contenidos.

- Máquinas virtuales.

143








Subir archivos de páginas y web y comprobar, en distintos navegadores, su publicación

y/o actualización, así como su funcionamiento con distinto elementos multimedia.

Utilizar las técnicas de depuración para actualizar y comprobar que los distintos

elementos incluidos funcionan en varias plataformas/navegadores.

Medios





Protocolos de comunicación. Herramientas de depuración y pruebas para distintos navegadores.

Servidores web. Herramientas de edición para el desarrollo tanto de HTML como de script, un

editor de texto plano. Herramientas de edición web.

144


UNIDAD DE APRENDIZAJE Nº: 4 Duración: 20

FUNCIONALIDAD DE LAS PÁGINAS WEB EN BUSCADORES



C4: Exponer las páginas desarrolladas en buscadores y directorios de acuerdo a los criterios de

disponibilidad prefijados.


Contenidos


Conocimientos

CE4.1 Identificar y localizar buscadores y directorios en

Internet donde publicar las páginas desarrolladas.

CE4.2 Identificar y describir los descriptores que sintetizan el

contenido de las páginas con el fin de que sean encontradas

por los buscadores.


CE4.3 Dar de alta las páginas publicadas en buscadores

para exponer las informaciones contenidas en ellas:

- Seleccionar los buscadores.

- Incluir los descriptores en las páginas realizadas

utilizando las etiquetas apropiadas.

- Usar una aplicación de publicación automática para

publicar las páginas realizadas.

- Publicar manualmente las páginas que no puedan

publicarse con un procedimiento automático.

- Verificar periódicamente la funcionalidad de la página

publicada.





y contraseñas.


medioambientales.






3. - Funcionalidad de las

páginas web en buscadores.

- Buscadores genéricos.

- Inclusión de la página en

diversos buscadores.

- Google, AltaVista, etc.

- Buscadores especializados.

- Inclusión de la página en

diversos buscadores.

- Temáticos.

- Metabuscadores.

- Geográficos.

- Por categorías.

- Por palabras clave.

- Descriptores: palabras clave

y sistemas normalizados de

“metadatos”.

- Definición de

descriptores.

- Utilidad de los

descriptores.

- Incorporación de los

descriptores en un

página web.

- Aplicaciones de publicación

automatizada.

- Aplicaciones gratuitas.

- Aplicaciones

incorporadas a

servidores gratuitos.

- Aplicaciones

incorporadas a

servidores de pago.

- Procedimientos de

publicación.

- Organización de la

información a publicar.

- Ubicación de la

145


información a publicar.

- Especificación de la

ubicación de los

diferentes archivos.

- Fases para publicar la

página web.


Se enseñará a los alumnos distintos ejemplos de formas de dar de alta en buscadores,

incluyendo las palabras clave necesarias para que la página pueda ser encontrada a

través de distintos buscadores.

Seguidamente se procederá a enseñar la publicación de páginas web mediante

herramientas disponibles, ya sean aplicaciones gratuitas, de pago, o servicios de

servidores externos tanto gratuitos como de pago.

Se hará énfasis en la organización del contenido de la página, haciendo clara la

estructuración si va a ser editada o actualizada por otras personas.

Finalmente se enseñarán los pasos a seguir para un mantenimiento correcto y eficiente

de una página web, de tal modo que los alumnos sean capaces de actualizar lo más

rápidamente posible una página web haciendo uso de las herramientas dadas en clase.

Medios


texto. Sistemas operativos (Windows, Linux, etc) con sus herramientas de manejo de directorios y



Protocolos de comunicación. Herramientas de depuración y pruebas para distintos navegadores.

Servidores web. Herramientas de edición para el desarrollo tanto de HTML como de script, un

editor de texto plano. Herramientas de edición web.

146




LAS QUE RESPONDE: UA1, UA2, UA3 DURACIÓN: 2 h.

1

TRANSFERENCIA Y MANTENIMIENTO DE UNA PÁGINA WEB

DESCRIPCIÓN

1. Publicar una página web que se disponga previamente. Ésta puede ser dada por el formador o

estar ya hecha por los alumnos.

Es posible subir el contenido de la página con las herramientas/protocolos adecuados a un lugar

proporcionado por el formador (máquina donde los alumnos comparten los archivos, o bien un

servicio externo)

2. Realizar alguna modificación sencilla a la página (añadir más páginas, un formulario, cambiar

tipo de letra estilos, etc.) y comprobar que ésta ha tenido efecto.

3. Debe comprobarse la visualización del formulario web en los distintos navegadores que estén



Para realizar la práctica, será necesario el editor web y las herramientas de publicación propuestas.


La práctica será realizada de forma individual y antes de su comienzo el formador hará las siguientes

actuaciones:


- Dará las instrucciones para su realización además de destacar los aspectos más

importantes.

- Una vez terminada la práctica, el formador recordará dónde debe estar publicada la página.



147



Resultados a comprobar Indicadores de logro

1. Transfiere una página web a un servidor.


2. Añade páginas web y archivos al servidor.


3. Realiza modificaciones sencillas a una página

web


4. Comprueba la visualización de las páginas web

en los distintos navegadores que estén


Firefox y en el navegador modo texto).


1.1 Corrección en la transferencia de

los archivos y carpetas al servidor.

1.2 Mantenimiento de la estructura de

directorios y carpetas en la

transferencia.

2.1 Adecuación en la adición de

páginas web y archivos al servidor.


directorios y archivos en la adicción

de nuevas páginas y archivos.

3.1 Adecuación en la modificación de

varios aspectos de las páginas web.

3.2. Visualización correcta de la

modificación en el servidor.

4.1 Visualización adecuada de las

páginas web desde el sitio web en

los navegadores propuestos.


1.1 Corrección en la transferencia de los archivos y carpetas al servidor.

Escala

2,0 – Todas las carpetas y archivos se han transferido al servidor.

1.0 – Faltan algunos archivos por transferir al servidor

0,0 – Faltan carpetas y archivos por transferir al servidor

1.2 Mantenimiento de la estructura de directorios y carpetas en la

transferencia.

Escala

2.0 – Las carpetas y archivos tiene la estructura correcta


148


1.0 – Algunos de los archivos no se encuentran en la ubicación

adecuada.

0.0 – Algunas carpetas no se encuentran en la ubicación correcta

2.1 Adecuación en la adición de páginas web y archivos al servidor. Se

han añadido las páginas y archivos necesarios al servidor.

Escala

2,0 – Se han añadido todas las páginas y archivos al servidor

1.0 – Algunas páginas o archivos no se han añadido al servidor

0,0 – No se han añadido páginas al servidor.

2.2 Mantenimiento de la estructura de directorios y archivos en la adicción

de nuevas páginas web y archivos.

Escala

1,0 – Todas las páginas se han añadido en la ubicación adecuada

0,5 – Algunas páginas no se han añadido en la ubicación adecuada

0,0 – La mayoría de las páginas no se han añadido en la ubicación

adecuada

3.1 Adecuación en la modificación de varios aspectos de las páginas web.

Escala

1,0 – Todos los aspectos se han modificado

0,5 – La mayoría de los aspectos se han modificado

0,0– Pocos aspectos se han modificado

3.2 Visualización correcta de la modificación en el servidor.

Escala

1,0 –Se observan todos los cambios en el servidor.

0,5 –La mayoría de los cambios se observan en el servidor.

0,0– La mayoría de los cambios no se observan en el servidor.

4.1 Visualización adecuada de las páginas web desde el sitio web en los

navegadores propuestos

Escala

2,0 – Todas las páginas web se visualizan correctamente en los

navegadores propuestos

1.0 – Las páginas se visualizan correctamente en un navegador.

0,0 – Las páginas web no se visualizan correctamente en ningún

navegador.

149


Ponderaciones


1.1 Corrección en la transferencia de los

archivos y carpetas al servidor. 20%


directorios y carpetas en la transferencia. 20%

2.1 Adecuación en la adición de páginas web y

archivos al servidor. 10%


directorios y archivos en la adicción de nuevas

páginas y archivos.

10%

3.1 Adecuación en la modificación de varios

aspectos de las páginas web. 10%

3.2. Visualización correcta de la modificación en

el servidor. 10%

4.1 Visualización adecuada de las páginas web

desde el sitio web en los navegadores

propuestos.

20%

Mínimo exigible


Valor máximo: 10

150


Práctica: Transferencia y mantenimiento de una página web


Obtenida Máx

1. Transfiere una página web a un servidor.

Corrección en la transferencia de los archivos y carpetas al servidor.

2,0 1,0 0,0 2,0

Mantenimiento de la estructura de directorios y carpetas en la transferencia.

2,0 1,0 0,0 2,0

2. Añade páginas web y archivos al

servidor.

Adecuación en la adición de páginas web y archivos al servidor.

2,0 1,0 0,0 2,0

Mantenimiento de la estructura de directorios y

archivos en la adicción de nuevas páginas y

archivos.

1,0 0,5 0,0 1,0

3. Realiza modificaciones sencillas a una

página web.

Adecuación en la modificación de varios aspectos

de las páginas web. 1,0 0,5 0,0 1,0

Visualización correcta de la modificación en el servidor.

2,0 1,0 0,0 2,0

4. Comprueba la visualización de las

páginas web en los distintos

navegadores que estén disponibles

(Internet Explorer, Opera, Mozilla Firefox

y en el navegador modo texto).

Visualización adecuada de las páginas web desde

el sitio web en los navegadores propuestos. 1,0 0,5 0,0 1,0

Procedimiento adecuado para salvar todos los archivos utilizados.

0,5 0,3 0,0 0,5



151


Evaluación final del módulo




instrumentos, están representados el conjunto de criterios de evaluación del módulo.

Si el alumno obtiene evaluación positiva, se le considerará apto en dicho módulo

(capacidades adquiridas). En caso contrario, se le considerará no apto (capacidades

no adquiridas).




profesionalidad


1. Manejo con éxito de las distintas herramientas disponibles para la publicación de páginas

web.

2. El diseño, actualización y publicación de páginas web que funcionen en distintos

navegadores.


Para el resultado 1:

Facilidad para manejar archivos y

directorios en varios sistemas.

Habilidad para manejar las herramientas

de transferencia de archivos.

Habilidad en el manejo de las herramientas

de depuración.

Habilidad en el manejo de aplicaciones de

publicación automatizada.

Secuenciación del proceso.


Los archivos son actualizados y

modificados utilizando los sistemas

propuestos en clase.

Los archivos de la página web son

actualizados correctamente.

El mantenimiento periódico de una página

web es realizando de forma eficiente.

Las páginas web contienen palabras claves

para que dichas páginas aparezcan en


cada indicador.



152


buscadores genéricos y especializados.

La visualización de la página es correcta

en los navegadores disponibles (Internet

Explorer, Opera, Mozilla Firefox y en el

navegador modo texto)



Mediante una prueba práctica el alumno realizará una página web, con contenido libre o propuesto

por el formador, con la herramienta de edición propuesta y las herramientas de transferencias

propuestas.


El formador valorará los requerimientos exigidos en la página web publicada, atendiendo a la

correcta visualización y funcionamiento de la misma.




Asimilación y aplicación de conceptos, principios y procedimientos y normas relativos

a:

Identificación de la seguridad en los distintos sistemas operativos

Diferenciación de los permisos de acceso a páginas web

Comprensión de los conceptos relacionados con servidores web

Deducción de descriptores que se han de incluir en las páginas web.



correcta.






evaluación.

METODOS E INSTRUMENTOS DE EVALUACION


- Método objetivo:


153


MÓDULO DE PRÁCTICAS PROFESIONALES NO LABORALES DE CONFECCIÓN Y

PUBLICACIÓN DE PÁGINAS WEB

Código: MP0278

Duración: 80 horas

Concepción y finalidad del módulo

Es un bloque de formación específica que se desarrolla en un ámbito productivo real,

la empresa, donde los alumnos pueden observar y desempeñar las actividades y

funciones propias de los distintos puestos de trabajo del perfil profesional y conocer

la organización de los procesos productivos o de servicios y las relaciones laborales.

Este módulo tiene por finalidad:

Facilitar la identificación con la realidad de un entorno productivo y la posibilidad

de la inserción profesional.

Evidenciar las competencias profesionales adquiridas en el centro formativo y de

aquellos aspectos que resultan más difíciles de ser comprobados por requerir

situaciones reales de producción.

Completar aquellas capacidades, que por motivos normalmente estructurales, no

se pudieron concluir en el centro formativo, incluidas las actitudes relacionadas

con la profesionalidad.

Para la obtención del certificado de profesionalidad es necesaria la superación del

módulo de prácticas no laborales.

Estarán exentos de realizar este módulo los alumnos de los programas de formación

en alternancia con el empleo, en el área del correspondiente certificado, así como

quienes acrediten una experiencia laboral de al menos tres meses, que se

corresponda con las capacidades recogidas en el citado módulo.

La experiencia laboral se acreditará mediante la certificación de la empresa donde se

haya adquirido la experiencia laboral, en la que conste específicamente la duración

del contrato, la actividad desarrollada y el periodo de tiempo en el que se ha

realizado dicha actividad. En el caso de trabajadores por cuenta propia, se exigirá la

certificación de alta en el censo de obligados tributarios, con una antigüedad mínima

de tres meses, así como una declaración del interesado de las actividades más

representativas.

154


Las solicitudes de exención de este módulo por su correspondencia con la práctica

laboral se realizarán de acuerdo con lo regulado por las administraciones laborales

competentes, que expedirán un certificado de exención del mismo.

Capacidades y criterios de evaluación

C1: Crear, retocar e integrar componentes software en páginas web, de acuerdo con

las especificaciones de diseño recibida por parte de la empresa.

CE1.1 Confeccionar páginas web utilizando los lenguajes y entornos de desarrollo

de la empresa y de acuerdo con las especificaciones recibidas.

CE1.2 Añadir funcionalidades a las páginas web de acuerdo con las

especificaciones de diseño recibidas.

CE1.3 Integrar y ajustar componentes software en páginas web siguiendo las


CE1.4 Verificar la integración de componentes, así como, el funcionamiento de las

páginas, siguiendo las especificaciones y procedimientos de la empresa y el

cumplimiento de los criterios de usabilidad y accesibilidad.

CE1.5 Documentar el trabajo realizado de acuerdo con los procedimientos de la

empresa.

C2: Publicar páginas web siguiendo las especificaciones del administrador del

sistema y los procedimientos empresariales.

CE2.1 Gestionar el sitio web, utilizando las herramientas de transferencia de la

organización, y de acuerdo con las especificaciones del administrador del sistema.

CE2.2 Realizar las pruebas de los sitios y páginas web, de acuerdo con los

procedimientos, especificaciones de diseño y calidad de la organización.

C3: Participar en los proceso de trabajo de la empresa, siguiendo las normas e

instrucciones establecidas en el centro de trabajo.

CE3.1 Comportarse responsablemente tanto en las relaciones humanas como en

los trabajos a realizar.

CE3.2 Respetar los procedimientos y normas del centro de trabajo.

CE3.3 Emprender con diligencia las tareas según las instrucciones recibidas

tratando de que se adecuen al ritmo de trabajo de la empresa.

CE3.4 Integrarse en los procesos de producción del centro de trabajo.

CE3.5 Utilizar los canales de comunicación establecidos.

CE3.6 Respetar en todo momento las medidas de prevención de riesgos, salud

laboral y protección del medio ambiente.

155


Contenidos

1. Creación de páginas web.

- Descripción de los procedimientos empresariales de creación, retoque e

integración de componentes software.

- Entornos de desarrollo y herramientas específicas utilizadas en la empresa.

- Especificaciones de diseño gráfico corporativo.

- Fuentes de información utilizada y generada.

- Criterios de usabilidad y accesibilidad definidos por la organización.

- Documentación de los procesos de acuerdo con los procedimientos de la

empresa.

- Planes de seguridad y calidad de la organización.

2. Publicación de páginas web

- Descripción de los procedimientos empresariales y de seguridad en la

publicación de páginas web.

- Herramientas de transferencia y software específico utilizado por la

empresa para la publicación de páginas web,

- Documentación de los procesos de acuerdo con los procedimientos de la

empresa.

3. Integración y comunicación en el centro de trabajo

- Comportamiento responsable en el centro de trabajo.

- Respeto a los procedimientos y normas del centro de trabajo.

- Interpretación y ejecución con diligencia las instrucciones recibidas.

- Reconocimiento de los canales de comunicación establecidos en el centro

de trabajo.

- Adecuación al ritmo de trabajo de la empresa.

- Seguimiento de las normativas de prevención de riesgos, salud laboral y

protección del medio ambiente.

Organización del módulo

El módulo de formación práctica en centros de trabajo se realizará preferentemente

una vez superados el resto de los módulos formativos de cada certificado de

profesionalidad, si bien también podrá desarrollarse simultáneamente a la realización

de aquéllos.

En ningún caso se podrá programar este módulo de forma independiente.

La realización de este módulo se articulará a través de convenios o acuerdos entre

los centros formativos y los centros de trabajo.

156


Para el desarrollo del módulo de prácticas no laborales, se designarán dos tutores:

uno por la empresa correspondiente y, otro, por el centro formativo de entre los

formadores del certificado de profesionalidad.

Funciones del tutor designado por el centro formativo:

Sus dos funciones principales son:

Acordar el programa formativo con la empresa.

Realizar, junto con el tutor designado por la empresa, el seguimiento y la

evaluación de los alumnos.

Para acordar el programa formativo tendrá en cuenta las características y aspectos

que ha de reunir el mismo según se indica a continuación.

Respecto al seguimiento y evaluación de los alumnos programará una serie de

actividades con objeto de facilitar el desarrollo de este módulo, entre las que se

incluyen:

- Explicar a los alumnos las condiciones tecnológicas de la empresa (actividades,

puestos de trabajo, seguridad y salud laboral; etc.)

- Presentar a los alumnos en la empresa.

- Periódicamente (en función de la duración del módulo) visitar la empresa para

realizar el seguimiento de las actividades.

- Acción tutorial con los alumnos (dificultades, aclaraciones; etc.).

- Planificar y realizar la evaluación de los alumnos junto con el tutor de empresa.

Para ello se tendrá en cuenta lo establecido sobre procedimientos, métodos e

instrumentos de evaluación recogidos en el Anexo II de la Guía.

Funciones del tutor designado por la empresa:

- Dirigir las actividades formativas de los alumnos en el centro de trabajo.

- Orientar a los alumnos durante el periodo de prácticas no laborales en la

empresa.

- Valorar el progreso de los alumnos y evaluarlos junto con el tutor del centro

formativo.

157


Características del programa formativo: Dicho programa incluirá:

Las prácticas no laborales a desarrollar:

o Estarán referidas a la realización de actividades productivas profesionales

que permitan la adquisición de las capacidades y el tratamiento de los

contenidos recogidos para este módulo.

o Estarán programadas en tiempo y concretadas en puestos formativos y

métodos de realización y medios de trabajo.

Los procedimientos de seguimiento y evaluación del módulo, incluyendo criterios

de evaluación observables y medibles.

El programa ha de reunir los siguientes aspectos:

o Imbricarse con la actividad que se desarrolle en la empresa.

o Contemplar un nivel de exigencia para el alumno similar al de los trabajadores

de la empresa.

o Respetar el convenio colectivo.

o Respetar las normas de seguridad y salud laboral.

o Ser realista y que se pueda cumplir.

o Adaptarse a las condiciones establecidas.

o Ser evaluable.

Evaluación del módulo

Se llevará a cabo una planificación de la evaluación considerando las actividades

desarrolladas en el centro de trabajo y atendiendo a las capacidades que incluyen y

a criterios de evaluación observables y medibles.

Para planificar la evaluación se establecerán las especificaciones de evaluación, los

métodos e instrumentos, según se indicado para el resto de los módulos.

158


ANEXO DEL CERTIFICADO

Anexo 1 del Real Decreto 1531/2011, de 31 de octubre, por el que se establecen

doce certificados de profesionalidad de la familia profesional Informática y

comunicaciones que se incluyen en el Repertorio Nacional de certificados de

profesionalidad.

159

CERTIFICADOS DE PROFESIONALIDAD · MAPA DE LA FAMILIA PROFESIONAL DE INFORMATICA Y COMUNICACIONES...

Documents

Transcript of CERTIFICADOS DE PROFESIONALIDAD · MAPA DE LA FAMILIA PROFESIONAL DE INFORMATICA Y COMUNICACIONES...