1. Certificado Profesional
CONFECCIÓN Y PUBLICACIÓN DE PAGINAS WEB.
Código: IFCD0110
Unidad Formativa 2-UF1303 Elaboración de hojas de estilo. 70h.
UA1. Hojas y tipos de estilo. 20h.
Objetivo Especifico:
.
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.
Tutor: Efraín de la Cruz Hernández
2. Impartir contenidos teóricos
● Contenidos Teóricos.
1º 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
2º Hojas de Estilo y accesibilidad
– Adecuación de las hojas de estilos.
3º Tipos de Estilo: incrustado, enlazados, importados, en linea
– 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.
CLOUD (Google Drive)
Manuales Elaborados Tutor
SLIDESHARE El tutor elaborará los manuales de los contenidos teóricos en distintos
formatos y los ubicará en la nube.
El alumno/a se registrara en slideshare para acceder a las
presentaciones de los contenidos teóricos presentados por el tutor.
Presentaciones Elaboradas Tutor
El tutor propondrá un lectura de los manuales de los contenidos teóricos en la nube, en función de las actividades propuestas para cada uno de los contenidos teóricos expuesto.
3. Profundizar contenidos teóricos
● Herramientas colaborativas.
El tutor registrara una cuenta en este marcador social con el objeto de
añadir distintos enlaces web que permitan profundizar en los Estilos
CSS. Será publico y podrán acceder todos los alumnos/as del curso.
El alumno si lo desea, podrá añadir nuevos enlaces a los propuestos
por el tutor, con el objeto de que permita mejorar o profundizar los
contenidos expuestos.
● Resolver dudas sobre los contenidos teóricos
El tutor abrirá un canal de comunicación en edublog con
el objeto de que el alumno/a pueda comentar dudas.
El alumno si lo desea, podrá también participar en la
resolución de dudas a los compañeros.
4. Impartir contenidos prácticos I
● Destrezas cognitivas y prácticas.
1º Enlazar las páginas de un sitio web con un fichero de estilo, para
homogeneizar el aspecto del sitio web según unas especificaciones
recibidas.
Se propone al alumno descargar ftp (cliente) y facilitarle usuario y contraseña
del hosting del centro de formación para ubicar sus actividades. El tutor desarrollara
un video explicativo del procedimiento a seguir cuando el alumno finaliza
la actividad propuesta de cada uno de los contenidos expuestos.
Vídeo Explicativo
5. Impartir contenidos prácticos II
Vídeo Explicativo
+
Ejemplo Práctico
● Punto de Partida.
● Explicación Actividad.
● Resultado Final.
CLOUD (Google Drive)
Una vez elaborado por el tutor, el vídeo explicativo y
el ejemplo práctico (Camtasia Studio) asociado a
cada uno de los contenidos teóricos, se subirá a la
nube junto con la actividad propuesta.
6. Desarrollo de la Actividad
● Conocimientos
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.
2º Describir las etiquetas y los atributos que se utilizan para definir estilos para una página y para
parte de la misma, teniendo en cuenta unas especificaciones de diseño.
● Destrezas cognitivas y prácticas.
1º Enlazar las páginas de un sitio web con un fichero de estilo, para homogeneizar el
aspecto del sitio web según unas especificaciones recibidas.
● Para alcanzar los conocimientos y
destrezas.
1º El alumno subirá al hosting del centro de
formación la página propuesta en cada practica.
2º El alumno añadirá comentarios explicativos
por cada etiqueta utilizada y su función ( Dentro
del archivo CSS )
3º El alumno comunicará al tutor la ubicación
de la web en edublog para su valoración o para
informar de cualquier circunstancia que haya
podido ocurrir en la subida al hosting.
● Habilidades personales y sociales.
Cumplimiento de las normas, procedimientos e
instrucciones, garantizando la seguridad y
configuración de los sistemas.
Cumplimiento de las normas relativas a riesgos
laborales y medioambientales.
Capacidad de trabajo en grupo en la elaboración
de paginas web, respetando los contenidos y
persiguiendo la calidad del producto final.
Iniciativa personal. Motivación aplicación en el
trabajo..
● Para valorar los conocimientos y destrezas.
1º El tutor valorará la actividad.
2º El tutor, si fuera necesario, propondrá repetir la
actividad.
3º El alumno participa también con sus comentarios
pero nunca como juicio de valor.
7. Estrategias Metodológicas
● Herramientas Colaborativas.
Mostrar ejemplos de la capacitación 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 como 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 tutor propondrá la realización de una pagina web,
aplicando estilos a una pagina web con lenguaje de
marcas.
Al finalizar la unidad de aprendizaje, los alumnos guiados
por el tutor, trabajarán con la pagina web personal y una
grupal, en la que se aplique los estilos necesarios para
optimizarlas.
El tutor 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.