<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta name="aspect-ratio" content="4:3">
  <style>
    * {
      box-sizing: border-box;
      margin: 0;
      padding: 0;
      font-family: system-ui, -apple-system, sans-serif;
    }

    body {
      background: transparent;
      color: #1e2945;
      padding: 12px;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      min-height: 100%;
    }

    .timeline-container {
      width: 100%;
      max-width: 620px;
      display: flex;
      flex-direction: column;
      gap: 16px;
    }

    .steps-track {
      display: grid;
      grid-template-columns: 1fr auto 1fr auto 1fr;
      align-items: center;
      gap: 8px;
    }

    .step-card {
      background: #ffffff;
      border: 2px solid #e2e8f0;
      border-radius: 16px;
      padding: 14px 8px;
      display: flex;
      flex-direction: column;
      align-items: center;
      text-align: center;
      gap: 8px;
      cursor: pointer;
      user-select: none;
      transition: box-shadow 0.3s ease, border-color 0.3s ease;
      min-height: 140px;
      justify-content: center;
    }

    /* Step 1 Glowing Border Emphasis */
    .step-card.step-1 {
      border-color: #38bdf8;
      box-shadow: 0 0 0 3px rgba(56, 189, 248, 0.25), 0 4px 12px rgba(56, 189, 248, 0.2);
    }

    .step-card.active {
      border-color: #2563eb;
      box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.3), 0 6px 16px rgba(0, 0, 0, 0.08);
    }

    .step-icon {
      font-size: 32px;
      line-height: 1;
      height: 40px;
      display: flex;
      align-items: center;
      justify-content: center;
    }

    .step-num {
      font-size: 11px;
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: 0.5px;
      color: #64748b;
    }

    .step-title {
      font-size: 14px;
      font-weight: 700;
      color: #0f172a;
      line-height: 1.2;
    }

    .step-card.step-3 .step-title {
      color: #0f172a;
    }

    .arrow {
      font-size: 20px;
      color: #94a3b8;
      font-weight: bold;
    }

    /* Bottom Foundation Callout */
    .contrast-bar {
      background: #f8fafc;
      border: 1px dashed #cbd5e1;
      border-radius: 12px;
      padding: 10px 14px;
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 8px;
      font-size: 13px;
      font-weight: 600;
      color: #475569;
      text-align: center;
    }

    .sparkle {
      color: #0284c7;
      font-size: 15px;
    }

    /* Interactive Stepper Navigation */
    .controls {
      display: flex;
      justify-content: center;
      align-items: center;
      gap: 12px;
    }

    .nav-dot {
      width: 10px;
      height: 10px;
      border-radius: 50%;
      background: #cbd5e1;
      border: none;
      cursor: pointer;
      padding: 0;
      transition: background 0.2s ease, transform 0.2s ease;
    }

    .nav-dot.active {
      background: #2563eb;
      transform: scale(1.3);
    }

    .play-btn {
      background: #ffffff;
      border: 1px solid #cbd5e1;
      border-radius: 20px;
      padding: 4px 12px;
      font-size: 12px;
      font-weight: 600;
      color: #475569;
      cursor: pointer;
      display: flex;
      align-items: center;
      gap: 4px;
    }

    .play-btn:active {
      background: #f1f5f9;
    }

    @media (max-width: 480px) {
      .steps-track {
        grid-template-columns: 1fr;
        gap: 8px;
      }
      .arrow {
        transform: rotate(90deg);
        height: 16px;
        line-height: 16px;
      }
      .step-card {
        min-height: auto;
        flex-direction: row;
        padding: 10px 14px;
        text-align: left;
        gap: 12px;
      }
      .step-card .text-group {
        display: flex;
        flex-direction: column;
      }
    }
  </style>
</head>
<body>

  <div class="timeline-container">
    <div class="steps-track">
      
      <div class="step-card step-1 active" id="card0">
        <div class="step-icon">👦🔧🚀</div>
        <div class="text-group">
          <div class="step-num">Step 1</div>
          <div class="step-title">Normal<br>World</div>
        </div>
      </div>

      <div class="arrow">→</div>

      
      <div class="step-card" id="card1">
        <div class="step-icon">⚡🟢🚀</div>
        <div class="text-group">
          <div class="step-num">Step 2</div>
          <div class="step-title">Inciting<br>Incident</div>
        </div>
      </div>

      <div class="arrow">→</div>

      
      <div class="step-card" id="card2">
        <div class="step-icon">🌌✨🚀</div>
        <div class="text-group">
          <div class="step-num">Step 3</div>
          <div class="step-title">The<br>Adventure</div>
        </div>
      </div>
    </div>

    
    <div class="contrast-bar">
      <span class="sparkle">✦</span>
      <span>Step 1 makes Steps 2 & 3 exciting!</span>
    </div>

    
    <div class="controls">
      <button class="play-btn" id="playBtn">⏸ Pause</button>
      <div style="display: flex; gap: 8px; align-items: center;">
        <button class="nav-dot active" id="dot0" aria-label="Step 1"></button>
        <button class="nav-dot" id="dot1" aria-label="Step 2"></button>
        <button class="nav-dot" id="dot2" aria-label="Step 3"></button>
      </div>
    </div>
  </div>

  <script>
    let currentStep = 0;
    let isPlaying = true;
    let timer = null;

    const cards = [document.getElementById('card0'), document.getElementById('card1'), document.getElementById('card2')];
    const dots = [document.getElementById('dot0'), document.getElementById('dot1'), document.getElementById('dot2')];
    const playBtn = document.getElementById('playBtn');

    function showStep(idx) {
      currentStep = idx;
      cards.forEach((card, i) => {
        if (i === idx) {
          card.classList.add('active');
        } else {
          card.classList.remove('active');
        }
      });
      dots.forEach((dot, i) => {
        dot.classList.toggle('active', i === idx);
      });
    }

    function nextStep() {
      showStep((currentStep + 1) % 3);
    }

    function startAutoPlay() {
      stopAutoPlay();
      timer = setInterval(nextStep, 3200);
      isPlaying = true;
      playBtn.textContent = '⏸ Pause';
    }

    function stopAutoPlay() {
      if (timer) {
        clearInterval(timer);
        timer = null;
      }
      isPlaying = false;
      playBtn.textContent = '▶ Play';
    }

    playBtn.addEventListener('click', () => {
      if (isPlaying) {
        stopAutoPlay();
      } else {
        nextStep();
        startAutoPlay();
      }
    });

    cards.forEach((card, i) => {
      card.addEventListener('click', () => {
        showStep(i);
        stopAutoPlay();
      });
    });

    dots.forEach((dot, i) => {
      dot.addEventListener('click', () => {
        showStep(i);
        stopAutoPlay();
      });
    });

    // Start playback
    startAutoPlay();
  </script>
</body>
</html>

Story Beginnings: Introducing Characters and Settings

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta name="aspect-ratio" content="4:3">
  <style>
    * {
      box-sizing: border-box;
      margin: 0;
      padding: 0;
    }

    body {
      font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
      background: transparent;
      color: #1e2945;
      padding: 14px;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: space-between;
      min-height: 100%;
      user-select: none;
    }

    .header-badge {
      display: inline-flex;
      align-items: center;
      gap: 6px;
      padding: 4px 12px;
      background: #f1f5f9;
      border: 1px solid #cbd5e1;
      border-radius: 999px;
      font-size: 11px;
      font-weight: 700;
      letter-spacing: 0.06em;
      color: #475569;
      text-transform: uppercase;
      margin-bottom: 12px;
    }

    .grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 10px;
      width: 100%;
      max-width: 640px;
      margin-bottom: 12px;
    }

    @media (max-width: 480px) {
      .grid {
        grid-template-columns: 1fr;
        gap: 8px;
      }
    }

    .block {
      background: #ffffff;
      border-radius: 12px;
      padding: 12px 10px;
      display: flex;
      flex-direction: column;
      align-items: center;
      text-align: center;
      cursor: pointer;
      border: 2px solid transparent;
      transition: box-shadow 0.25s ease, border-color 0.25s ease, background-color 0.25s ease;
      position: relative;
    }

    /* Block 1: Blue */
    .block-1 {
      background: #eff6ff;
      border-color: #bfdbfe;
    }
    .block-1 .clue-tag {
      background: #dbeafe;
      color: #1d4ed8;
    }
    .block-1 .title { color: #1e40af; }
    .block-1.active {
      border-color: #2563eb;
      box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.25);
    }

    /* Block 2: Emerald */
    .block-2 {
      background: #ecfdf5;
      border-color: #a7f3d0;
    }
    .block-2 .clue-tag {
      background: #d1fae5;
      color: #047857;
    }
    .block-2 .title { color: #065f46; }
    .block-2.active {
      border-color: #059669;
      box-shadow: 0 0 0 3px rgba(5, 150, 105, 0.25);
    }

    /* Block 3: Amber */
    .block-3 {
      background: #fffbeb;
      border-color: #fde68a;
    }
    .block-3 .clue-tag {
      background: #fef3c7;
      color: #b45309;
    }
    .block-3 .title { color: #92400e; }
    .block-3.active {
      border-color: #d97706;
      box-shadow: 0 0 0 3px rgba(217, 119, 6, 0.25);
    }

    .clue-tag {
      font-size: 10px;
      font-weight: 800;
      letter-spacing: 0.05em;
      padding: 2px 8px;
      border-radius: 6px;
      margin-bottom: 6px;
    }

    .icon-wrap {
      width: 44px;
      height: 44px;
      display: flex;
      align-items: center;
      justify-content: center;
      margin: 4px 0 6px;
    }

    .icon-wrap svg {
      width: 100%;
      height: 100%;
    }

    .question {
      font-size: 14px;
      font-weight: 700;
      margin-bottom: 2px;
      line-height: 1.2;
    }

    .concept {
      font-size: 12px;
      font-weight: 500;
      color: #64748b;
    }

    .sentence-card {
      width: 100%;
      max-width: 640px;
      background: #ffffff;
      border: 1px solid #e2e8f0;
      border-radius: 12px;
      padding: 12px 14px;
      display: flex;
      flex-direction: column;
      gap: 6px;
    }

    .sentence-label {
      font-size: 11px;
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: 0.05em;
      color: #94a3b8;
    }

    .sentence-content {
      font-size: 15px;
      line-height: 1.5;
      color: #334155;
      display: flex;
      flex-wrap: wrap;
      gap: 4px 6px;
      align-items: center;
    }

    .token {
      padding: 2px 8px;
      border-radius: 6px;
      font-weight: 600;
      transition: all 0.2s ease;
      cursor: pointer;
      border: 1px dashed transparent;
    }

    .token-1 {
      color: #1e40af;
      background: #eff6ff;
      border-color: #bfdbfe;
    }
    .token-1.highlight {
      background: #2563eb;
      color: #ffffff;
      border-color: #1d4ed8;
    }

    .token-2 {
      color: #065f46;
      background: #ecfdf5;
      border-color: #a7f3d0;
    }
    .token-2.highlight {
      background: #059669;
      color: #ffffff;
      border-color: #047857;
    }

    .token-3 {
      color: #92400e;
      background: #fffbeb;
      border-color: #fde68a;
    }
    .token-3.highlight {
      background: #d97706;
      color: #ffffff;
      border-color: #b45309;
    }
  </style>
</head>
<body>

  <div class="header-badge">
    <span>✦</span> The Exposition Formula
  </div>

  <div class="grid">
    
    <div class="block block-1 active" id="btn-1" onclick="selectClue(1)">
      <span class="clue-tag">CLUE 1</span>
      <div class="icon-wrap">
        <svg viewBox="0 0 44 44" fill="none">
          <circle cx="20" cy="18" r="8" fill="#3b82f6" fill-opacity="0.2" stroke="#2563eb" stroke-width="2"/>
          <circle cx="20" cy="16" r="3.5" fill="#2563eb"/>
          <path d="M14 24c0-3.3 2.7-5 6-5s6 1.7 6 5" stroke="#2563eb" stroke-width="2" stroke-linecap="round"/>
          <line x1="26" y1="24" x2="34" y2="32" stroke="#1d4ed8" stroke-width="3" stroke-linecap="round"/>
        </svg>
      </div>
      <div class="question title">Who?</div>
      <div class="concept">Main Character</div>
    </div>

    
    <div class="block block-2" id="btn-2" onclick="selectClue(2)">
      <span class="clue-tag">CLUE 2</span>
      <div class="icon-wrap">
        <svg viewBox="0 0 44 44" fill="none">
          <path d="M12 22L22 13L32 22V32H12V22Z" fill="#10b981" fill-opacity="0.2" stroke="#059669" stroke-width="2" stroke-linejoin="round"/>
          <rect x="19" y="24" width="6" height="8" fill="#059669"/>
          <path d="M30 11a5 5 0 1 0 4 6 5.5 5.5 0 0 1-4-6z" fill="#047857"/>
        </svg>
      </div>
      <div class="question title">Where & When?</div>
      <div class="concept">Setting & Time</div>
    </div>

    
    <div class="block block-3" id="btn-3" onclick="selectClue(3)">
      <span class="clue-tag">CLUE 3</span>
      <div class="icon-wrap">
        <svg viewBox="0 0 44 44" fill="none">
          <rect x="11" y="12" width="22" height="20" rx="3" fill="#f59e0b" fill-opacity="0.2" stroke="#d97706" stroke-width="2"/>
          <path d="M22 15L19 22H24L21 29L26 21H21L22 15Z" fill="#d97706"/>
        </svg>
      </div>
      <div class="question title">What?</div>
      <div class="concept">Starting Action</div>
    </div>
  </div>

  <div class="sentence-card">
    <div class="sentence-label">Story Opening Example:</div>
    <div class="sentence-content">
      <span class="token token-1 highlight" id="tok-1" onclick="selectClue(1)">[ Maya ]</span>
      <span class="token token-2" id="tok-2" onclick="selectClue(2)">[ in her attic at midnight ]</span>
      <span class="token token-3" id="tok-3" onclick="selectClue(3)">[ found a glowing lock. ]</span>
    </div>
  </div>

  <script>
    function selectClue(num) {
      for (let i = 1; i <= 3; i++) {
        const btn = document.getElementById('btn-' + i);
        const tok = document.getElementById('tok-' + i);
        if (i === num) {
          btn.classList.add('active');
          tok.classList.add('highlight');
        } else {
          btn.classList.remove('active');
          tok.classList.remove('highlight');
        }
      }
    }
  </script>
</body>
</html>

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta name="aspect-ratio" content="4:3">
  <style>
    * {
      box-sizing: border-box;
      margin: 0;
      padding: 0;
      -webkit-tap-highlight-color: transparent;
    }

    body {
      font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
      background: #ffffff;
      color: #1e2945;
      padding: 16px;
      display: flex;
      flex-direction: column;
      gap: 14px;
      user-select: none;
    }

    /* Top Sentence Display */
    .sentence-box {
      background: #f8fafc;
      border: 1.5px solid #e2e8f0;
      border-radius: 12px;
      padding: 16px;
      line-height: 1.8;
      font-size: 16px;
      color: #334155;
      transition: all 0.25s ease;
    }

    /* Highlight Spans */
    .hl {
      display: inline;
      padding: 2px 6px;
      border-radius: 6px;
      font-weight: 600;
      transition: opacity 0.25s ease, box-shadow 0.25s ease, background-color 0.25s ease;
      cursor: pointer;
    }

    .hl-green {
      background-color: #dcfce7;
      color: #15803d;
      box-shadow: inset 0 0 0 1px #86efac;
    }

    .hl-blue {
      background-color: #dbeafe;
      color: #1d4ed8;
      box-shadow: inset 0 0 0 1px #93c5fd;
    }

    .hl-orange {
      background-color: #ffedd5;
      color: #c2410c;
      box-shadow: inset 0 0 0 1px #fdba74;
    }

    /* Dimmed state when focusing a specific part */
    .dimmed {
      opacity: 0.35;
      box-shadow: none;
    }

    .focused {
      box-shadow: 0 0 0 2.5px currentColor, inset 0 0 0 1px currentColor;
    }

    /* Component Badges / Cards Container */
    .cards-grid {
      display: flex;
      flex-direction: column;
      gap: 10px;
    }

    .badge-card {
      display: flex;
      align-items: center;
      gap: 12px;
      padding: 12px 14px;
      border-radius: 10px;
      border: 1.5px solid transparent;
      cursor: pointer;
      transition: all 0.25s ease;
      background: #f8fafc;
    }

    .badge-card.card-green {
      background: #f0fdf4;
      border-color: #bbf7d0;
      color: #14532d;
    }

    .badge-card.card-blue {
      background: #eff6ff;
      border-color: #bfdbfe;
      color: #1e3a8a;
    }

    .badge-card.card-orange {
      background: #fff7ed;
      border-color: #fed7aa;
      color: #7c2d12;
    }

    .badge-card.active {
      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
      border-width: 1.5px;
    }

    .badge-card.card-green.active {
      border-color: #22c55e;
      background: #dcfce7;
    }

    .badge-card.card-blue.active {
      border-color: #3b82f6;
      background: #dbeafe;
    }

    .badge-card.card-orange.active {
      border-color: #f97316;
      background: #ffedd5;
    }

    .badge-icon {
      font-size: 20px;
      line-height: 1;
      flex-shrink: 0;
    }

    .badge-content {
      display: flex;
      flex-direction: column;
      gap: 2px;
      flex: 1;
    }

    .badge-title {
      font-size: 14px;
      font-weight: 700;
      letter-spacing: -0.01em;
    }

    .badge-desc {
      font-size: 13px;
      font-weight: 500;
      opacity: 0.9;
    }

    /* Controls bar */
    .controls {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding-top: 4px;
    }

    .btn-show-all {
      font-size: 13px;
      font-weight: 600;
      color: #475569;
      background: #f1f5f9;
      border: 1px solid #cbd5e1;
      padding: 6px 12px;
      border-radius: 6px;
      cursor: pointer;
      transition: background 0.2s;
    }

    .btn-show-all:active {
      background: #e2e8f0;
    }

    .prompt-hint {
      font-size: 12px;
      color: #64748b;
      font-weight: 500;
    }
  </style>
</head>
<body>

  
  <div class="sentence-box" id="sentence">
    On a <span class="hl hl-green" data-type="green">rainy Tuesday afternoon</span>, 
    <span class="hl hl-blue" data-type="blue">eight-year-old Leo</span> 
    <span class="hl hl-green" data-type="green">sat on his bedroom floor</span>, 
    <span class="hl hl-orange" data-type="orange">carefully gluing the wings onto his cardboard rocket ship</span>.
  </div>

  
  <div class="cards-grid">
    <div class="badge-card card-green" data-type="green" role="button" tabindex="0">
      <div class="badge-icon">🌧️</div>
      <div class="badge-content">
        <div class="badge-title">Setting</div>
        <div class="badge-desc">Time: rainy Tuesday / Place: bedroom</div>
      </div>
    </div>

    <div class="badge-card card-blue" data-type="blue" role="button" tabindex="0">
      <div class="badge-icon">👦</div>
      <div class="badge-content">
        <div class="badge-title">Character</div>
        <div class="badge-desc">Leo, 8 years old</div>
      </div>
    </div>

    <div class="badge-card card-orange" data-type="orange" role="button" tabindex="0">
      <div class="badge-icon">🚀</div>
      <div class="badge-content">
        <div class="badge-title">Initial Situation</div>
        <div class="badge-desc">Building a cardboard rocket</div>
      </div>
    </div>
  </div>

  
  <div class="controls">
    <span class="prompt-hint">Tap any part to isolate</span>
    <button class="btn-show-all" id="showAllBtn">View All</button>
  </div>

  <script>
    const highlights = document.querySelectorAll('.hl');
    const cards = document.querySelectorAll('.badge-card');
    const showAllBtn = document.getElementById('showAllBtn');
    let activeType = null;

    function setActive(type) {
      if (activeType === type) {
        // Toggle off if already active
        resetView();
        return;
      }
      activeType = type;

      // Update Highlights
      highlights.forEach(hl => {
        if (hl.dataset.type === type) {
          hl.classList.remove('dimmed');
          hl.classList.add('focused');
        } else {
          hl.classList.add('dimmed');
          hl.classList.remove('focused');
        }
      });

      // Update Badges
      cards.forEach(card => {
        if (card.dataset.type === type) {
          card.classList.add('active');
          card.style.opacity = '1';
        } else {
          card.classList.remove('active');
          card.style.opacity = '0.5';
        }
      });
    }

    function resetView() {
      activeType = null;
      highlights.forEach(hl => {
        hl.classList.remove('dimmed', 'focused');
      });
      cards.forEach(card => {
        card.classList.remove('active');
        card.style.opacity = '1';
      });
    }

    // Event Listeners
    cards.forEach(card => {
      card.addEventListener('click', () => setActive(card.dataset.type));
    });

    highlights.forEach(hl => {
      hl.addEventListener('click', () => setActive(hl.dataset.type));
    });

    showAllBtn.addEventListener('click', resetView);
  </script>
</body>
</html>

El mundo maravilloso de los cuentos infantiles

Las fábulas y sus enseñanzas morales

Rimas y ritmo en poemas y canciones de cuna

Relatos mitológicos sobre el origen del sol y la luna

Leyendas populares y personajes fantásticos de mi región

Adivinanzas, trabalenguas y retahílas populares

Personajes buenos, malos y ayudantes en la literatura

Los lugares donde ocurren los relatos: bosques, castillos y aldeas

Distinguir la realidad y la fantasía en los cuentos

Compartir emociones y preferencias sobre libros leídos

Lectura y disfrute de textos literarios infantiles

¿Qué nos dice la portada y el título de un libro?

Adivinar qué pasará después en una historia

Comprobar si nuestras predicciones fueron acertadas

Fórmulas tradicionales para empezar un cuento

El problema o conflicto central en el nudo del relato

Fórmulas y palabras para cerrar una narración

Ordenar los momentos de la historia: inicio, nudo y desenlace

Conectores temporales: primero, luego, después y al final

Anticipación y comprensión de historias narrativas

Cómo se ven y suenan los cuentos escritos en párrafos

Cómo se organizan los poemas en versos y estrofas

Cómo se escriben las obras de teatro con diálogos y personajes

Las acotaciones: indicaciones para los actores en el escenario

Cuadro comparativo: cuento, poema y guion de teatro

Lectura dramatizada de diálogos y poemas en voz alta

Diferencias entre cuentos, poemas y obras de teatro

Romska sagor och berättelser för barn

Traditionella romska sagor och fabler för barn

Berättelsens delar: Början, mitt och slut

Karaktärer och miljöer i berättande texter

Bilderböcker: Samspel mellan text och bild

Dikter och ramsor på romani chib

Romska barnvisor och sångtexter

Berättelser, rim och visor på romani chib

What Does It Mean to Retell a Story?

Retelling a Story from Beginning to End

Retelling Fables from Different Cultures

Retelling Folktales from Around the World

Finding the Big Message in a Story

What Is the Lesson or Moral?

How the Beginning Introduces the Story

What Happens in the Middle of a Story

How the Ending Wraps Up the Story

Retelling Stories from Many Different Cultures

Putting It Together: Story Structure and Lessons

Retelling Stories and Finding the Lesson

Rising Action: How Sequential Events Build Tension

Identifying the Climax: The Peak Turning Point

Falling Action and Resolutions: Providing Closure

Structural Elements of Plays: Scenes and Stage Directions

Structural Elements of Poems: Lines and Stanzas

Story and Text Structures in Literature

Enkla kapitelböcker: Följa en längre handling

Känslor och relationer hos sagofigurer

Enkla texter om romska högtider och firanden

Magiska föremål och hjälpare i traditionella sagor

Jämföra två olika berättelser med liknande tema

Dramatisera en saga med röst och rörelse

Hitta på ett eget slut på berättelsen

Sagofördjupning, tolkning och eget skapande

Hitta nyckelord och faktaord i texten

Söka fakta på barnvänliga webbsidor

Sant eller inte sant? Tänka kritiskt om information

Läsa om platser, städer och länder

Sammanställa fakta i en enkel tankekarta eller lista

Återberätta fakta muntligt med hjälp av nyckelord

Söka, granska och använda fakta

Lässtrategi: Spå och förutsäga med hjälp av bokomslag och bilder

Läsa bilderbok på meänkieli: Text och bild i samspel

Känna igen berättelsens huvudpersoner och miljö

Berättelsens röda tråd: Början, mitten och slut

Lässtrategi: Reda ut okända ord när man läser

Förstå det direkt uttalade i en berättelse

Läsa mellan raderna: Enkla slutledningar om karaktärers känslor

Folksagor och klassiska sagor på meänkieli

Berättande texter från Tornedalen för barn

Berättelsens värld: Läsa och förstå sagor och berättelser på meänkieli

Planera texten med bilder och enkla stödord

Skriva en enkel berättelse med röd tråd

Beskriva en person eller en vän

Skriva korta meddelanden och gratulationskort

Skriva en enkel faktatext om ett djur eller ett intresse

Skriva en instruktion: Hur man gör eller leker

Skriva enkla dikter och rim på romani chib

Skriva olika typer av texter på romani chib

Rim och ramsor på meänkieli: Lyssna och känna igen rimord

Enkla dikter för barn: Känsla och bilder i orden

Sånger på meänkieli: Sjunga och förstå textens innehåll

Koppla berättelsens innehåll till egna erfarenheter

Tolka textens budskap: Vad vill författaren berätta?

Läslust och högläsning med inlevelse på meänkieli

Rim, dikter och fördjupat textsamtal på meänkieli

Använda tidsord: Först, sedan, därefter och till sist

Skriva dagbok eller loggbok om en upplevelse

Skriva enkla texter med digitala verktyg

Läsa igenom sin text och göra enkla förbättringar

Ge och ta emot enkel kamratrespons

Kombinera text och bild till en färdig bok eller plansch

Skriva en berättelse med romska kulturinslag

Skrivprocessen och textbearbetning på romani chib

Vad är en faktatext? Skillnad mellan saga och fakta

Faktatextens delar: Rubrik, underrubrik och bilder

Läsa faktatext om djur i den nordliga naturen

Läsa faktatext om växter och bär i Tornedalen

Läsa instruktioner och recept: Steg för steg

Läsa enkla tabeller och scheman på meänkieli

Upptäck faktatexter och vardagsinformation på meänkieli

Planera en berättelse med tankekarta och ritade bilder

Hitta på en spännande huvudperson och ge den namn

Beskriva miljön: Var utspelar sig sagan?

Skriva en fångande början på berättelsen

Bygga upp en händelse: Något händer och ett problem uppstår

Skriva en lösning och ett tydligt slut

Använda tidsord för att skapa sammanhang: Ensiksi, sitte, viimeksi

Skriva enkel dialog: Vad säger karaktärerna?

Bygga upp en berättelse på meänkieli

Skriva en egen saga med tre händelser

Skriva en berättande text om en egen upplevelse

Skriva enkla dikter och rimramsor

Kombinera text och bild: Göra en egen liten bilderbok

Läsa igenom och ge kamratrespons på en berättelse

Bearbeta och förbättra texten med hjälp av råd och ordböcker

Publicera och framföra sin berättelse för andra

Kreativt skrivande och färdiga berättelser på meänkieli

Samla fakta och stödord om ett välbekant ämne

Skriva en tydlig rubrik och underrubriker

Skriva enkel faktatext om ett djur: Utseende, boplats och föda

Skriva en beskrivande text om min hemort eller skola

Skriva en instruktion: Hur man gör något steg för steg

Skriva ett enkelt recept på meänkieli: Ingredienser och tillvägagångssätt

Använda verb i imperativ (uppmaningsform) i instruktioner

Skriva bildtexter som förklarar en bild eller ett foto

Skriva enkla faktatexter och instruktioner på meänkieli

Skriva ett personligt brev eller vykort på meänkieli

Skriva en inbjudan till en fest eller ett kalas

Skriva enkla faktatexter med digitala verktyg

Skapa en faktaplansch med text och illustrationer

Kontrollera fakta och stavning i sakprosa

Anpassa språket i faktatexten till yngre läsare

Sammanställa en gemensam faktabok för klassen

Skriva meddelanden och skapa faktaproduktioner på meänkieli

Romska hantverkstraditioner och estetiska uttryck

Romskt hantverk, silver och estetiska traditioner

Romsk musik, dans och traditionella lekar

Traditionella romska barnlekar och rörelseramsor

Romsk musik: Från flamenco till balkanbrass och jazz manouche

Musikinstrument i romsk musik: Fiol, gitarr, dragspel och cimbalom

Romska dansstilar och rytmiska klappmönster

Romska traditioner: Musik, dans och lekar

Traditionell matkultur: Dopp i grytan, kaffeost och rieska

Fiske och älvkultur: Sikfiske och håvfiske i Kukkola

Bastu och badtraditioner: Sauna i tornedalsk vardag

Traditionella lekar från Tornedalen: Leka och lära regler

Musik och visor på meänkieli: Lyssna och sjunga med

Slöjdhantverk och mönster i tornedalsk tradition

Intervjua en äldre person om hur det var förr

Skapa en kulturplansch om Tornedalens kulturarv

Tornedalsk vardagskultur, lekar och hantverk

Mönster, färger och broderi i romska textilier

Korgmakeri och träslöjd: Ett historiskt arv

Sjunga enkla romska visor tillsammans i grupp

Hästens och vagnens roll i romsk kulturhistoria

Romsk bildkonst och måleri: Att berätta med färger

Skapa en ljudberättelse med romsk musik och ljudeffekter

Kulturfest: Visa upp hantverk, sång och berättelser

Romskt skapande: Slöjd, bildkonst och kulturfest

OGE.3.RL.5

OGE.3.RL.5

Aligned learning resources

Related diagrams