<!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: #ffffff;
      color: #1e2945;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: space-between;
      padding: 16px;
      min-height: 100%;
      user-select: none;
    }

    .passage-card {
      width: 100%;
      max-width: 580px;
      background: #f8fafc;
      border: 2px solid #e2e8f0;
      border-radius: 14px;
      padding: 16px 18px;
      line-height: 1.7;
      font-size: 16px;
      color: #334155;
      position: relative;
    }

    .passage-title {
      font-size: 11px;
      font-weight: 700;
      letter-spacing: 0.08em;
      text-transform: uppercase;
      color: #64748b;
      margin-bottom: 8px;
      display: flex;
      align-items: center;
      gap: 6px;
    }

    .hl {
      display: inline-block;
      padding: 2px 8px;
      border-radius: 6px;
      font-weight: 600;
      transition: all 0.3s ease;
      color: #334155;
      background: transparent;
      border: 1px dashed #cbd5e1;
    }

    .hl-who.active {
      background: #e0e7ff;
      color: #3730a3;
      border: 1px solid #818cf8;
      box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.2);
    }

    .hl-where.active {
      background: #ccfbf1;
      color: #115e59;
      border: 1px solid #2dd4bf;
      box-shadow: 0 0 0 3px rgba(20, 184, 166, 0.2);
    }

    .hl-what.active {
      background: #fef3c7;
      color: #92400e;
      border: 1px solid #f59e0b;
      box-shadow: 0 0 0 3px rgba(245, 158, 11, 0.2);
    }

    .cards-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 10px;
      width: 100%;
      max-width: 580px;
      margin: 14px 0 10px;
    }

    .q-card {
      background: #ffffff;
      border: 2px solid #e2e8f0;
      border-radius: 12px;
      padding: 12px 8px;
      text-align: center;
      cursor: pointer;
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 6px;
      transition: border-color 0.25s ease, box-shadow 0.25s ease, transform 0.2s ease;
    }

    .q-card:active {
      transform: translateY(1px);
    }

    .q-card .icon {
      font-size: 22px;
      line-height: 1;
    }

    .q-card .q-type {
      font-size: 13px;
      font-weight: 800;
      letter-spacing: 0.04em;
    }

    .q-card .q-label {
      font-size: 12px;
      color: #64748b;
      font-weight: 500;
      line-height: 1.2;
    }

    /* Active states for question cards */
    .q-card.card-who.active {
      border-color: #6366f1;
      background: #f5f7ff;
      box-shadow: 0 4px 12px rgba(99, 102, 241, 0.18);
    }
    .q-card.card-who .q-type { color: #4338ca; }

    .q-card.card-where.active {
      border-color: #0d9488;
      background: #f0fdfa;
      box-shadow: 0 4px 12px rgba(13, 148, 136, 0.18);
    }
    .q-card.card-where .q-type { color: #0f766e; }

    .q-card.card-what.active {
      border-color: #d97706;
      background: #fffbeb;
      box-shadow: 0 4px 12px rgba(217, 119, 6, 0.18);
    }
    .q-card.card-what .q-type { color: #b45309; }

    /* Answer Banner */
    .answer-bar {
      width: 100%;
      max-width: 580px;
      height: 48px;
      background: #f1f5f9;
      border-radius: 10px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 0 14px;
      font-size: 13px;
      font-weight: 600;
    }

    .ans-badge {
      display: inline-flex;
      align-items: center;
      gap: 6px;
      font-weight: 700;
      font-size: 13px;
    }

    .controls {
      display: flex;
      align-items: center;
      gap: 8px;
    }

    .ctrl-btn {
      background: #ffffff;
      border: 1px solid #cbd5e1;
      border-radius: 6px;
      padding: 4px 10px;
      font-size: 12px;
      font-weight: 600;
      color: #475569;
      cursor: pointer;
    }

    .ctrl-btn:active {
      background: #e2e8f0;
    }

    @media (max-width: 420px) {
      .passage-card { font-size: 14px; padding: 12px 14px; }
      .q-card { padding: 8px 4px; }
      .q-card .icon { font-size: 18px; }
      .q-card .q-type { font-size: 12px; }
      .q-card .q-label { font-size: 11px; }
      .answer-bar { height: auto; padding: 8px 12px; flex-direction: column; gap: 6px; }
    }
  </style>
</head>
<body>

  
  <div class="passage-card">
    <div class="passage-title">📄 Nonfiction Report</div>
    In 1992, <span id="hlWho" class="hl hl-who active">Dr. Mae Jemison</span> flew <span id="hlWhere" class="hl hl-where">aboard the shuttle Endeavour</span> to study <span id="hlWhat" class="hl hl-what">how bone cells grow</span> in space.
  </div>

  
  <div class="cards-grid">
    <div class="q-card card-who active" onclick="selectStep(0)">
      <span class="icon">👤</span>
      <span class="q-type">WHO?</span>
      <span class="q-label">Person</span>
    </div>
    <div class="q-card card-where" onclick="selectStep(1)">
      <span class="icon">🚀</span>
      <span class="q-type">WHERE?</span>
      <span class="q-label">Place</span>
    </div>
    <div class="q-card card-what" onclick="selectStep(2)">
      <span class="icon">🔬</span>
      <span class="q-type">WHAT?</span>
      <span class="q-label">Action / Topic</span>
    </div>
  </div>

  
  <div class="answer-bar">
    <div id="ansText" class="ans-badge" style="color: #4338ca;">
      <span>👤</span> WHO: Dr. Mae Jemison
    </div>
    <div class="controls">
      <button id="playBtn" class="ctrl-btn" onclick="toggleAuto()">Auto: ON</button>
    </div>
  </div>

  <script>
    const data = [
      {
        type: 'who',
        color: '#4338ca',
        icon: '👤',
        text: 'WHO: Dr. Mae Jemison'
      },
      {
        type: 'where',
        color: '#0f766e',
        icon: '🚀',
        text: 'WHERE: aboard the shuttle Endeavour'
      },
      {
        type: 'what',
        color: '#b45309',
        icon: '🔬',
        text: 'WHAT: how bone cells grow'
      }
    ];

    let current = 0;
    let timer = null;
    let isAuto = true;

    const cards = document.querySelectorAll('.q-card');
    const hlWho = document.getElementById('hlWho');
    const hlWhere = document.getElementById('hlWhere');
    const hlWhat = document.getElementById('hlWhat');
    const ansText = document.getElementById('ansText');
    const playBtn = document.getElementById('playBtn');

    function render() {
      // Update Question Cards
      cards.forEach((card, idx) => {
        card.classList.toggle('active', idx === current);
      });

      // Update Highlights
      hlWho.classList.toggle('active', current === 0);
      hlWhere.classList.toggle('active', current === 1);
      hlWhat.classList.toggle('active', current === 2);

      // Update Answer Bar
      const item = data[current];
      ansText.innerHTML = `<span>${item.icon}</span> ${item.text}`;
      ansText.style.color = item.color;
    }

    function selectStep(index) {
      current = index;
      render();
    }

    function nextStep() {
      current = (current + 1) % data.length;
      render();
    }

    function startTimer() {
      if (timer) clearInterval(timer);
      timer = setInterval(nextStep, 3500);
      playBtn.textContent = 'Auto: ON';
      isAuto = true;
    }

    function stopTimer() {
      if (timer) {
        clearInterval(timer);
        timer = null;
      }
      playBtn.textContent = 'Auto: PAUSED';
      isAuto = false;
    }

    function toggleAuto() {
      if (isAuto) {
        stopTimer();
      } else {
        startTimer();
      }
    }

    // Initialize
    render();
    startTimer();
  </script>
</body>
</html>

Asking Who, What, and Where Questions in Nonfiction

<!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;
      color: #1e2945;
      background: transparent;
      padding: 12px;
      display: flex;
      flex-direction: column;
      justify-content: center;
      min-height: 100%;
    }
    .cards-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 12px;
      width: 100%;
      max-width: 640px;
      margin: 0 auto;
    }
    .detective-card {
      background: #ffffff;
      border-radius: 16px;
      padding: 16px 8px 14px;
      display: flex;
      flex-direction: column;
      align-items: center;
      text-align: center;
      cursor: pointer;
      border: 2px solid transparent;
      box-shadow: 0 2px 8px rgba(30, 41, 69, 0.06);
      transition: box-shadow 0.25s ease, border-color 0.25s ease, background-color 0.25s ease;
      user-select: none;
    }
    .glass-container {
      position: relative;
      width: 80px;
      height: 80px;
      margin-bottom: 12px;
      display: flex;
      align-items: center;
      justify-content: center;
    }
    .lens {
      position: absolute;
      width: 58px;
      height: 58px;
      top: 6px;
      left: 6px;
      border-radius: 50%;
      border: 4px solid;
      background: #ffffff;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 28px;
      box-shadow: inset 0 2px 6px rgba(0, 0, 0, 0.08), 0 3px 6px rgba(0,0,0,0.06);
      transition: box-shadow 0.25s ease;
    }
    .handle {
      position: absolute;
      width: 9px;
      height: 28px;
      bottom: 6px;
      right: 14px;
      border-radius: 4px;
      transform: rotate(-45deg);
      transform-origin: top center;
    }
    .card-who .lens { border-color: #f43f5e; }
    .card-who .handle { background: #f43f5e; }
    .card-who.active {
      border-color: #f43f5e;
      background: #fff1f2;
      box-shadow: 0 4px 14px rgba(244, 63, 94, 0.2);
    }

    .card-what .lens { border-color: #f59e0b; }
    .card-what .handle { background: #f59e0b; }
    .card-what.active {
      border-color: #f59e0b;
      background: #fffbeb;
      box-shadow: 0 4px 14px rgba(245, 158, 11, 0.22);
    }

    .card-where .lens { border-color: #0d9488; }
    .card-where .handle { background: #0d9488; }
    .card-where.active {
      border-color: #0d9488;
      background: #f0fdfa;
      box-shadow: 0 4px 14px rgba(13, 148, 136, 0.2);
    }

    .question-title {
      font-size: 18px;
      font-weight: 800;
      letter-spacing: 0.5px;
      margin-bottom: 4px;
    }
    .card-who .question-title { color: #e11d48; }
    .card-what .question-title { color: #d97706; }
    .card-where .question-title { color: #0d9488; }

    .question-sub {
      font-size: 13px;
      font-weight: 600;
      color: #64748b;
      line-height: 1.25;
    }

    @media (max-width: 440px) {
      .cards-grid {
        grid-template-columns: 1fr;
        gap: 10px;
      }
      .detective-card {
        flex-direction: row;
        padding: 10px 14px;
        text-align: left;
      }
      .glass-container {
        width: 60px;
        height: 60px;
        margin-bottom: 0;
        margin-right: 12px;
        flex-shrink: 0;
      }
      .lens {
        width: 44px;
        height: 44px;
        top: 4px;
        left: 4px;
        font-size: 22px;
        border-width: 3px;
      }
      .handle {
        width: 7px;
        height: 22px;
        bottom: 5px;
        right: 10px;
      }
      .card-text {
        display: flex;
        flex-direction: column;
      }
    }
  </style>
</head>
<body>

  <div class="cards-grid">
    
    <div class="detective-card card-who active" onclick="selectCard(0)">
      <div class="glass-container">
        <div class="lens">🧑‍🚀</div>
        <div class="handle"></div>
      </div>
      <div class="card-text">
        <div class="question-title">WHO</div>
        <div class="question-sub">Person or<br>Animal</div>
      </div>
    </div>

    
    <div class="detective-card card-what" onclick="selectCard(1)">
      <div class="glass-container">
        <div class="lens">⚙️</div>
        <div class="handle"></div>
      </div>
      <div class="card-text">
        <div class="question-title">WHAT</div>
        <div class="question-sub">Thing, Event,<br>or Action</div>
      </div>
    </div>

    
    <div class="detective-card card-where" onclick="selectCard(2)">
      <div class="glass-container">
        <div class="lens">📍</div>
        <div class="handle"></div>
      </div>
      <div class="card-text">
        <div class="question-title">WHERE</div>
        <div class="question-sub">Place or<br>Location</div>
      </div>
    </div>
  </div>

  <script>
    const cards = document.querySelectorAll('.detective-card');

    function selectCard(index) {
      cards.forEach((card, i) => {
        if (i === index) {
          card.classList.add('active');
        } else {
          card.classList.remove('active');
        }
      });
    }
  </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;
      font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    }
    body {
      background: transparent;
      color: #1e2945;
      padding: 12px;
      display: flex;
      flex-direction: column;
      gap: 12px;
      width: 100%;
    }
    
    /* Interactive Filter Bar */
    .filter-bar {
      display: flex;
      justify-content: center;
      gap: 8px;
      flex-wrap: wrap;
    }
    .filter-btn {
      appearance: none;
      border: 1.5px solid #cbd5e1;
      background: #ffffff;
      color: #475569;
      padding: 6px 14px;
      border-radius: 9999px;
      font-size: 13px;
      font-weight: 700;
      cursor: pointer;
      display: inline-flex;
      align-items: center;
      gap: 5px;
      transition: all 0.25s ease;
    }
    .filter-btn:focus { outline: none; }
    .filter-btn.active-all { background: #1e2945; color: #ffffff; border-color: #1e2945; }
    .filter-btn.active-who { background: #fee2e2; color: #991b1b; border-color: #f87171; }
    .filter-btn.active-where { background: #ccfbf1; color: #115e59; border-color: #2dd4bf; }
    .filter-btn.active-what { background: #fef3c7; color: #92400e; border-color: #fbbf24; }

    /* Sentence Box */
    .sentence-card {
      background: #ffffff;
      border: 1.5px solid #e2e8f0;
      border-radius: 12px;
      padding: 14px 16px;
      line-height: 1.8;
      font-size: 16px;
      font-weight: 500;
      text-align: center;
      box-shadow: 0 2px 6px rgba(0, 0, 0, 0.04);
      transition: opacity 0.25s ease;
    }
    
    .hl {
      display: inline-block;
      padding: 1px 6px;
      border-radius: 6px;
      font-weight: 700;
      transition: all 0.25s ease;
      cursor: pointer;
      position: relative;
    }
    .hl-who {
      background: #fee2e2;
      color: #991b1b;
      box-shadow: inset 0 0 0 1.5px #f87171;
    }
    .hl-where {
      background: #ccfbf1;
      color: #115e59;
      box-shadow: inset 0 0 0 1.5px #2dd4bf;
    }
    .hl-what {
      background: #fef3c7;
      color: #92400e;
      box-shadow: inset 0 0 0 1.5px #fbbf24;
    }

    /* Dimming inactive parts */
    .dim {
      opacity: 0.35;
      box-shadow: none;
    }

    /* Brackets & Breakdown Grid */
    .cards-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 8px;
    }
    @media (max-width: 480px) {
      .cards-grid {
        grid-template-columns: 1fr;
      }
    }

    .breakdown-card {
      background: #ffffff;
      border-radius: 10px;
      border: 1.5px solid #e2e8f0;
      padding: 10px;
      display: flex;
      flex-direction: column;
      gap: 6px;
      cursor: pointer;
      transition: all 0.25s ease;
    }
    .breakdown-card.card-who { border-top: 4px solid #f87171; }
    .breakdown-card.card-where { border-top: 4px solid #2dd4bf; }
    .breakdown-card.card-what { border-top: 4px solid #fbbf24; }

    .breakdown-card.selected {
      transform: translateY(-2px);
      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    }
    .breakdown-card.card-who.selected { border-color: #f87171; background: #fff5f5; }
    .breakdown-card.card-where.selected { border-color: #2dd4bf; background: #f0fdfa; }
    .breakdown-card.card-what.selected { border-color: #fbbf24; background: #fffdf5; }

    .tag-row {
      display: flex;
      align-items: center;
      justify-content: space-between;
    }
    .q-tag {
      font-size: 11px;
      font-weight: 800;
      letter-spacing: 0.5px;
      text-transform: uppercase;
      padding: 2px 6px;
      border-radius: 4px;
    }
    .card-who .q-tag { background: #fee2e2; color: #991b1b; }
    .card-where .q-tag { background: #ccfbf1; color: #115e59; }
    .card-what .q-tag { background: #fef3c7; color: #92400e; }

    .badge-check {
      font-size: 11px;
      font-weight: 700;
      color: #16a34a;
      display: inline-flex;
      align-items: center;
      gap: 2px;
      background: #dcfce7;
      padding: 1px 6px;
      border-radius: 9999px;
    }

    .q-label {
      font-size: 13px;
      font-weight: 700;
      color: #1e2945;
    }
    .q-sub {
      font-size: 12px;
      color: #64748b;
      line-height: 1.3;
    }
  </style>
</head>
<body>

  
  <div class="filter-bar">
    <button class="filter-btn active-all" id="btn-all" onclick="selectMode('all')">✦ View All</button>
    <button class="filter-btn" id="btn-who" onclick="selectMode('who')">🦦 WHO</button>
    <button class="filter-btn" id="btn-where" onclick="selectMode('where')">🌊 WHERE</button>
    <button class="filter-btn" id="btn-what" onclick="selectMode('what')">🪨 WHAT</button>
  </div>

  
  <div class="sentence-card">
    <span class="hl hl-who" id="hl-who" onclick="selectMode('who')">Sea otters</span>
    <span style="color:#64748b;">live</span>
    <span class="hl hl-where" id="hl-where" onclick="selectMode('where')">in chilly kelp forests</span>
    <span style="color:#64748b;">and</span>
    <span class="hl hl-what" id="hl-what" onclick="selectMode('what')">crack open hard clams with rocks</span>.
  </div>

  
  <div class="cards-grid">
    
    <div class="breakdown-card card-who selected" id="card-who" onclick="selectMode('who')">
      <div class="tag-row">
        <span class="q-tag">WHO</span>
        <span class="badge-check">✓ Matched</span>
      </div>
      <div class="q-label">The Animal</div>
      <div class="q-sub">Sea otters</div>
    </div>

    
    <div class="breakdown-card card-where selected" id="card-where" onclick="selectMode('where')">
      <div class="tag-row">
        <span class="q-tag">WHERE</span>
        <span class="badge-check">✓ Matched</span>
      </div>
      <div class="q-label">The Place</div>
      <div class="q-sub">Chilly kelp forests</div>
    </div>

    
    <div class="breakdown-card card-what selected" id="card-what" onclick="selectMode('what')">
      <div class="tag-row">
        <span class="q-tag">WHAT</span>
        <span class="badge-check">✓ Matched</span>
      </div>
      <div class="q-label">The Action</div>
      <div class="q-sub">Crack clams with rocks</div>
    </div>
  </div>

  <script>
    let currentMode = 'all';

    function selectMode(mode) {
      currentMode = mode;
      
      const modes = ['all', 'who', 'where', 'what'];
      const targets = ['who', 'where', 'what'];

      // Update button styles
      modes.forEach(m => {
        const btn = document.getElementById('btn-' + m);
        btn.className = 'filter-btn';
        if (m === mode) {
          btn.classList.add('active-' + m);
        }
      });

      // Update highlights and cards
      targets.forEach(t => {
        const hl = document.getElementById('hl-' + t);
        const card = document.getElementById('card-' + t);

        if (mode === 'all' || mode === t) {
          hl.classList.remove('dim');
          card.classList.add('selected');
          card.classList.remove('dim');
        } else {
          hl.classList.add('dim');
          card.classList.remove('selected');
          card.classList.add('dim');
        }
      });
    }
  </script>
</body>
</html>

Asking When, Why, and How Questions to Explain Ideas

Locating Direct Facts and Clues in the Text

Citing Text Evidence to Prove Your Answers

Asking Questions Before, During, and After Reading

Answering Questions That Require Simple Inferences

Distinguishing Between Factual Answers and Opinions

Asking and Answering Questions with Text Evidence

稍长语篇关键事实信息提取与表格整理

段落核心大意与语篇主题思想提炼

多组信息的异同点比较与内在关联分析

基于动作与言语细节推断人物心理与情感状态

人物行为动机深度剖析与因果推断

语篇字里行间的言外之意与弦外之音推断

从社会、个人与自然多重视角解读语篇深层意义

人物行为的道德取向与价值判断评价

语篇核心信息提取、人物心理与深层推断

Sagor och berättelser från Tornedalen

Berättande texters struktur: början, handling och avslut

Personer och miljöer i barn- och ungdomslitteratur

Ungdomstexter om identitet och modersmål

Poetiska texter, rim och ramsor på meänkieli

Sångtexter och visor i tornedalsk tradition

Berättande och poetiska texter på meänkieli

Läsa och tolka texter från olika medier

Lässtrategier före läsning: Förförståelse och hypoteser

Lässtrategier under läsning: Ställa frågor och reda ut oklarheter

Lässtrategier efter läsning: Sammanfatta och reflektera

Läsa mellan raderna och dra slutsatser (inferenser)

Hjälpmedel för ordförståelse: Ordböcker och digitala resurser

Informationssökning och källkritik i digitala medier

Ungdomslitteratur: Teman om identitet och livsfrågor

Människors villkor i berättande texter

Strukturen i sakprosatexter: Rubriker, ingress och brödtext

Lässtrategier och textanalys i olika medier

Lectura de sílabas directas con m, p y s

Formación y lectura de primeras palabras: mamá, papá, mesa

Lectura de sílabas directas con l, t y d

Lectura de palabras bisílabas con l, t y d

Lectura de sílabas con n, f, b y v

Lectura de palabras con c (ca, co, cu) y q (que, qui)

Lectura de sílabas con c (ce, ci) y z (za, zo, zu)

Sílabas directas y palabras con consonantes básicas

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

Läsa och följa en enkel instruktion

Enkla recept på meänkieli

Spelregler och lekanvisningar

Pysselinstruktioner steg för steg

Beskriva djur och natur i närmiljön

Beskriva vardagsföremål och kläder

Ord för ordning och läge i beskrivningar

Skriva en enkel kom-ihåg-lista och schema

Känna igen skyltar och enkla anslag

Skriva en enkel instruktion med bilder

Beskriva en plats eller ett rum

Jämföra instruktioner och berättelser

Beskrivande och instruerande texter

Lectura de palabras con g (ga, go, gu) y gu (gue, gui)

Lectura de palabras con j y g (ge, gi)

Lectura de palabras con r suave y r fuerte al inicio

Lectura de palabras con h muda y con y

Reconocimiento global de palabras de alta frecuencia

Lectura guiada de frases simples con ilustraciones

Asociación de oración corta con su imagen correcta

Consonantes especiales, palabras frecuentes y oraciones

Följa enkla steg-för-steg-instruktioner

Läsa och förstå enkla recept

Spelregler och lekinstruktioner

Läsa beskrivningar av föremål och djur

Läsa beskrivningar av personer och platser

Faktatexter om romska traditioner och hantverk

Rubriker, mellanrubriker och punktlistor

Sammanhängande beskrivningar av processer

Sambandsord för ordning och orsak

Jämföra instruerande och berättande texttyper

Granska och bedöma information i enkla faktatexter

Instruerande och beskrivande texter

What Does It Mean to Make an Inference?

Finding Clue Words That Help You Infer

Using Pictures to Make Inferences

Supporting Your Inferences With Evidence From the Text

Answering Questions Using Text Evidence

Using Background Knowledge to Make Inferences

Reading Comprehension: Making Inferences

Beskrivande texter om djur och natur

Instruerande texter: recept och pysselbeskrivningar

Förklarande texter: hur och varför saker fungerar

Argumenterande texter: åsikter och motiveringar i artiklar

Tidningsartiklar och nyheter på meänkieli

Budskap och tema i skönlitteratur

Jämföra olika texter och uttryckssätt

Sakprosa och textjämförelser på meänkieli

Skrivprocessens steg: Planera, skriva och bearbeta

Skriva en berättande text med röd tråd och dramaturgi

Beskrivande och förklarande texter: Artiklar och reportage

Instruerande texter: Recept och arbetsbeskrivningar

Argumenterande texter: Tes, argument och motargument

Sammanbindande ord och textbindning i egna texter

Anpassa textens språk och ton till mottagaren

Skapa texter med ord, bild och ljud

Multimodalt berättande: Podd eller digital berättelse

Ge och ta emot kamratrespons på skrivna texter

Skrivande, texttyper och multimodalt skapande

Lectura de palabras con dígrafos ch y ll

Lectura de palabras con el dígrafo rr

Lectura de sílabas inversas con s: as, es, is, os, us

Lectura de sílabas inversas con l: al, el, il, ol, ul

Lectura de sílabas inversas con n y r: an, en, ar, er

Combinaciones consonánticas con l: bl, cl, fl, gl, pl

Combinaciones consonánticas con r: br, cr, fr, gr, pr, tr, dr

Palabras con diptongos frecuentes: ia, ie, io, ue, ua

Palabras con diéresis en güe y güi

Dígrafos, sílabas inversas y combinaciones consonánticas

What Are Key Ideas in a Text?

Separating Important Details From Less Important Details

Identifying Key Details That Support the Topic

Finding the Main Idea Using Key Details

Combining Information From Two Parts of a Text

Creating New Ideas by Combining What You Read

Synthesizing Information From Pictures and Words

Reading Comprehension: Evaluating Key Ideas and Synthesizing

Lectura en eco y modelado de lectura fluida

Lectura coral de rimas y retahílas

Respeto de la pausa del punto en la lectura oral

Lectura con entonación de preguntas y exclamaciones

Lectura autónoma de microtextos con apoyo visual

Fluidez lectora y expresión oral

Skillnaden mellan saga och faktatext

Faktatextens delar: Rubrik, bild och bildtext

Läsa enkla faktatexter om djur och natur

Läsa fakta om kroppen och hälsan

Läsa enkla instruktioner och recept steg för steg

Faktatexter om romsk historia och traditioner

Läsa enkla scheman, listor och tabeller

Läsa och förstå enkla faktatexter

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

Identifying the Format and Purpose of News Broadcasts

Analyzing Advertisements and Persuasive Media Messages

Extracting Information from Educational Videos and Podcasts

Evaluating Visual Tricks and Sound Effects in Media

Comparing Print Articles to Video News Reports

Distinguishing Reliable Online Sources from Unreliable Sources

Creating and Presenting an Informational Media Message

Analyzing Mass Media and Digital Formats

Who and What Questions About Information Books

Where and When Questions About Information Books

Why and How Questions About Information Books

Finding the Important Details in Information Books

What Is the Main Topic of This Book?

Finding the Main Topic in a Text with Many Paragraphs

What Is Each Paragraph About?

Main Topic or Just a Detail?

Using the Title to Find the Topic

Putting It Together: Questions and Main Topic

Informational Text: Questions and Main Topic

Las partes del libro: portada, contraportada, título y autor

Para qué sirve el índice y los números de página

Lectura y función del afiche escolar

Las tarjetas de invitación y felicitación

La carta y el mensaje a un amigo

Las notas y los recados en la nevera o el tablero

Exploración de libros y mensajes sociales

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

Uttrycka känslor, kunskaper och åsikter med varierat ordförråd

Ord för vad vi tycker och känner på romani

Berätta om vad du vet och kan på romani

Läsa och följa ett enkelt recept eller pyssel

Enkla spelregler och instruktioner för lekar

Beskriva ett djur eller en sak med enkla ord

Enkla instruerande och beskrivande texter samt ord och känslor

OGE.3.RI.1

Aligned learning resources

Related diagrams