<!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: 12px 8px;
      display: flex;
      justify-content: center;
      align-items: center;
      min-height: 100%;
    }

    .classification-grid {
      display: grid;
      grid-template-columns: 1fr auto 1fr;
      gap: 12px;
      width: 100%;
      max-width: 620px;
      align-items: start;
    }

    .divider {
      width: 1px;
      border-left: 2px dashed #cbd5e1;
      height: 100%;
      min-height: 320px;
      align-self: stretch;
    }

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

    .header-pill {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 6px;
      padding: 7px 12px;
      border-radius: 9999px;
      font-size: 14px;
      font-weight: 700;
      text-align: center;
      user-select: none;
    }

    .living-pill {
      background: #ecfdf5;
      color: #065f46;
      border: 1px solid #a7f3d0;
    }

    .nonliving-pill {
      background: #f1f5f9;
      color: #334155;
      border: 1px solid #cbd5e1;
    }

    .item-list {
      display: flex;
      flex-direction: column;
      gap: 9px;
    }

    .item-card {
      display: flex;
      align-items: center;
      gap: 10px;
      padding: 8px 10px;
      background: #ffffff;
      border-radius: 12px;
      box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
      transition: box-shadow 0.2s ease, background-color 0.2s ease;
      cursor: default;
    }

    .living-card {
      border: 1px solid #d1fae5;
    }
    .living-card:hover {
      box-shadow: 0 4px 10px rgba(16, 185, 129, 0.15);
      background-color: #fafffc;
    }

    .nonliving-card {
      border: 1px solid #e2e8f0;
    }
    .nonliving-card:hover {
      box-shadow: 0 4px 10px rgba(100, 116, 139, 0.15);
      background-color: #fafbfc;
    }

    .icon-bubble {
      width: 38px;
      height: 38px;
      border-radius: 10px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 20px;
      flex-shrink: 0;
    }

    .living-bubble {
      background: #d1fae5;
    }

    .nonliving-bubble {
      background: #e2e8f0;
    }

    .item-content {
      display: flex;
      flex-direction: column;
      min-width: 0;
    }

    .item-title {
      font-size: 14px;
      font-weight: 700;
      color: #0f172a;
      line-height: 1.2;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }

    .item-subtext {
      font-size: 11.5px;
      color: #64748b;
      line-height: 1.25;
      margin-top: 2px;
    }

    @media (max-width: 440px) {
      .classification-grid {
        gap: 8px;
      }
      .item-card {
        padding: 7px 8px;
        gap: 8px;
      }
      .icon-bubble {
        width: 32px;
        height: 32px;
        font-size: 17px;
      }
      .item-title {
        font-size: 13px;
      }
      .item-subtext {
        font-size: 10.5px;
      }
      .header-pill {
        font-size: 12.5px;
        padding: 6px 8px;
      }
    }
  </style>
</head>
<body>
  <div class="classification-grid">
    
    <div class="column">
      <div class="header-pill living-pill">
        <span>🌱</span> Living Things
      </div>
      <div class="item-list">
        <div class="item-card living-card">
          <div class="icon-bubble living-bubble">🐱</div>
          <div class="item-content">
            <div class="item-title">Cat</div>
            <div class="item-subtext">Needs food & breathes</div>
          </div>
        </div>

        <div class="item-card living-card">
          <div class="icon-bubble living-bubble">🌳</div>
          <div class="item-content">
            <div class="item-title">Oak Tree</div>
            <div class="item-subtext">Grows & makes energy</div>
          </div>
        </div>

        <div class="item-card living-card">
          <div class="icon-bubble living-bubble">🐛</div>
          <div class="item-content">
            <div class="item-title">Caterpillar</div>
            <div class="item-subtext">Changes & reproduces</div>
          </div>
        </div>
      </div>
    </div>

    
    <div class="divider"></div>

    
    <div class="column">
      <div class="header-pill nonliving-pill">
        <span>⚙️</span> Nonliving Things
      </div>
      <div class="item-list">
        <div class="item-card nonliving-card">
          <div class="icon-bubble nonliving-bubble">🛹</div>
          <div class="item-content">
            <div class="item-title">Skateboard</div>
            <div class="item-subtext">Cannot move on its own</div>
          </div>
        </div>

        <div class="item-card nonliving-card">
          <div class="icon-bubble nonliving-bubble">🪨</div>
          <div class="item-content">
            <div class="item-title">Rock</div>
            <div class="item-subtext">Never needs food or air</div>
          </div>
        </div>

        <div class="item-card nonliving-card">
          <div class="icon-bubble nonliving-bubble">⚽</div>
          <div class="item-content">
            <div class="item-title">Soccer Ball</div>
            <div class="item-subtext">Does not grow or change</div>
          </div>
        </div>
      </div>
    </div>
  </div>
</body>
</html>

What Makes Something Alive?

<!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 {
      width: 100%;
      min-height: 100%;
      background: transparent;
      color: #1e2945;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      padding: 12px;
    }

    .grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 12px;
      width: 100%;
      max-width: 520px;
    }

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

    .tile {
      background: #ffffff;
      border: 2px solid #e2e8f0;
      border-radius: 16px;
      padding: 14px 12px;
      display: flex;
      flex-direction: column;
      align-items: center;
      text-align: center;
      box-shadow: 0 2px 6px rgba(0, 0, 0, 0.04);
      transition: border-color 0.2s ease, box-shadow 0.2s ease;
      user-select: none;
    }

    .tile:active {
      box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.2);
    }

    .icon {
      font-size: 38px;
      line-height: 1;
      margin-bottom: 4px;
    }

    .title {
      font-size: 17px;
      font-weight: 700;
      margin-bottom: 10px;
      color: #0f172a;
    }

    .trait-box {
      width: 100%;
      display: flex;
      flex-direction: column;
      gap: 6px;
      margin-bottom: 12px;
    }

    .pill {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 6px;
      font-size: 13px;
      font-weight: 600;
      padding: 5px 8px;
      border-radius: 8px;
    }

    .pill-yes {
      background: #ecfdf5;
      color: #047857;
      border: 1px solid #a7f3d0;
    }

    .pill-no {
      background: #fef2f2;
      color: #b91c1c;
      border: 1px dashed #fca5a5;
    }

    .badge-status {
      margin-top: auto;
      width: 100%;
      background: #ef4444;
      color: #ffffff;
      font-size: 13px;
      font-weight: 800;
      letter-spacing: 0.05em;
      padding: 6px 12px;
      border-radius: 20px;
      text-transform: uppercase;
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 5px;
      box-shadow: 0 2px 4px rgba(239, 68, 68, 0.25);
    }
  </style>
</head>
<body>

  <div class="grid">
    
    <div class="tile">
      <div class="icon">🚗</div>
      <div class="title">Car</div>

      <div class="trait-box">
        <div class="pill pill-yes">✓ Moves</div>
        <div class="pill pill-no">✕ No Cells</div>
        <div class="pill pill-no">✕ Cannot Reproduce</div>
      </div>

      <div class="badge-status">
        <span>⚠</span> Nonliving
      </div>
    </div>

    
    <div class="tile">
      <div class="icon">🔥</div>
      <div class="title">Campfire</div>

      <div class="trait-box">
        <div class="pill pill-yes">✓ Grows with Fuel</div>
        <div class="pill pill-no">✕ No Cells</div>
        <div class="pill pill-no">✕ Cannot Reproduce</div>
      </div>

      <div class="badge-status">
        <span>⚠</span> Nonliving
      </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">
  <style>
    * {
      box-sizing: border-box;
      margin: 0;
      padding: 0;
    }

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

    .toolbar {
      display: flex;
      gap: 6px;
      margin-bottom: 12px;
      flex-wrap: wrap;
      justify-content: center;
    }

    .pill {
      background: #f1f5f9;
      border: 1px solid #e2e8f0;
      border-radius: 999px;
      padding: 5px 12px;
      font-size: 13px;
      font-weight: 600;
      color: #64748b;
      cursor: pointer;
      transition: all 0.2s ease;
      user-select: none;
    }

    .pill.active {
      background: #1e2945;
      color: #ffffff;
      border-color: #1e2945;
    }

    .cards-grid {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 12px;
      width: 100%;
      max-width: 580px;
    }

    .item-card {
      background: #ffffff;
      border: 1.5px solid #e6e6e6;
      border-radius: 14px;
      padding: 14px 12px;
      display: flex;
      flex-direction: column;
      align-items: center;
      transition: border-color 0.2s ease, box-shadow 0.2s ease;
    }

    .item-card.living {
      border-top: 4px solid #16a34a;
    }

    .item-card.nonliving {
      border-top: 4px solid #dc2626;
    }

    .icon {
      font-size: 40px;
      line-height: 1;
      margin-bottom: 6px;
    }

    .title-group {
      text-align: center;
      margin-bottom: 12px;
    }

    .title {
      font-size: 16px;
      font-weight: 700;
      color: #1e2945;
    }

    .badge {
      display: inline-block;
      font-size: 11px;
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: 0.5px;
      padding: 2px 8px;
      border-radius: 6px;
      margin-top: 2px;
    }

    .badge.living {
      background: #dcfce7;
      color: #15803d;
    }

    .badge.nonliving {
      background: #fee2e2;
      color: #b91c1c;
    }

    .trait-list {
      display: flex;
      flex-direction: column;
      gap: 8px;
      width: 100%;
    }

    .trait-row {
      display: flex;
      align-items: center;
      gap: 8px;
      background: #f8fafc;
      padding: 8px 10px;
      border-radius: 8px;
      border: 1px solid #edf2f7;
      font-size: 13.5px;
      font-weight: 500;
      color: #1e2945;
      transition: opacity 0.2s ease, background-color 0.2s ease, transform 0.2s ease;
    }

    .trait-row.dimmed {
      opacity: 0.3;
    }

    .trait-row.highlight {
      background: #eff6ff;
      border-color: #bfdbfe;
      transform: scale(1.02);
    }

    .symbol {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 20px;
      height: 20px;
      border-radius: 50%;
      font-size: 12px;
      font-weight: 800;
      flex-shrink: 0;
    }

    .symbol.check {
      background: #dcfce7;
      color: #16a34a;
    }

    .symbol.cross {
      background: #fee2e2;
      color: #dc2626;
    }

    @media (max-width: 420px) {
      .cards-grid {
        grid-template-columns: 1fr;
        gap: 10px;
      }
      .item-card {
        padding: 10px 10px;
      }
      .icon {
        font-size: 32px;
      }
      .trait-row {
        padding: 6px 8px;
        font-size: 13px;
      }
    }
  </style>
</head>
<body>

  <div class="toolbar" role="tablist">
    <button class="pill active" onclick="filterTrait('all', this)">All Traits</button>
    <button class="pill" onclick="filterTrait('food', this)">Energy</button>
    <button class="pill" onclick="filterTrait('growth', this)">Growth</button>
    <button class="pill" onclick="filterTrait('breath', this)">Breathing</button>
  </div>

  <div class="cards-grid">
    
    <div class="item-card living">
      <div class="icon">🐶</div>
      <div class="title-group">
        <div class="title">Puppy</div>
        <span class="badge living">Living</span>
      </div>
      <div class="trait-list">
        <div class="trait-row" data-trait="food">
          <span class="symbol check">✓</span>
          <span>Eats food</span>
        </div>
        <div class="trait-row" data-trait="growth">
          <span class="symbol check">✓</span>
          <span>Grows bigger</span>
        </div>
        <div class="trait-row" data-trait="breath">
          <span class="symbol check">✓</span>
          <span>Breathes air</span>
        </div>
      </div>
    </div>

    
    <div class="item-card nonliving">
      <div class="icon">🤖</div>
      <div class="title-group">
        <div class="title">Toy Robot</div>
        <span class="badge nonliving">Nonliving</span>
      </div>
      <div class="trait-list">
        <div class="trait-row" data-trait="food">
          <span class="symbol cross">✗</span>
          <span>Needs batteries</span>
        </div>
        <div class="trait-row" data-trait="growth">
          <span class="symbol cross">✗</span>
          <span>Stays same size</span>
        </div>
        <div class="trait-row" data-trait="breath">
          <span class="symbol cross">✗</span>
          <span>No breathing</span>
        </div>
      </div>
    </div>
  </div>

  <script>
    function filterTrait(type, btn) {
      document.querySelectorAll('.pill').forEach(p => p.classList.remove('active'));
      btn.classList.add('active');

      const rows = document.querySelectorAll('.trait-row');
      rows.forEach(row => {
        if (type === 'all') {
          row.classList.remove('dimmed', 'highlight');
        } else if (row.dataset.trait === type) {
          row.classList.remove('dimmed');
          row.classList.add('highlight');
        } else {
          row.classList.remove('highlight');
          row.classList.add('dimmed');
        }
      });
    }
  </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">
  <title>Signs of Life</title>
  <style>
    * {
      box-sizing: border-box;
      margin: 0;
      padding: 0;
      font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    }

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

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

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

    .life-card {
      border-radius: 16px;
      padding: 14px 10px;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: space-between;
      min-height: 220px;
      border: 2px solid transparent;
      transition: box-shadow 0.25s ease, border-color 0.25s ease;
      cursor: pointer;
      user-select: none;
      position: relative;
    }

    .life-card:hover {
      box-shadow: 0 6px 16px rgba(0, 0, 0, 0.06);
    }

    .life-card.active {
      border-color: #22b7ff;
      box-shadow: 0 4px 14px rgba(34, 183, 255, 0.22);
    }

    .badge {
      font-size: 14px;
      font-weight: 700;
      letter-spacing: 0.2px;
      padding: 4px 12px;
      border-radius: 20px;
      background: rgba(255, 255, 255, 0.85);
      backdrop-filter: blur(4px);
      box-shadow: 0 1px 3px rgba(0,0,0,0.06);
    }

    /* Card 1: Grow */
    .card-grow {
      background-color: #e0f2fe;
    }
    .card-grow .badge {
      color: #0369a1;
    }

    /* Card 2: Food & Water */
    .card-energy {
      background-color: #fef3c7;
    }
    .card-energy .badge {
      color: #b45309;
    }

    /* Card 3: Reproduce */
    .card-reproduce {
      background-color: #dcfce7;
    }
    .card-reproduce .badge {
      color: #15803d;
    }

    .visual-stage {
      flex: 1;
      width: 100%;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      padding: 10px 0;
      position: relative;
    }

    /* Stage 1: Growth sequence */
    .growth-sequence {
      display: flex;
      align-items: flex-end;
      justify-content: center;
      gap: 6px;
      width: 100%;
      height: 90px;
    }

    .stage-item {
      display: flex;
      flex-direction: column;
      align-items: center;
      transition: transform 0.3s ease, opacity 0.3s ease;
    }

    .stage-item .icon {
      filter: drop-shadow(0 2px 4px rgba(0,0,0,0.08));
    }

    .stage-item.s1 .icon { font-size: 20px; }
    .stage-item.s2 .icon { font-size: 32px; }
    .stage-item.s3 .icon { font-size: 48px; }

    .arrow {
      font-size: 14px;
      color: #0284c7;
      margin-bottom: 8px;
      opacity: 0.7;
    }

    /* Stage 2: Food & Water */
    .energy-scene {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      gap: 8px;
      width: 100%;
      height: 90px;
    }

    .energy-sources {
      display: flex;
      gap: 12px;
      font-size: 20px;
      animation: gentle-pulse 3s infinite ease-in-out;
    }

    .energy-consumers {
      display: flex;
      align-items: flex-end;
      gap: 14px;
      font-size: 36px;
    }

    @keyframes gentle-pulse {
      0%, 100% { transform: translateY(0); }
      50% { transform: translateY(-3px); }
    }

    /* Stage 3: Make Young */
    .family-scene {
      display: flex;
      align-items: flex-end;
      justify-content: center;
      gap: 4px;
      height: 90px;
      position: relative;
    }

    .parent-duck {
      font-size: 42px;
      transform: scaleX(-1);
    }

    .ducklings {
      display: flex;
      gap: 2px;
      margin-bottom: 2px;
    }

    .duckling {
      font-size: 22px;
      transform: scaleX(-1);
      animation: waddle 2s infinite ease-in-out;
    }

    .duckling:nth-child(2) { animation-delay: 0.3s; }
    .duckling:nth-child(3) { animation-delay: 0.6s; }

    @keyframes waddle {
      0%, 100% { transform: scaleX(-1) translateY(0); }
      50% { transform: scaleX(-1) translateY(-3px); }
    }

    .caption {
      font-size: 13px;
      font-weight: 600;
      color: #475569;
      text-align: center;
    }

    .ground-line {
      width: 80%;
      height: 3px;
      background: rgba(0, 0, 0, 0.06);
      border-radius: 2px;
      margin-top: 4px;
    }
  </style>
</head>
<body>

  <div class="grid-container">
    
    
    <div class="life-card card-grow active" id="cardGrow">
      <div class="badge">1. Grow</div>
      <div class="visual-stage">
        <div class="growth-sequence">
          <div class="stage-item s1">
            <span class="icon">🌰</span>
          </div>
          <span class="arrow">➔</span>
          <div class="stage-item s2">
            <span class="icon">🌱</span>
          </div>
          <span class="arrow">➔</span>
          <div class="stage-item s3">
            <span class="icon">🌳</span>
          </div>
        </div>
        <div class="ground-line"></div>
      </div>
      <div class="caption">Change & get bigger</div>
    </div>

    
    <div class="life-card card-energy" id="cardEnergy">
      <div class="badge">2. Food & Water</div>
      <div class="visual-stage">
        <div class="energy-scene">
          <div class="energy-sources">
            <span>☀️</span>
            <span>💧</span>
          </div>
          <div class="energy-consumers">
            <span>🦌</span>
            <span>🌿</span>
          </div>
        </div>
        <div class="ground-line"></div>
      </div>
      <div class="caption">Take in energy</div>
    </div>

    
    <div class="life-card card-reproduce" id="cardReproduce">
      <div class="badge">3. Make Young</div>
      <div class="visual-stage">
        <div class="family-scene">
          <span class="parent-duck">🦆</span>
          <div class="ducklings">
            <span class="duckling">🐥</span>
            <span class="duckling">🐥</span>
            <span class="duckling">🐥</span>
          </div>
        </div>
        <div class="ground-line"></div>
      </div>
      <div class="caption">Create new life</div>
    </div>

  </div>

  <script>
    const cards = document.querySelectorAll('.life-card');
    cards.forEach(card => {
      card.addEventListener('click', () => {
        cards.forEach(c => c.classList.remove('active'));
        card.classList.add('active');
      });
    });
  </script>
</body>
</html>

Czym jest życie — kryteria i cechy organizmów żywych

Odżywianie się — samożywność i cudzożywność

Oddychanie jako proces uwalniania energii

Wymiana gazowa a oddychanie wewnątrzkomórkowe

Wydalanie — usuwanie zbędnych i szkodliwych substancji

Reakcja na bodźce i wrażliwość organizmów

Ruch i lokomocja w świecie przyrody

Wzrost i rozwój — od zarodka do dojrzałości

Rozmnażanie bezpłciowe i płciowe — przegląd sposobów

Homeostaza — utrzymywanie równowagi wewnętrznej

Czynności życiowe jako zintegrowana całość organizmu

science

Czynności życiowe organizmów i istota życia

What Makes Something Living?

Basic Needs of Plants and Animals

How Plants Get What They Need

How Animals Get What They Need

Exploring Different Habitats

How a Garden Meets Animals' Needs

How a Pond Meets Living Things' Needs

Comparing Animals and Their Young

Sorting Living Things by Features

Living Things and Their Habitats

Living Things Need Air, Water, and Nutrients

How Living Things Grow and Change

How Living Things Move and Respond

Living Things Reproduce New Life

Sorting Living Things: Plants Versus Animals

Sorting Animals by Observable Features

Sorting Plants by Observable Features

Using a Simple Sorting Key for Organisms

Living and Nonliving in Our Neighborhood

Living Things, Life Processes, and Classification

Dlaczego klasyfikujemy organizmy — uporządkowanie bioróżnorodności

Porządkowanie organizmów — zasady klasyfikacji

Klasyfikacja sztuczna a naturalna — ewolucja podejścia

Historia systematyki — od Arystotelesa do Linneusza

Rola cech morfologicznych i anatomicznych w systematyce

Podobieństwo budowy a pokrewieństwo ewolucyjne

Drzewo rodowe organizmów — jak czytać kladogramy

Podstawy i historia systematyki biologicznej

Od cząstki do biosfery — poziomy organizacji przyrody

Komórka — podstawowa jednostka strukturalna i funkcjonalna

Organizmy jednokomórkowe, kolonijne i wielokomórkowe

Pojęcie tkanki i specjalizacja komórek

Tkanki u roślin — przegląd poziomu tkankowego

Tkanki zwierzęce — przegląd czterech głównych grup

Narządy roślinne — korzeń, łodyga, liść oraz kwiat

Narządy zwierzęce i ich budowa wielotkankowa

Układy narządów u zwierząt i człowieka

Organizm jako zintegrowana hierarchiczna całość

Hierarchia biologiczna w zadaniach i schematach

Hierarchiczna organizacja budowy organizmów

¿Qué es un ser vivo?

¿Qué es un objeto inerte o no vivo?

Comparar seres vivos y objetos inertes

Objetos naturales y objetos fabricados

Los seres vivos nacen, crecen y se reproducen

Los seres vivos reaccionan a estímulos

Clasificar elementos del entorno en vivos e inertes

¿Por qué clasificamos a los seres vivos?

Agrupar seres vivos: animales y plantas

Cuidados que requieren los seres vivos frente a los inertes

Seres vivos y objetos inertes

Współczesne metody badania pokrewieństwa — podstawy

Zastosowanie klasyfikacji w rolnictwie i medycynie

Ochrona przyrody a inwentaryzacja gatunkowa

Pułapki klasyfikacji — konwergencja i pozorne podobieństwo

Systematyka jako nauka dynamiczna — nowe odkrycia

Analiza przykładów błędnych klasyfikacji historycznych

Podsumowanie zasad systematyki biologicznej

Współczesna systematyka: metody, zastosowania i wyzwania

Pojęcie taksonu i kategorii systematycznej

Gatunek jako podstawowa jednostka klasyfikacji

Rodzaj jako grupa blisko spokrewnionych gatunków

Rodzina, rząd i gromada w hierarchii systematycznej

Typ i królestwo — najwyższe tradycyjne jednostki klasyfikacji

Różnice w nazewnictwie kategorii u roślin i zwierząt

Hierarchia pudełkowa — od gatunku do królestwa

Hierarchia kategorii systematycznych

Las necesidades básicas de los seres vivos

El agua como fuente de vida

El aire y la respiración en seres vivos

El alimento y la energía para vivir

La luz del sol y las plantas

El refugio y el espacio para los animales

Experimento: ¿qué necesita una semilla para germinar?

Experimento: ¿qué ocurre si una planta no recibe luz?

Comparar las necesidades de plantas, animales y humanos

Cuidar los recursos que necesitan los seres vivos

Las necesidades de los seres vivos

Skład chemiczny żywej materii — wprowadzenie

Węgiel — znaczenie biologiczne jako pierwiastek biogenny

Wodór — znaczenie biologiczne jako pierwiastek biogenny

Tlen — znaczenie biologiczne jako pierwiastek biogenny

Azot — znaczenie biologiczne jako pierwiastek biogenny

Fosfor — znaczenie biologiczne jako pierwiastek biogenny

Siarka — składnik białek i wytworów naskórka

Sześć głównych pierwiastków biogennych — reguła CHONPS

Makroelementy i mikroelementy — podział i proporcje w ciele

Ważne metale w organizmie — wapń, magnez, żelazo i sód

Skutki niedoboru i nadmiaru pierwiastków w organizmie

Pierwiastki biogenne i skład chemiczny organizmów

¿Cómo nacen, crecen y cambian los seres vivos?

Cómo he crecido desde que era bebé

Cambios en la estatura, el peso y los dientes

Habilidades que adquirimos al crecer

El crecimiento en las mascotas y animales domésticos

Cómo crece un pollito hasta ser gallina

Cómo crece un árbol desde un brote pequeño

Medir y registrar el crecimiento de una planta

El paso del tiempo en el cuerpo de los seres vivos

Crecimiento y desarrollo de los seres vivos

Pozycja systematyczna człowieka w hierarchii taksonów

Pozycja systematyczna psa i wilka — porównanie taksonów

Pozycja systematyczna dębu szypułkowego w królestwie roślin

Dopasowywanie organizmów do odpowiednich kategorii

Domeny życia — bakterie, archeony i eukarionty

Tworzenie własnych schematów hierarchii systematycznej

Sprawdzian biegłości w posługiwaniu się kategoriami taksonomicznymi

Określanie pozycji systematycznej organizmów w praktyce

Podział związków chemicznych w organizmach — organiczne i nieorganiczne

Woda jako główny składnik masy ciała organizmów

Woda jako uniwersalny rozpuszczalnik w komórce

Woda jako medium transportu substancji w organizmach

Woda — ciepło właściwe i termoregulacja organizmów

Napięcie powierzchniowe i właściwości mechaniczne wody

Woda jako substrat i produkt reakcji biochemicznych

Sole mineralne — podział na makro- i mikroelementy

Rola soli rozpuszczalnych i nierozpuszczalnych w organizmie

Regulacja gospodarki wodno-mineralnej i nawodnienie organizmu

Woda — znaczenie biologiczne, synteza wiedzy

Związki nieorganiczne — woda i sole mineralne

¿Qué es un ciclo de vida?

El ciclo de vida de las plantas

De la semilla a la flor y el fruto

Animales ovíparos y vivíparos

El ciclo de vida de las aves

El ciclo de vida de los mamíferos

El ciclo de vida de la mariposa y de la rana

La metamorfosis: cambios asombrosos en insectos y anfibios

Comparar los ciclos de vida de distintos animales

La importancia de la reproducción para continuar la vida

Ciclos de vida en la naturaleza

Węglowodany — cukry proste i ich rola energetyczna

Dwucukry i wielocukry — skrobia, glikogen i celuloza

Wykrywanie cukrów prostych i skrobi w produktach spożywczych

Lipidy — tłuszcze jako materiał zapasowy i izolacyjny

Tłuszcze roślinne, zwierzęce oraz fosfolipidy błon

Węglowodany i lipidy — energia i budulec komórki

Nazewnictwo binominalne — zasady i stosowanie

Człon rodzajowy i epitet gatunkowy w nazwie organizmu

Dlaczego używamy łaciny w biologii — uniwersalny język nauki

Polskie nazwy dwuwyrazowe — wzorzec i przykłady

Poprawny zapis nazw gatunkowych — kursywa i wielkie litery

Nazwy zwyczajowe i regionalne a ścisłość naukowa

Zasady dwuimiennego nazewnictwa organizmów

Białka jako główne cegiełki życia — aminokwasy

Różnorodne funkcje białek — budulcowe, enzymatyczne i odpornościowe

Enzymy jako katalizatory biologiczne — jak działają

Czynniki wpływające na białka — ścinanie i denaturacja

Kwasy nukleinowe — DNA i RNA, pojęcie i przegląd

Budowa podwójnej helisy DNA — nukleotydy i informacja

Porównanie głównych grup związków organicznych

Zbilansowana dieta a składniki organiczne

Białka i kwasy nukleinowe — struktura, enzymy i informacja genetyczna

Jak powstają nazwy naukowe — cechy, miejsce, odkrywca

Odczytywanie informacji z nazw gatunkowych

Ćwiczenia w tworzeniu i rozpoznawaniu nazw binominalnych

Rozpoznawanie pokrewieństwa na podstawie nazw rodzajowych

Nazewnictwo odmian i podgatunków — wstęp

Warsztat badacza — praca ze słownikiem nazw biologicznych

Znaczenie i stosowanie nazw biologicznych w praktyce

¿Qué es la flora?: las plantas de nuestra región

La raíz: anclaje y absorción de agua

Tallos, hojas, flores y frutos en la flora local

¿Qué es la fauna?: los animales de nuestro entorno

Los cinco grupos de vertebrados

Animales invertebrados cercanos a nosotros

Flora y fauna de nuestro entorno

Kryteria podziału organizmów na królestwa

Organizmy bezjądrowe (prokarioty) a jądrowe (eukarioty)

Jednokomórkowce, kolonie i organizmy wielokomórkowe

Sposoby odżywiania się — autotrofia i heterotrofia w królestwach

Przegląd pięciu królestw — bakterie, protisty, grzyby, rośliny, zwierzęta

OGS.2.LS.1

Aligned learning resources

Related diagrams