certificados de profesionalidad · mapa de la familia profesional de informatica y comunicaciones...
Post on 18-Apr-2020
2 Views
Preview:
TRANSCRIPT
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
Guía de aprendizaje y evaluación del certificado de profesionalidad: Confección y publicación de páginas web Febrero 2012
4
Guía de aprendizaje y evaluación del certificado de profesionalidad: Confección y publicación de páginas web Febrero 2012
Í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
UNIDAD FORMATIVA 2…………………………………………………………………………...... Pág. 47
UNIDAD FORMATIVA 3…………………………………………………………………………...... Pág. 65
MÓDULO FORMATIVO 2……………………………………………………………………………………... Pág. 81
UNIDAD FORMATIVA 1…………………………………………………………………………...... Pág. 86
UNIDAD FORMATIVA 2…………………………………………………………………………...... Pág. 113
MÓDULO FORMATIVO 3……………………………………………………………………………………... Pág. 130
MÓDULO DE PRÁCTICAS PROFESIONALES NO LABORALES……..………..……………………... Pág. 154
5
Guía de aprendizaje y evaluación del certificado de profesionalidad: Confección y publicación de páginas web Febrero 2012
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
Guía de aprendizaje y evaluación del certificado de profesionalidad: Confección y publicación de páginas web Febrero 2012
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
Guía de aprendizaje y evaluación del certificado de profesionalidad: Confección y publicación de páginas web Febrero 2012
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
Guía de aprendizaje y evaluación del certificado de profesionalidad: Confección y publicación de páginas web Febrero 2012
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
Guía de aprendizaje y evaluación del certificado de profesionalidad: Confección y publicación de páginas web Febrero 2012
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
Guía de aprendizaje y evaluación del certificado de profesionalidad: Confección y publicación de páginas web Febrero 2012
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
Guía de aprendizaje y evaluación del certificado de profesionalidad: Confección y publicación de páginas web Febrero 2012
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
Guía de aprendizaje y evaluación del certificado de profesionalidad: Confección y publicación de páginas web Febrero 2012
(*) 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)
Certificado: IFCT0509
Administración de Servicios Internet.
(RD 686/2011, de 13 de mayo)
Certificado: IFCT0609
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
Guía de aprendizaje y evaluación del certificado de profesionalidad: Confección y publicación de páginas web Febrero 2012
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
Guía de aprendizaje y evaluación del certificado de profesionalidad: Confección y publicación de páginas web Febrero 2012
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
Guía de aprendizaje y evaluación del certificado de profesionalidad: Confección y publicación de páginas web Febrero 2012
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
Guía de aprendizaje y evaluación del certificado de profesionalidad: Confección y publicación de páginas web Febrero 2012
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
Guía de aprendizaje y evaluación del certificado de profesionalidad: Confección y publicación de páginas web Febrero 2012
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
MÓDULO FORMATIVO 1 MF0950_2
Construcción de páginas
web
MÓDULO FORMATIVO 2 MF0951_2
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
Guía de aprendizaje y evaluación del certificado de profesionalidad: Confección y publicación de páginas web Febrero 2012
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
Guía de aprendizaje y evaluación del certificado de profesionalidad: Confección y publicación de páginas web Febrero 2012
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
2 h. UF1: UA1, UA2,UA3, UA4
3. Creación de una página web utilizando una imagen como mapa
2 h. UF1: UA1, UA2,UA3, UA4
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
Guía de aprendizaje y evaluación del certificado de profesionalidad: Confección y publicación de páginas web Febrero 2012
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
Guía de aprendizaje y evaluación del certificado de profesionalidad: Confección y publicación de páginas web Febrero 2012
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
Guía de aprendizaje y evaluación del certificado de profesionalidad: Confección y publicación de páginas web Febrero 2012
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
Guía de aprendizaje y evaluación del certificado de profesionalidad: Confección y publicación de páginas web Febrero 2012
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
Guía de aprendizaje y evaluación del certificado de profesionalidad: Confección y publicación de páginas web Febrero 2012
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.
CE2.1 Identificar las funciones
y características de las
herramientas que se utilizan
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
Guía de aprendizaje y evaluación del certificado de profesionalidad: Confección y publicación de páginas web Febrero 2012
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.
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.
- Documentar la página realizada.
- 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
Guía de aprendizaje y evaluación del certificado de profesionalidad: Confección y publicación de páginas web Febrero 2012
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
Guía de aprendizaje y evaluación del certificado de profesionalidad: Confección y publicación de páginas web Febrero 2012
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
Guía de aprendizaje y evaluación del certificado de profesionalidad: Confección y publicación de páginas web Febrero 2012
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.
Estrategias metodológicas
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
Guía de aprendizaje y evaluación del certificado de profesionalidad: Confección y publicación de páginas web Febrero 2012
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
Guía de aprendizaje y evaluación del certificado de profesionalidad: Confección y publicación de páginas web Febrero 2012
UNIDAD DE APRENDIZAJE Nº: 2 Duración: 15 h.
IMÁGENES Y ELEMENTOS MULTIMEDIA
Objetivo/s específico/s
Logro de la siguiente capacidad:
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, en lo relativo a
imágenes, audio, video mapas de imágenes y marquesinas
Criterios de evaluación
Contenidos
Se comprobarán los siguientes resultados de aprendizaje:
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
Destrezas cognitivas y prácticas.
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:
- 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.
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.
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
31
Guía de aprendizaje y evaluación del certificado de profesionalidad: Confección y publicación de páginas web Febrero 2012
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.
Estrategias metodológicas
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
Guía de aprendizaje y evaluación del certificado de profesionalidad: Confección y publicación de páginas web Febrero 2012
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).
33
Guía de aprendizaje y evaluación del certificado de profesionalidad: Confección y publicación de páginas web Febrero 2012
UNIDAD DE APRENDIZAJE Nº: 3 Duración: 15 h.
TÉCNICAS DE ACCESIBILIDAD Y USABILIDAD
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, en lo relativo
la accesibilidad y usabilidad.
Criterios de evaluación Contenidos
Se comprobarán los siguientes resultados de aprendizaje:
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".
Destrezas cognitivas y prácticas.
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:
- Aplicar criterios de "usabilidad" y accesibilidad.
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.
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
Guía de aprendizaje y evaluación del certificado de profesionalidad: Confección y publicación de páginas web Febrero 2012
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
Estrategias metodológicas
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
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), herramientas de validación de accesibilidad y usabilidad de páginas web.
35
Guía de aprendizaje y evaluación del certificado de profesionalidad: Confección y publicación de páginas web Febrero 2012
UNIDAD DE APRENDIZAJE Nº: 4 Duración: 20 h.
HERRAMIENTAS DE EDICIÓN WEB
Objetivo/s específico/s
Logro de la siguiente capacidad:
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.
Criterios de evaluación
Contenidos
Se comprobarán los siguientes resultados de aprendizaje:
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.
Destrezas cognitivas y prácticas.
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.
- Documentar la página realizada.
Habilidades personales y sociales
4. Herramientas de edición
web
- Instalación y configuración
de herramientas de edición
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.
- El lenguaje de marcas y
las herramientas de
edición web.
36
Guía de aprendizaje y evaluación del certificado de profesionalidad: Confección y publicación de páginas web Febrero 2012
- 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.
Estrategias metodológicas
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
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).
37
Guía de aprendizaje y evaluación del certificado de profesionalidad: Confección y publicación de páginas web Febrero 2012
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
Guía de aprendizaje y evaluación del certificado de profesionalidad: Confección y publicación de páginas web Febrero 2012
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.
- Conforme a los criterios de evaluación: CE1.2
CE1.3
3. Visualiza la página en los navegadores
disponibles (Internet Explorer, Opera, Mozilla
Firefox) y en el navegador modo texto
- Conforme a los criterios de evaluación: CE1.8
4. Guarda la plantilla en la carpeta compartida del
profesor con el nombre completo del alumno.
- Conforme a los criterios de evaluación: CE1.8
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
Guía de aprendizaje y evaluación del certificado de profesionalidad: Confección y publicación de páginas web Febrero 2012
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
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.3. Visualización correcta en Opera
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.4. Visualización correcta en el navegador modo texto
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
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
Guía de aprendizaje y evaluación del certificado de profesionalidad: Confección y publicación de páginas web Febrero 2012
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
Guía de aprendizaje y evaluación del certificado de profesionalidad: Confección y publicación de páginas web Febrero 2012
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
Guía de aprendizaje y evaluación del certificado de profesionalidad: Confección y publicación de páginas web Febrero 2012
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
RESULTADOS A COMPROBAR
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
Guía de aprendizaje y evaluación del certificado de profesionalidad: Confección y publicación de páginas web Febrero 2012
INDICADORES DE LOGRO SISTEMA DE VALORACIÓN
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
accesibilidad y usabilidad.
Visualización correcta de las páginas se en
los distintos 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.
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
Guía de aprendizaje y evaluación del certificado de profesionalidad: Confección y publicación de páginas web Febrero 2012
EVIDENCIAS DE COMPETENCIA
Demostración de conocimientos y estrategias cognitivas
RESULTADOS A COMPROBAR
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.
INDICADORES DE LOGRO SISTEMA DE VALORACIÓN
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.
MÉTODOS E INSTRUMENTOS 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
Guía de aprendizaje y evaluación del certificado de profesionalidad: Confección y publicación de páginas web Febrero 2012
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
Guía de aprendizaje y evaluación del certificado de profesionalidad: Confección y publicación de páginas web Febrero 2012
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: 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
- Funciones y características.
- 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
los atributos que se utilizan
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
varios navegadores web.
- Aplicar criterios de "usabilidad" y
accesibilidad.
- Documentar el fichero creado.
47
Guía de aprendizaje y evaluación del certificado de profesionalidad: Confección y publicación de páginas web Febrero 2012
- 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
Guía de aprendizaje y evaluación del certificado de profesionalidad: Confección y publicación de páginas web Febrero 2012
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.
CONTEXTO PROFESIONAL DE LA UNIDAD DE COMPETENCIA ASOCIADA A LA UNIDAD FORMATIVA
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.
49
Guía de aprendizaje y evaluación del certificado de profesionalidad: Confección y publicación de páginas web Febrero 2012
Unidades de aprendizaje
UNIDAD DE APRENDIZAJE Nº: 1 Duración: 20 h.
HOJAS Y TIPOS DE ESTILO
Objetivo/s específico/s
Logro de la/s siguiente/s capacidad/es:
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.
Criterios de evaluación
Contenidos
Se comprobarán los siguientes resultados de aprendizaje:
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.
Destrezas cognitivas y prácticas.
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.
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.
1. Hojas de estilo en la
construcción de páginas web
en lo relativo a los tipos de
estilo y su utilización.
- Funciones y características.
- 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
Guía de aprendizaje y evaluación del certificado de profesionalidad: Confección y publicación de páginas web Febrero 2012
Estrategias metodológicas
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
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).
51
Guía de aprendizaje y evaluación del certificado de profesionalidad: Confección y publicación de páginas web Febrero 2012
UNIDAD DE APRENDIZAJE Nº: 2 Duración: 30 h.
CREACIÓN DE FICHEROS DE ESTILO
Objetivo/s específico/s
Logro de la/s siguiente/s capacidad/es:
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
Criterios de evaluación
Contenidos
Se comprobarán los siguientes resultados de aprendizaje:
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.
Destrezas cognitivas y prácticas.
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.
- Aplicar criterios de "usabilidad" y accesibilidad.
- Documentar el fichero creado.
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.
1. Hojas de estilo en la
construcción de páginas web
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).
- 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.
- Adaptación de los
ficheros de estilo para
distintas páginas web.
Estrategias metodológicas
52
Guía de aprendizaje y evaluación del certificado de profesionalidad: Confección y publicación de páginas web Febrero 2012
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
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).
53
Guía de aprendizaje y evaluación del certificado de profesionalidad: Confección y publicación de páginas web Febrero 2012
UNIDAD DE APRENDIZAJE Nº: 3 Duración: 20 h.
DISEÑO, UBICACIÓN Y OPTIMIZACIÓN DE LOS CONTENIDOS DE UNA PÁGINA WEB.
Objetivo/s específico/s
Logro de la/s siguiente/s capacidad/es:
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.
Criterios de evaluación
Contenidos
Se comprobarán los siguientes resultados de aprendizaje:
Conocimientos
CE2.1 Seleccionar los contenidos de la página web para
adecuarlos al formato de la misma de acuerdo con las
especificaciones recibidas.
Destrezas cognitivas y prácticas.
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.
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.
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
54
Guía de aprendizaje y evaluación del certificado de profesionalidad: Confección y publicación de páginas web Febrero 2012
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.
Estrategias metodológicas
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
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).
55
Guía de aprendizaje y evaluación del certificado de profesionalidad: Confección y publicación de páginas web Febrero 2012
Modelo de práctica/s
MF: 1 UNIDADES DE APRENDIZAJE A
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.
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 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
Guía de aprendizaje y evaluación del certificado de profesionalidad: Confección y publicación de páginas web Febrero 2012
ESPECIFICACIONES PARA LA EVALUACIÓN DE LA PRÁCTICA
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.
- Conforme a los criterios de evaluación:
CE1.3
3. Enlaza la página web con un fichero de estilo.
- Conforme a los criterios de evaluación:
CE1.4 CE1.5
4. Navega por las diferentes secciones de la página
a través de un menú.
- Conforme a los criterios de evaluación:
CE2.1 CE2.2 CE2.3
5. Visualiza la página en los distintos navegadores
disponibles (Internet Explorer, Opera, Mozilla
Firefox) y en el navegador modo texto.
- Conforme a los criterios de evaluación:
CE1.5
6. Guarda de los ficheros resultantes en la carpeta
indicada.
- Conforme a los criterios de evaluación:
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.
5.4 Visualización correcta en el navegador
modo texto.
6.1 Salvado y nombramiento correcto de
todos los archivos generados en la
práctica.
57
Guía de aprendizaje y evaluación del certificado de profesionalidad: Confección y publicación de páginas web Febrero 2012
Definición de indicadores y escalas de medida
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
Sistema de valoración
58
Guía de aprendizaje y evaluación del certificado de profesionalidad: Confección y publicación de páginas web Febrero 2012
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
5.2 Visualización correcta en Mozilla
Escala
0,8 - Todos los elementos se ven correctos
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
5.3 Visualización correcta en Opera
Escala
0,8 - Todos los elementos se ven correctos
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
5.4 Visualización correcta en el navegador modo texto.
Escala
0,8 - Todos los elementos se ven correctos
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
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
Indicadores Pesos (%)
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
Guía de aprendizaje y evaluación del certificado de profesionalidad: Confección y publicación de páginas web Febrero 2012
5.1. Visualización correcta en Internet Explorer 8%
5.2. Visualización correcta en Mozilla 8%
5.3. Visualización correcta en Opera 8%
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ínimo exigible: 5
Valor máximo: 10
60
Guía de aprendizaje y evaluación del certificado de profesionalidad: Confección y publicación de páginas web Febrero 2012
62
Práctica: Creación de una página web utilizando hojas de estilo
Resultados a comprobar Indicadores de logro Escala Puntuación
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
Puntuación máxima 10
Puntuación mínima exigible: 5 puntos Puntuación obtenida
61
Guía de aprendizaje y evaluación del certificado de profesionalidad: Confección y publicación de páginas web Febrero 2012
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, 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.
INDICADORES DE LOGRO SISTEMA DE VALORACIÓN
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.
Escalas graduadas y/o listas de cotejo en
cada indicador.
En todos los indicadores ha de alcanzarse el
valor mínimo que se determine
MÉTODOS E INSTRUMENTOS DE EVALUACIÓN
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
Guía de aprendizaje y evaluación del certificado de profesionalidad: Confección y publicación de páginas web Febrero 2012
EVIDENCIAS DE COMPETENCIA
Demostración de conocimientos y estrategias cognitivas
RESULTADOS A COMPROBAR
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.
INDICADORES DE LOGRO SISTEMA DE VALORACIÓN
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.
MÉTODOS E INSTRUMENTOS 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.
63
Guía de aprendizaje y evaluación del certificado de profesionalidad: Confección y publicación de páginas web Febrero 2012
UNIDAD FORMATIVA 3
Denominación: ELABORACIÓN DE PLANTILLAS Y FORMULARIOS
Código: UF1304
Duración: 60 h.
Referente de competencia: Esta unidad formativa se corresponde con la RP3
en lo referido a plantillas y formularios.
64
Guía de aprendizaje y evaluación del certificado de profesionalidad: Confección y publicación de páginas web Febrero 2012
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
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
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).
- Aplicar criterios de "usabilidad" y
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.
- Documentar la página realizada.
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
- Funciones y características.
- 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
Guía de aprendizaje y evaluación del certificado de profesionalidad: Confección y publicación de páginas web Febrero 2012
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.
- Aplicar criterios de "usabilidad" y
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.
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.
66
Guía de aprendizaje y evaluación del certificado de profesionalidad: Confección y publicación de páginas web Febrero 2012
CONTEXTO PROFESIONAL DE LA UNIDAD DE COMPETENCIA ASOCIADA A LA UNIDAD FORMATIVA
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 con componentes integrados en funcionamiento e interactiva.
Información utilizada o generada
Diseño y especificaciones de la aplicación. Manuales de funcionamiento del software. Manuales de las herramientas de desarrollo utilizadas. 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.
67
Guía de aprendizaje y evaluación del certificado de profesionalidad: Confección y publicación de páginas web Febrero 2012
Unidades de aprendizaje
UNIDAD DE APRENDIZAJE Nº: 1 Duración: 30 h.
FORMULARIOS EN LA CONSTRUCCIÓN DE PÁGINAS WEB
Objetivo/s específico/s
Logro de la/s siguiente/s capacidad/es:
C2: Crear formularios e integrarlos en páginas web para incluir interactividad en las mismas,
siguiendo unas especificaciones funcionales recibidas.
Criterios de evaluación
Contenidos
Se comprobarán los siguientes resultados de aprendizaje:
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.
Destrezas cognitivas y prácticas.
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).
- Aplicar criterios de "usabilidad" y 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.
- Documentar la página realizada.
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.
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.
68
Guía de aprendizaje y evaluación del certificado de profesionalidad: Confección y publicación de páginas web Febrero 2012
- 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.
- 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.
Estrategias metodológicas
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
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).
69
Guía de aprendizaje y evaluación del certificado de profesionalidad: Confección y publicación de páginas web Febrero 2012
UNIDAD DE APRENDIZAJE Nº: 2 Duración: 30 h.
PLANTILLAS EN LA CONSTRUCCIÓN DE PÁGINAS WEB
Objetivo/s específico/s
Logro de la/s siguiente/s capacidad/es:
C1: Confeccionar plantillas para las páginas web atendiendo a las especificaciones de diseño
recibidas.
Criterios de evaluación
Contenidos
Se comprobarán los siguientes resultados de aprendizaje:
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.
Destrezas cognitivas y prácticas.
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 criterios de "usabilidad" y 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.
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.
1. Plantillas en la
construcción de páginas
web
- Funciones y características.
- 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
Guía de aprendizaje y evaluación del certificado de profesionalidad: Confección y publicación de páginas web Febrero 2012
- Iniciativa personal. Motivación y aplicación en el trabajo.
Estrategias metodológicas
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
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). Manuales y guías.
71
Guía de aprendizaje y evaluación del certificado de profesionalidad: Confección y publicación de páginas web Febrero 2012
Modelo de práctica/s
MF: 1 UNIDADES DE APRENDIZAJE A
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
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 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.
72
Guía de aprendizaje y evaluación del certificado de profesionalidad: Confección y publicación de páginas web Febrero 2012
ESPECIFICACIONES PARA LA EVALUACIÓN DE LA PRÁCTICA
Resultados a comprobar
Indicadores de logro
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.
- Conforme al criterio de evaluació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.
- Conforme al criterio de evaluación:
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.
- Conforme al criterio de evaluación:
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.
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.
73
Guía de aprendizaje y evaluación del certificado de profesionalidad: Confección y publicación de páginas web Febrero 2012
Definición de indicadores y escalas de medida
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.
3.1 Visualización correcta en Internet Explorer
Escala
0,8 - Todos los elementos se ven correctos
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
3.2 Visualización correcta en Mozilla
Escala
0,8 - Todos los elementos se ven correctos
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
3.3 Visualización correcta en Opera
Escala
0,8 - Todos los elementos se ven correctos
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
3.4 Visualización correcta en el navegador modo texto.
Sistema de valoración
74
Guía de aprendizaje y evaluación del certificado de profesionalidad: Confección y publicación de páginas web Febrero 2012
Escala
0,8 - Todos los elementos se ven correctos
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
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
Indicadores Pesos (%)
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.1. Visualización correcta en Internet Explorer 8%
3.2. Visualización correcta en Mozilla 8%
3.3. Visualización correcta en Opera 8%
3.4 Visualización correcta en navegador modo texto 8%
4.1 Salvado y nombre correcto 8%
Mínimo exigible
Valor mínimo exigible: 5
Valor máximo: 10
75
Guía de aprendizaje y evaluación del certificado de profesionalidad: Confección y publicación de páginas web Febrero 2012
Práctica: Creación de un formulario
Resultados a comprobar Indicadores de logro Escala Puntuación
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
Puntuación máxima 10
Puntuación mínima exigible: 5 puntos Puntuación obtenida
76
Guía de aprendizaje y evaluación del certificado de profesionalidad: Confección y publicación de páginas web Febrero 2012
Evaluación final de la Unidad Formativa 3
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. 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.
INDICADORES DE LOGRO SISTEMA DE VALORACIÓN
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
especificaciones recibidas.
Manejo de la herramienta de edición para
crear y corregir la página web.
Escalas graduadas y/o listas de cotejo en
cada indicador.
En todos los indicadores ha de alcanzarse
el valor mínimo que se determine.
RESULTADOS A COMPROBAR
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.
INDICADORES DE LOGRO SISTEMA DE VALORACIÓN
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.
Escalas graduadas y/o listas de cotejo en
cada indicador.
En todos los indicadores ha de alcanzarse
el valor mínimo que se determine.
77
Guía de aprendizaje y evaluación del certificado de profesionalidad: Confección y publicación de páginas web Febrero 2012
Visualización de las plantillas aplicadas,
sin problemas, en los diferentes
navegadores, aunque éstos sean modo
texto.
MÉTODOS E INSTRUMENTOS DE EVALUACIÓN
Los instrumentos de evaluación de este apartado serán:
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
Guía de aprendizaje y evaluación del certificado de profesionalidad: Confección y publicación de páginas web Febrero 2012
EVIDENCIAS DE COMPETENCIA
Demostración de conocimientos y estrategias cognitivas
RESULTADOS A COMPROBAR
Asimilación y aplicación de conceptos, principios y procedimientos y normas
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.
INDICADORES DE LOGRO SISTEMA DE VALORACIÓN
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.
MÉTODOS E INSTRUMENTOS DE EVALUACIÓN
Los instrumentos de evaluación para todos los resultados a comprobar, será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
Guía de aprendizaje y evaluación del certificado de profesionalidad: Confección y publicación de páginas web Febrero 2012
MÓDULO FORMATIVO 2
Denominación: Integración de componentes software en páginas web
Código: MF0951_2
Nivel de cualificación: 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
Guía de aprendizaje y evaluación del certificado de profesionalidad: Confección y publicación de páginas web Febrero 2012
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
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.
MÓDULO FORMATIVO 3 MF0952_2
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
MÓDULO FORMATIVO 2 MF0951_2
Programación con lenguajes de guión en
páginas web
MÓDULO FORMATIVO 1 MF0950_2
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
Guía de aprendizaje y evaluación del certificado de profesionalidad: Confección y publicación de páginas web Febrero 2012
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
Guía de aprendizaje y evaluación del certificado de profesionalidad: Confección y publicación de páginas web Febrero 2012
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”.
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 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
Guía de aprendizaje y evaluación del certificado de profesionalidad: Confección y publicación de páginas web Febrero 2012
Organización y temporalización del módulo
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
Guía de aprendizaje y evaluación del certificado de profesionalidad: Confección y publicación de páginas web Febrero 2012
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
Guía de aprendizaje y evaluación del certificado de profesionalidad: Confección y publicación de páginas web Febrero 2012
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 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.
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
Guía de aprendizaje y evaluación del certificado de profesionalidad: Confección y publicación de páginas web Febrero 2012
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.
- 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
teniendo en cuenta las
especificaciones técnicas del
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
Guía de aprendizaje y evaluación del certificado de profesionalidad: Confección y publicación de páginas web Febrero 2012
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.
- 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.
- Detectar y corregir los errores de
sintaxis y de ejecución.
- 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
Guía de aprendizaje y evaluación del certificado de profesionalidad: Confección y publicación de páginas web Febrero 2012
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.
- Detectar y corregir los errores de
sintaxis y de ejecución.
- 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
Guía de aprendizaje y evaluación del certificado de profesionalidad: Confección y publicación de páginas web Febrero 2012
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
Guía de aprendizaje y evaluación del certificado de profesionalidad: Confección y publicación de páginas web Febrero 2012
- 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
Guía de aprendizaje y evaluación del certificado de profesionalidad: Confección y publicación de páginas web Febrero 2012
- Reutilización de scripts.
- Scripts gratuitos.
- Generalización de códigos.
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.
CONTEXTO PROFESIONAL DE LA UNIDAD DE COMPETENCIA ASOCIADA A LA UNIDAD FORMATIVA
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. 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.
Productos y resultados
Páginas web con componentes y scripts 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.
92
Guía de aprendizaje y evaluación del certificado de profesionalidad: Confección y publicación de páginas web Febrero 2012
Unidades de aprendizaje
UNIDAD DE APRENDIZAJE Nº: 1 Duración: 30 h.
METODOLOGÍA DE LA PROGRAMACIÓN Y LENGUAJE DE GUIÓN
Objetivo/s específico/s
Logro de la siguiente capacidad:
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
Criterios de evaluación
Contenidos
Se comprobarán los siguientes resultados de aprendizaje:
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.
Destrezas cognitivas y prácticas.
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.
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
Guía de aprendizaje y evaluación del certificado de profesionalidad: Confección y publicación de páginas web Febrero 2012
- 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.
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.
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.
- 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 lenguaje de marcas.
Ejecutables al abrir la
página.
94
Guía de aprendizaje y evaluación del certificado de profesionalidad: Confección y publicación de páginas web Febrero 2012
Ejecutables por un
evento.
- Script dentro del
encabezado del
lenguaje 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.
Estrategias metodológicas
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
Guía de aprendizaje y evaluación del certificado de profesionalidad: Confección y publicación de páginas web Febrero 2012
UNIDAD DE APRENDIZAJE Nº: 2 Duración: 30 h.
ELEMENTOS BÁSICOS DEL LENGUAJE DE GUIÓN Y DESARROLLO DE SCRIPTS
Objetivo/s específico/s
Logro de la siguiente capacidad:
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.
Criterios de evaluación
Contenidos
Se comprobarán los siguientes resultados de aprendizaje:
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.
Destrezas cognitivas y prácticas.
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
Guía de aprendizaje y evaluación del certificado de profesionalidad: Confección y publicación de páginas web Febrero 2012
- Realizar cambios en el script siguiendo unas
especificaciones recibidas.
- Detectar y corregir los errores de sintaxis y de ejecución.
- 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
especificaciones recibidas.
- Detectar y corregir los errores de sintaxis y de ejecución.
- Documentar el script realizado.
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.
- 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
Guía de aprendizaje y evaluación del certificado de profesionalidad: Confección y publicación de páginas web Febrero 2012
- Mensajes de error.
- Funciones para
controlar los errores.
Estrategias metodológicas
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
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).
98
Guía de aprendizaje y evaluación del certificado de profesionalidad: Confección y publicación de páginas web Febrero 2012
UNIDAD DE APRENDIZAJE Nº: 3 Duración: 30 h.
GESTIÓN DE OBJETOS Y EVENTOS DEL LENGUAJE DE GUIÓN Y BÚSQUEDA Y ANÁLISIS DE
SCRIPTS
Objetivo/s específico/s
Logro de la siguiente capacidad:
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.
Criterios de evaluación
Contenidos
Se comprobarán los siguientes resultados de aprendizaje:
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.
Destrezas cognitivas y prácticas.
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
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.
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
99
Guía de aprendizaje y evaluación del certificado de profesionalidad: Confección y publicación de páginas web Febrero 2012
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.
() 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 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
Guía de aprendizaje y evaluación del certificado de profesionalidad: Confección y publicación de páginas web Febrero 2012
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
Guía de aprendizaje y evaluación del certificado de profesionalidad: Confección y publicación de páginas web Febrero 2012
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.
Estrategias metodológicas
102
Guía de aprendizaje y evaluación del certificado de profesionalidad: Confección y publicación de páginas web Febrero 2012
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
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).
103
Guía de aprendizaje y evaluación del certificado de profesionalidad: Confección y publicación de páginas web Febrero 2012
Modelo de práctica/s
MF: 2 UNIDADES DE APRENDIZAJE A
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
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 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.
PAUTAS DE ACTUACIÓN DEL FORMADOR
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 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
Guía de aprendizaje y evaluación del certificado de profesionalidad: Confección y publicación de páginas web Febrero 2012
ESPECIFICACIONES PARA LA EVALUACIÓN DE LA PRÁCTICA
Resultados a comprobar
Indicadores de logro
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.
- Conforme a los criterios de evaluación:
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.
Conforme a los criterios de evaluación: CE3.5
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
“usabilidad” y accesibilidad.
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
Guía de aprendizaje y evaluación del certificado de profesionalidad: Confección y publicación de páginas web Febrero 2012
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.
Definición de indicadores y escalas de medida
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.
Sistema de valoración
106
Guía de aprendizaje y evaluación del certificado de profesionalidad: Confección y publicación de páginas web Febrero 2012
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
Guía de aprendizaje y evaluación del certificado de profesionalidad: Confección y publicación de páginas web Febrero 2012
Ponderaciones
Indicadores Pesos (%)
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ínimo exigible: 5
Valor máximo: 10
108
Guía de aprendizaje y evaluación del certificado de profesionalidad: Confección y publicación de páginas web Febrero 2012
Práctica: Creación de una página web con elementos del lenguaje de guión
Resultados a comprobar Indicadores de logro Escala Puntuació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
según especificaciones recibidas.
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
“usabilidad” y accesibilidad.
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
Guía de aprendizaje y evaluación del certificado de profesionalidad: Confección y publicación de páginas web Febrero 2012
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 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.
INDICADORES DE LOGRO SISTEMA DE VALORACIÓN
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.
Escalas graduadas y/o listas de cotejo en
cada indicador.
En todos los indicadores ha de alcanzarse
el valor mínimo que se determine
MÉTODOS E INSTRUMENTOS DE EVALUACIÓN
- 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
Guía de aprendizaje y evaluación del certificado de profesionalidad: Confección y publicación de páginas web Febrero 2012
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.
EVIDENCIAS DE COMPETENCIA
Demostración de conocimientos y estrategias cognitivas
RESULTADOS A COMPROBAR
Asimilación y aplicación de conceptos, principios y procedimientos y normas
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.
INDICADORES DE LOGRO SISTEMA DE VALORACIÓN
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.
MÉTODOS E INSTRUMENTOS DE EVALUACIÓN
Los instrumentos de evaluación para todos los resultados a comprobar, será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
Guía de aprendizaje y evaluación del certificado de profesionalidad: Confección y publicación de páginas web Febrero 2012
112
Guía de aprendizaje y evaluación del certificado de profesionalidad: Confección y publicación de páginas web Febrero 2012
UNIDAD FORMATIVA 2
Denominación: PRUEBAS DE FUNCIONALIDADES Y OPTIMIZACIÓN DE
PÁGINAS WEB.
Código: UF1306
Duración: 90 h
Referente de competencia: Esta unidad formativa se corresponde con la RP3
113
Guía de aprendizaje y evaluación del certificado de profesionalidad: Confección y publicación de páginas web Febrero 2012
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: 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
Guía de aprendizaje y evaluación del certificado de profesionalidad: Confección y publicación de páginas web Febrero 2012
- 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.
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.
115
Guía de aprendizaje y evaluación del certificado de profesionalidad: Confección y publicación de páginas web Febrero 2012
CONTEXTO PROFESIONAL DE LA UNIDAD DE COMPETENCIA ASOCIADA A LA UNIDAD FORMATIVA
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. 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.
Productos y resultados
Páginas web con componentes y scripts integrados, validados y verificados.
Información utilizada o generada
Diseño y especificaciones de la aplicación. Manuales de funcionamiento del software. Manuales de las herramientas de desarrollo utilizadas. 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. Manuales relativos a la verificación, depuración y
validación del código de las páginas web.
116
Guía de aprendizaje y evaluación del certificado de profesionalidad: Confección y publicación de páginas web Febrero 2012
Unidades de aprendizaje
UNIDAD DE APRENDIZAJE Nº: 1 Duración: 30 h.
VALIDACIÓN DE DATOS EN PÁGINAS WEB
Objetivo/s específico/s
Logro de la siguiente capacidad:
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.
Criterios de evaluación
Contenidos
Se comprobarán los siguientes resultados de aprendizaje:
Conocimientos
CE1.1 Identificar las fases que intervienen en la verificación de
la integración de componentes en páginas.
Destrezas cognitivas y prácticas.
CE1.3 Verificar la integración de scripts ya desarrollados en
páginas web para probar su funcionalidad:
- Identificar los parámetros a verificar.
- Documentar los procesos realizados.
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.
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.
Estrategias metodológicas
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
Guía de aprendizaje y evaluación del certificado de profesionalidad: Confección y publicación de páginas web Febrero 2012
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
Guía de aprendizaje y evaluación del certificado de profesionalidad: Confección y publicación de páginas web Febrero 2012
UNIDAD DE APRENDIZAJE Nº: 2 Duración: 30 h.
EFECTOS ESPECIALES EN PÁGINAS WEB
Objetivo/s específico/s
Logro de la siguiente capacidad:
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 la optimización de la
misma mediante efectos especiales, de acuerdo a unas especificaciones recibidas.
Criterios de evaluación
Contenidos
Se comprobarán los siguientes resultados de aprendizaje:
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.
Destrezas cognitivas y prácticas.
CE1.3 Verificar la integración de scripts ya desarrollados en
páginas web para probar su funcionalidad:
- Seleccionar varios navegadores.
- Documentar los procesos realizados.
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.
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.
- Interactividad entre
varias ventanas.
- Otros efectos.
- Efectos con HTML.
- Efectos con CSS.
119
Guía de aprendizaje y evaluación del certificado de profesionalidad: Confección y publicación de páginas web Febrero 2012
- Efectos con capas.
Estrategias metodológicas
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
Aula informática con el siguiente equipamiento: Procesador de texto. Herramientas de edición para
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
Guía de aprendizaje y evaluación del certificado de profesionalidad: Confección y publicación de páginas web Febrero 2012
UNIDAD DE APRENDIZAJE Nº: 3 Duración: 30 h.
TÉCNICAS Y UTILIDADES DE VERIFICACIÓN DE PÁGINAS WEB
Objetivo/s específico/s
Logro de la siguiente capacidad:
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 las técnicas y
utilidades de verificación de páginas web, de acuerdo a unas especificaciones recibidas.
Criterios de evaluación
Contenidos
Se comprobarán los siguientes resultados de aprendizaje:
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.
Destrezas cognitivas y prácticas.
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.
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.
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.
Estrategias metodológicas
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
Guía de aprendizaje y evaluación del certificado de profesionalidad: Confección y publicación de páginas web Febrero 2012
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
Aula informática con el siguiente equipamiento: Procesador de texto. Herramientas de edición para
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
Guía de aprendizaje y evaluación del certificado de profesionalidad: Confección y publicación de páginas web Febrero 2012
Modelo de práctica/s
MF: 2 UNIDADES DE APRENDIZAJE A
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
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.
MEDIOS PARA SU REALIZACIÓN
Para realizar la práctica, será necesario el editor web y las herramientas de validación externas no
contenidas en el editor.
PAUTAS DE ACTUACIÓN DEL FORMADOR
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 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.
123
Guía de aprendizaje y evaluación del certificado de profesionalidad: Confección y publicación de páginas web Febrero 2012
ESPECIFICACIONES PARA LA EVALUACIÓN DE LA PRÁCTICA
Resultados a comprobar
Indicadores de logro
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.
(Conforme a los criterios de evaluación:
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.
(Conforme a los criterios de evaluación:
CE1.3:
- Seleccionar varios navegadores.
- Definir los entornos de prueba.
- Identificar los parámetros a verificar).
4. Comprueba la visualización de la página web
en los distintos navegadores que estén
disponibles.
(Conforme a los criterios de evaluación:
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.
Definición de indicadores y escalas de medida
1.1 Utilización de imágenes en los efectos.
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
1.2 Utilización de textos en los efectos.
Sistema de valoración
124
Guía de aprendizaje y evaluación del certificado de profesionalidad: Confección y publicación de páginas web Febrero 2012
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
Guía de aprendizaje y evaluación del certificado de profesionalidad: Confección y publicación de páginas web Febrero 2012
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
Indicadores Pesos (%)
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.
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ínimo exigible: 5
Valor máximo: 10
126
Guía de aprendizaje y evaluación del certificado de profesionalidad: Confección y publicación de páginas web Febrero 2012
Práctica: Validación de una página web que contenga efectos especiales y un formulario
Resultados a comprobar Indicadores de logro Escala Puntuación
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
Puntuación máxima 10
Puntuación mínima exigible: 5 puntos Puntuación obtenida
127
Guía de aprendizaje y evaluación del certificado de profesionalidad: Confección y publicación de páginas web Febrero 2012
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 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.
INDICADORES DE LOGRO SISTEMA DE VALORACIÓN
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.
En todos los indicadores ha de alcanzarse el
valor mínimo que se determine
MÉTODOS E INSTRUMENTOS DE EVALUACIÓN
Los instrumentos de evaluación de este apartado serán:
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
Guía de aprendizaje y evaluación del certificado de profesionalidad: Confección y publicación de páginas web Febrero 2012
EVIDENCIAS DE COMPETENCIA
Demostración de conocimientos y estrategias cognitivas
RESULTADOS A COMPROBAR
Asimilación y aplicación de conceptos, principios y procedimientos y normas
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.
INDICADORES DE LOGRO SISTEMA DE VALORACIÓN
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.
MÉTODOS E INSTRUMENTOS 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.
129
Guía de aprendizaje y evaluación del certificado de profesionalidad: Confección y publicación de páginas web Febrero 2012
MÓDULO FORMATIVO 3
Denominación: Publicar páginas web
Código: MF0952_2
Nivel de cualificación: 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
Guía de aprendizaje y evaluación del certificado de profesionalidad: Confección y publicación de páginas web Febrero 2012
Orientaciones sobre el módulo y su evaluación
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
MÓDULO FORMATIVO 3 MF0952_2
Publicación de páginas web
MÓDULO FORMATIVO 2 MF0951_2
Integración de componentes software
en páginas web
MÓDULO FORMATIVO 1 MF0950_2
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
Guía de aprendizaje y evaluación del certificado de profesionalidad: Confección y publicación de páginas web Febrero 2012
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
accesibilidad y usabilidad.
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.
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. 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
Guía de aprendizaje y evaluación del certificado de profesionalidad: Confección y publicación de páginas web Febrero 2012
Organización y temporalización del módulo
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
Guía de aprendizaje y evaluación del certificado de profesionalidad: Confección y publicación de páginas web Febrero 2012
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 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
especificaciones recibidas.
- 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
Guía de aprendizaje y evaluación del certificado de profesionalidad: Confección y publicación de páginas web Febrero 2012
- Documentar los procesos realizados.
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.
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.
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
- Técnicas de verificación.
- 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
especificaciones recibidas.
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
Guía de aprendizaje y evaluación del certificado de profesionalidad: Confección y publicación de páginas web Febrero 2012
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.
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.
- Documentar los procesos realizados.
- 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
Guía de aprendizaje y evaluación del certificado de profesionalidad: Confección y publicación de páginas web Febrero 2012
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.
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.
CONTEXTO PROFESIONAL DE LA UNIDAD DE COMPETENCIA ASOCIADA AL MODULO
Medios de producción
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.
Productos y resultados
Páginas web, publicadas y verificado su funcionamiento.
137
Guía de aprendizaje y evaluación del certificado de profesionalidad: Confección y publicación de páginas web Febrero 2012
Información utilizada o generada
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
Guía de aprendizaje y evaluación del certificado de profesionalidad: Confección y publicación de páginas web Febrero 2012
Unidades de aprendizaje
UNIDAD DE APRENDIZAJE Nº: 1 Duración: 15 h.
CARACTERÍSTICAS DE SEGURIDAD EN LA PUBLICACIÓN DE PÁGINAS WEB
Objetivo/s específico/s
Logro de la siguiente capacidad:
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.
Criterios de evaluación
Contenidos
Se comprobarán los siguientes resultados de aprendizaje:
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.
Destrezas cognitivas y prácticas.
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 especificaciones recibidas.
- 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.
- Documentar los procesos realizados.
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
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.
139
Guía de aprendizaje y evaluación del certificado de profesionalidad: Confección y publicación de páginas web Febrero 2012
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.
Estrategias metodológicas
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
Guía de aprendizaje y evaluación del certificado de profesionalidad: Confección y publicación de páginas web Febrero 2012
UNIDAD DE APRENDIZAJE Nº: 2 Duración: 30 h.
HERRAMIENTAS DE TRANSFERENCIA DE ARCHIVOS
Objetivo/s específico/s
Logro de la siguiente capacidad:
C2: Transferir los archivos al sitio de publicación, usando las herramientas establecidas según
especificaciones recibidas.
Criterios de evaluación
Contenidos
Se comprobarán los siguientes resultados de aprendizaje:
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.
Destrezas cognitivas y prácticas.
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.
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.
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
Guía de aprendizaje y evaluación del certificado de profesionalidad: Confección y publicación de páginas web Febrero 2012
- 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.
actualización de
archivos.
- Fases para la
eliminación de archivos.
Estrategias metodológicas
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
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. 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
Guía de aprendizaje y evaluación del certificado de profesionalidad: Confección y publicación de páginas web Febrero 2012
UNIDAD DE APRENDIZAJE Nº: 3 Duración: 25 h.
PRUEBAS Y VERIFICACIÓN DE PÁGINAS WEB
Objetivo/s específico/s
Logro de la siguiente capacidad:
C3: Verificar las páginas transferidas, teniendo en cuenta criterios de calidad y "usabilidad" para
garantizar su funcionalidad.
Criterios de evaluación
Contenidos
Se comprobarán los siguientes resultados de aprendizaje:
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.
Destrezas cognitivas y prácticas.
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.
- Documentar los procesos realizados.
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.
4. - Pruebas y verificación de
páginas web
- Técnicas de verificación.
- 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
Guía de aprendizaje y evaluación del certificado de profesionalidad: Confección y publicación de páginas web Febrero 2012
- 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.
Estrategias metodológicas
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
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 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
Guía de aprendizaje y evaluación del certificado de profesionalidad: Confección y publicación de páginas web Febrero 2012
UNIDAD DE APRENDIZAJE Nº: 4 Duración: 20
FUNCIONALIDAD DE LAS PÁGINAS WEB EN BUSCADORES
Objetivo/s específico/s
Logro de la/s siguiente/s capacidad/es:
C4: Exponer las páginas desarrolladas en buscadores y directorios de acuerdo a los criterios de
disponibilidad prefijados.
Criterios de evaluación
Contenidos
Se comprobarán los siguientes resultados de aprendizaje:
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.
Destrezas cognitivas y prácticas.
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.
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.
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
Guía de aprendizaje y evaluación del certificado de profesionalidad: Confección y publicación de páginas web Febrero 2012
información a publicar.
- Especificación de la
ubicación de los
diferentes archivos.
- Fases para publicar la
página web.
Estrategias metodológicas
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
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 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
Guía de aprendizaje y evaluación del certificado de profesionalidad: Confección y publicación de páginas web Febrero 2012
Modelo de práctica/s
MF: 3 UNIDADES DE APRENDIZAJE A
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
disponibles (Internet Explorer, Opera, Mozilla Firefox y en el navegador modo texto)
MEDIOS PARA SU REALIZACIÓN
Para realizar la práctica, será necesario el editor web y las herramientas de publicación propuestas.
PAUTAS DE ACTUACIÓN DEL FORMADOR
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 recordará dónde debe estar publicada la página.
- Resolverá la práctica para que los alumnos puedan comprobar aquellos aspectos en los que
han fallado y puedan conocer distintas formas de realizarla.
147
Guía de aprendizaje y evaluación del certificado de profesionalidad: Confección y publicación de páginas web Febrero 2012
ESPECIFICACIONES PARA LA EVALUACIÓN DE LA PRÁCTICA
Resultados a comprobar Indicadores de logro
1. Transfiere una página web a un servidor.
Conforme a los criterios de evaluación: CE2.4
2. Añade páginas web y archivos al servidor.
Conforme a los criterios de evaluación: CE2.4
3. Realiza modificaciones sencillas a una página
web
Conforme a los criterios de evaluación: CE2.4
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).
Conforme a los criterios de evaluación: CE3.4
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.
2.2 Mantenimiento de la estructura de
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.
Definición de indicadores y escalas de medida
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
Sistema de valoración
148
Guía de aprendizaje y evaluación del certificado de profesionalidad: Confección y publicación de páginas web Febrero 2012
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
Guía de aprendizaje y evaluación del certificado de profesionalidad: Confección y publicación de páginas web Febrero 2012
Ponderaciones
Indicadores Pesos (%)
1.1 Corrección en la transferencia de los
archivos y carpetas al servidor. 20%
1.2 Mantenimiento de la estructura de
directorios y carpetas en la transferencia. 20%
2.1 Adecuación en la adición de páginas web y
archivos al servidor. 10%
2.2 Mantenimiento de la estructura de
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ínimo exigible: 5
Valor máximo: 10
150
Guía de aprendizaje y evaluación del certificado de profesionalidad: Confección y publicación de páginas web Febrero 2012
Práctica: Transferencia y mantenimiento de una página web
Resultados a comprobar Indicadores de logro Escala Puntuación
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
Puntuación máxima 10
Puntuación mínima exigible: 5 puntos Puntuación obtenida
151
Guía de aprendizaje y evaluación del certificado de profesionalidad: Confección y publicación de páginas web Febrero 2012
Evaluación final del módulo
La evaluación se efectuará aplicando lo establecido en las siguientes tablas sobre
“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 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).
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. 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.
INDICADORES DE LOGRO SISTEMA DE VALORACIÓN
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.
Para el resultado 2:
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
Escalas graduadas y/o listas de cotejo en
cada indicador.
En todos los indicadores ha de alcanzarse el
valor mínimo que se determine
152
Guía de aprendizaje y evaluación del certificado de profesionalidad: Confección y publicación de páginas web Febrero 2012
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)
MÉTODOS E INSTRUMENTOS DE EVALUACIÓN
Para el resultado 1:
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.
Para el resultado 2:
El formador valorará los requerimientos exigidos en la página web publicada, atendiendo a la
correcta visualización y funcionamiento de la misma.
EVIDENCIAS DE COMPETENCIA
Demostración de conocimientos y estrategias cognitivas
RESULTADOS A COMPROBAR
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.
INDICADORES DE LOGRO SISTEMA DE VALORACIÓN
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.
METODOS E INSTRUMENTOS DE EVALUACION
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.
153
Guía de aprendizaje y evaluación del certificado de profesionalidad: Confección y publicación de páginas web Febrero 2012
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
Guía de aprendizaje y evaluación del certificado de profesionalidad: Confección y publicación de páginas web Febrero 2012
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
especificaciones recibidas.
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
Guía de aprendizaje y evaluación del certificado de profesionalidad: Confección y publicación de páginas web Febrero 2012
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
Guía de aprendizaje y evaluación del certificado de profesionalidad: Confección y publicación de páginas web Febrero 2012
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
Guía de aprendizaje y evaluación del certificado de profesionalidad: Confección y publicación de páginas web Febrero 2012
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
Guía de aprendizaje y evaluación del certificado de profesionalidad: Confección y publicación de páginas web Febrero 2012
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
top related