Untitled

<html>
<head>
<style type="text/css">
#background, #content {
  position : absolute;
  left : 0;
  top : 0;
  width : 100%;
  height : 100%;
}
.lavalamp {
    position: relative;
    border: 1px solid #d6d6d6;
    background: #fff;
    padding: 15px;
    -webkit-box-shadow: 0 3px 6px rgba(0,0,0,.25);
    -moz-box-shadow: 0 3px 6px rgba(0,0,0,.25);
    border-radius : 10px;
    -moz-border-radius : 10px;
    -webkit-border-radius : 10px;
    background : -webkit-gradient(linear, left top, left bottombottom, from(rgb(240,240,240)), to(rgb(204,204,204)));
    background : -moz-linear-gradient(top, rgb(240,240,240), rgb(204,204,204));
    height: 18px;
}
ul {
    margin: 0;
    padding: 0;
    z-index: 300;
    position: absolute;
}

ul li {
    list-style: none;
    float:left;

    text-align: center;
    }

ul li a {
    padding: 0 20px;
    text-align: center;
    }
.floatr {
    position: absolute;
    top: 10px;
    z-index: 50;
    width: 70px;
    height: 30px;
    border-radius : 8px;
    -moz-border-radius : 8px;
    -webkit-border-radius : 8px;
    background : rgba(0,0,0,.20);
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
}
</style>
</head>

<div class="lavalamp" >
<ul>
<li class="active"><a href="">Home</a></li>
<li><a href="">About</a></li>
<li><a href="">Blog</a></li>
<li><a href="">Services</a></li>
<li><a href="">Portfolio</a></li>
<li><a href="">Contacts</a></li>
<li><a href="">Back to Article</a></li>
<li><a href="">How it Works?</a></li>
</ul>
<div class="floatr"></div>
</div>

<body>
<img id="background" src="основной.jpg">
<div id="content">


       <table border = '0' width = '100%' border=1 cellpading=1 cellspacing=1>
  <tr>
    <td colspan = '2' width="1333" height="250">


<script language="LiveScript">$(document).ready(function () {

    //get the current position of the active item
    var dleft = $('.lavalamp li.active').offset().left - $('.lavalamp').offset().left;
    var dwidth = $('.lavalamp li.active').width() + "px";

    //apply the current position of active item to our floatr element
    $('.floatr').css({
        "left": dleft+"px",
        "width": dwidth
    });

    $('.lavalamp li').hover(function(){

        var left = $(this).offset().left - ($(this).parents('.lavalamp').offset().left + 15);
        var width = $(this).width() + "px";
        var sictranslate = "translate("+left+"px, 0px)";

        $(this).parent('ul').next('div.floatr').css({
            "width": width,
            "-webkit-transform": sictranslate,
            "-moz-transform": sictranslate
        });

    },

    function(){

        var left = $(this).siblings('li.active').offset().left - ($(this).parents('.lavalamp').offset().left + 15);
        var width = $(this).siblings('li.active').width() + "px";

        var sictranslate = "translate("+left+"px, 0px)";

        $(this).parent('ul').next('div.floatr').css({
            "width": width,
            "-webkit-transform": sictranslate,
            "-moz-transform": sictranslate

        });

    }).click(function(){

        $(this).siblings('li').removeClass('active');

        $(this).addClass('active');

        return false;

    });

});  </script>

<script language="LiveScript">
function GoBack() {
        if (confirm("Are you sure you want to go to the previous page?")) {
                history.back()
        }
    }

timestr = "00:00:00";
tid = 0;
pause = 0;
var to;
var bcount;
var tcount;

function writer(){
document.write("test");
}

function time(n) {
    tid=window.setTimeout("time(1)",to);
    today = new Date()
    if(today.getMinutes() < 10){
        pad = "0"}
    else
    pad = "";
    if(today.getSeconds() < 10){
        pads = "0"}
    else
    pads = "";
timestr=today.getHours()+":"+pad+today.getMinutes()+":"+pads+today.getSeconds();
                f.result.value = timestr;
                window.status = timestr;
  window.clearTimeout(tid);
  tid=window.setTimeout("time()",to);
}

function start(x) {
  f=x;
                to=60;
  time(x);
  }

function cleartids() {
 window.clearTimeout(tid);
}

</script>

<form name="time">
<p align="right">
<input type="text" size="11" name="result"  onfocus="this.blur()"  style="text-align: center; font-family: sans-serif; font-size: 8pt; background-color: #DAFADE; color: rgb(255,0,0)">
</form>

    </td>
  </tr>


<tr valign=top>
    <td width="238">
<center>

<font color="#0000FF" size="6"><b>Оптика.</b></font>
</center>


<ul>
<br><a href=str1.html><li type="square">Немного о оптике</a>
<br><a href=str2.html><font color="#0000FF"><li type="square">Предпосылки</font></a>
<br><a href=str3.html><font color="#0000FF"><li type="square">Ученые</font></a>
<br><a href=str4.html><font color="#0000FF"><li type="square">Современное применение</font></a>
<br><a href=str17.html><font color="#0000FF"><li type="square">Открытия И/Д</font></a>
<br><a href=str18.html><font color="#0000FF"><li type="square">Опыты</font></a><br>
</ul>


<center>
<br><a href=str5.html><font color="#0000FF" size="4"><b>Интереференция света</b></font></a>
</center>
<UL>
<a href=str6.html><li type="DISK">Интерференция световых волн</a>
<a href=str7.html><li type="DISK">Когерентность</a>
<a href=str8.html><li type="DISK">Способы наблюдения интерференции</a>
<a href=str9.html><li type="DISK">Интерферометр Майкельсона</a>
<a href=str10.html><li type="DISK">Многолучевая интерференция</a>
</UL>


   </td>
<td width="760">
Привет Анонимус. Перед тем, как мы начнем изучение обширного раздела "Оптика", давай немного ознакомимся с основной информацией... ^_^

<div style="float: right; margin-bottom: 1em; margin-right: 1em; width: 200px; text-align: center; color: navy; font-style: italic; font-weight: bold;"><div class="separator" style="clear: both; text-align: center;">
<p><img src="img/2.jpg" alt="таблица" width="240" height="400" class="rightimg">
</div>Таблица «Оптика» из энциклопедии 1728 г.</div>
<p><b>Оптика</b> (от древне-греческого "появление или взгляд") — это раздел <ins>физики</ins>, в котором изучается природа оптического излучения
(света), его распространение и явления, наблюдаемые при взаимодействии света и вещества. Как правило в данном разделе рассматирваются явления, связанные с распространением электромагнитных волн преимущественно видимого и близких к нему диапазонов (инфракрасное и ультрафиолетовое излучение).
<p>Оптика описывает свойства света и объясняет связанные с ним явления. Методы оптики используются во многих прикладных дисциплинах, включая электротехнику, физику, медицину (в частности, офтальмологию).
<p><b>Важнейшие понятия оптики:</b> преломление и отражение света (ход лучей света на примере призмы).

<p>Оптика оказалась одним из первых разделов физики, где проявилась ограниченность классических представлений о природе. Была установлена двойственная природа света:
<ul>
<li type="DISK"> Корпускулярная теория света, берущая начало от Ньютона, рассматривает его как поток частиц — квантов света или фотонов. В соответствии с идеей Планка любое излучение происходит дискретно, причём минимальная порция энергии (энергия фотона) имеет величину  , где частота  соответствует частоте излучённого света, а  есть постоянная Планка. Использование представлений о свете, как потоке частиц, объясняет явление фотоэффекта и закономерности теории излучения.</a>
<li type"DISK"> Волновая теория света, берущая начало от Гюйгенса, рассматривает свет как совокупность поперечных монохроматических электромагнитных волн, а наблюдаемые оптические эффекты как результат сложения (интерференции) этих волн. При этом считается, что в отсутствие перехода энергии излучения в другие виды энергии, эти волны не влияют друг на друга в том смысле, что, вызвавшая в некоторой области пространства интерференционные явления, волна продолжает распространяться дальше без изменения своих характеристик. Волновая теория электромагнитного излучения нашла своё теоретическое описание в работах Максвелла в форме уравнений Максвелла. Использование представления о свете, как о волне, позволяет объяснить явления, связанные с интерференцией и дифракцией, в том числе структуру светового поля (построение изображений и голографию).</a>
</ul>

Теперь мы рассмотрим основные законы оптических явлений...


<p> Уже  в первые  периоды оптических исследований были на опыте установлены
следующие  четыре основных закона оптических явлений:
<ul>
     <li type="DISK">1. Закон  прямолинейного распространения света. </a>
     <li type="DISK"> 2. Закон независимости световых пучков.</a>
     <li type="DISK">3. Закон отражения от зеркальной поверхности.</a>
     <li type="DISK">4. Закон преломления света на границе двух прозрачных сред.</a>
</ul>


<p> <i>Выделяют следующие разделы оптики:</i>
!!!схемко-картинко!!!
<p> Классическая оптика
Геометрическая оптика
Физическая оптика
Волновая оптика
Зрительное восприятие
Лазеры
Нелинейная оптика
Квантовая оптика
Градиентная оптика

<p>НА ДАННОМ РЕСУРСЕ БУДЕТ РАССМОТРЕН РАЗДЕЛ ФИЗИЧЕСКОЙ ОПТИКИ, КОТОРЫЙ ВКЛЮЧАЕТ В СЕБЯ ИЗУЧЕНИЕ ДИФРАКЦИИ, ИНТЕРФЕРЕНЦИИ, ЭФФЕКТОВ ПОЛЯРИЗАЦИИ И ПРИРОДУ ДРУГИХ СЛОЖНЫХ ЭФФЕКТОВ.
<p>{переход к разделам}
</td>
</tr>


</left>
       </table>
</div>

                                           </body>

</html>