пятница, 29 мая 2026 г.

Рабочий лист по повести "Капитанская дочка"

 <!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>

Комментариев нет:

Отправить комментарий

ИРЛ по повести "Капитанская дочка"

Рабочий лист: Капитанская дочка Рабочий лист по литературе А. С. Пушкин «Капитанская дочка» (8 класс) ...