Cambios para el documento Home

Resumen

• Propiedades de página (1 modificado, 0 añadido, 0 eliminado)

Detalles

Propiedades de página

Contenido

...	...	@@ -1,63 +1,101 @@
1	1	= Bienvenidos a la Wiki de Inclusión =
2		-**Implementación del Diseño Universal para el Aprendizaje (DUA)**
3	3
4		-{{container layoutStyle="columns"}}
5		-(((
6		-{{column size="4"}}
7		-{{box title="Compromiso (El Porqué)"}}
8		-**1. Intereses e Identidades**
9		-* Optimizar la elección y autonomía
10		-* Optimizar la relevancia y el valor
11		-* Minimizar amenazas y distracciones
	3	+{{html}}
	4	+<div style="font-family: Arial, sans-serif; max-width: 1100px; margin: 0 auto;">
12	12
13		-**2. Esfuerzo y Constancia**
14		-* Resaltar metas y objetivos
15		-* Fomentar la colaboración
16		-* Comentarios orientados a la acción
	6	+ <p style="font-size: 16px; font-weight: bold; color: #444; margin-bottom: 24px; border-left: 4px solid #5b8dd9; padding-left: 12px;">
	7	+ Implementación del Diseño Universal para el Aprendizaje (DUA)
	8	+ </p>
17	17
18		-**3. Capacidad Emocional**
19		-* Reconocer expectativas y creencias
20		-* Desarrollar conciencia de sí mismo
21		-* Fomentar la empatía
22		-{{/box}}
23		-{{/column}}
	10	+ <div style="display: flex; gap: 20px; align-items: stretch;">
24	24
25		-{{column size="4"}}
26		-{{box title="Representación (El Qué)"}}
27		-**1. Percepción**
28		-* Personalizar la presentación
29		-* Alternativas para información visual/auditiva
30		-* Representar diversas perspectivas
	12	+ <!-- COLUMNA 1: COMPROMISO -->
	13	+ <div style="flex: 1; border-radius: 10px; border: 1px solid #d0d8f0; background: #f0f4ff; padding: 20px; box-shadow: 2px 2px 8px rgba(0,0,0,0.07);">
	14	+ <div style="background: #3a5fc8; color: white; border-radius: 7px; padding: 10px 14px; margin-bottom: 16px; text-align: center;">
	15	+ <strong style="font-size: 15px;">Compromiso</strong><br/>
	16	+ <span style="font-size: 12px; opacity: 0.9;">El Porqué</span>
	17	+ </div>
31	31
32		-**2. Idioma y Símbolos**
33		-* Aclarar vocabulario y símbolos
34		-* Facilitar la decodificación de textos
35		-* Ilustrar a través de múltiples medios
	19	+ <p style="font-weight: bold; color: #3a5fc8; border-bottom: 2px solid #c0ccf0; padding-bottom: 4px; margin-bottom: 8px;">1. Intereses e Identidades</p>
	20	+ <ul style="margin: 0 0 14px 18px; padding: 0; color: #333; font-size: 14px;">
	21	+ <li>Optimizar la elección y autonomía</li>
	22	+ <li>Optimizar la relevancia y el valor</li>
	23	+ <li>Minimizar amenazas y distracciones</li>
	24	+ </ul>
36	36
37		-**3. Desarrollo de Conocimientos**
38		-* Activar conocimientos previos
39		-* Resaltar patrones y características clave
40		-* Maximizar la transferencia de información
41		-{{/box}}
42		-{{/column}}
	26	+ <p style="font-weight: bold; color: #3a5fc8; border-bottom: 2px solid #c0ccf0; padding-bottom: 4px; margin-bottom: 8px;">2. Esfuerzo y Constancia</p>
	27	+ <ul style="margin: 0 0 14px 18px; padding: 0; color: #333; font-size: 14px;">
	28	+ <li>Resaltar metas y objetivos</li>
	29	+ <li>Fomentar la colaboración</li>
	30	+ <li>Comentarios orientados a la acción</li>
	31	+ </ul>
43	43
44		-{{column size="4"}}
45		-{{box title="Acción y Expresión (El Cómo)"}}
46		-**1. Interacción**
47		-* Múltiples medios físicos de acción
48		-* Optimizar el acceso a herramientas
49		-* Tecnologías de asistencia
	33	+ <p style="font-weight: bold; color: #3a5fc8; border-bottom: 2px solid #c0ccf0; padding-bottom: 4px; margin-bottom: 8px;">3. Capacidad Emocional</p>
	34	+ <ul style="margin: 0 0 4px 18px; padding: 0; color: #333; font-size: 14px;">
	35	+ <li>Reconocer expectativas y creencias</li>
	36	+ <li>Desarrollar conciencia de sí mismo</li>
	37	+ <li>Fomentar la empatía</li>
	38	+ </ul>
	39	+ </div>
50	50
51		-**2. Expresión y Comunicación**
52		-* Múltiples medios de comunicación
53		-* Herramientas para la construcción
54		-* Abordar sesgos en la expresión
	41	+ <!-- COLUMNA 2: REPRESENTACIÓN -->
	42	+ <div style="flex: 1; border-radius: 10px; border: 1px solid #d0eed8; background: #f0faf2; padding: 20px; box-shadow: 2px 2px 8px rgba(0,0,0,0.07);">
	43	+ <div style="background: #2e8b57; color: white; border-radius: 7px; padding: 10px 14px; margin-bottom: 16px; text-align: center;">
	44	+ <strong style="font-size: 15px;">Representación</strong><br/>
	45	+ <span style="font-size: 12px; opacity: 0.9;">El Qué</span>
	46	+ </div>
55	55
56		-**3. Funciones Ejecutivas**
57		-* Establecer metas adecuadas
58		-* Apoyar la planificación de estrategias
59		-* Mejorar el seguimiento de los avances
60		-{{/box}}
61		-{{/column}}
62		-)))
63		-{{/container}}
	48	+ <p style="font-weight: bold; color: #2e8b57; border-bottom: 2px solid #a8dbb8; padding-bottom: 4px; margin-bottom: 8px;">1. Percepción</p>
	49	+ <ul style="margin: 0 0 14px 18px; padding: 0; color: #333; font-size: 14px;">
	50	+ <li>Personalizar la presentación</li>
	51	+ <li>Alternativas para información visual/auditiva</li>
	52	+ <li>Representar diversas perspectivas</li>
	53	+ </ul>
	54	+
	55	+ <p style="font-weight: bold; color: #2e8b57; border-bottom: 2px solid #a8dbb8; padding-bottom: 4px; margin-bottom: 8px;">2. Idioma y Símbolos</p>
	56	+ <ul style="margin: 0 0 14px 18px; padding: 0; color: #333; font-size: 14px;">
	57	+ <li>Aclarar vocabulario y símbolos</li>
	58	+ <li>Facilitar la decodificación de textos</li>
	59	+ <li>Ilustrar a través de múltiples medios</li>
	60	+ </ul>
	61	+
	62	+ <p style="font-weight: bold; color: #2e8b57; border-bottom: 2px solid #a8dbb8; padding-bottom: 4px; margin-bottom: 8px;">3. Desarrollo de Conocimientos</p>
	63	+ <ul style="margin: 0 0 4px 18px; padding: 0; color: #333; font-size: 14px;">
	64	+ <li>Activar conocimientos previos</li>
	65	+ <li>Resaltar patrones y características clave</li>
	66	+ <li>Maximizar la transferencia de información</li>
	67	+ </ul>
	68	+ </div>
	69	+
	70	+ <!-- COLUMNA 3: ACCIÓN Y EXPRESIÓN -->
	71	+ <div style="flex: 1; border-radius: 10px; border: 1px solid #f0dcc8; background: #fff8f0; padding: 20px; box-shadow: 2px 2px 8px rgba(0,0,0,0.07);">
	72	+ <div style="background: #c0620a; color: white; border-radius: 7px; padding: 10px 14px; margin-bottom: 16px; text-align: center;">
	73	+ <strong style="font-size: 15px;">Acción y Expresión</strong><br/>
	74	+ <span style="font-size: 12px; opacity: 0.9;">El Cómo</span>
	75	+ </div>
	76	+
	77	+ <p style="font-weight: bold; color: #c0620a; border-bottom: 2px solid #f0c898; padding-bottom: 4px; margin-bottom: 8px;">1. Interacción</p>
	78	+ <ul style="margin: 0 0 14px 18px; padding: 0; color: #333; font-size: 14px;">
	79	+ <li>Múltiples medios físicos de acción</li>
	80	+ <li>Optimizar el acceso a herramientas</li>
	81	+ <li>Tecnologías de asistencia</li>
	82	+ </ul>
	83	+
	84	+ <p style="font-weight: bold; color: #c0620a; border-bottom: 2px solid #f0c898; padding-bottom: 4px; margin-bottom: 8px;">2. Expresión y Comunicación</p>
	85	+ <ul style="margin: 0 0 14px 18px; padding: 0; color: #333; font-size: 14px;">
	86	+ <li>Múltiples medios de comunicación</li>
	87	+ <li>Herramientas para la construcción</li>
	88	+ <li>Abordar sesgos en la expresión</li>
	89	+ </ul>
	90	+
	91	+ <p style="font-weight: bold; color: #c0620a; border-bottom: 2px solid #f0c898; padding-bottom: 4px; margin-bottom: 8px;">3. Funciones Ejecutivas</p>
	92	+ <ul style="margin: 0 0 4px 18px; padding: 0; color: #333; font-size: 14px;">
	93	+ <li>Establecer metas adecuadas</li>
	94	+ <li>Apoyar la planificación de estrategias</li>
	95	+ <li>Mejorar el seguimiento de los avances</li>
	96	+ </ul>
	97	+ </div>
	98	+
	99	+ </div>
	100	+</div>
	101	+{{/html}}