<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Рабочий лист: Капитанская дочка</title>
<style>
:root {
--primary-color: #2c3e50;
--accent-color: #3498db;
--bg-color: #f9f9f9;
--border-color: #bdc3c7;
}
body {
font-family: 'Georgia', 'Times New Roman', serif;
line-height: 1.6;
color: #333;
background-color: #eee;
margin: 0;
padding: 20px;
}
.container {
max-width: 210mm; /* A4 width */
margin: 0 auto;
background: white;
padding: 40px;
box-shadow: 0 0 10px rgba(0,0,0,0.1);
min-height: 297mm;
}
h1 {
text-align: center;
font-size: 24px;
color: var(--primary-color);
margin-bottom: 5px;
text-transform: uppercase;
}
h2 {
text-align: center;
font-size: 18px;
font-weight: normal;
margin-top: 0;
margin-bottom: 20px;
border-bottom: 2px solid var(--primary-color);
padding-bottom: 10px;
}
.header-inputs {
display: flex;
justify-content: space-between;
margin-bottom: 30px;
font-family: sans-serif;
}
.input-group {
display: flex;
align-items: baseline;
}
.input-group label {
margin-right: 10px;
font-weight: bold;
}
.line-input {
border: none;
border-bottom: 1px solid #333;
width: 200px;
font-size: 16px;
background: transparent;
}
.task-block {
margin-bottom: 25px;
page-break-inside: avoid;
}
.task-header {
display: flex;
align-items: center;
font-weight: bold;
font-size: 18px;
margin-bottom: 10px;
color: var(--primary-color);
font-family: sans-serif;
}
.checkbox {
margin-right: 10px;
transform: scale(1.2);
cursor: pointer;
}
table {
width: 100%;
border-collapse: collapse;
margin-bottom: 15px;
}
th, td {
border: 1px solid var(--border-color);
padding: 8px;
vertical-align: top;
}
th {
background-color: #f0f0f0;
text-align: left;
}
/* Interactive Inputs */
select, input[type="text"] {
border: 1px solid #ccc;
padding: 4px;
border-radius: 4px;
font-family: inherit;
}
select {
background-color: #fff;
}
textarea {
width: 100%;
border: 1px solid #ccc;
border-radius: 4px;
padding: 8px;
font-family: inherit;
resize: vertical;
}
/* Tooltip Styles */
.tooltip-container {
position: relative;
display: inline-block;
border-bottom: 1px dotted var(--accent-color);
cursor: help;
}
.tooltip-text {
visibility: hidden;
width: 200px;
background-color: #555;
color: #fff;
text-align: center;
border-radius: 6px;
padding: 5px;
position: absolute;
z-index: 1;
bottom: 125%;
left: 50%;
margin-left: -100px;
opacity: 0;
transition: opacity 0.3s;
font-size: 12px;
font-family: sans-serif;
}
.tooltip-container:hover .tooltip-text {
visibility: visible;
opacity: 1;
}
/* Self Assessment */
.stars {
font-size: 24px;
color: #ddd;
cursor: pointer;
}
.stars span:hover,
.stars span:hover ~ span {
color: gold;
}
/* Note: CSS star rating logic usually requires reverse order or JS, kept simple here for visual */
/* Quiz */
.quiz-options {
display: flex;
gap: 20px;
margin-top: 5px;
}
/* Teacher Section */
details {
margin-top: 40px;
border-top: 2px dashed #ccc;
padding-top: 20px;
}
summary {
cursor: pointer;
font-weight: bold;
color: var(--primary-color);
outline: none;
}
.qr-placeholder {
width: 100px;
height: 100px;
background-color: #eee;
border: 1px solid #333;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
font-size: 10px;
margin-top: 10px;
}
@media print {
body { background: white; padding: 0; }
.container { box-shadow: none; padding: 20px; width: 100%; max-width: 100%; }
.tooltip-text { display: none; } /* Hide tooltips on print */
details { display: block; } /* Ensure keys are printable if needed, or hide them */
/* To hide answers on print, uncomment next line: */
/* details { display: none; } */
}
</style>
</head>
<body>
<div class="container">
<h1>Рабочий лист по литературе</h1>
<h2>А. С. Пушкин «Капитанская дочка» (8 класс)</h2>
<div class="header-inputs">
<div class="input-group">
<label>Фамилия Имя:</label>
<input type="text" class="line-input" style="width: 250px;">
</div>
<div class="input-group">
<label>Класс:</label>
<input type="text" class="line-input" style="width: 50px;">
</div>
<div class="input-group">
<label>Дата:</label>
<input type="text" class="line-input" style="width: 100px;">
</div>
</div>
<!-- Задание 1 -->
<div class="task-block">
<div class="task-header">
<input type="checkbox" class="checkbox">
1. Хронология событий
</div>
<p>Расставь цифры от 1 до 6 в правильном порядке:</p>
<table>
<tr>
<th style="width: 50px;">№</th>
<th>Эпизод</th>
</tr>
<tr>
<td><input type="number" min="1" max="6" style="width: 40px;"></td>
<td>Прибытие Гринёва в Белогорскую крепость и знакомство с семьёй Мироновых</td>
</tr>
<tr>
<td><input type="number" min="1" max="6" style="width: 40px;"></td>
<td>Дуэль Гринёва со Швабриным</td>
</tr>
<tr>
<td><input type="number" min="1" max="6" style="width: 40px;"></td>
<td>Захват крепости пугачёвцами и спасение Маши Мироновой</td>
</tr>
<tr>
<td><input type="number" min="1" max="6" style="width: 40px;"></td>
<td>Отъезд Гринёва из дома и встреча с «вожатым» в буран</td>
</tr>
<tr>
<td><input type="number" min="1" max="6" style="width: 40px;"></td>
<td>Поездка Гринёва в осаждённую крепость для спасения Маши</td>
</tr>
<tr>
<td><input type="number" min="1" max="6" style="width: 40px;"></td>
<td>Арест Гринёва, суд и помилование</td>
</tr>
</table>
</div>
<!-- Задание 2 -->
<div class="task-block">
<div class="task-header">
<input type="checkbox" class="checkbox">
2. Соотнесение описаний и персонажей
</div>
<table>
<tr>
<th>Описание</th>
<th style="width: 200px;">Герой (выбери)</th>
</tr>
<tr>
<td>1. «Человек лет сорока, росту среднего, очень худощав и широкоплеч»</td>
<td>
<select>
<option value="">-- Выбрать --</option>
<option value="shvabrin">Швабрин</option>
<option value="mirovonov_cap">Капитан Миронов</option>
<option value="masha">Маша Миронова</option>
</select>
</td>
</tr>
<tr>
<td>2. «Круглолицая, румяная девушка с светло-русыми волосами...»</td>
<td>
<select>
<option value="">-- Выбрать --</option>
<option value="shvabrin">Швабрин</option>
<option value="mirovonov_cap">Капитан Миронов</option>
<option value="masha">Маша Миронова</option>
</select>
</td>
</tr>
<tr>
<td>3. «Офицер, лет двадцати трёх... с чёрными усами и бакенбардами»</td>
<td>
<select>
<option value="">-- Выбрать --</option>
<option value="shvabrin">Швабрин</option>
<option value="mirovonov_cap">Капитан Миронов</option>
<option value="masha">Маша Миронова</option>
</select>
</td>
</tr>
</table>
</div>
<!-- Задание 3 -->
<div class="task-block">
<div class="task-header">
<input type="checkbox" class="checkbox">
3. Цитаты и их авторы
</div>
<ol>
<li>
«<input type="text" placeholder="Имя героя" style="width: 200px;">»:
<em>«Береги платье снову, а честь смолоду.»</em>
</li>
<li>
«<input type="text" placeholder="Имя героя" style="width: 200px;">»:
<em>«Признайся: кто твой благодетель?»</em>
</li>
<li>
«<input type="text" placeholder="Имя героя" style="width: 200px;">»:
<em>«Я природный дворянин; я присягал государыне императрице: тебе служить не могу.»</em>
</li>
</ol>
</div>
<!-- Задание 4 -->
<div class="task-block">
<div class="task-header">
<input type="checkbox" class="checkbox">
4. Мини-словарь
</div>
<p>Дай определение словам (наведи курсор на слово для подсказки):</p>
<ul>
<li>
<div class="tooltip-container">Рекрут
<span class="tooltip-text">Лицо, взятое на военную службу по рекрутской повинности</span>
</div>:
<input type="text" style="width: 70%;" placeholder="определение...">
</li>
<li>
<div class="tooltip-container">Фортеция
<span class="tooltip-text">Старинное название военного укрепления, крепости</span>
</div>:
<input type="text" style="width: 70%;" placeholder="определение...">
</li>
<li>
<div class="tooltip-container">Подорожная
<span class="tooltip-text">Документ, дающий право на получение лошадей на почтовых станциях</span>
</div>:
<input type="text" style="width: 70%;" placeholder="определение...">
</li>
</ul>
</div>
<!-- Задание 5 -->
<div class="task-block">
<div class="task-header">
<input type="checkbox" class="checkbox">
5. Сравнительная таблица: Гринёв и Швабрин
</div>
<table>
<tr>
<th style="width: 30%;">Критерий</th>
<th style="width: 35%;">Пётр Гринёв</th>
<th style="width: 35%;">Алексей Швабрин</th>
</tr>
<tr>
<td>Отношение к Маше Мироновой</td>
<td><textarea rows="2"></textarea></td>
<td><textarea rows="2"></textarea></td>
</tr>
<tr>
<td>Поведение при захвате крепости</td>
<td><textarea rows="2"></textarea></td>
<td><textarea rows="2"></textarea></td>
</tr>
<tr>
<td>Представление о чести и долге</td>
<td><textarea rows="2"></textarea></td>
<td><textarea rows="2"></textarea></td>
</tr>
</table>
</div>
<!-- Задание 6 -->
<div class="task-block">
<div class="task-header">
<input type="checkbox" class="checkbox">
6. Исторический контекст
</div>
<ol>
<li>Какое историческое событие лежит в основе сюжета? <br> <input type="text" style="width: 90%;"></li>
<li>Какую роль играет Пугачёв в развитии сюжета? <br> <input type="text" style="width: 90%;"></li>
<li>В чём смысл эпиграфа «Береги честь смолоду»? <br> <input type="text" style="width: 90%;"></li>
</ol>
</div>
<!-- Задание 7 -->
<div class="task-block">
<div class="task-header">
<input type="checkbox" class="checkbox">
7. Анализ символического сна Гринёва
</div>
<p>Опиши сон (гл. 2) и объясни его значение (3–4 предложения):</p>
<textarea rows="4"></textarea>
</div>
<!-- Задание 8 -->
<div class="task-block">
<div class="task-header">
<input type="checkbox" class="checkbox">
8. Мини-сочинение
</div>
<p><strong>Тема:</strong> «Что значит быть человеком чести? (по повести „Капитанская дочка")»<br>
<em>Объём: 50–70 слов. Упомяни 1–2 примера из текста.</em></p>
<textarea rows="8"></textarea>
</div>
<!-- Самооценка -->
<div class="task-block" style="background: #f0f8ff; padding: 15px; border-radius: 8px;">
<strong>🌟 Самооценка:</strong> Отметь одну звезду (1 - сложно, 5 - отлично):<br>
<div class="stars">
<input type="radio" name="star" id="s1"><label for="s1">⭐</label>
<input type="radio" name="star" id="s2"><label for="s2">⭐</label>
<input type="radio" name="star" id="s3"><label for="s3">⭐</label>
<input type="radio" name="star" id="s4"><label for="s4">⭐</label>
<input type="radio" name="star" id="s5"><label for="s5">⭐</label>
</div>
<p style="margin-top: 10px;">Что было самым сложным? <input type="text" style="width: 60%;"></p>
</div>
<!-- Викторина -->
<div class="task-block">
<div class="task-header">
<input type="checkbox" class="checkbox">
📝 Мини-викторина
</div>
<table style="border: none;">
<tr style="border: none;">
<td style="border: none;">
<strong>1. Кто спас Гринёва от петли?</strong><br>
<div class="quiz-options">
<label><input type="radio" name="q1"> A) Савельич</label>
<label><input type="radio" name="q1"> B) Пугачёв</label>
<label><input type="radio" name="q1"> C) Швабрин</label>
</div>
</td>
</tr>
<tr style="border: none;">
<td style="border: none;">
<strong>2. Прозвище Пугачёва в повести?</strong><br>
<div class="quiz-options">
<label><input type="radio" name="q2"> A) «Царь-батюшка»</label>
<label><input type="radio" name="q2"> B) «Самозванец»</label>
<label><input type="radio" name="q2"> C) «Батька»</label>
</div>
</td>
</tr>
<tr style="border: none;">
<td style="border: none;">
<strong>3. Место основного действия?</strong><br>
<div class="quiz-options">
<label><input type="radio" name="q3"> A) Петербург</label>
<label><input type="radio" name="q3"> B) Белогорская крепость</label>
<label><input type="radio" name="q3"> C) Казань</label>
</div>
</td>
</tr>
</table>
</div>
<!-- Блок учителя -->
<details>
<summary>🔑 Ответы и критерии (для учителя)</summary>
<div style="margin-top: 20px;">
<p><strong>Задание 1 (Хронология):</strong> 1-Г, 2-А, 3-Б, 4-В, 5-Д, 6-Е</p>
<p><strong>Задание 2 (Герои):</strong> 1 — Капитан Миронов, 2 — Маша, 3 — Швабрин</p>
<p><strong>Задание 3 (Цитаты):</strong> 1 — Савельич (отец), 2 — Пугачёв, 3 — Гринёв</p>
<p><strong>Викторина:</strong> 1-B, 2-A, 3-B</p>
<hr>
<p><strong>Критерии мини-сочинения (макс. 6 баллов):</strong></p>
<ul>
<li><strong>Логичность (0-2 балла):</strong> наличие тезиса, аргументов и вывода.</li>
<li><strong>Опора на текст (0-2 балла):</strong> наличие 2-х точных примеров из повести.</li>
<li><strong>Грамотность (0-2 балла):</strong> отсутствие грубых ошибок.</li>
</ul>
<p><em>Оценка: "5" (5-6 баллов), "4" (4 балла), "3" (3 балла).</em></p>
</div>
<div style="display: flex; align-items: center; gap: 20px; margin-top: 20px;">
<div class="qr-placeholder">
QR CODE<br>[ ПРОВЕРЬ<br>ОТВЕТЫ ]
</div>
<p>Наведи камеру, чтобы открыть страницу с полными ответами и методическими рекомендациями.</p>
</div>
</details>
</div>
</body>
</html>
Комментариев нет:
Отправить комментарий