Alex

SERVICIO NACIONAL DE APRENDIZAJE SENA
SISTEMA INTEGRADO DE GESTIÓN Versión: 02

Procedimiento Ejecución de la Formación Profesional Integral
GUÍA DE APRENDIZAJE Código: GFPI-F-019
GUÍA DE APRENDIZAJE Nº 01
1. IDENTIFICACIÓN DE LA GUIA DE APRENDIZAJE
Programa de Formación: Código:228120 Técnico en programación de software

Versión: 102
implementación de módulos en el sistema integral
Nombre del Proyecto:
Código:569629 web de gestión de procesos educativos para el
ceet
Fase del proyecto:
FASE 1.Análisis
Actividad (es) de Ambiente de MATERIALES DE FORMACIÓN
Aprendizaje: formación DEVOLUTIVO CONSUMIBLE
Seleccionar y aplicar (Herramienta (unidades
Actividad (es) del Proyecto: los medios de Aula de - equipo) empleadas
Recolección de información y recolección de computo, durante el
análisis de requerimientos. información y análisis Video Beam, Equipos de programa)
de la misma para el Tablero. cómputo,
desarrollo de su Video Beam Papel.
proyecto.
Resultados de Aprendizaje: Competencia:
220501032
Analizar los requerimientos del cliente para construir el sistema de
información.
Duración de la guía ( en Presenciales: 16 Desescolarizadas: 0
horas):
2. INTRODUCCIÓN
Todas las páginas web están escritas en HTML (HyperText Markup Language), este lenguaje de hipertexto
que junto con la integración de CSS3 y JavaScript, ha evolucionado internet entera haciendo que la
Página 1 de 10
GUÍA DE APRENDIZAJE Versión: 02
SISTEMA INTEGRADO DE GESTIÓN
Proceso Gestión de la Formación Profesional Integral Código: GFPI-F-019
experiencia del usuario en la navegación sea más interactiva; anteriormente las páginas eran estáticas pero
con el paso del tiempo y la llegada de la web 3.0 mejoraron en muchos aspectos, su contenido se volvió
dinámico junto con esto surgió HTML5 y CSS3.
HTML5 es la última versión del lenguaje de hipertexto, soporta todo tipo de navegador web exceptuando
Internet Explorer, puesto que no cumple con el suficiente soporte.
Es la W3C (World Wide Web Consortium) encargada de definir los estándares en la web, esta organización
tiene como objetivo guiar la Web hacia su máximo potencial a través del desarrollo de protocolos y pautas
que aseguren el crecimiento futuro de la Web.
3. ESTRUCTURACION DIDACTICA DE LAS ACTIVIDADES DE APRENDIZAJE
3.1 Actividades de Reflexión inicial.
Con la llegada de la web surgió la W3C (World Wide Web Consortium) como organismo encargado de velar
por el desarrollo de protocolos y pautas que aseguran el crecimiento futuro de esta, haciendo posible la
Página 2 de 10
comunicación humana, el comercio y las oportunidades para compartir conocimiento. Teniendo como
principal objetivo la disponibilidad de información para el público en general.
¿Qué tan importante es para la web que exista una organización encargada de velar por su desarrollo,
como lo es la W3C?
3.2 Actividades de contextualización e identificación de conocimientos necesarios para el aprendizaje.
Al terminar la transferencia de conocimiento, el aprendiz deberá desarrollar un cuestionario con las

siguientes preguntas :
a. realizar un cuadro donde se haga una pequeña descripción de las etiquetas más utilizadas en:
HTML(<html>,<head>,<title>,<meta>,<body>,<h1>,<p>,<font>,<a>,<ul>,<section>,<article>,
<div>,<header>, <aside>,<footer>).
b. Realizar un cuadro comparativo entre HTML y XHTML.
c. Consultar los tipos de editores de texto que hay en el mercado, teniendo claras las características de
cada uno, ¿Para usted cual es el que mejor se presta para diseñar páginas web con HTML5 y CSS3?
d. ¿Por qué es importe HTML como lenguaje de marcado a la creación de estructura y contenido de las
páginas web en la “Web 3.0” o también llamada web semántica?
e. ¿Para usted que tanto ha cambiado la web con el uso de HTML5 y CSS3?, justificar la respuesta.
f. Consultar a cerca de los elementos principales en CSS y dar un ejemplo de cada uno de ellos.
g. Consultar acerca de los tipos de selectores (selectores de etiqueta, selectores de clase, selectores de
ID, selectores contextualizados o pseudo-clases, pseudoelemento, selector universal y selectores de
atributo).
Página 3 de 10
W3C
h. ¿Cuál es la finalidad de la W3C?

i. ¿Cuál es la pila tecnológica del W3C?
3.3 Actividades de apropiación del conocimiento (Conceptualización y Teorización).
j. Cada aprendiz podrá consultar el material de apoyo tema HTML y CSS, entre el material encontrará:
 Video con conceptos (realizado por el grupo encargado del tema)

 Videos tutoriales: https://www.youtube.com/watch?v=W1xOoOhv90A
 http://www.w3.org/standards/webdesign/htmlcss página oficial de la W3C.
 ¿Cómo crear nuestra primera página web con HTML y CSS, URL:
http://www.w3.org/Style/Examples/011/firstcss.es.html
 Listado de elementos en HTML5, URL:
https://developer.mozilla.org/es/docs/HTML/HTML5/HTML5_lista_elementos
3.4 Actividades de transferencia del conocimiento.
Diseñar la siguiente página web implementando HTML5 y CSS3.
Página 4 de 10
3.5 Actividades de evaluación.
Evidencias de Aprendizaje Criterios de Evaluación Técnicas e Instrumentos de Evaluación
Evidencias de Conocimiento :
 Define que es  Técnica: socialización
HTML y CSS
Página 5 de 10
Cuestionario con temas vistos  Define las  Instrumento: cuestionario y lista

en transferencia de HTML y ventajas de de chequeo.
CSS. HTML y CSS
 Define las
etiquetas HTML
Evidencias de Desempeño : y CSS
Evaluar el nivel de efectividad

del desarrollo de las
actividades, de acuerdo al
tiempo estimado.
El desarrollo del cuestionario

tendrá un tiempo de 2 horas.
Evidencias de Producto:
Realizar aplicación en HTML y

CSS.
Página 6 de 10
4. RECURSOS PARA EL APRENDIZAJE
Materiales de formación devolutivos: AMBIENTES DE

Materiales de formación (consumibles) Talento Humano (Instructores)
(Equipos/Herramientas) APRENDIZAJE TIPIFICADOS
ESCENARIO (Aula,
ACTIVIDADES DEL DURACIÓN Laboratorio, taller, unidad
PROYECTO (Horas) productiva)y elementos y
Descripción Cantidad Descripción Cantidad Especialidad Cantidad condiciones de seguridad
industrial, salud
ocupacional y medio
ambiente
Generar  Guías de
páginas aprendizaje.
web a partir
de los  Videos
Realizar sobre el
ejercicios lenguajes 30 equipos Ingeniero de sistemas
tema.
con HTML y
16 de estándar 40
y/o tecnólogo
1 Aula de cómputo, videobeam.
CSS. (HTML y CSS)

 Url para
.En sus ingresar a
últimas los sitios
versiones. Oficiales.
Página 7 de 10
5. GLOSARIO DE TERMINOS
HTML: Es el lenguaje que se emplea para el desarrollo de páginas de internet.

1. CSS: CSS es un lenguaje utilizado en la presentación de documentos HTML. Un
documento HTML viene siendo coloquialmente “una página web”.
Etiquetas: son fragmentos de texto destacado de una forma especial que permiten la
definición de las distintas instrucciones de HTML, tanto los efectos a aplicar sobre el
texto como las distintas estructuras del lenguaje.
W3C: El Consorcio World Wide Web (W3C) es una comunidad internacional donde las
organizaciones Miembro, a tiempo completo y el público en general trabajan
conjuntamente para desarrollar estándares Web.
XHTML: XHTML es un lenguaje similar a HTML, pero con algunas diferencias que lo
hacen más robusto y aconsejable para la modelación de páginas web.
SELECTORES: Los selectores identifican a un elemento dentro de la página Web para luego poder definir
sus propiedades.
Página 8 de 10
6. REFERENTES BIBLIOGRÁFICOS
 W3C (2012) HTML y CSS. [En línea].Sitio oficial de la World Wide Web Consortium
(W3C). Disponible en: http://www.w3.org/standards/webdesign/htmlcss .
 LIBROSWEB (2015). [En línea]. Introducción a HTML. Disponible en:
http://librosweb.es/libro/xhtml/capitulo_1.html .
 Platzi. John Freddy Vega. (2014). ¿Qué es HTML y cómo funciona?. [Vídeos].
YouTube.
 Sidar (2015). SELECTORES. [En línea].Sitio web. Disponible en :
http://www.sidar.org/recur/desdi/mcss/manual/sel.php
Página 9 de 10
7. CONTROL DEL DOCUMENTO (ELABORADA POR)
Instructor SENA-CEET: ANDRES FRAGOZO RIOS
Página 10 de 10

Alex

Hochgeladen von

Dokumentinformationen

Copyright

Verfügbare Formate

Dieses Dokument teilen

Dokument teilen oder einbetten

Freigabeoptionen

Stufen Sie dieses Dokument als nützlich ein?

Sind diese Inhalte unangemessen?

Copyright:

Verfügbare Formate

Alex

Hochgeladen von

Copyright:

Verfügbare Formate

SERVICIO NACIONAL DE APRENDIZAJE SENA

SISTEMA INTEGRADO DE GESTIÓN Versión: 02

1. IDENTIFICACIÓN DE LA GUIA DE APRENDIZAJE

Programa de Formación: Código:228120 Técnico en programación de software

3. ESTRUCTURACION DIDACTICA DE LAS ACTIVIDADES DE APRENDIZAJE

3.1 Actividades de Reflexión inicial.

3.2 Actividades de contextualización e identificación de conocimientos necesarios para el aprendizaje.

Al terminar la transferencia de conocimiento, el aprendiz deberá desarrollar un cuestionario con las

b. Realizar un cuadro comparativo entre HTML y XHTML.

h. ¿Cuál es la finalidad de la W3C?

3.3 Actividades de apropiación del conocimiento (Conceptualización y Teorización).

 Video con conceptos (realizado por el grupo encargado del tema)

3.4 Actividades de transferencia del conocimiento.

Diseñar la siguiente página web implementando HTML5 y CSS3.

3.5 Actividades de evaluación.

Evidencias de Aprendizaje Criterios de Evaluación Técnicas e Instrumentos de Evaluación

Cuestionario con temas vistos  Define las  Instrumento: cuestionario y lista

Evaluar el nivel de efectividad

El desarrollo del cuestionario

Realizar aplicación en HTML y

4. RECURSOS PARA EL APRENDIZAJE

Materiales de formación devolutivos: AMBIENTES DE

CSS. (HTML y CSS)

HTML: Es el lenguaje que se emplea para el desarrollo de páginas de internet.

7. CONTROL DEL DOCUMENTO (ELABORADA POR)

Instructor SENA-CEET: ANDRES FRAGOZO RIOS

Das könnte Ihnen auch gefallen