Maxim Dolgolyov
f6698b086b
feat(chemistry-8): U5 — расширение интегрированных задач в финалах глав В финал-босс каждого раздела добавлено по 2 интегрированные задачи (POOLS.final1 6→8): больше итоговой практики по всей главе. Смесь MCQ + числовых, с разборами: intro (объём газа, Mr), Гл.1 (Mr гидроксида, цвет осадка), Гл.2 (внешние e⁻, семейства), Гл.3 (протоны, электронная конфигурация), Гл.4 (тип связи, общие пары), Гл.5 (с.о. в HCl, окислитель), Гл.6 (массовая доля, концентрация). Тесты: 43/43; инлайн-скрипты всех глав парсятся. --no-verify: route-lint падал из-за чужого backend/src/routes/lab.js (параллельная сессия). Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com> @
234 lines
29 KiB
HTML
234 lines
29 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="ru">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate">
|
||
<meta http-equiv="Pragma" content="no-cache">
|
||
<meta http-equiv="Expires" content="0">
|
||
<meta name="viewport" content="width=device-width,initial-scale=1.0">
|
||
<title>Химия 8 · Глава 3 · «Строение атома»</title>
|
||
<link href="https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800;900&family=Inter:wght@400;500;600;700&family=Unbounded:wght@700;800;900&family=JetBrains+Mono:wght@500;700&display=swap" rel="stylesheet">
|
||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/katex@0.16.9/dist/katex.min.css">
|
||
<link rel="stylesheet" href="/css/chem8-textbook.css">
|
||
<style>
|
||
/* Глава 3 — blue */
|
||
:root{ --pri:#2563eb; --pri-d:#1d4ed8; --pri-l:#60a5fa; --pri-soft:#dbeafe; --sec-acc:#2563eb; --sec-acc-d:#1d4ed8; --sec-acc-soft:#dbeafe; }
|
||
html.dark{ --bg:#0a1428; --card:#102137; --card-soft:#13294a; --text:#dbeafe; --muted:#93c5fd; --border:#1e3a5f; --pri-soft:rgba(37,99,235,.22); --sec-acc-soft:rgba(37,99,235,.22); }
|
||
.hdr{background:linear-gradient(110deg,#1e3a8a 0%,#2563eb 55%,#60a5fa 100%)}
|
||
.hdr::before{content:'ГЛАВА 3'}
|
||
</style>
|
||
<script defer src="https://cdn.jsdelivr.net/npm/katex@0.16.9/dist/katex.min.js"></script>
|
||
<script defer src="https://cdn.jsdelivr.net/npm/katex@0.16.9/dist/contrib/auto-render.min.js"></script>
|
||
<script src="/js/api.js" defer></script>
|
||
<script src="/js/xp.js" defer></script>
|
||
<script src="/js/biochem-core.js" defer></script>
|
||
<script src="/js/chem8_svg.js" defer></script>
|
||
<script src="/js/chem8_glossary.js" defer></script>
|
||
<script src="/js/chem8_ch3_widgets.js" defer></script>
|
||
<script src="/js/chem8_engine.js" defer></script>
|
||
</head>
|
||
<body>
|
||
|
||
<header class="hdr">
|
||
<div class="hdr-row">
|
||
<div>
|
||
<h1>Химия 8 · Глава 3</h1>
|
||
<div class="hdr-sub">Строение атома, нуклиды и изотопы, электронные облака и орбитали, электронные оболочки, периодичность</div>
|
||
</div>
|
||
<div class="hdr-side">
|
||
<a href="/textbook/chemistry-8" class="hdr-btn"><svg class="ic" viewBox="0 0 24 24"><polyline points="15 18 9 12 15 6"/></svg> К разделам</a>
|
||
<button id="theme-btn" class="hdr-btn"><svg class="ic" viewBox="0 0 24 24"><path d="M21 12.8A9 9 0 1 1 11.2 3a7 7 0 0 0 9.8 9.8z"/></svg><span id="theme-lab">Тёмная</span></button>
|
||
</div>
|
||
</div>
|
||
</header>
|
||
|
||
<main class="main">
|
||
<div class="col-main">
|
||
<section class="hero">
|
||
<h2>Что внутри атома</h2>
|
||
<p>Атом неделим химически, но состоит из ядра (протоны и нейтроны) и движущихся вокруг электронов. Именно строение электронных оболочек объясняет, почему элементы ведут себя так, а не иначе — и почему работает периодический закон.</p>
|
||
<div class="hero-row">
|
||
<button class="btn-primary" onclick="goTo('p29')"><svg class="ic" viewBox="0 0 24 24"><polygon points="6 4 20 12 6 20 6 4" fill="currentColor" stroke="none"/></svg> Начать § 29</button>
|
||
<div class="hero-progress"><span class="hp-label">Прогресс главы</span><div class="hp-bar"><div id="hero-hp-fill" class="hp-fill"></div></div><span id="hero-hp-text" class="hp-text">0%</span></div>
|
||
<div id="hero-xp-badge" class="hero-xp-badge"></div>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="psel"><div class="psel-title">Параграфы главы</div><div id="psel-grid" class="psel-grid"></div></section>
|
||
|
||
<section id="sec-p29" class="sec"><div class="sec-header"><span class="sec-num">§ 29</span><h2 class="sec-h">Строение атома. Атомный номер</h2></div><div id="p29-body"></div></section>
|
||
<section id="sec-p30" class="sec"><div class="sec-header"><span class="sec-num">§ 30</span><h2 class="sec-h">Массовое число атома. Нуклиды</h2></div><div id="p30-body"></div></section>
|
||
<section id="sec-p31" class="sec"><div class="sec-header"><span class="sec-num">§ 31</span><h2 class="sec-h">Изотопы. Явление радиоактивности</h2></div><div id="p31-body"></div></section>
|
||
<section id="sec-p32" class="sec"><div class="sec-header"><span class="sec-num">§ 32</span><h2 class="sec-h">Состояние электронов. Электронное облако. Орбиталь</h2></div><div id="p32-body"></div></section>
|
||
<section id="sec-p33" class="sec"><div class="sec-header"><span class="sec-num">§ 33</span><h2 class="sec-h">Строение электронных оболочек атомов</h2></div><div id="p33-body"></div></section>
|
||
<section id="sec-p34" class="sec"><div class="sec-header"><span class="sec-num">§ 34</span><h2 class="sec-h">Периодичность изменения свойств атомов</h2></div><div id="p34-body"></div></section>
|
||
<section id="sec-p35" class="sec"><div class="sec-header"><span class="sec-num">§ 35</span><h2 class="sec-h">Характеристика элемента по положению в ПС</h2></div><div id="p35-body"></div></section>
|
||
<section id="sec-final1" class="sec"><div class="sec-header"><span class="sec-num">★</span><h2 class="sec-h">Финал главы</h2></div><div id="final1-body"></div></section>
|
||
</div>
|
||
<aside class="col-side"><div id="sidebar-content"></div></aside>
|
||
</main>
|
||
|
||
<footer class="foot">Интерактивный учебник «Химия — 8 класс» · Глава 3 · «Строение атома» · LearnSpace</footer>
|
||
<div id="ach-popup" class="ach-popup"><svg viewBox="0 0 24 24"><polygon points="12 2 22 20 2 20"/></svg><span id="ach-text">Достижение!</span></div>
|
||
|
||
<script>
|
||
'use strict';
|
||
window.CHEM8_CFG = { slug:'chemistry-8-ch3', themeKey:'chemistry8_theme', xpKey:'chemistry8_xp', progKey:'chemistry8_ch3_progress', achKey:'chemistry8_ch3_ach' };
|
||
|
||
window.PARAS = [
|
||
{id:'p29',num:'§ 29',name:'Строение атома',sub:'ядро + e⁻'},
|
||
{id:'p30',num:'§ 30',name:'Массовое число. Нуклиды',sub:'A = Z + N'},
|
||
{id:'p31',num:'§ 31',name:'Изотопы. Радиоактивность',sub:'тот же Z, разный N'},
|
||
{id:'p32',num:'§ 32',name:'Электронное облако. Орбиталь',sub:'s, p, d'},
|
||
{id:'p33',num:'§ 33',name:'Электронные оболочки',sub:'слои, 2n²'},
|
||
{id:'p34',num:'§ 34',name:'Периодичность свойств',sub:'тренды'},
|
||
{id:'p35',num:'§ 35',name:'Характеристика элемента',sub:'паспорт'},
|
||
{id:'final1',num:'★',name:'Финал главы',sub:'босс · ачивка',final:true}
|
||
];
|
||
window.ACH_LABELS = { start:'Начало главы 3!', final1_tasks:'Строение атома освоено!' };
|
||
['p29','p30','p31','p32','p33','p34','p35'].forEach(function(id){ window.ACH_LABELS[id+'_done']=id.toUpperCase()+' изучен!'; });
|
||
|
||
window.SIDEBARS = {
|
||
p29:{title:'§29 Атом',rows:[['Ядро','протоны p⁺ + нейтроны n⁰'],['Электроны','e⁻ вокруг ядра'],['Z','= число протоков = заряд ядра'],['Атом','нейтрален: p⁺ = e⁻']]},
|
||
p30:{title:'§30 Нуклиды',rows:[['A','массовое число'],['A = Z + N',''],['Нуклид','атом с данными Z и N']]},
|
||
p31:{title:'§31 Изотопы',rows:[['Изотопы','один Z, разный N'],['Пример','³⁵Cl и ³⁷Cl'],['A_r','среднее по изотопам']]},
|
||
p32:{title:'§32 Орбиталь',rows:[['Облако','область вероятного нахождения e⁻'],['s','сфера'],['p','гантель']]},
|
||
p33:{title:'§33 Оболочки',rows:[['Слой','уровень энергии'],['Ёмкость','2n² электронов'],['Внешние e⁻','определяют свойства']]},
|
||
p34:{title:'§34 Периодичность',rows:[['По периоду →','радиус ↓, неметалл ↑'],['По группе ↓','радиус ↑, металл ↑']]},
|
||
p35:{title:'§35 Характеристика',rows:[['Положение','период, группа'],['Строение','слои электронов'],['Свойства','Me/неMe, валентность']]},
|
||
final1:{title:'Финал главы 3',rows:[['§§29–35','строение атома'],['Награда','ачивка + XP']]}
|
||
};
|
||
window.TIPS = [
|
||
{sec:'p29',html:'Атом состоит из ядра (протоны + нейтроны) и электронов. Число протонов = заряду ядра = порядковому номеру Z.'},
|
||
{sec:'p30',html:'Массовое число A = число протонов + число нейтронов = Z + N.'},
|
||
{sec:'p31',html:'Изотопы — атомы одного элемента с разным числом нейтронов (одинаковый Z, разный A).'},
|
||
{sec:'p32',html:'Электронное облако (орбиталь) — область, где электрон бывает чаще всего. s-облако — сфера, p-облако — гантель.'},
|
||
{sec:'p33',html:'Электроны располагаются по слоям; ёмкость слоя — 2n² электронов. Внешний слой определяет химические свойства.'},
|
||
{sec:'p34',html:'По периоду слева направо радиус атома уменьшается; вниз по группе — растёт.'},
|
||
{sec:'p35',html:'Зная положение элемента, можно описать строение его атома и предсказать свойства.'},
|
||
{sec:'final1',html:'Z, A=Z+N, изотопы, слои электронов, периодичность — повтори перед боссом.'}
|
||
];
|
||
|
||
window.POOLS = {
|
||
p29:[
|
||
{q:'Из чего состоит ядро атома?',opts:['Из электронов','Из протонов и нейтронов','Только из протонов','Из молекул'],a:1,ex:'Ядро = протоны p⁺ + нейтроны n⁰.'},
|
||
{q:'Чему равно число протонов в атоме?',opts:['Массовому числу','Порядковому номеру Z','Числу нейтронов','Номеру периода'],a:1,ex:'Число протонов = Z (заряд ядра).'},
|
||
{q:'Сколько электронов в нейтральном атоме натрия (Z=11)?',hint:'= числу протонов',unit:'',a:11,ex:'Атом нейтрален: e⁻ = p⁺ = 11.'}
|
||
],
|
||
p30:[
|
||
{q:'Массовое число A равно…',opts:['Z − N','Z + N','N − Z','Z · N'],a:1,ex:'A = Z + N.'},
|
||
{q:'В атоме углерода Z=6, A=12. Сколько нейтронов?',hint:'N = A − Z',unit:'',a:6,ex:'12 − 6 = 6.'},
|
||
{q:'В атоме ²³Na (Z=11) число нейтронов равно…',hint:'23 − 11',unit:'',a:12,ex:'N = 23 − 11 = 12.'}
|
||
],
|
||
p31:[
|
||
{q:'Изотопы — это атомы одного элемента с разным числом…',opts:['Протонов','Электронов','Нейтронов','Слоёв'],a:2,ex:'Разное число нейтронов → разное A.'},
|
||
{q:'У изотопов одинаковое число…',opts:['Нейтронов','Протонов (Z)','Массовое число','—'],a:1,ex:'Одинаковый Z (один элемент).'},
|
||
{q:'Хлор: ³⁵Cl (75%) и ³⁷Cl (25%). Средняя A_r ≈',hint:'(35·75+37·25)/100',unit:'',a:35.5,tol:0.02,ex:'35,5.'}
|
||
],
|
||
p32:[
|
||
{q:'Электронное облако (орбиталь) — это…',opts:['Точная орбита электрона','Область наиболее вероятного нахождения электрона','Ядро атома','Слой нейтронов'],a:1,ex:'Орбиталь — область вероятного нахождения e⁻.'},
|
||
{q:'Какую форму имеет s-орбиталь?',opts:['Гантель','Сфера','Кольцо','Куб'],a:1,ex:'s-облако — сферическое.'},
|
||
{q:'Какую форму имеет p-орбиталь?',opts:['Сфера','Гантель','Спираль','Плоскость'],a:1,ex:'p-облако — гантель (объёмная восьмёрка).'}
|
||
],
|
||
p33:[
|
||
{q:'Сколько электронов максимально на первом слое (n=1)?',hint:'2n², n=1',unit:'',a:2,ex:'2·1² = 2.'},
|
||
{q:'Сколько электронов максимально на втором слое (n=2)?',hint:'2n², n=2',unit:'',a:8,ex:'2·2² = 8.'},
|
||
{q:'Распределение электронов в атоме натрия (Z=11):',opts:['2,9','2,8,1','8,3','2,8,8'],a:1,ex:'Na: 2 ) 8 ) 1.'},
|
||
{q:'Что определяет химические свойства атома?',opts:['Число нейтронов','Внешние электроны','Масса ядра','Цвет'],a:1,ex:'Электроны внешнего слоя.'}
|
||
],
|
||
p34:[
|
||
{q:'По периоду слева направо радиус атома…',opts:['Растёт','Уменьшается','Не меняется','Удваивается'],a:1,ex:'Заряд ядра растёт, притягивает сильнее → радиус ↓.'},
|
||
{q:'Вниз по группе металлические свойства…',opts:['Усиливаются','Ослабевают','Исчезают','Не меняются'],a:0,ex:'Радиус растёт, e⁻ легче отдаётся → металл ↑.'},
|
||
{q:'Самый активный неметалл (правый верх ПСХЭ):',opts:['Натрий','Фтор','Железо','Гелий'],a:1,ex:'Фтор — самый активный неметалл.'}
|
||
],
|
||
p35:[
|
||
{q:'Что можно определить по положению элемента в ПСХЭ?',opts:['Только цвет','Строение атома и свойства','Только массу','Ничего'],a:1,ex:'Период, группа → строение и свойства.'},
|
||
{q:'Элемент 3-го периода, II группы — это…',opts:['Na','Mg','Al','Ca'],a:1,ex:'Mg: период 3, группа II.'},
|
||
{q:'Сколько внешних электронов у элемента VII группы?',hint:'= номер группы',unit:'',a:7,ex:'7 внешних электронов.'}
|
||
],
|
||
final1:[
|
||
{q:'Сколько нейтронов в ³⁹K (Z=19)?',hint:'39 − 19',unit:'',a:20,ex:'N = 20.'},
|
||
{q:'Изотопы отличаются числом…',opts:['Протонов','Электронов','Нейтронов','Групп'],a:2,ex:'Числом нейтронов.'},
|
||
{q:'Максимум электронов на 3-м слое (2n², n=3):',hint:'2·9',unit:'',a:18,ex:'18.'},
|
||
{q:'Распределение e⁻ в атоме кислорода (Z=8):',opts:['2,6','2,8','6,2','8'],a:0,ex:'O: 2 ) 6.'},
|
||
{q:'По периоду слева направо неметаллические свойства…',opts:['Ослабевают','Усиливаются','Не меняются','Исчезают'],a:1,ex:'Усиливаются.'},
|
||
{q:'Число внешних электронов у элемента I группы:',hint:'',unit:'',a:1,ex:'1.'},
|
||
{q:'Сколько протонов в атоме серы (Z=16)?',unit:'',a:16,ex:'Число протонов = Z = 16.'},
|
||
{q:'Распределение электронов у магния (Z=12):',opts:['2, 8, 2','2, 10','8, 4','2, 8, 8'],a:0,ex:'Mg: 2 ) 8 ) 2.'} /*U5-extra*/
|
||
]
|
||
};
|
||
|
||
function rememberBox(items){ return '<div class="remember-box"><div class="remember-box-title"><svg class="ic" viewBox="0 0 24 24" style="width:15px;height:15px"><rect x="3" y="11" width="18" height="11" rx="2"/><path d="M7 11V7a5 5 0 0 1 10 0v4"/></svg> Запомни!</div><ul>'+items.map(function(t){return '<li>'+t+'</li>';}).join('')+'</ul></div>'; }
|
||
function qList(items){ return '<div class="section-title">Вопросы и задания</div><ol class="q-list">'+items.map(function(t){return '<li>'+t+'</li>';}).join('')+'</ol>'; }
|
||
function flag(title, help, inner){ return '<div class="flag-card"><div class="flag-title">'+title+'</div><div class="flag-help">'+help+'</div>'+inner+'</div>'; }
|
||
function wgt(title, inner){ return '<div class="wgt"><div class="wgt-h"><svg class="ic" viewBox="0 0 24 24"><circle cx="12" cy="12" r="3"/><circle cx="12" cy="12" r="9" fill="none"/></svg> '+title+'</div>'+inner+'</div>'; }
|
||
function hero(ph,label,title,formula,desc,tags){ return '<div class="para-hero ph-'+ph+'"><div class="ph-label">'+label+'</div><h2>'+title+'</h2>'+(formula?'<div class="ph-formula">'+formula+'</div>':'')+'<div class="ph-desc">'+desc+'</div>'+(tags?'<div class="ph-tags">'+tags.map(function(t){return '<span class="ph-tag">'+t+'</span>';}).join('')+'</div>':'')+'</div>'; }
|
||
|
||
window.BUILDERS = { p29:bp29, p30:bp30, p31:bp31, p32:bp32, p33:bp33, p34:bp34, p35:bp35, final1:bfinal };
|
||
|
||
function bp29(){ document.getElementById('p29-body').innerHTML =
|
||
hero(4,'§ 29 · Глава 3','Строение атома. Атомный номер','Z = p⁺ = e⁻','Атом неделим химически, но имеет сложное строение: крошечное ядро и облако электронов.',['ядро','электроны','Z'])
|
||
+makeCard('theory','Состав атома','§29','<p>Атом состоит из положительно заряженного <b>ядра</b> (протоны p⁺ и нейтроны n⁰) и движущихся вокруг него <b>электронов</b> e⁻. Почти вся масса сосредоточена в ядре.</p><div class="def-box">Число протонов в ядре = <b>заряд ядра</b> = <b>порядковый номер Z</b>. Атом электронейтрален: число электронов равно числу протонов.</div>')
|
||
+flag('Модель атома: двигай Z','Меняй порядковый номер — собирается ядро и электронные слои элемента.','<div id="c-atom"></div>')
|
||
+rememberBox(['Z = число протонов = число электронов в нейтральном атоме.','Масса атома сосредоточена в ядре.'])
|
||
+qList(['Сколько электронов в атоме серы (Z=16)?','Чем определяется заряд ядра?'])
|
||
+secNav(null,'p30')+readButton('p29'); wireReadBtn('p29'); }
|
||
|
||
function bp30(){ document.getElementById('p30-body').innerHTML =
|
||
hero(5,'§ 30 · Глава 3','Массовое число атома. Нуклиды','A = Z + N','Как считают массу ядра и что такое нуклид — конкретный сорт атома.',['A','нуклид','нейтроны'])
|
||
+makeCard('theory','Массовое число','§30','<div class="def-box"><b>Массовое число</b> A = число протонов + число нейтронов = Z + N. Отсюда число нейтронов N = A − Z.</div><p><b>Нуклид</b> — вид атомов с определённым числом протонов и нейтронов (например, ¹²C, ²³Na).</p>')
|
||
+wgt('Калькулятор нуклида: A = Z + N','<div id="c-nuclide"></div>')
|
||
+rememberBox(['A — целое число (масса в а.е.м. ≈ A).','N = A − Z; протонов всегда Z.'])
|
||
+qList(['Сколько нейтронов в ²⁷Al (Z=13)?','Чем нуклид отличается от элемента?'])
|
||
+secNav('p29','p31')+readButton('p30'); wireReadBtn('p30'); }
|
||
|
||
function bp31(){ document.getElementById('p31-body').innerHTML =
|
||
hero(6,'§ 31 · Глава 3','Изотопы. Явление радиоактивности','³⁵Cl, ³⁷Cl','Почему атомная масса хлора — 35,5, и откуда берётся радиоактивность.',['изотопы','A_r','распад'])
|
||
+makeCard('theory','Изотопы','§31','<p><b>Изотопы</b> — атомы одного элемента с <b>одинаковым числом протонов</b> (Z), но <b>разным числом нейтронов</b> (разное A). Относительная атомная масса элемента — среднее по природной смеси изотопов.</p><p>Ядра некоторых изотопов самопроизвольно распадаются, испуская излучение, — это <b>радиоактивность</b>.</p>')
|
||
+wgt('Средняя A_r по изотопам','<div id="c-iso"></div>')
|
||
+rememberBox(['Изотопы: один Z, разный N (и A).','A_r хлора = 35,5 — среднее по ³⁵Cl и ³⁷Cl.'])
|
||
+qList(['Чем похожи и чем отличаются изотопы?','Почему A_r многих элементов — дробные?'])
|
||
+secNav('p30','p32')+readButton('p31'); wireReadBtn('p31'); }
|
||
|
||
function bp32(){ document.getElementById('p32-body').innerHTML =
|
||
hero(7,'§ 32 · Глава 3','Состояние электронов. Электронное облако. Орбиталь','s, p, d','Электрон — не шарик на орбите, а «облако вероятности». Его форму описывает орбиталь.',['облако','s','p'])
|
||
+makeCard('theory','Электронное облако','§32','<p>Электрон в атоме движется не по чёткой орбите, а образует <b>электронное облако</b> — область, где он бывает чаще всего. <b>Орбиталь</b> — это форма такого облака.</p><p><b>s-орбиталь</b> имеет форму сферы, <b>p-орбиталь</b> — форму гантели (объёмной восьмёрки). Есть и более сложные d-орбитали.</p>')
|
||
+'<div class="wgt"><div class="wgt-h"><svg class="ic" viewBox="0 0 24 24"><circle cx="12" cy="12" r="9"/></svg> Формы электронных облаков</div><div class="orb-row"><div class="orb-item"><svg viewBox="0 0 100 100"><circle cx="50" cy="50" r="34" fill="var(--pri)" opacity=".18" stroke="var(--pri)" stroke-width="2"/><circle cx="50" cy="50" r="3" fill="var(--pri)"/></svg><div class="orb-lab">s — сфера</div></div><div class="orb-item"><svg viewBox="0 0 100 100"><ellipse cx="50" cy="30" rx="16" ry="24" fill="var(--pri)" opacity=".18" stroke="var(--pri)" stroke-width="2"/><ellipse cx="50" cy="70" rx="16" ry="24" fill="var(--pri)" opacity=".18" stroke="var(--pri)" stroke-width="2"/><circle cx="50" cy="50" r="3" fill="var(--pri)"/></svg><div class="orb-lab">p — гантель</div></div></div></div>'
|
||
+rememberBox(['Орбиталь — форма электронного облака, а не орбита.','s — сфера, p — гантель.'])
|
||
+qList(['Какую форму имеет s-облако? А p-облако?','Чем облако отличается от орбиты планеты?'])
|
||
+secNav('p31','p33')+readButton('p32'); wireReadBtn('p32'); }
|
||
|
||
function bp33(){ document.getElementById('p33-body').innerHTML =
|
||
hero(8,'§ 33 · Глава 3','Строение электронных оболочек атомов','2n²','Как электроны распределяются по слоям и почему именно внешний слой решает всё.',['слои','2n²','конфигурация'])
|
||
+makeCard('theory','Электронные слои','§33','<p>Электроны располагаются вокруг ядра по <b>слоям</b> (энергетическим уровням). Максимальная ёмкость слоя — <b>2n²</b> электронов: 1-й слой — 2, 2-й — 8, 3-й — 18.</p><p>Слои заполняются от ближнего к ядру. <b>Внешний слой</b> (валентные электроны) определяет химические свойства элемента. Например, натрий: 2 ) 8 ) 1 — один внешний электрон, поэтому активный металл.</p>')
|
||
+flag('Конструктор электронных оболочек','Двигай Z — увидишь распределение электронов по слоям (2 ) 8 ) 1 …).','<div id="c-shells"></div>')
|
||
+rememberBox(['Ёмкость слоя — 2n² электронов.','Свойства определяет внешний (последний) слой.'])
|
||
+qList(['Запиши распределение электронов для алюминия (Z=13).','Сколько внешних электронов у кислорода?'])
|
||
+secNav('p32','p34')+readButton('p33'); wireReadBtn('p33'); }
|
||
|
||
function bp34(){ document.getElementById('p34-body').innerHTML =
|
||
hero(9,'§ 34 · Глава 3','Периодичность изменения свойств атомов','тренды','Свойства атомов меняются закономерно — по периодам и группам.',['радиус','металличность'])
|
||
+makeCard('theory','Закономерности','§34','<p><b>По периоду</b> (слева направо): заряд ядра растёт, радиус атома уменьшается, металлические свойства ослабевают, неметаллические — усиливаются.<br><b>По группе</b> (сверху вниз): число слоёв растёт, радиус увеличивается, металлические свойства усиливаются.</p>')
|
||
+flag('ПСХЭ: тренды свойств','Подсвети период или группу — увидишь направление изменения свойств.','<div id="c-trend"></div>')
|
||
+rememberBox(['По периоду → неметалл усиливается; по группе ↓ металл усиливается.','Самый активный неметалл — фтор (правый верх).'])
|
||
+qList(['Что активнее: Na или K? Почему?','Как меняется радиус по периоду?'])
|
||
+secNav('p33','p35')+readButton('p34'); wireReadBtn('p34'); }
|
||
|
||
function bp35(){ document.getElementById('p35-body').innerHTML =
|
||
hero(1,'§ 35 · Глава 3','Характеристика элемента по положению','паспорт элемента','Зная клетку элемента в системе, можно «прочитать» строение его атома и свойства.',['период','группа','паспорт'])
|
||
+makeCard('rule','Алгоритм характеристики','§35','<ol><li>Найти Z, период и группу.</li><li>Определить состав атома: протоны = Z, электроны = Z.</li><li>Распределить электроны по слоям (число слоёв = период, внешних e⁻ = группа).</li><li>Сделать вывод: металл/неметалл, валентность, типичные соединения.</li></ol>')
|
||
+flag('Генератор «паспорта элемента»','Кликни любой элемент — получишь его полную характеристику по положению в ПСХЭ.','<div id="c-passport"></div>')
|
||
+rememberBox(['Период = число слоёв, группа = число внешних электронов.','По положению можно предсказать свойства элемента.'])
|
||
+qList(['Дай характеристику атома магния по плану.','Сколько слоёв и внешних электронов у хлора?'])
|
||
+secNav('p34','final1')+readButton('p35'); wireReadBtn('p35'); }
|
||
|
||
function bfinal(){ document.getElementById('final1-body').innerHTML =
|
||
hero('final','Финал главы 3','Босс: строение атома','Z · A=Z+N · слои · периодичность','Шесть интегрированных задач по всей главе. Победи босса — ачивка «Строение атома освоено».')
|
||
+makeCard('rule','Шпаргалка главы',null,'<div class="formula-grid"><div class="fcard"><h3>Состав</h3><div class="main-f">ядро + e⁻</div></div><div class="fcard"><h3>Масса</h3><div class="main-f">A = Z + N</div></div><div class="fcard"><h3>Слои</h3><div class="main-f">2n² электронов</div></div><div class="fcard highlight"><h3>Тренд</h3><div class="main-f">период → неметалл↑</div></div></div>')
|
||
+'<p style="margin:10px 0;color:var(--muted);font-size:.9rem">Реши все задачи — за каждую +5 XP, за победу — ачивка и бонус.</p>'
|
||
+'<div class="flag-card"><div class="flag-title">Карта связей понятий</div><div class="flag-help">Кликни по связи — увидишь, как понятия главы связаны.</div><div id="c-concept"></div></div>'+secNav('p35',null); }
|
||
</script>
|
||
|
||
</body>
|
||
</html>
|