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,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		-{{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	+ <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>
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
	10	+ <div style="display: flex; gap: 20px; align-items: stretch;">
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
	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>
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
	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>
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
	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>
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}}
	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>
	40	+
	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>
	47	+
	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}}