Redesign of statement&solution modules

astrosander правка от 10 окт. 2023 г., 19:05

правка #65 предыдущая #32 GitHub 02770fe ← раньше позже →

ru/6.6.20.md +14 −8

			<html>
			<head>
			<title>Решебник Савченко</title>

			<meta name="keywords" content="решение, савченко, оливер, яковлевич, о.я., сборник задач по физике, решебник">
			<meta name="description" content="Решение задачника Савенко О.Я.">
			<meta http-equiv="content-language" content="ru">
			<meta charset="utf-8">
			<meta name="viewport" content="width=device-width, initial-scale=1.0">
			<meta property="og:title" content="Решебник Савченко"/>
			<meta property="og:image" content="img/logo.png">
			<meta property="og:description" content="Сайт с решениями задач из сбоника задач Савенко О.Я.">
			<meta name="yandex-verification" content="6cfda41f74038368" />

			<link rel="stylesheet" type="text/css" href="../../css/bootstrap.css">
			<link rel="stylesheet" media="screen and (max-width: 769px)" type="text/css" href="../../css/StyleMobile.css">
			<link rel="stylesheet" media="screen and (min-width: 769px)" type="text/css" href="../../css/style.css">
			<link rel="stylesheet" type="text/css" href="../../css/fonts.css">
			<link rel="stylesheet" type="text/css" href="../../css/banner-styles.css">
			<link rel="icon" href="../../img/logo.png" type="image/png" />

			<script src="../../js/jquery-1.10.1.min.js"></script>
			<script src="https://polyfill.io/v3/polyfill.min.js?features=es6"></script>
			<script id="MathJax-script" async
			src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js">
			</script>
			</head>

			<body style="">
			<div class="container row">
			<div class="col flash">
			<header>
			<h1>Решение задач из Савченко О.Я.</h1>
			</header>
			</div>
			<aside class="col col-lg-3">
			<nav>
			<ul class="nav">


			<li>
			<a href="../../#1">1.Кинематика</a>
			</li>


			<li>
			<a href="../../#2">2.Динамика</a>
			</li>




			<li>
			<a href="../../#3">3.Колебания</a>
			</li>




			<li>
			<a href="../../#4">4.Гидростатика</a>
			</li>



			<li>
			<a href="../../#5">5.Молекулярная</a>
			</li>



			<li>
			<a href="../../#6">6.Электростатика</a>
			</li>



			<li>
			<a href="../../#7">7.Движение в электрическом поле</a>
			</li>



			<li>
			<a href="../../#8">8.Электрический ток</a>
			</li>



			<li>
			<a href="../../#9">9.Магнитное поле</a>
			</li>



			<li>
			<a href="../../#10">10.Движение в сложных полях</a>
			</li>



			<li>
			<a href="../../#11">11.Электромагнитная индукция</a>
			</li>



			<li>
			<a href="../../#12">12.Электромагнитные волны</a>
			</li>



			<li>
			<a href="../../#13">13.Оптика</a>
			</li>



			<li>
			<a href="../../#14">14.CTO</a>
			</li>

			</ul>
			</nav>
			</aside>
			<div id="main" class="col col-lg-9">
			<div class="row">
			<div class="col caption">
			<h2>
			<a href="../">←Назад</a>
			</h2>
			</div>
			</div>


			<div id="1" class="row odd">

			<div class="col col-lg-12">
			<h3>
			Условие:
			</h3>
			<div class="task">
			<p>
			$6.6.20^{∗}.$ С какой силой втягивается диэлектрическая пластина в плоский
			конденсатор с зарядом $Q$, когда она входит в пространство между обкладками
			на длину $x$? Диэлектрическая проницаемость пластины $ε$, а толщина ее немного
			меньше расстояния между обкладками $d$. Размеры обкладок, как и пластины,
		@@ -149,20 +149,26 @@
			$a × b$.

			</p>
		−	<img src="statement.png" alt="6.6.2~~0" width="400" height="60~~0">
		+	<div class="StatementDiv">
		+	<img class="Statement" src="statement.png" alt="6.6.20">
		+	</div>
			</div>
			<hr>
			<h3>
			Решение:
			</h3>
		−
		−	<iframe ~~width="75%" height="40%"~~ src="https://www.youtube.com/embed/naaEdcV9DnY" ~~title="01 Электромагнетизм (10-11 кл)" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share~~" allowfullscreen></iframe>
		+	<div class="video-container">
		+	<iframe class="video" src="https://www.youtube.com/embed/naaEdcV9DnY" frameborder="0" allowfullscreen></iframe>
		+	</div>
			<div class="solutions">
		−	<img src="01.png" alt="6.6.20" ~~width="600" height="600"~~>
		−	<img src="02.png" alt="6.6.20" ~~width="600" height="600"~~>
		−	<img src="03.png" alt="6.6.20" ~~width="600" height="600"~~>
		−
		−	</div>
		+	<img class="ScreenS" src="01.png" alt="6.6.20" >
		+	</div>
		+	<div class="solutions">
		+	<img class="ScreenS" src="02.png" alt="6.6.20" >
		+	</div>
		+	<div class="solutions">
		+	<img class="ScreenS" src="03.png" alt="6.6.20" >
		+	</div>

			<h3>
			Ответ: $F = \frac{Q^{2}d}{2 ε_{0} b} \cdot \frac{ε-1}{[a+x(ε-1)]^{2}}$
			<h3>
			</h3>
			</div>

			</div>




			</div>
			<a href="#" class="back-to-top affix">
			↑ наверх
			</a>
			</div>
			</div> <footer class="row container">
			<div class="col col-lg-3">
			<div class="footer-left">
			<p>
			<small>
			© <strong>Решебник Савченко О.Я.</strong>,     2023-2023<br>
			</small>
			</p>
			</div>
			</div>
			<div class="col col-lg-6">
			<div class="footer-middle">
			<p>
			<small>
			Все права принадлежат авторам.<br>
			Коммерческое использование материалов — с письменного разрешения авторов.<br>
			astrosander01@gmail.com<br>
			<i>E = mc<sup>2</sup></i>.
			</small>
			</p>
			</div>
			</div>
			<div class="col col-lg-3">
			<div class="footer-right">
			<div class="pull-right">
			</div>
			</div>
			</div>
			</footer>

			<script type="text/javascript" src="../../js/bootstrap-affix.js"></script>
			<script type="text/javascript">
			$(function(){
			setTimeout(function () {
			$('.back-to-top').affix();
			}, 100);

			});
			</script>


			</body>
			</html>
		ещё строк без изменений 57

	<html>		<html>
	<head>		<head>
	<title>Решебник Савченко</title>		<title>Решебник Савченко</title>

	<meta name="keywords" content="решение, савченко, оливер, яковлевич, о.я., сборник задач по физике, решебник">		<meta name="keywords" content="решение, савченко, оливер, яковлевич, о.я., сборник задач по физике, решебник">
	<meta name="description" content="Решение задачника Савенко О.Я.">		<meta name="description" content="Решение задачника Савенко О.Я.">
	<meta http-equiv="content-language" content="ru">		<meta http-equiv="content-language" content="ru">
	<meta charset="utf-8">		<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">		<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta property="og:title" content="Решебник Савченко"/>		<meta property="og:title" content="Решебник Савченко"/>
	<meta property="og:image" content="img/logo.png">		<meta property="og:image" content="img/logo.png">
	<meta property="og:description" content="Сайт с решениями задач из сбоника задач Савенко О.Я.">		<meta property="og:description" content="Сайт с решениями задач из сбоника задач Савенко О.Я.">
	<meta name="yandex-verification" content="6cfda41f74038368" />		<meta name="yandex-verification" content="6cfda41f74038368" />

	<link rel="stylesheet" type="text/css" href="../../css/bootstrap.css">		<link rel="stylesheet" type="text/css" href="../../css/bootstrap.css">
	<link rel="stylesheet" media="screen and (max-width: 769px)" type="text/css" href="../../css/StyleMobile.css">		<link rel="stylesheet" media="screen and (max-width: 769px)" type="text/css" href="../../css/StyleMobile.css">
	<link rel="stylesheet" media="screen and (min-width: 769px)" type="text/css" href="../../css/style.css">		<link rel="stylesheet" media="screen and (min-width: 769px)" type="text/css" href="../../css/style.css">
	<link rel="stylesheet" type="text/css" href="../../css/fonts.css">		<link rel="stylesheet" type="text/css" href="../../css/fonts.css">
	<link rel="stylesheet" type="text/css" href="../../css/banner-styles.css">		<link rel="stylesheet" type="text/css" href="../../css/banner-styles.css">
	<link rel="icon" href="../../img/logo.png" type="image/png" />		<link rel="icon" href="../../img/logo.png" type="image/png" />

	<script src="../../js/jquery-1.10.1.min.js"></script>		<script src="../../js/jquery-1.10.1.min.js"></script>
	<script src="https://polyfill.io/v3/polyfill.min.js?features=es6"></script>		<script src="https://polyfill.io/v3/polyfill.min.js?features=es6"></script>
	<script id="MathJax-script" async		<script id="MathJax-script" async
	src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js">		src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js">
	</script>		</script>
	</head>		</head>

	<body style="">		<body style="">
	<div class="container row">		<div class="container row">
	<div class="col flash">		<div class="col flash">
	<header>		<header>
	<h1>Решение задач из Савченко О.Я.</h1>		<h1>Решение задач из Савченко О.Я.</h1>
	</header>		</header>
	</div>		</div>
	<aside class="col col-lg-3">		<aside class="col col-lg-3">
	<nav>		<nav>
	<ul class="nav">		<ul class="nav">


	<li>		<li>
	<a href="../../#1">1.Кинематика</a>		<a href="../../#1">1.Кинематика</a>
	</li>		</li>


	<li>		<li>
	<a href="../../#2">2.Динамика</a>		<a href="../../#2">2.Динамика</a>
	</li>		</li>




	<li>		<li>
	<a href="../../#3">3.Колебания</a>		<a href="../../#3">3.Колебания</a>
	</li>		</li>




	<li>		<li>
	<a href="../../#4">4.Гидростатика</a>		<a href="../../#4">4.Гидростатика</a>
	</li>		</li>



	<li>		<li>
	<a href="../../#5">5.Молекулярная</a>		<a href="../../#5">5.Молекулярная</a>
	</li>		</li>



	<li>		<li>
	<a href="../../#6">6.Электростатика</a>		<a href="../../#6">6.Электростатика</a>
	</li>		</li>



	<li>		<li>
	<a href="../../#7">7.Движение в электрическом поле</a>		<a href="../../#7">7.Движение в электрическом поле</a>
	</li>		</li>



	<li>		<li>
	<a href="../../#8">8.Электрический ток</a>		<a href="../../#8">8.Электрический ток</a>
	</li>		</li>



	<li>		<li>
	<a href="../../#9">9.Магнитное поле</a>		<a href="../../#9">9.Магнитное поле</a>
	</li>		</li>



	<li>		<li>
	<a href="../../#10">10.Движение в сложных полях</a>		<a href="../../#10">10.Движение в сложных полях</a>
	</li>		</li>



	<li>		<li>
	<a href="../../#11">11.Электромагнитная индукция</a>		<a href="../../#11">11.Электромагнитная индукция</a>
	</li>		</li>



	<li>		<li>
	<a href="../../#12">12.Электромагнитные волны</a>		<a href="../../#12">12.Электромагнитные волны</a>
	</li>		</li>



	<li>		<li>
	<a href="../../#13">13.Оптика</a>		<a href="../../#13">13.Оптика</a>
	</li>		</li>



	<li>		<li>
	<a href="../../#14">14.CTO</a>		<a href="../../#14">14.CTO</a>
	</li>		</li>

	</ul>		</ul>
	</nav>		</nav>
	</aside>		</aside>
	<div id="main" class="col col-lg-9">		<div id="main" class="col col-lg-9">
	<div class="row">		<div class="row">
	<div class="col caption">		<div class="col caption">
	<h2>		<h2>
	<a href="../">←Назад</a>		<a href="../">←Назад</a>
	</h2>		</h2>
	</div>		</div>
	</div>		</div>


	<div id="1" class="row odd">		<div id="1" class="row odd">

	<div class="col col-lg-12">		<div class="col col-lg-12">
	<h3>		<h3>
	Условие:		Условие:
	</h3>		</h3>
	<div class="task">		<div class="task">
	<p>		<p>
	$6.6.20^{∗}.$ С какой силой втягивается диэлектрическая пластина в плоский		$6.6.20^{∗}.$ С какой силой втягивается диэлектрическая пластина в плоский
	конденсатор с зарядом $Q$, когда она входит в пространство между обкладками		конденсатор с зарядом $Q$, когда она входит в пространство между обкладками
	на длину $x$? Диэлектрическая проницаемость пластины $ε$, а толщина ее немного		на длину $x$? Диэлектрическая проницаемость пластины $ε$, а толщина ее немного
	меньше расстояния между обкладками $d$. Размеры обкладок, как и пластины,		меньше расстояния между обкладками $d$. Размеры обкладок, как и пластины,
	@@ -149,20 +149,26 @@
	$a × b$.		$a × b$.

	</p>		</p>
	<img src="statement.png" alt="6.6.2~~0" width="400" height="60~~0">		<div class="StatementDiv">
			<img class="Statement" src="statement.png" alt="6.6.20">
			</div>
	</div>		</div>
	<hr>		<hr>
	<h3>		<h3>
	Решение:		Решение:
	</h3>		</h3>
			<div class="video-container">
	<iframe ~~width="75%" height="40%"~~ src="https://www.youtube.com/embed/naaEdcV9DnY" ~~title="01 Электромагнетизм (10-11 кл)" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share~~" allowfullscreen></iframe>		<iframe class="video" src="https://www.youtube.com/embed/naaEdcV9DnY" frameborder="0" allowfullscreen></iframe>
			</div>
	<div class="solutions">		<div class="solutions">
	<img src="01.png" alt="6.6.20" ~~width="600" height="600"~~>		<img class="ScreenS" src="01.png" alt="6.6.20" >
	<img src="02.png" alt="6.6.20" ~~width="600" height="600"~~>		</div>
	<img src="03.png" alt="6.6.20" ~~width="600" height="600"~~>		<div class="solutions">
			<img class="ScreenS" src="02.png" alt="6.6.20" >
	</div>		</div>
			<div class="solutions">
			<img class="ScreenS" src="03.png" alt="6.6.20" >
			</div>

	<h3>		<h3>
	Ответ: $F = \frac{Q^{2}d}{2 ε_{0} b} \cdot \frac{ε-1}{[a+x(ε-1)]^{2}}$		Ответ: $F = \frac{Q^{2}d}{2 ε_{0} b} \cdot \frac{ε-1}{[a+x(ε-1)]^{2}}$
	<h3>		<h3>
	</h3>		</h3>
	</div>		</div>

	</div>		</div>




	</div>		</div>
	<a href="#" class="back-to-top affix">		<a href="#" class="back-to-top affix">
	↑ наверх		↑ наверх
	</a>		</a>
	</div>		</div>
	</div> <footer class="row container">		</div> <footer class="row container">
	<div class="col col-lg-3">		<div class="col col-lg-3">
	<div class="footer-left">		<div class="footer-left">
	<p>		<p>
	<small>		<small>
	© <strong>Решебник Савченко О.Я.</strong>,     2023-2023<br>		© <strong>Решебник Савченко О.Я.</strong>,     2023-2023<br>
	</small>		</small>
	</p>		</p>
	</div>		</div>
	</div>		</div>
	<div class="col col-lg-6">		<div class="col col-lg-6">
	<div class="footer-middle">		<div class="footer-middle">
	<p>		<p>
	<small>		<small>
	Все права принадлежат авторам.<br>		Все права принадлежат авторам.<br>
	Коммерческое использование материалов — с письменного разрешения авторов.<br>		Коммерческое использование материалов — с письменного разрешения авторов.<br>
	astrosander01@gmail.com<br>		astrosander01@gmail.com<br>
	<i>E = mc<sup>2</sup></i>.		<i>E = mc<sup>2</sup></i>.
	</small>		</small>
	</p>		</p>
	</div>		</div>
	</div>		</div>
	<div class="col col-lg-3">		<div class="col col-lg-3">
	<div class="footer-right">		<div class="footer-right">
	<div class="pull-right">		<div class="pull-right">
	</div>		</div>
	</div>		</div>
	</div>		</div>
	</footer>		</footer>

	<script type="text/javascript" src="../../js/bootstrap-affix.js"></script>		<script type="text/javascript" src="../../js/bootstrap-affix.js"></script>
	<script type="text/javascript">		<script type="text/javascript">
	$(function(){		$(function(){
	setTimeout(function () {		setTimeout(function () {
	$('.back-to-top').affix();		$('.back-to-top').affix();
	}, 100);		}, 100);

	});		});
	</script>		</script>


	</body>		</body>
	</html>		</html>
	ещё строк без изменений 57