Cambios para el documento Home

Resumen

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

Detalles

Propiedades de página

Contenido

...	...	@@ -1,59 +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		-{{box title="Compromiso (El Porqué)"}}
7		-**1. Intereses e Identidades**
8		-* Optimizar la elección y autonomía
9		-* Optimizar la relevancia y el valor
10		-* Minimizar amenazas y distracciones
	3	+{{html}}
	4	+<div style="font-family: Arial, sans-serif; max-width: 1100px; margin: 0 auto;">
11	11
12		-**2. Esfuerzo y Constancia**
13		-* Resaltar metas y objetivos
14		-* Fomentar la colaboración
15		-* Comentarios orientados a la acción
	6	+ <div style="display: flex; gap: 20px; align-items: stretch;">
16	16
17		-**3. Capacidad Emocional**
18		-* Reconocer expectativas y creencias
19		-* Desarrollar conciencia de sí mismo
20		-* Fomentar la empatía
21		-{{/box}}
22		-)))
23		-(((
24		-{{box title="Representación (El Qué)"}}
25		-**1. Percepción**
26		-* Personalizar la presentación
27		-* Alternativas para información visual/auditiva
28		-* Representar diversas perspectivas
	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>
29	29
30		-**2. Idioma y Símbolos**
31		-* Aclarar vocabulario y símbolos
32		-* Facilitar la decodificación de textos
33		-* Ilustrar a través de múltiples medios
	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>
34	34
35		-**3. Desarrollo de Conocimientos**
36		-* Activar conocimientos previos
37		-* Resaltar patrones y características clave
38		-* Maximizar la transferencia de información
39		-{{/box}}
40		-)))
41		-(((
42		-{{box title="Acción y Expresión (El Cómo)"}}
43		-**1. Interacción**
44		-* Múltiples medios físicos de acción
45		-* Optimizar el acceso a herramientas
46		-* Tecnologías de asistencia
	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>
47	47
48		-**2. Expresión y Comunicación**
49		-* Múltiples medios de comunicación
50		-* Herramientas para la construcción
51		-* Abordar sesgos en la expresión
	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>
52	52
53		-**3. Funciones Ejecutivas**
54		-* Establecer metas adecuadas
55		-* Apoyar la planificación de estrategias
56		-* Mejorar el seguimiento de los avances
57		-{{/box}}
58		-)))
59		-{{/container}}
	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>
	43	+
	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>
	50	+
	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}}