/
Ardash
/
32
Обзор
Документация
Войти
/
Ardash
/
32
Код
Запросы
0
Задачи
Вики
Пакеты
0
Релизы
0
CI/CD
Аналитика
Безопасность
main
Ardasher.html
191 строка
12 KB
ardash123
Add files via upload
24 дек 2024, 14:07
Не верифицирован
24 дек 2024, 14:07
ed28dc0
Код
Авторство
О чём код?
<!DOCTYPE html> <html lang="ru"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Безопасность дезинформации</title> <meta name="description" content="Страница о безопасности дезинформации"> <meta name="keywords" content="дезинформация, безопасность, факты"> <meta name="author" content="Автор страницы"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" href="main.css"> <link rel="stylesheet" href="main.js"> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap" rel="stylesheet"> <link href="https://fonts.googleapis.com/css2?family=Lora:wght@400;700&display=swap" rel="stylesheet"> <style> /* Стили для адаптивного видео */ .video-container { position: relative; padding-bottom: 56.25%; /* Соотношение сторон 16:9 */ height: 0; overflow: hidden; max-width: 100%; /* Ограничение ширины */ background: #000; /* Фоновый цвет для контейнера */ } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } </style> </head> <body> <header> <h1>Защита от дезинформации</h1> <nav aria-label="Навигационное меню"> <ul> <li><a href="#about">О проекте</a></li> <li><a href="#risks">Риски</a></li> <li><a href="#prevention">Профилактика</a></li> <li><a href="#resources">Ресурсы</a></li> </ul> </nav> </header> <main> <section id="about" class="about-section"> <h2>О проекте</h2> <div class="about-content"> <p>Данный сайт посвящен вопросам безопасности дезинформации, ее последствиям и методам борьбы с ней.</p> <h3>Что такое дезинформация?</h3> <p>Дезинформация — это преднамеренное распространение ложной или вводящей в заблуждение информации с целью манипуляции общественным мнением или создания недоверия к источникам информации.</p> <h3>Почему это важно?</h3> <p>В условиях информационной перегрузки и быстрого распространения новостей, дезинформация может привести к серьезным последствиям, включая потерю доверия к СМИ, манипуляции общественным мнением и даже угрозы безопасности.</p> </div> <div class="about-stats"> <div class="stat"> <h4>90%</h4> <p>людей используют интернет для получения информации</p> </div> <div class="stat"> <h4>70%</h4> <p>людей доверяют информации из социальных сетей</p> </div> <div class="stat"> <h4>50%</h4> <p>людей не могут отличить правду от лжи в интернете</p> </div> </div> </section> <!DOCTYPE html> <html lang="ru"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Карусель рисков дезинформации</title> <link rel="stylesheet" href="styles.css"> <!-- Подключите ваш CSS файл --> </head> <body> <section id="risks"> <h2>Риски дезинформации</h2> <p>Дезинформация представляет собой преднамеренно искаженную или ложную информацию, которая может быть использована для манипуляции общественным мнением, создания паники или достижения политических, экономических или социальных целей. В условиях современного информационного общества, где новости и данные распространяются с невероятной скоростью, риски, связанные с дезинформацией, становятся все более актуальными.</p> <div class="carousel"> <div class="carousel-inner"> <div class="carousel-item active"> <h3 id="carousel-title-1">Основные риски дезинформации:</h3> <p id="carousel-text-1">Дезинформация может подрывать доверие к СМИ и институтам, создавая поляризацию в обществе.</p> </div> <div class="carousel-item"> <h3 id="carousel-title-2">Дополнительные риски:</h3> <p id="carousel-text-2">Ложные сведения о здоровье могут привести к опасным последствиям, снижая уровень вакцинации.</p> </div> <div class="carousel-item"> <h3 id="carousel-title-3">Экономические и социальные последствия:</h3> <p id="carousel-text-3">Ложные новости о компаниях могут вызвать панические продажи акций и другие нестабильности на финансовых рынках.</p> </div> </div> </div> <div class="carousel-controls"> <button class="carousel-control prev" id="prevBtn">Назад</button> <button class="carousel-control next" id="nextBtn">Вперед</button> </div> </section> <script src="script.js"></script> <!-- Подключите ваш JS файл --> </body> </html> <section id="prevention"> <h2>Методы профилактики</h2> <p>В современном мире, где информация доступна на каждом шагу, дезинформация становится одной из самых серьезных угроз для общества. Она может принимать различные формы: от фейковых новостей до манипулятивных постов в социальных сетях. Поэтому защита от дезинформации является важным аспектом медиа-грамотности и критического мышления.</p> <h3>Основные методы профилактики:</h3> <ol> <li> <strong>Образование и информированность:</strong> <p>Образование — первый шаг к защите от дезинформации. Люди должны быть осведомлены о том, что такое дезинформация и как она распространяется. Образовательные программы могут помочь развить навыки критического мышления.</p> </li> <li> <strong>Проверка фактов:</strong> <p>Перед тем как делиться информацией, важно проверять ее достовер <style> .video-container { position: relative; padding-bottom: 56.25%; /* Соотношение сторон 16:9 */ height: 0; overflow: hidden; max-width: 100%; /* Ограничение ширины */ background: #000; /* Фоновый цвет для контейнера */ } .video-container iframe, .video-container video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } </style> </div> </div> <div class="video-container"> <iframe width="1897" height="795" src="https://www.youtube.com/embed/QGluVYrC_LA" title="“Как не стать жертвой дезинформации”. Об этом и не только рассказал Михаил Оксенюк" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe> </div> <iframe width="350" height="430" allow="microphone;" src="https://console.dialogflow.com/api-client/demo/embedded/98ffd367-f6bb-4080-b477-0c8668ed813a"></iframe> <section id="resources"> <h2>Полезные ресурсы</h2> <form id="resourceForm"> <input type="text" id="resourceURL" placeholder="Введите URL" required> <input type="text" id="resourceName" placeholder="Введите название" required> <button type="submit">Добавить ресурс</button> </form> <ul id="resourceList"> <li><a href="https://www.factcheck.org" target="_blank">FactCheck.org</a></li> <li><a href="https://www.snopes.com" target="_blank">Snopes</a></li> <li><a href="https://www.poynter.org" target="_blank">Poynter Institute</a></li> </ul> </section> </main> <footer> <p>© 2023 Безопасность дезинформации. Все права защищены.</p> </footer> <script src="script.js"></script> </body> </html>