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