<!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">
  <title>Chronological Order Timeline</title>
  <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;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      min-height: 100vh;
      padding: 16px;
    }

    .timeline-wrap {
      width: 100%;
      max-width: 620px;
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 24px;
    }

    /* Track Container */
    .timeline {
      position: relative;
      display: flex;
      justify-content: space-between;
      align-items: flex-start;
      width: 100%;
      padding-top: 10px;
    }

    /* Connecting Base Line */
    .timeline-track {
      position: absolute;
      top: 50px;
      left: 12%;
      right: 12%;
      height: 4px;
      background: #e2e8f0;
      z-index: 1;
    }

    .timeline-progress {
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      width: 0%;
      background: #22b7ff;
      transition: width 0.4s ease;
    }

    /* Nodes */
    .node {
      position: relative;
      z-index: 2;
      display: flex;
      flex-direction: column;
      align-items: center;
      text-align: center;
      width: 30%;
      cursor: pointer;
    }

    .node-badge {
      display: inline-block;
      font-size: 13px;
      font-weight: 700;
      padding: 4px 10px;
      border-radius: 12px;
      background: #f1f5f9;
      color: #64748b;
      margin-bottom: 10px;
      transition: all 0.3s ease;
      white-space: nowrap;
    }

    .node-circle {
      width: 64px;
      height: 64px;
      border-radius: 50%;
      background: #ffffff;
      border: 3px solid #cbd5e1;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 28px;
      transition: all 0.3s ease;
      box-shadow: 0 2px 6px rgba(0,0,0,0.05);
    }

    .node-label {
      margin-top: 12px;
      font-size: 14px;
      line-height: 1.35;
      font-weight: 600;
      color: #475569;
      transition: color 0.3s ease;
    }

    /* Active / Visited States */
    .node.active .node-badge {
      background: #e0f2fe;
      color: #0284c7;
    }

    .node.active .node-circle {
      border-color: #22b7ff;
      box-shadow: 0 0 0 4px rgba(34, 183, 255, 0.25);
    }

    .node.active .node-label {
      color: #0f172a;
      font-weight: 700;
    }

    .node.visited .node-circle {
      border-color: #22b7ff;
      background: #f8fafc;
    }

    .node.visited .node-badge {
      color: #0284c7;
    }

    /* Bottom Controls */
    .controls {
      display: flex;
      align-items: center;
      gap: 12px;
    }

    .btn {
      background: #ffffff;
      border: 1px solid #cbd5e1;
      color: #1e2945;
      padding: 6px 14px;
      border-radius: 8px;
      font-size: 14px;
      font-weight: 600;
      cursor: pointer;
      display: inline-flex;
      align-items: center;
      gap: 6px;
      user-select: none;
      transition: background 0.2s;
    }

    .btn:active {
      background: #f1f5f9;
    }

    .step-indicator {
      font-size: 13px;
      font-weight: 600;
      color: #64748b;
    }

    @media (max-width: 440px) {
      .node-circle {
        width: 52px;
        height: 52px;
        font-size: 22px;
      }
      .node-badge {
        font-size: 11px;
        padding: 3px 8px;
      }
      .node-label {
        font-size: 12px;
      }
      .timeline-track {
        top: 44px;
      }
    }
  </style>
</head>
<body>

  <div class="timeline-wrap">
    <div class="timeline">
      <div class="timeline-track">
        <div class="timeline-progress" id="progress"></div>
      </div>

      
      <div class="node active" onclick="goToStep(0)">
        <span class="node-badge">First (1899)</span>
        <div class="node-circle">🪁</div>
        <div class="node-label">Tested<br>wing kites</div>
      </div>

      
      <div class="node" onclick="goToStep(1)">
        <span class="node-badge">Next (1903)</span>
        <div class="node-circle">✈️</div>
        <div class="node-label">First powered<br>flight</div>
      </div>

      
      <div class="node" onclick="goToStep(2)">
        <span class="node-badge">Later (1908)</span>
        <div class="node-circle">🛫</div>
        <div class="node-label">Public flight<br>demos</div>
      </div>
    </div>

    
    <div class="controls">
      <button class="btn" id="prevBtn" onclick="prevStep()">← Prev</button>
      <span class="step-indicator" id="stepCounter">Event 1 of 3</span>
      <button class="btn" id="nextBtn" onclick="nextStep()">Next →</button>
    </div>
  </div>

  <script>
    let currentStep = 0;
    const totalSteps = 3;
    const progressEl = document.getElementById('progress');
    const counterEl = document.getElementById('stepCounter');
    const nodes = document.querySelectorAll('.node');

    function updateView() {
      nodes.forEach((node, idx) => {
        node.classList.remove('active', 'visited');
        if (idx === currentStep) {
          node.classList.add('active');
        } else if (idx < currentStep) {
          node.classList.add('visited');
        }
      });

      const pct = (currentStep / (totalSteps - 1)) * 100;
      progressEl.style.width = pct + '%';
      counterEl.textContent = `Event ${currentStep + 1} of ${totalSteps}`;
    }

    function goToStep(idx) {
      currentStep = idx;
      updateView();
    }

    function nextStep() {
      currentStep = (currentStep + 1) % totalSteps;
      updateView();
    }

    function prevStep() {
      currentStep = (currentStep - 1 + totalSteps) % totalSteps;
      updateView();
    }

    // Auto-advance calmly every 4s to demonstrate sequence
    let timer = setInterval(nextStep, 4000);

    // Pause auto-advance on direct user interaction
    document.querySelector('.timeline-wrap').addEventListener('pointerdown', () => {
      clearInterval(timer);
    });
  </script>
</body>
</html>

Tracking Chronological Order in Historical Texts

<!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: #f8fafc;
      color: #1e2945;
      padding: 12px;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      min-height: 100%;
    }
    .grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 12px;
      width: 100%;
      max-width: 600px;
    }
    @media (max-width: 440px) {
      .grid {
        grid-template-columns: 1fr;
        gap: 10px;
      }
    }
    .panel {
      background: #ffffff;
      border-radius: 12px;
      padding: 12px;
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 8px;
    }
    .panel-scrambled {
      border: 2px solid #ef4444;
      background: #fffafa;
    }
    .panel-ordered {
      border: 2px solid #10b981;
      background: #f0fdf4;
    }
    .panel-header {
      font-size: 13px;
      font-weight: 800;
      text-transform: uppercase;
      letter-spacing: 0.5px;
      display: flex;
      align-items: center;
      gap: 6px;
      padding-bottom: 2px;
    }
    .panel-scrambled .panel-header {
      color: #dc2626;
    }
    .panel-ordered .panel-header {
      color: #059669;
    }
    .sequence {
      display: flex;
      flex-direction: column;
      gap: 6px;
      width: 100%;
    }
    .card-item {
      background: #ffffff;
      border: 1px solid #e2e8f0;
      border-radius: 8px;
      padding: 8px 10px;
      display: flex;
      align-items: center;
      gap: 10px;
      box-shadow: 0 1px 3px rgba(0,0,0,0.04);
      position: relative;
    }
    .num-badge {
      width: 20px;
      height: 20px;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 11px;
      font-weight: 700;
      flex-shrink: 0;
    }
    .panel-scrambled .num-badge {
      background: #fee2e2;
      color: #dc2626;
    }
    .panel-ordered .num-badge {
      background: #d1fae5;
      color: #059669;
    }
    .icon {
      font-size: 22px;
      line-height: 1;
      flex-shrink: 0;
    }
    .label {
      font-size: 13px;
      font-weight: 600;
      color: #334155;
    }
    .arrow-connector {
      display: flex;
      justify-content: center;
      align-items: center;
      height: 10px;
      color: #10b981;
      font-size: 11px;
      font-weight: bold;
      margin: -2px 0;
    }
    .scramble-separator {
      display: flex;
      justify-content: center;
      align-items: center;
      height: 10px;
      color: #cbd5e1;
      font-size: 10px;
      margin: -2px 0;
    }
  </style>
</head>
<body>

  <div class="grid">
    
    <div class="panel panel-scrambled">
      <div class="panel-header">
        <span>✕</span>
        <span>Scrambled</span>
      </div>
      <div class="sequence">
        <div class="card-item">
          <div class="num-badge">1</div>
          <span class="icon">🍽️</span>
          <span class="label">Eating cake</span>
        </div>
        <div class="scramble-separator">⋮</div>
        <div class="card-item">
          <div class="num-badge">2</div>
          <span class="icon">🎂</span>
          <span class="label">Blowing candles</span>
        </div>
        <div class="scramble-separator">⋮</div>
        <div class="card-item">
          <div class="num-badge">3</div>
          <span class="icon">🥣</span>
          <span class="label">Baking cake</span>
        </div>
      </div>
    </div>

    
    <div class="panel panel-ordered">
      <div class="panel-header">
        <span>✓</span>
        <span>Chronological</span>
      </div>
      <div class="sequence">
        <div class="card-item">
          <div class="num-badge">1</div>
          <span class="icon">🥣</span>
          <span class="label">Baking cake</span>
        </div>
        <div class="arrow-connector">↓</div>
        <div class="card-item">
          <div class="num-badge">2</div>
          <span class="icon">🎂</span>
          <span class="label">Blowing candles</span>
        </div>
        <div class="arrow-connector">↓</div>
        <div class="card-item">
          <div class="num-badge">3</div>
          <span class="icon">🍽️</span>
          <span class="label">Eating cake</span>
        </div>
      </div>
    </div>
  </div>

</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">
  <title>Chronological Order Clues</title>
  <style>
    * {
      box-sizing: border-box;
      margin: 0;
      padding: 0;
      font-family: system-ui, -apple-system, sans-serif;
    }

    body {
      background: #f8fafc;
      color: #1e2945;
      padding: 12px;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      min-height: 100%;
    }

    /* Grid Layout */
    .grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 12px;
      margin-bottom: 12px;
    }

    .column {
      display: flex;
      flex-direction: column;
      gap: 8px;
    }

    .col-title {
      font-size: 13px;
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: 0.5px;
      color: #64748b;
      text-align: center;
    }

    /* Column 1: Street Sign Badges */
    .sign-badge {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      padding: 8px 6px;
      border-radius: 6px;
      color: #ffffff;
      font-weight: 700;
      font-size: 13px;
      text-align: center;
      box-shadow: 0 2px 4px rgba(0,0,0,0.08);
      border: 2px solid rgba(255,255,255,0.7);
      outline: 1px solid rgba(0,0,0,0.15);
      cursor: pointer;
      transition: opacity 0.3s ease, filter 0.3s ease;
      min-height: 52px;
    }

    .sign-badge .subtext {
      font-size: 11px;
      font-weight: 500;
      opacity: 0.92;
    }

    .sign-green { background: #16a34a; }
    .sign-yellow { background: #d97706; }
    .sign-blue { background: #2563eb; }

    /* Column 2: Calendar Cards */
    .cal-card {
      display: flex;
      flex-direction: column;
      background: #ffffff;
      border: 1px solid #cbd5e1;
      border-radius: 6px;
      overflow: hidden;
      box-shadow: 0 2px 4px rgba(0,0,0,0.06);
      cursor: pointer;
      transition: opacity 0.3s ease, filter 0.3s ease;
      min-height: 52px;
    }

    .cal-header {
      background: #e2e8f0;
      color: #475569;
      font-size: 10px;
      font-weight: 700;
      text-align: center;
      padding: 2px 4px;
      text-transform: uppercase;
      letter-spacing: 0.5px;
      border-bottom: 1px solid #cbd5e1;
    }

    .cal-body {
      flex: 1;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 13px;
      font-weight: 700;
      color: #0f172a;
      padding: 4px 6px;
      text-align: center;
    }

    /* Active Highlight States */
    .dimmed {
      opacity: 0.38;
      filter: grayscale(40%);
    }

    .active-step {
      opacity: 1;
      filter: none;
      box-shadow: 0 0 0 2px #0284c7;
    }

    /* Bottom Timeline */
    .timeline-bar {
      background: #ffffff;
      border: 1px solid #e2e8f0;
      border-radius: 8px;
      padding: 10px 14px;
      display: flex;
      flex-direction: column;
      gap: 6px;
    }

    .timeline-track {
      position: relative;
      height: 6px;
      background: #e2e8f0;
      border-radius: 3px;
      display: flex;
      align-items: center;
      justify-content: space-between;
    }

    .track-fill {
      position: absolute;
      left: 0;
      top: 0;
      height: 100%;
      background: #0284c7;
      border-radius: 3px;
      transition: width 0.4s ease;
    }

    .track-node {
      position: relative;
      z-index: 2;
      width: 16px;
      height: 16px;
      border-radius: 50%;
      background: #cbd5e1;
      border: 2px solid #ffffff;
      cursor: pointer;
      transition: background-color 0.3s ease;
    }

    .track-node.active {
      background: #0284c7;
    }

    .timeline-labels {
      display: flex;
      justify-content: space-between;
      align-items: center;
      font-size: 12px;
      font-weight: 700;
      color: #64748b;
    }

    .arrow-indicator {
      font-size: 11px;
      color: #0284c7;
      font-weight: 600;
    }

    /* Responsive adjustments */
    @media (max-width: 380px) {
      .grid {
        gap: 8px;
      }
      .sign-badge {
        font-size: 12px;
        padding: 6px 4px;
        min-height: 48px;
      }
      .sign-badge .subtext {
        font-size: 10px;
      }
      .cal-body {
        font-size: 12px;
      }
    }
  </style>
</head>
<body>

  
  <div class="grid">
    
    <div class="column">
      <div class="col-title">Word Clues</div>
      
      <div class="sign-badge sign-green step-item" data-step="0">
        <div>First</div>
        <div class="subtext">In the beginning</div>
      </div>

      <div class="sign-badge sign-yellow step-item" data-step="1">
        <div>Next / Later</div>
        <div class="subtext">Soon after</div>
      </div>

      <div class="sign-badge sign-blue step-item" data-step="2">
        <div>Finally</div>
        <div class="subtext">In the end</div>
      </div>
    </div>

    
    <div class="column">
      <div class="col-title">Date Clues</div>

      <div class="cal-card step-item" data-step="0">
        <div class="cal-header">Early Event</div>
        <div class="cal-body">In 1903</div>
      </div>

      <div class="cal-card step-item" data-step="1">
        <div class="cal-header">Middle Event</div>
        <div class="cal-body">July 20, 1969</div>
      </div>

      <div class="cal-card step-item" data-step="2">
        <div class="cal-header">Latest Event</div>
        <div class="cal-body">In 2024</div>
      </div>
    </div>
  </div>

  
  <div class="timeline-bar">
    <div class="timeline-track">
      <div class="track-fill" id="trackFill" style="width: 0%;"></div>
      <div class="track-node active" data-step="0"></div>
      <div class="track-node" data-step="1"></div>
      <div class="track-node" data-step="2"></div>
    </div>

    <div class="timeline-labels">
      <span>Past</span>
      <span class="arrow-indicator">Chronological Order ➔</span>
      <span>Present</span>
    </div>
  </div>

  <script>
    const items = document.querySelectorAll('.step-item');
    const nodes = document.querySelectorAll('.track-node');
    const trackFill = document.getElementById('trackFill');

    let currentStep = 0;
    const totalSteps = 3;
    let timer = null;

    const fillWidths = ['0%', '50%', '100%'];

    function renderStep(step) {
      currentStep = step;
      
      // Update grid items
      items.forEach(el => {
        const itemStep = parseInt(el.getAttribute('data-step'), 10);
        if (itemStep === step) {
          el.classList.add('active-step');
          el.classList.remove('dimmed');
        } else {
          el.classList.remove('active-step');
          el.classList.add('dimmed');
        }
      });

      // Update timeline nodes and track fill
      nodes.forEach((node, idx) => {
        if (idx <= step) {
          node.classList.add('active');
        } else {
          node.classList.remove('active');
        }
      });

      trackFill.style.width = fillWidths[step];
    }

    function startAutoPlay() {
      stopAutoPlay();
      timer = setInterval(() => {
        const next = (currentStep + 1) % totalSteps;
        renderStep(next);
      }, 3200);
    }

    function stopAutoPlay() {
      if (timer) clearInterval(timer);
    }

    // Interactivity
    document.querySelectorAll('[data-step]').forEach(el => {
      el.addEventListener('click', () => {
        stopAutoPlay();
        const step = parseInt(el.getAttribute('data-step'), 10);
        renderStep(step);
        startAutoPlay();
      });
    });

    // Initialize
    renderStep(0);
    startAutoPlay();
  </script>
</body>
</html>

语篇时间顺序衔接词的识别与事件发展追踪

语篇因果逻辑衔接词分析与事件因果链条梳理

语篇转折与对比衔接词的语用辨析

代词指代与语篇信息连贯性判断

句际与段落间的递进与解释逻辑关系判别

记叙文语篇的起承转合结构特征识别

说明文总分与分类介绍结构解析

应用文通知与书信的格式及信息布局特征

同类型语篇的共性特征归纳与对比

辩证看待语篇事实与多重视角分析

语篇逻辑、衔接辨识与结构特征分析

Finding the Topic Sentence in a Paragraph

Distinguishing Between Main Ideas and Supporting Details

Finding the Central Idea Across Multiple Paragraphs

How Paragraphs Build Upon Each Other

Determining the Central Focus When Unstated

Summarizing a Nonfiction Text with Key Details

Matching Supporting Evidence to Central Claims

Main Idea, Key Details, and Multi-Paragraph Structure

Following Steps in a Technical or Scientific Process

Identifying Cause and Effect in Scientific Explanations

Connecting Actions and Consequences in History

Identifying Comparison and Contrast Relationships

Analyzing Problem and Solution Connections

Using Transition Words to Uncover Text Structure

Text Connections: Sequence, Cause-and-Effect, and Comparison

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

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

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

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

Reading Labeled Diagrams and Cutaways

Interpreting Maps, Legends, and Compass Roses

Reading Bar Graphs, Pictograms, and Simple Tables

Analyzing Photographs and Illustrations for Key Details

Reading Timelines to Understand Chronology

Interpreting Infographics Combining Words and Data

Explaining How Visuals Clarify and Enhance Written Text

Interpreting Graphic Elements, Visuals, and Multimodal Data

Comparing Key Facts in Two Texts on the Same Topic

Contrasting Different Text Structures on the Same Topic

Comparing Visual Presentations Across Two Sources

Identifying Differing Perspectives on the Same Topic

Synthesizing Information from Two Texts into a Summary

Resolving Discrepancies and Varying Details in Sources

Comparing, Contrasting, and Synthesizing Multiple Informational Texts

Activating Background Knowledge and Schema Before Reading

Forming Predictions and Hypotheses from Title Cues

Reading History and Biographies with Historical Thinking

Reading Science Texts to Understand Natural Phenomena

Reading Social Studies Texts About Communities and Culture

Monitoring Comprehension and Rereading Confusing Passages

Evaluating and Reflecting on Grade-Level Informational Texts

Reading and Evaluating Science, History, and Technical Texts

How Historical Events Connect to Each Other

How Scientific Ideas Connect to Each Other

How Steps in a Process Connect to Each Other

Using Captions and Bold Print to Find Information

Using Subheadings and Glossaries to Find Information

Using Indexes and Electronic Menus to Find Information

How Diagrams Help Us Understand the Text

How Photographs Add to What the Words Say

How Maps and Charts Help Us Understand

Putting It Together: Features, Images, and Connections

Informational Text: Connections and Text Features

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

Beskriva en plats eller ett rum med enkla ord

Enkla instruerande och beskrivande texter samt ord och känslor

Läsa instruerande och beskrivande texter

Recept på tornedalska maträtter: rieska och kaffeost

Spel- och lekregler: följa enkla instruktioner i lek

Beskrivande texter om djur i den tornedalska naturen

Faktatexter om tornedalsk kultur och miljö

Skriva en egen enkel instruktion med bildstöd

Enkla saktexter och instruktioner i vardagen

Ungdomsböcker och berättelser: Teman och budskap

Sånger och dikter på romani chib

Instruerande texter: Recept, regler och steg-för-steg

Skriva enkla instruktioner och manualer

Beskrivande texter: Sakprosa och faktabaserade beskrivningar

Traditioner och kulturella uttryck i litterära texter

Romska författare och deras författarskap

Katarina Taikon och Katitziserien

Samtida romska författare och nutida skildringar

Romsk litteratur och texttyper

Läsa och lyssna på ungdomsberättelser och sagor

Sånger, ramsor och dikter på meänkieli

Instruerande texter: syfte och stegvisa instruktioner

Beskrivande texter: syfte, innehåll och kännetecken

Språkliga drag i instruktioner och beskrivningar

Texter om människors villkor och livsfrågor

Texter med anknytning till tornedalsk kultur

Lära känna tornedalska författare

Författaren Bengt Pohjanen och hans berättelser

Barn- och ungdomsböcker på meänkieli och deras skapare

Texter, berättelser och författare i meänkieli

Escritura de instrucciones: los pasos para un juego de patio

Escritura de una receta sencilla: cómo hacer una ensalada de frutas

Instrucciones para el cuidado y lavado correcto de las manos

Creación de un afiche ilustrado para el aula

Elaboración de una tarjeta de agradecimiento

Escritura de textos instructivos y mensajes prácticos

Descripción oral detallada de un objeto misterioso

Descripción oral de un paisaje o lugar visitado

Contar una anécdota personal siguiendo el orden del tiempo

Dar instrucciones orales para hacer una figura de origami

Explicar un juego tradicional a los amigos del salón

Comunicación oral: narración, descripción e instrucciones

OGE.3.RI.3

OGE.3.RI.3

Aligned learning resources

Related diagrams