<!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: #1e293b;
      display: flex;
      flex-direction: column;
      align-items: center;
      padding: 12px 10px;
      width: 100%;
      min-height: 100%;
    }

    /* Controls */
    .controls {
      display: flex;
      gap: 6px;
      margin-bottom: 12px;
      background: #f1f5f9;
      padding: 4px;
      border-radius: 8px;
      width: 100%;
      max-width: 480px;
    }
    .ctrl-btn {
      flex: 1;
      border: none;
      background: transparent;
      padding: 6px 4px;
      font-size: 13px;
      font-weight: 600;
      color: #64748b;
      border-radius: 6px;
      cursor: pointer;
      transition: all 0.2s ease;
      text-align: center;
    }
    .ctrl-btn.active {
      background: #ffffff;
      color: #0f172a;
      box-shadow: 0 1px 3px rgba(0,0,0,0.1);
    }

    /* Diagram Tree Structure */
    .diagram-flow {
      display: flex;
      flex-direction: column;
      align-items: center;
      width: 100%;
      max-width: 520px;
      gap: 6px;
    }

    /* Tier Cards */
    .tier-card {
      width: 100%;
      border-radius: 10px;
      padding: 10px 14px;
      border-width: 2px;
      border-style: solid;
      background: #ffffff;
      transition: opacity 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease;
      position: relative;
    }

    .tier-card.dimmed {
      opacity: 0.25;
      transform: scale(0.98);
    }
    .tier-card.highlight {
      transform: scale(1.01);
    }

    /* Card Themes */
    .card-thesis {
      border-color: #3b82f6;
      background: #eff6ff;
    }
    .card-thesis.highlight {
      box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.25);
    }

    .card-antithesis {
      border-color: #f59e0b;
      background: #fffbeb;
    }
    .card-antithesis.highlight {
      box-shadow: 0 0 0 3px rgba(245, 158, 11, 0.25);
    }

    .card-synthesis {
      border-color: #10b981;
      background: #f0fdf4;
    }
    .card-synthesis.highlight {
      box-shadow: 0 0 0 3px rgba(16, 185, 129, 0.25);
    }

    /* Card Header & Content */
    .card-header {
      display: flex;
      align-items: center;
      justify-content: space-between;
      margin-bottom: 4px;
    }
    .badge {
      font-size: 11px;
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: 0.5px;
      padding: 2px 7px;
      border-radius: 4px;
    }
    .badge-thesis { background: #dbeafe; color: #1d4ed8; }
    .badge-antithesis { background: #fef3c7; color: #b45309; }
    .badge-synthesis { background: #d1fae5; color: #047857; }

    .role-label {
      font-size: 11px;
      font-weight: 600;
      color: #64748b;
    }

    .statement {
      font-size: 13.5px;
      line-height: 1.35;
      font-weight: 500;
      color: #1e293b;
    }

    /* Connectors */
    .connector {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 6px;
      font-size: 11px;
      font-weight: 700;
      color: #64748b;
      padding: 2px 0;
      transition: opacity 0.3s ease;
    }
    .connector.dimmed {
      opacity: 0.2;
    }
    .tension-pill {
      background: #fee2e2;
      color: #b91c1c;
      padding: 2px 8px;
      border-radius: 12px;
      font-size: 11px;
      border: 1px solid #fca5a5;
    }
    .synthesis-arrow {
      color: #059669;
      font-size: 12px;
      font-weight: 700;
      display: flex;
      align-items: center;
      gap: 4px;
    }
  </style>
</head>
<body>

  
  <div class="controls">
    <button class="ctrl-btn active" onclick="setMode('all')">Full Outline</button>
    <button class="ctrl-btn" onclick="setMode('thesis')">1. Thesis</button>
    <button class="ctrl-btn" onclick="setMode('antithesis')">2. Antithesis</button>
    <button class="ctrl-btn" onclick="setMode('synthesis')">3. Synthesis</button>
  </div>

  <div class="diagram-flow">
    
    
    <div id="card-thesis" class="tier-card card-thesis highlight">
      <div class="card-header">
        <span class="badge badge-thesis">Thesis (Claim)</span>
        <span class="role-label">Primary Argument</span>
      </div>
      <div class="statement">
        Fully automated moderation is essential to eliminate hate speech at internet scale.
      </div>
    </div>

    
    <div id="conn-1" class="connector">
      <span class="tension-pill">⚡ Dialectical Tension / Counter-Evidence</span>
    </div>

    
    <div id="card-antithesis" class="tier-card card-antithesis highlight">
      <div class="card-header">
        <span class="badge badge-antithesis">Antithesis (Objection)</span>
        <span class="role-label">Critical Counterpoint</span>
      </div>
      <div class="statement">
        Algorithmic moderation systematically flags benign minority vernacular and misinterprets satirical context.
      </div>
    </div>

    
    <div id="conn-2" class="connector">
      <span class="synthesis-arrow">▼ Integrated Qualification ▼</span>
    </div>

    
    <div id="card-synthesis" class="tier-card card-synthesis highlight">
      <div class="card-header">
        <span class="badge badge-synthesis">Synthesis (Resolution)</span>
        <span class="role-label">Nuanced Thesis</span>
      </div>
      <div class="statement">
        Automated moderation should triage high-velocity threats, provided that context-dependent edge cases are routed to localized human review panels.
      </div>
    </div>

  </div>

  <script>
    function setMode(mode) {
      const btns = document.querySelectorAll('.ctrl-btn');
      btns.forEach(btn => btn.classList.remove('active'));

      const tCard = document.getElementById('card-thesis');
      const aCard = document.getElementById('card-antithesis');
      const sCard = document.getElementById('card-synthesis');
      const c1 = document.getElementById('conn-1');
      const c2 = document.getElementById('conn-2');

      // Reset states
      [tCard, aCard, sCard].forEach(c => {
        c.classList.remove('dimmed', 'highlight');
      });
      [c1, c2].forEach(c => c.classList.remove('dimmed'));

      if (mode === 'all') {
        btns[0].classList.add('active');
        tCard.classList.add('highlight');
        aCard.classList.add('highlight');
        sCard.classList.add('highlight');
      } else if (mode === 'thesis') {
        btns[1].classList.add('active');
        tCard.classList.add('highlight');
        aCard.classList.add('dimmed');
        sCard.classList.add('dimmed');
        c1.classList.add('dimmed');
        c2.classList.add('dimmed');
      } else if (mode === 'antithesis') {
        btns[2].classList.add('active');
        tCard.classList.add('highlight');
        aCard.classList.add('highlight');
        sCard.classList.add('dimmed');
        c2.classList.add('dimmed');
      } else if (mode === 'synthesis') {
        btns[3].classList.add('active');
        tCard.classList.add('dimmed');
        aCard.classList.add('dimmed');
        sCard.classList.add('highlight');
        c1.classList.add('dimmed');
      }
    }
  </script>
</body>
</html>

Advanced Prewriting: Dialectical Outlining and Conceptual Mapping

<!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 {
      width: 100%;
      height: 100%;
      background: #ffffff;
      font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
      color: #1e2945;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      user-select: none;
      -webkit-user-select: none;
    }

    .diagram-stage {
      position: relative;
      width: 100%;
      max-width: 580px;
      aspect-ratio: 4/3;
      margin: 0 auto;
    }

    svg.network-lines {
      position: absolute;
      inset: 0;
      width: 100%;
      height: 100%;
      pointer-events: none;
      z-index: 1;
    }

    .connector {
      stroke-width: 2;
      transition: stroke 0.3s ease, stroke-width 0.3s ease, opacity 0.3s ease;
      opacity: 0.7;
    }
    .connector-default { stroke: #cbd5e1; }
    .connector-tension {
      stroke: #dc2626;
      stroke-dasharray: 4, 4;
      stroke-width: 2.5;
      opacity: 0.3;
    }

    .edge-label {
      position: absolute;
      transform: translate(-50%, -50%);
      font-size: 11px;
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: 0.5px;
      padding: 2px 6px;
      border-radius: 4px;
      background: #f8fafc;
      border: 1px solid #e2e8f0;
      color: #64748b;
      z-index: 2;
      pointer-events: none;
    }

    .node {
      position: absolute;
      transform: translate(-50%, -50%);
      z-index: 3;
      padding: 8px 12px;
      border-radius: 8px;
      font-size: 12px;
      font-weight: 600;
      line-height: 1.25;
      text-align: center;
      cursor: pointer;
      background: #ffffff;
      transition: box-shadow 0.25s ease, opacity 0.25s ease, border-color 0.25s ease;
      box-shadow: 0 1px 3px rgba(0,0,0,0.08);
      max-width: 140px;
    }

    .node-title {
      font-size: 10px;
      text-transform: uppercase;
      letter-spacing: 0.5px;
      display: block;
      margin-bottom: 2px;
      opacity: 0.75;
    }

    /* Node Variations */
    .node-core {
      background: #0f172a;
      color: #ffffff;
      border: 2px solid #0f172a;
      padding: 10px 14px;
    }

    .node-evidence {
      border: 2px solid #2563eb;
      color: #1d4ed8;
      background: #eff6ff;
    }

    .node-assumption {
      border: 2px dashed #dc2626;
      color: #b91c1c;
      background: #fef2f2;
    }

    .node-objection {
      border: 2px solid #991b1b;
      color: #991b1b;
      background: #fff1f2;
    }

    .node-boundary {
      border: 2px solid #059669;
      color: #047857;
      background: #ecfdf5;
    }

    /* Tension State Triggered */
    .show-tension .connector-tension {
      stroke: #dc2626;
      stroke-width: 3.5;
      opacity: 1;
      animation: dash 1s linear infinite;
    }
    .show-tension .node-assumption,
    .show-tension .node-objection {
      box-shadow: 0 0 0 3px rgba(220, 38, 38, 0.25);
    }
    .show-tension .node-evidence,
    .show-tension .node-boundary,
    .show-tension .connector-default {
      opacity: 0.35;
    }

    @keyframes dash {
      to { stroke-dashoffset: -8; }
    }

    /* Interactive hint */
    .tension-badge {
      position: absolute;
      top: 50%;
      left: 17%;
      transform: translate(-50%, -50%);
      font-size: 10px;
      font-weight: 700;
      color: #dc2626;
      background: #fee2e2;
      border: 1px solid #fca5a5;
      border-radius: 12px;
      padding: 2px 8px;
      z-index: 2;
      pointer-events: none;
      opacity: 0;
      transition: opacity 0.25s ease;
    }
    .show-tension .tension-badge {
      opacity: 1;
    }
  </style>
</head>
<body>

  <div class="diagram-stage" id="stage">
    
    <svg class="network-lines" viewBox="0 0 580 435">
      <defs>
        <marker id="arrow" viewBox="0 0 10 10" refX="6" refY="5" markerWidth="6" markerHeight="6" orient="auto-start-reverse">
          <path d="M 0 1.5 L 8 5 L 0 8.5 z" fill="#94a3b8" />
        </marker>
        <marker id="arrow-red" viewBox="0 0 10 10" refX="6" refY="5" markerWidth="6" markerHeight="6" orient="auto-start-reverse">
          <path d="M 0 1.5 L 8 5 L 0 8.5 z" fill="#dc2626" />
        </marker>
      </defs>

      
      
      <line class="connector connector-default" x1="290" y1="105" x2="290" y2="185" marker-end="url(#arrow)" />

      
      <line class="connector connector-default" x1="290" y1="217" x2="415" y2="217" marker-end="url(#arrow)" />

      
      <line class="connector connector-default" x1="290" y1="250" x2="290" y2="330" marker-end="url(#arrow)" />

      
      <line class="connector connector-default" x1="165" y1="217" x2="235" y2="217" marker-end="url(#arrow)" />

      
      <path class="connector connector-tension" d="M 230 75 Q 100 75 100 175" fill="none" marker-end="url(#arrow-red)" />
    </svg>

    
    <div class="edge-label" style="top: 34%; left: 50%;">Assumes</div>
    <div class="edge-label" style="top: 50%; left: 63%;">Because</div>
    <div class="edge-label" style="top: 50%; left: 35%;">Conflicts</div>
    <div class="edge-label" style="top: 67%; left: 50%;">Bound by</div>

    <div class="tension-badge">Tension Point ⚡</div>

    
    
    <div class="node node-core" style="top: 50%; left: 50%;">
      <span class="node-title">Synthesis</span>
      Core Claim
    </div>

    
    <div class="node node-assumption" id="nodeAssumption" style="top: 17%; left: 50%;">
      <span class="node-title">Assumption ⚠️</span>
      Context is Legible
    </div>

    
    <div class="node node-evidence" style="top: 50%; left: 83%;">
      <span class="node-title">Evidence</span>
      Toxicity Metrics
    </div>

    
    <div class="node node-objection" id="nodeObjection" style="top: 50%; left: 17%;">
      <span class="node-title">Objection</span>
      Vernacular Bias
    </div>

    
    <div class="node node-boundary" style="top: 83%; left: 50%;">
      <span class="node-title">Condition</span>
      Human Triage
    </div>
  </div>

  <script>
    const stage = document.getElementById('stage');
    const assumption = document.getElementById('nodeAssumption');
    const objection = document.getElementById('nodeObjection');

    function setTension(active) {
      if (active) {
        stage.classList.add('show-tension');
      } else {
        stage.classList.remove('show-tension');
      }
    }

    [assumption, objection].forEach(el => {
      el.addEventListener('mouseenter', () => setTension(true));
      el.addEventListener('mouseleave', () => setTension(false));
      el.addEventListener('touchstart', (e) => {
        e.preventDefault();
        stage.classList.toggle('show-tension');
      }, { passive: false });
    });
  </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;
    }
    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%;
    }

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

    .column {
      background: #ffffff;
      border: 1px solid #e2e8f0;
      border-radius: 12px;
      padding: 12px 10px;
      display: flex;
      flex-direction: column;
      align-items: center;
      position: relative;
    }

    .col-header {
      font-size: 13px;
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: 0.5px;
      margin-bottom: 12px;
      display: flex;
      align-items: center;
      gap: 5px;
    }

    .col-header.linear { color: #64748b; }
    .col-header.dialectical { color: #0f172a; }

    /* Linear Stack */
    .linear-stack {
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 6px;
      width: 100%;
    }

    .node {
      border-radius: 8px;
      padding: 8px 10px;
      font-size: 13px;
      font-weight: 600;
      text-align: center;
      width: 100%;
      max-width: 140px;
      transition: all 0.3s ease;
    }

    .node-linear {
      background: #f1f5f9;
      border: 1px solid #cbd5e1;
      color: #475569;
    }

    .node-echo {
      background: #e2e8f0;
      border: 1px dashed #94a3b8;
      color: #64748b;
    }

    .arrow-down {
      color: #94a3b8;
      font-size: 12px;
      line-height: 1;
    }

    /* Dialectical Layout */
    .dialectical-arena {
      display: flex;
      flex-direction: column;
      align-items: center;
      width: 100%;
      gap: 8px;
      position: relative;
    }

    .top-row {
      display: flex;
      justify-content: space-between;
      align-items: center;
      width: 100%;
      gap: 6px;
      position: relative;
    }

    .node-thesis {
      background: #eff6ff;
      border: 1.5px solid #3b82f6;
      color: #1d4ed8;
      flex: 1;
      max-width: 110px;
    }

    .node-antithesis {
      background: #fef2f2;
      border: 1.5px solid #ef4444;
      color: #b91c1c;
      flex: 1;
      max-width: 110px;
    }

    .tension-indicator {
      font-size: 11px;
      font-weight: 800;
      color: #f59e0b;
      display: flex;
      align-items: center;
      justify-content: center;
      animation: pulse 2s infinite ease-in-out;
    }

    .funnel-svg {
      width: 100%;
      height: 28px;
      overflow: visible;
    }

    .node-filter {
      background: #fffbeb;
      border: 1.5px dashed #f59e0b;
      color: #b45309;
      max-width: 170px;
      padding: 6px 12px;
      font-size: 12px;
    }

    .node-synthesis {
      background: #ecfdf5;
      border: 2px solid #10b981;
      color: #047857;
      box-shadow: 0 0 12px rgba(16, 185, 129, 0.2);
      width: 100%;
      max-width: 180px;
      padding: 10px 12px;
      font-weight: 700;
    }

    /* Controls */
    .controls {
      margin-top: 10px;
      display: flex;
      gap: 8px;
    }

    .btn-toggle {
      background: #ffffff;
      border: 1px solid #cbd5e1;
      color: #334155;
      padding: 6px 14px;
      border-radius: 20px;
      font-size: 12px;
      font-weight: 600;
      cursor: pointer;
      display: flex;
      align-items: center;
      gap: 5px;
      transition: background 0.2s, border-color 0.2s;
    }

    .btn-toggle:hover {
      background: #f1f5f9;
      border-color: #94a3b8;
    }

    .btn-toggle.active {
      background: #0ea5e9;
      border-color: #0284c7;
      color: #ffffff;
    }

    /* Active Animation States */
    .pulse-flow {
      animation: highlight 1.5s ease-in-out infinite alternate;
    }

    @keyframes highlight {
      0% { box-shadow: 0 0 4px rgba(16, 185, 129, 0.2); }
      100% { box-shadow: 0 0 16px rgba(16, 185, 129, 0.5); }
    }

    @keyframes pulse {
      0%, 100% { transform: scale(1); opacity: 0.8; }
      50% { transform: scale(1.15); opacity: 1; }
    }

    @media (max-width: 480px) {
      .main-grid {
        grid-template-columns: 1fr;
      }
      .column {
        padding: 10px 8px;
      }
    }
  </style>
</head>
<body>

  <div class="main-grid">
    
    <div class="column">
      <div class="col-header linear">Linear Outline</div>
      <div class="linear-stack">
        <div class="node node-linear">Point 1</div>
        <div class="arrow-down">↓</div>
        <div class="node node-linear">Point 2</div>
        <div class="arrow-down">↓</div>
        <div class="node node-linear">Point 3</div>
        <div class="arrow-down">↓</div>
        <div class="node node-echo">Echo Thesis</div>
      </div>
    </div>

    
    <div class="column">
      <div class="col-header dialectical">Dialectical Structure</div>
      <div class="dialectical-arena">
        
        <div class="top-row">
          <div class="node node-thesis" id="thesisNode">Thesis</div>
          <div class="tension-indicator">⚡ vs ⚡</div>
          <div class="node node-antithesis" id="antiNode">Antithesis</div>
        </div>

        <svg class="funnel-svg" viewBox="0 0 200 30">
          <path d="M 40,2 L 90,26" stroke="#93c5fd" stroke-width="2" stroke-dasharray="3,3" fill="none"/>
          <path d="M 160,2 L 110,26" stroke="#fca5a5" stroke-width="2" stroke-dasharray="3,3" fill="none"/>
          <polygon points="90,26 84,20 94,22" fill="#93c5fd" />
          <polygon points="110,26 106,22 116,20" fill="#fca5a5" />
        </svg>

        <div class="node node-filter" id="filterNode">Qualifying Conditions</div>

        <div class="arrow-down">↓</div>

        <div class="node node-synthesis pulse-flow" id="synthesisNode">Synthesis</div>
      </div>
    </div>
  </div>

  <div class="controls">
    <button class="btn-toggle active" id="btnTension" onclick="toggleTension()">⚡ Dynamic Tension</button>
  </div>

  <script>
    let active = true;
    function toggleTension() {
      active = !active;
      const btn = document.getElementById('btnTension');
      const syn = document.getElementById('synthesisNode');
      const th = document.getElementById('thesisNode');
      const at = document.getElementById('antiNode');

      if (active) {
        btn.classList.add('active');
        syn.classList.add('pulse-flow');
        th.style.transform = 'none';
        at.style.transform = 'none';
      } else {
        btn.classList.remove('active');
        syn.classList.remove('pulse-flow');
      }
    }
  </script>
</body>
</html>

La oración compuesta: coordinación y yuxtaposición

Oraciones subordinadas sustantivas y sus funciones

Oraciones subordinadas adjetivas: explicativas y especificativas

Pronombres relativos complejos: el cual, cuyo y quien

Oraciones subordinadas adverbiales de tiempo, lugar y modo

Subordinadas causales, finales e ilativas

Subordinadas condicionales y concesivas en la argumentación

Uso del subjuntivo en estructuras de duda, deseo y posibilidad

Correlación temporal y concordancia de tiempos verbales

Oraciones compuestas y subordinadas: estructura y relaciones

Formas no personales del verbo: infinitivo, gerundio y participio

Voz pasiva perifrástica y pasiva refleja

Estructuras paralelas y paralelismo sintáctico

Modificadores desplazados y anfibologías sintácticas

Queísmo y dequeísmo: norma y corrección

Estilística y corrección sintáctica avanzada

El punto y coma en oraciones complejas y yuxtapuestas

Los dos puntos en citas, explicaciones y conclusiones

La raya, los paréntesis y los corchetes como incisos

Comillas latinas, inglesas y simples: jerarquía tipográfica

Signos de puntuación delimitadores en textos complejos

Acentuación diacrítica en monosílabos y polisílabos

Acentuación de palabras compuestas y formas con pronombres enclíticos

Uso normativo de mayúsculas y minúsculas en cargos, títulos y disciplinas

Grafías dudosas: b/v, c/s/z, g/j y h en el léxico culto

Palabras de escritura dudosa: juntas o separadas

Ortografía normativa de nivel superior

Eliminación de la redundancia y pleonasmos en la prosa académica

Adecuación del registro formal y eliminación de coloquialismos

El principio de coherencia global: unidad temática del texto

Protocolo de autocorrección y revisión entre pares

Edición de estilo y autocorrección de textos académicos

Drafting for Disciplinary Tone, Rhetorical Stance, and Audience Alignment

Conducting Rigorous Peer Critique with Criteria Rubrics

Linguistic Self-Monitoring for Syntactic Variety and Economy

Macro-Level Revision: Reorganizing Global Structure and Argumentative Flow

Proofreading for Academic Style and Citation Mechanics

The Disciplined Writing Process, Metacognition, and Stylistic Revision

Formulating Precise and Knowledgeable Claims in High School

Distinguishing Claims From Alternate or Opposing Claims Fairly

Developing Claims and Counterclaims Fairly With Thorough Evidence

Pointing Out Strengths and Limitations of Both Claims and Counterclaims

Anticipating the Audience's Knowledge Level, Concerns, and Values

Using Words, Phrases, and Clauses to Link Major Sections of Text

Clarifying Relationships Between Claims, Reasons, and Evidence

Establishing and Maintaining a Formal Academic Style in High School

Providing a Concluding Statement That Follows From and Supports the Argument

social-studies

Structuring Advanced Argumentative Essays in Social Studies

Drawing Evidence From Informational Texts to Support Analysis

Constructing Constitutional and Legal Arguments With Precedents

Evaluating Historiographical Debates and Interpretive Schools

Writing Defensible Policy Briefs on Contemporary Economic Issues

Avoiding Logical Fallacies and Unwarranted Assumptions in Arguments

Disciplinary and Policy Argumentation in Social Studies

Introducing Complex Social Science Topics With Unifying Concepts

Organizing Complex Historical Ideas Using Conceptual Frameworks

Incorporating Formatting, Graphics, and Multimedia for Complex Data

Developing Topics Thoroughly With Extended Definitions and Quotations

Using Domain-Specific Vocabulary and Techniques in Social Sciences

Explaining Technical Processes in Election Systems and Demography

Narrating Complex Historical Sequences and Diplomatic Negotiations

Structuring and Developing Informative Texts in the Social Sciences

Using Varied Transitions and Sentence Structures for Flow

Explaining Macroeconomic Phenomena and Monetary Mechanisms

Analyzing Spatial Diffusion and Human Migration Patterns

Maintaining an Objective Scholarly Register in Social Science Writing

Crafting Concluding Sections That Synthesize Complex Explanations

Explaining Iowa's Role in National Civil Rights and Agricultural Advancements

Peer-Editing High School Explanatory Drafts for Depth and Accuracy

Advanced Synthesis, Style, and Revision in Disciplinary Writing

Planning and Scaffolding Complex Social Science Investigations

Revising Drafts to Sharpen Focus on What Is Most Significant

Evaluating and Restructuring Flawed Historical Arguments

Conducting Targeted Peer Critiques on Evidentiary Sufficiency

Editing for Syntactic Precision and Disciplinary Clarity

Trying New Approaches and Reconceptualizing Weak Drafts

Disciplinary Revision and Peer Review in Social Studies (Grades 9-10)

Delimitación de la temática de un texto narrativo o argumentativo

El ensayo: características del género y tradición académica

Planificación del ensayo: mapa conceptual y árbol de ideas

La introducción del ensayo: gancho, contextualización y tesis

Desarrollo de párrafos argumentativos: estructura IPEE

Integración de voces y evidencias sin perder la propia voz

Cohesión interparrafal y transiciones argumentativas

Articulación de la concesión y el contraargumento en el ensayo

La conclusión del ensayo: síntesis, reiteración y proyección

Planificación y redacción de las partes del ensayo argumentativo

Using Technology to Produce, Publish, and Update Shared Writing Products

Linking Written Analysis to Dynamic Digital Information Sources

Displaying Social Studies Information Flexibly and Dynamically

Collaborating Digitally on Joint Civic and Policy Projects

Integrating Multimedia Elements Into High School Digital Essays

Developing a Comprehensive High School Editing and Polishing Routine

Publishing and Disseminating Research to Authentic Public Audiences

Digital Collaboration, Multimedia, and Publishing in Social Studies (Grades 9-10)

Control de la modalización epistémica en el ensayo

Claridad, precisión y densidad conceptual en la prosa

Escritura del primer borrador del ensayo argumentativo

Revisión sustantiva del ensayo: estructura y fuerza probatoria

Pulimiento estilístico y corrección de galicismos y anglicismos

Versión definitiva y presentación formal del ensayo académico

Estilo, revisión y edición final del ensayo académico

Kryteria poprawności językowej: norma wzorcowa a użytkowa

Innowacje językowe i typy błędów: systemowe a użytkowe

Poprawność fleksyjna: trudne formy odmiany rzeczowników i liczebników

Poprawność składniowa: związek zgody i rządu, rekcja czasowników

Imiesłowowy równoważnik zdania: tożsamość podmiotu i poprawne użycie

Poprawność frazeologiczna: kontaminacje i modyfikacje związków

Pleonazmy i tautologie: eliminacja redundancji leksykalnej

Poprawność językowa: norma, gramatyka i leksyka

Stylistyka tekstu: dopasowanie stylu do gatunku i odbiorcy

Dysonans stylistyczny: mieszanie rejestrów i nieuzasadniony kolokwializm

Spójność tekstu: kohezja gramatyczna i koherencja semantyczna

Interpunkcja w zdaniach złożonych: współrzędne i podrzędne

Trudne przypadki interpunkcji: wtrącenia, dopowiedzenia, imiesłowy i myślnik

Pisownia łączna i rozdzielna: "nie" z różnymi częściami mowy

Wielkie i małe litery: nazwy własne, tytuły i pojęcia abstrakcyjne

Etykieta językowa i grzeczność w formach pisemnych: netykieta i e-mail

Stylistyka, spójność tekstu i poprawność zapisu

Kryteria oceny wypowiedzi pisemnej — karta holistyczna

Narzędzia korekty tekstu: znaki korektorskie i funkcje edytorów tekstu

Strategia autokorekty: wieloetapowa weryfikacja tekstu własnego

Adiustacja tekstu naukowej lub publicystycznej wypowiedzi innego autora

Praktyka redakcyjna: od brudnopisu do czystopisu pracy maturalnej

Weryfikacja decyzji poprawnościowych w źródłach: poradnia językowa PWN i RJP

OGE.11.W.4

Aligned learning resources

Related diagrams