/
kkkatsuko
/
Blog
Обзор
Документация
Войти
/
kkkatsuko
/
Blog
Код
Запросы
0
Задачи
Вики
Пакеты
0
Релизы
0
CI/CD
Аналитика
Безопасность
master
task1506/index.html
390 строк
22 KB
kkkatsuko
Create: index.html, Update: index.html
17 июн 2026, 17:58
Верифицирован
17 июн 2026, 17:58
622ffcd
Код
Авторство
О чём код?
<!DOCTYPE html> <html lang="ru"> <head> <title>Блог: Польза игр с куклами для детей</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <!-- Bootstrap 5 + Icons --> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css" rel="stylesheet"> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css"> <style> body { background-color: #fef7f0; } /* Стиль для всех картинок, чтобы они красиво вписывались, даже если исходник квадратный */ .carousel-img, .card-img-top, .rounded-img { width: 100%; object-fit: cover; } .carousel-img { height: 450px; filter: brightness(0.85); /* Делаем фон карусели чуть темнее для читаемости текста */ } .card-img-top { height: 220px; } .rounded-img { height: 300px; object-fit: cover; } .bg-soft-primary { background-color: #f8e7da; } .footer { background-color: #2d3e50; color: #f8f9fa; } .footer a { color: #ffcd94; } .navbar-brand { font-weight: 600; color: #b45f2b !important; } .btn-primary-custom { background-color: #b45f2b; border-color: #9b4e1f; color: white; } .btn-primary-custom:hover { background-color: #9b4e1f; } </style> </head> <body> <!-- НАВИГАЦИЯ --> <nav class="navbar navbar-expand-lg navbar-light bg-white shadow-sm"> <div class="container"> <a class="navbar-brand" href="#"> <i class="bi bi-emoji-smile"></i> Куклы & Детство </a> <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent"> <span class="navbar-toggler-icon"></span> </button> <div class="collapse navbar-collapse" id="navbarSupportedContent"> <ul class="navbar-nav me-auto mb-2 mb-lg-0"> <li class="nav-item"><a class="nav-link active" href="#">Главная</a></li> <li class="nav-item"><a class="nav-link" href="#benefits">Преимущества</a></li> <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown">Игровые практики</a> <ul class="dropdown-menu"> <li><a class="dropdown-item" href="#parents-tips">Советы родителям</a></li> <li><a class="dropdown-item" href="#resources">Материалы для педагогов</a></li> </ul> </li> </ul> <form class="d-flex"> <input class="form-control me-2" type="search" placeholder="Поиск"> <button class="btn btn-outline-secondary" type="submit"><i class="bi bi-search"></i></button> </form> </div> </div> </nav> <!-- КАРУСЕЛЬ (все 3 слайда с вашей одной картинкой) --> <div id="carouselExampleControls" class="carousel slide" data-bs-ride="carousel"> <div class="carousel-inner"> <div class="carousel-item active"> <img src="https://sun9-84.userapi.com/s/v1/ig2/7iXNK48RTyKb5GuiDhr9o0q5J5p3IdJ-_NrPvTD6Wf6jXg41EbOKon9aEHp_QYE3LRjkuHORQ0FCETXpWiGoTLnS.jpg?quality=95&crop=0,0,2480,2480&as=32x32,48x48,72x72,108x108,160x160,240x240,360x360,480x480,540x540,640x640,720x720,1080x1080,1280x1280,1440x1440,2480x2480&from=bu&u=QWAd32KjE_5uWKUTHZyC9dZUqbPK539FSaKmDZCDgVk&cs=2480x0" class="d-block w-100 carousel-img"alt="Игра с куклой"> <div class="carousel-caption d-none d-md-block bg-dark bg-opacity-50 rounded-3"> <h4>Развиваем эмоции через куклу</h4> <p>Каждая игра — шаг к гармоничному развитию</p> </div> </div> <div class="carousel-item"> <img src="https://sun9-58.userapi.com/s/v1/ig2/Fd8nBMzfX0_2UVW_llREDiWN_h9veQjIJBuLpoNCAvQR5QJoHR7JV6QhrQtSH3Ofn6bRGO9PGYNld9ioUkbhRPCp.jpg?quality=95&crop=0,0,2480,2480&as=32x32,48x48,72x72,108x108,160x160,240x240,360x360,480x480,540x540,640x640,720x720,1080x1080,1280x1280,1440x1440,2480x2480&from=bu&u=r4JbN8zkAUdnrdYkSNUigC8k2GIS4uHVw8Ks4kZ-sg8&cs=2480x0" class="d-block w-100 carousel-img" alt="Кукла в жизни ребенка"> <div class="carousel-caption d-none d-md-block bg-dark bg-opacity-50 rounded-3"> <h5>Учим заботе и доброте</h5> <p>Кукла — лучший друг дошкольника</p> </div> </div> <div class="carousel-item"> <img src="https://sun9-4.userapi.com/s/v1/ig2/ykTeZLnmP-MtCQbqxvOkq6fTTMLFfxg0EDO3d6uP12YhgeO1EReHdI53PIx487pNzGF36tMQ0FYOb8G6SqXDPKhy.jpg?quality=95&crop=0,0,2480,2480&as=32x32,48x48,72x72,108x108,160x160,240x240,360x360,480x480,540x540,640x640,720x720,1080x1080,1280x1280,1440x1440,2480x2480&from=bu&u=UXzksUlvD6PYR2GtGGF0aQVeejkxj3p-1r73YTCjsY0&cs=2480x0" class="d-block w-100 carousel-img" alt="Дошкольник с куклой"> <div class="carousel-caption d-none d-md-block bg-dark bg-opacity-50 rounded-3"> <h5>Социализация в игре</h5> <p>Ролевые диалоги и эмоциональный интеллект</p> </div> </div> </div> <button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleControls" data-bs-slide="prev"> <span class="carousel-control-prev-icon"></span> <span class="visually-hidden">Предыдущий</span> </button> <button class="carousel-control-next" type="button" data-bs-target="#carouselExampleControls" data-bs-slide="next"> <span class="carousel-control-next-icon"></span> <span class="visually-hidden">Следующий</span> </button> </div> <!-- ОСНОВНОЙ КОНТЕНТ БЛОГА --> <div class="container my-5"> <!-- Вступление --> <div class="row g-4"> <div class="col-lg-8"> <div class="bg-white p-4 rounded-4 shadow-sm"> <h1 class="display-6 fw-bold"><i class="bi bi-balloon-heart-fill text-warning"></i> Почему игры с куклами — не просто забава?</h1> <p class="lead mt-3">Для родителей и педагогов ДОУ: кукла — это "зеркало" внутреннего мира ребёнка. В дошкольном возрасте игра становится ведущей деятельностью, а кукольный персонаж помогает проживать эмоции, тренировать социальные навыки и развивать речь.</p> <p>Исследования педагогов (Фрёбель, Монтессори, Выготский) подтверждают: манипуляции с куклой формируют базу для логического мышления, мелкой моторики и сюжетного конструирования. В детском саду грамотно организованные кукольные игры снижают тревожность, помогают адаптироваться и учат договариваться.</p> </div> </div> <div class="col-lg-4"> <div class="bg-soft-primary p-4 rounded-4 shadow-sm h-100"> <i class="bi bi-chat-quote-fill fs-1 text-secondary"></i> <blockquote class="mt-2">«Кукла для ребёнка — живое существо. Чем больше он вкладывает в игру смыслов, тем глубже развивается его личность».</blockquote> <p class="fst-italic">— Е.О. Смирнова, психолог</p> <hr> <p><i class="bi bi-calendar-heart"></i> <strong>Совет:</strong> Включайте кукол в режимные моменты — пусть кукла “помогает” убирать игрушки.</p> </div> </div> </div> <!-- Преимущества (карточки) — везде ваша картинка --> <h2 class="mt-5 mb-3" id="benefits"><i class="bi bi-puzzle-fill"></i> Ключевая польза игр с куклами</h2> <div class="row row-cols-1 row-cols-md-3 g-4 mb-5"> <div class="col"> <div class="card h-100 shadow-sm border-0 rounded-4"> <img src="https://giga.chat/files/public/generated/6b3db549-c581-40d1-98cd-c8b171491ccf" class="card-img-top" alt="Игра с куклой"> <div class="card-body"> <h5 class="card-title"><i class="bi bi-emoji-laughing"></i> Эмоциональный интеллект</h5> <p class="card-text">Кукла становится объектом для проявления нежности, сочувствия. Дети учатся распознавать эмоции, что помогает понимать свои и чужие чувства.</p> </div> </div> </div> <div class="col"> <div class="card h-100 shadow-sm border-0 rounded-4"> <img src="https://giga.chat/files/public/generated/2621aae0-6428-475c-bdda-5f0a849b22d4" class="card-img-top" alt="Кукла и речь"> <div class="card-body"> <h5 class="card-title"><i class="bi bi-mic"></i> Речевое развитие</h5> <p class="card-text">Диалоги с куклой, придумывание историй, озвучивание — мощный стимул для активной речи и связных высказываний.</p> </div> </div> </div> <div class="col"> <div class="card h-100 shadow-sm border-0 rounded-4"> <img src="https://giga.chat/files/public/generated/251c6dd5-2877-43b1-bc84-97fe23f7137d" class="card-img-top" alt="Коллективная игра"> <div class="card-body"> <h5 class="card-title"><i class="bi bi-people-fill"></i> Социализация</h5> <p class="card-text">Совместные игры с куклами учат договариваться, распределять роли, решать конфликты — база для коммуникации в группе.</p> </div> </div> </div> </div> <!-- Блок для родителей — ваша картинка --> <div class="row g-4 align-items-center bg-white rounded-4 shadow p-4 mb-5" id="parents-tips"> <div class="col-md-5"> <img src="https://sun9-23.userapi.com/s/v1/ig2/u0kRje5bDxZ2hpTUqw9M2djvViJ0Ki-P5hs3RvXZPsZK1EBs4pORKjOD1NM_h9PgNk5oLq-KhPhbcWQggN0qFhRJ.jpg?quality=95&crop=0,0,2480,2480&as=32x32,48x48,72x72,108x108,160x160,240x240,360x360,480x480,540x540,640x640,720x720,1080x1080,1280x1280,1440x1440,2480x2480&from=bu&u=KHtDZ_dfWT9BvtTtqGXblvHaXw_ta2RGD31Bu38jlDM&cs=2480x0" class="img-fluid rounded-3" alt="Совместная игра"> </div> <div class="col-md-7"> <h3><i class="bi bi-chat-dots-fill text-primary"></i> Как родителю поддерживать игру с куклой?</h3> <ul> <li><strong>Одушевляйте куклу</strong> — дайте ей имя, характер, голос.</li> <li><strong>Создавайте бытовые ситуации</strong>: кукла обедает, болеет, идёт в гости.</li> <li><strong>Не запрещайте мальчикам играть в куклы</strong> — это развивает эмпатию.</li> <li><strong>Используйте кукол в ритуалах</strong>: укладывание спать, сбор в сад.</li> </ul> <a href="#" class="btn btn-primary-custom">Подробнее о куклотерапии</a> </div> </div> <!-- Кукольный театр + карточки педагога, везде ваше изображение --> <div class="row" id="resources"> <div class="col-12"> <div class="card mb-4 border-0 shadow-sm"> <div class="card-header bg-white fw-bold fs-5"><i class="bi bi-mask"></i> Кукольный театр в ДОУ</div> <div class="card-body"> <p>Инсценировки с куклами развивают воображение, интонацию и коллективное взаимодействие. После спектакля дошкольники лучше запоминают сюжет.</p> <div class="row mt-3"> <div class="col-md-4"> <div class="card h-100 border-0 bg-light"> <img src="https://giga.chat/files/public/generated/0a28670e-5333-4ae7-b4dd-743404ddbd8a" class="card-img-top" style="height: 150px;" alt="Пальчиковые куклы"> <div class="card-body text-center"> <h6>Пальчиковые куклы</h6> <p class="small">Развивают моторику + речь. Для групп 3-4 лет.</p> </div> </div> </div> <div class="col-md-4"> <div class="card h-100 border-0 bg-light"> <img src="https://giga.chat/files/public/generated/4b7bd01e-89d9-4f94-86b4-709d7857f5fc" class="card-img-top" style="height: 150px;" alt="Ростовая кукла"> <div class="card-body text-center"> <h6>Ростовая кукла</h6> <p class="small">Для сюрпризных моментов и вовлечения в игру.</p> </div> </div> </div> <div class="col-md-4"> <div class="card h-100 border-0 bg-light"> <img src="https://sun9-58.userapi.com/s/v1/ig2/Fd8nBMzfX0_2UVW_llREDiWN_h9veQjIJBuLpoNCAvQR5QJoHR7JV6QhrQtSH3Ofn6bRGO9PGYNld9ioUkbhRPCp.jpg?quality=95&crop=0,0,2480,2480&as=32x32,48x48,72x72,108x108,160x160,240x240,360x360,480x480,540x540,640x640,720x720,1080x1080,1280x1280,1440x1440,2480x2480&from=bu&u=r4JbN8zkAUdnrdYkSNUigC8k2GIS4uHVw8Ks4kZ-sg8&cs=2480x0" class="card-img-top" style="height: 150px;" alt="Кукла-варежка"> <div class="card-body text-center"> <h6>Кукла-варежка</h6> <p class="small">Помогает застенчивым детям раскрыться.</p> </div> </div> </div> </div> </div> </div> </div> </div> <!-- Финальные карточки (ваша картинка) --> <div class="row"> <div class="col-md-6 col-lg-4"> <div class="card h-100 border-0 shadow"> <img src="https://sun9-58.userapi.com/s/v1/ig2/Fd8nBMzfX0_2UVW_llREDiWN_h9veQjIJBuLpoNCAvQR5QJoHR7JV6QhrQtSH3Ofn6bRGO9PGYNld9ioUkbhRPCp.jpg?quality=95&crop=0,0,2480,2480&as=32x32,48x48,72x72,108x108,160x160,240x240,360x360,480x480,540x540,640x640,720x720,1080x1080,1280x1280,1440x1440,2480x2480&from=bu&u=r4JbN8zkAUdnrdYkSNUigC8k2GIS4uHVw8Ks4kZ-sg8&cs=2480x0" class="card-img-top" alt="Кукла ручной работы"> <div class="card-body"> <h5 class="card-title">Сделайте куклу вместе!</h5> <p class="card-text">Творческий процесс сближает и дарит игрушке душу. Лоскутная кукла или кукла-крупеничка — отличная идея для досуга.</p> <a href="#" class="btn btn-outline-warning">Мастер-класс</a> </div> </div> </div> <div class="col-md-6 col-lg-4"> <div class="card h-100 border-0 shadow"> <img src="https://sun9-58.userapi.com/s/v1/ig2/Fd8nBMzfX0_2UVW_llREDiWN_h9veQjIJBuLpoNCAvQR5QJoHR7JV6QhrQtSH3Ofn6bRGO9PGYNld9ioUkbhRPCp.jpg?quality=95&crop=0,0,2480,2480&as=32x32,48x48,72x72,108x108,160x160,240x240,360x360,480x480,540x540,640x640,720x720,1080x1080,1280x1280,1440x1440,2480x2480&from=bu&u=r4JbN8zkAUdnrdYkSNUigC8k2GIS4uHVw8Ks4kZ-sg8&cs=2480x0" class="card-img-top" alt="Семейные ценности"> <div class="card-body"> <h5 class="card-title">Кукла как проекция ценностей</h5> <p class="card-text">Через “семью кукол” дети проигрывают сценарии из жизни. Обращайте внимание на тревожные сюжеты.</p> <a href="#" class="btn btn-sm btn-secondary">Читать</a> </div> </div> </div> <div class="col-lg-4"> <div class="card text-white bg-dark border-0 h-100"> <img src="https://sun9-58.userapi.com/s/v1/ig2/Fd8nBMzfX0_2UVW_llREDiWN_h9veQjIJBuLpoNCAvQR5QJoHR7JV6QhrQtSH3Ofn6bRGO9PGYNld9ioUkbhRPCp.jpg?quality=95&crop=0,0,2480,2480&as=32x32,48x48,72x72,108x108,160x160,240x240,360x360,480x480,540x540,640x640,720x720,1080x1080,1280x1280,1440x1440,2480x2480&from=bu&u=r4JbN8zkAUdnrdYkSNUigC8k2GIS4uHVw8Ks4kZ-sg8&cs=2480x0" class="card-img" alt="Идеи для игр" style="height: 180px; object-fit: cover; opacity: 0.6;"> <div class="card-img-overlay d-flex flex-column justify-content-center"> <h5 class="card-title">7 идей для кукольных игр в ДОУ</h5> <p class="card-text">«Кукла в поликлинике», «День рождения Кати», «Магазин одежды» и другие.</p> <a href="#" class="btn btn-light btn-sm w-50">Скачать</a> </div> </div> </div> </div> </div> <!-- ФУТЕР --> <footer class="footer pt-4 pb-3 mt-5"> <div class="container"> <div class="row"> <div class="col-md-4"><h5><i class="bi bi-heart-fill text-danger"></i> О блоге</h5><p class="small">Помогаем родителям и педагогам видеть пользу игры. Куклы — фундамент развития дошкольника.</p></div> <div class="col-md-4"><h5>Разделы</h5><ul class="list-unstyled"><li><a href="#" class="text-decoration-none text-light-emphasis">Советы логопеда</a></li><li><a href="#" class="text-decoration-none text-light-emphasis">Кукольный театр</a></li></ul></div> <div class="col-md-4"><h5>Контакты</h5><p>Email: dosug@dollsblog.ru</p><div><a href="#" class="text-white me-2"><i class="bi bi-telegram"></i></a><a href="#" class="text-white"><i class="bi bi-envelope"></i></a></div></div> </div> <hr class="bg-secondary"><div class="text-center small">© 2025 Блог «Польза игр с куклами».</div> </div> </footer> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/js/bootstrap.bundle.min.js"></script> <!DOCTYPE html> <html lang="ru"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Рецептурный бланк - Форма №148-1/у-06 (л)</title> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet"> <style> body { background-color: #f5f5f5; padding: 20px; } .document-container { max-width: 1200px; margin: 0 auto; background-color: white; box-shadow: 0 0 10px rgba(0,0,0,0.1); padding: 30px; } .header-title { font-size: 12px; text-align: center; } .barcode-placeholder { background-color: #f8f9fa; border: 1px dashed #dee2e6; height: 80px; display: flex; align-items: center; justify-content: center; font-size: 12px; color: #6c757d; } .stamp-placeholder { border: 1px solid #dee2e6; padding: 5px; text-align: center; font-size: 11px; } .prescription-title { font-size: 16px; font-weight: bold; text-align: center; margin: 20px 0; text-transform: uppercase; } .field-label { font-weight: bold; font-size: 12px; } .field-value { border-bottom: 1px solid #000; min-height: 30px; padding: 5px; } .signature-line { border-top: 1px solid #000; margin-top: 20px; padding-top: 10px; } .tear-line { border-top: 2px dashed #dee2e6; margin: 20px 0; position: relative; text-align: center; } .tear-line::before { content: "линия отрыва"; position: relative; top: -12px; background: white; padding: 0 10px; font-size: 10px; color: #6c757d; } .footer-signature { margin-top: 30px; } @media print { body { background: white; padding: 0; } .document-container { box-shadow: none; padding: 15px; } .btn-print { display: none; } } .table-bordered { font-size: 12px; } .form-control-sm-custom { font-size: 12px; padding: 4px 8px; } </style> </head> <body> <div class="document-container"> <!-- Кнопка печати --> <div class="mb-3 btn-print"> <button onclick="window.print()" class="btn btn-primary">🖨️ Печать</button> </div> </body> </html>