<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<style>


.navbar {
    overflow: hidden;
    background-color: #222222;
    font-family: Arial, Helvetica, sans-serif;
}

.navbar a {
    float: left;
    font-size: 16px;
    color: white;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}

.dropdown {
    float: left;
    overflow: hidden;
}

.dropdown .dropbtn {
    font-size: 16px;    
    border: none;
    outline: none;
    color: white;
    padding: 14px 16px;
    background-color: inherit;
    font-family: inherit;
    margin: 0;
}

.navbar a:hover, .dropdown:hover .dropbtn {
    background-color: #996633;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #669966;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

.dropdown-content a {
    float: none;
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    text-align: left;
}

.dropdown-content a:hover {
    background-color: #336633;
}

.dropdown:hover .dropdown-content {
    display: block;
}



/*КАРТИНКИ И ТЕКСТ*/


* {
    box-sizing: border-box;
}

body {
    background-color: #669966;
    padding: 20px;
    font-family: Arial;
}

/* Center website */
.main {
    max-width: 1000px;
    margin: auto;
}

h1 {
    font-size: 30px;
    word-break: break-all;
}

.row {
    margin: 8px -16px;
}

/* Add padding BETWEEN each column */
.row,
.row > .column {
    padding: 8px;
}

/* Create four equal columns that floats next to each other */
.column {
    float: left;
    width: 25%;
}

/* Clear floats after rows */ 
.row:after {
    content: "";
    display: table;
    clear: both;
}

/* Content */
.content {
    background-color: #336633;
    padding: 10px;
	color:#000;
}

/* Responsive layout - makes a two column-layout instead of four columns */
@media screen and (max-width: 900px) {
    .column {
        width: 50%;
    }
}

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
    .column {
        width: 100%;
    }
}




/* Footer */

 #content {
    width: 500px; /* Ширина слоя */
    margin: 0 auto 50px; /* Выравнивание по центру */
   }
   #footer {
    position: fixed; /* Фиксированное положение */
    left: 0; bottom: 0; /* Левый нижний угол */
    padding: 10px; /* Поля вокруг текста */
    background: #000; /* Цвет фона */
    color: #fff; /* Цвет текста */
    width: 100%; /* Ширина слоя */
	text-align: center;
   }

hr {
    border: none; /* Убираем границу */
    background-color: #000; /* Цвет линии */
    color: #000; /* Цвет линии для IE6-7 */
    height: 3px; /* Толщина линии */


.leftimg {
    float:left; /* Выравнивание по левому краю */
  margin: 4px 10px 2px 0px; /* Отступы вокруг картинки */
	border:3px solid #CCC;
	padding:6px; /*отступ меду границей и картинкой*/
   }
   
 
   

</style>
</head>
<body>

<div class="navbar">
  <a href="index.html">В начало</a>
  <a href="vchod.html">Форма входа</a>
  <a href="kontakt.html">Форма контакта</a>
  <a href="karta.html">Технология</a>
  <a href="shcool.html">О школе</a>
  
  <div class="dropdown">
    <button class="dropbtn">От папируса к WWW 
      <i class="fa fa-caret-down"></i>
    </button>
    <div class="dropdown-content">
      <a href="papirus.html">ПОЛУЧЕНИЕ ПАПИРУСА</a>
      <a href="pisma.html">СОЗДАНИЕ И ПЕРДАЧА ПИСЕМ</a>
      <a href="pautin.html">ВСЕМИРНАЯ ПАУТИНА</a>
	  <a href="technologi.html">НОВЫЕ ТЕХНОЛОГИИ ОБЩЕНИЯ</a>
	  
    </div>
  </div> 
</div>

<h3>V ежегодный открытый конкурс Веб-сайтов для учащихся образовательных учреждений</h3>

  
  
  
  
  
  
  
  
<!-- MAIN (Center website) -->
<div class="main">

<h1>На чем люди писали в древности?

</h1>
<hr>



<!-- Portfolio Gallery Grid -->
<div class="row">
  <div class="column">
    <div class="content">
      <img src="image/skal.jpg" alt="" style="width:100%">
      <h3>РИСУНКИ НА СТЕНАХ</h3>
      <p>
	 Первые шаги человека в освоении письменной речи дошли до нас в виде рисунков на стенах пещер. Пещера – это жилище, где человек проводил много времени и свои впечатления об охоте, о каких-то семейных событиях или событиях, происходящих в общине, отражал в рисунках на стенах. Другого материала, кроме стен и камней, поверхности почвы в древние времена у людей просто не было. На скалах выбивались, выскабливались изображения птиц, животных, человека, дерева, предметов из окружения – всего того, что человек видел вокруг себя. 
	  </p>
    </div>
  </div>
  <div class="column">
    <div class="content">
    <img src="image/glina.jpg" alt="" style="width:100%">
      <h3>ТАБЛИЧКИ ИЗ ГЛИНЫ</h3>
      <p>
	  Таблички из глины Скалы и камни – твердый материал для нанесения рисунков. Около 3500-4000 лет до н. э. стали использовать мягкую и пластичную глину для изготовления табличек для письма. Свидетельства этому найдены в Ираке и Иране (Месопотамия). Пока табличка была влажной, на ее поверхности заостренной палочкой (грифель, стилиус) наносились знаки, затем ее сушили на солнце. Такой способ письма получил название клинопись. Считается, что родилась она в Шумерской цивилизации.
	  <br>
<br>
<br>
<br>
<br>

	 </p>
    </div>
  </div>
  <div class="column">
    <div class="content">
    <img src="image/vosk.jpg" alt="" style="width:100%">
      <h3>ВОСКОВЫЕ ТАБЛИЧКИ</h3>
      <p>Глиняные таблички громоздкие, хрупкие, неудобны для транспортировки, с них невозможно стереть написанное, поэтому на смену им пришли таблички из воска. На специальные деревянные дощечки или дощечки из слоновой кости наносили слой воска – писать на нем можно было острым грифелем. Другим закругленным концом ненужный знак затирали, стирали. Изготовить таблички было несложно, поэтому в античные и средневековые времена ими пользовались в быту для пометок по хозяйству, применяли как записные книжки и в обучении письму.
</p>
    </div>
  </div>
  <div class="column">
    <div class="content">
    <img src="image/papirus.jpg" alt="" style="width:100%">
      <h3>ПАПИРУС</h3>
      <p>
	Письмо на папирусе. Папирус, как материал для письма, начали применять в Древнем Египте (III век до н. э.). Свое название материал получил благодаря болотному растению Cyperus papyrus, из которого его изготавливали. На территории античных государств он появился примерно в VII веке до н. э. Описание технологии его изготовления есть у Теофаста.
Лист папируса по толщине был примерно таким же, как современный бумажный лист, а гладкой его поверхность делали с помощью полировки камнем или кусочком дерева твердых пород.  
<br>
<br>

	  </p>
    </div>
  </div>
<!-- END GRID -->
</div>

<div class="content">
   <h3>ПЕРГАМЕНТ</h3>
  
<p><img src="image/pergament1.jpg" alt="" width="300" height="160" align="left" class="leftimg"> 
 Примерно во II веке до н. э. появился новый, более практичный, чем папирус, материал. В городе Пергама на создание библиотеки понадобилось много папируса, а Птолемей V, правивший в то время Египтом, запретил вывозить его. Заменил папирус пергамент, изготавливать который начали ремесленники из Пергама. На его изготовление шла телячья, баранья, козлиная, воловья кожа, которую обрабатывали с обеих сторон. Материал получался двухсторонний, эластичный, прочный, светло-желтого цвета, хранить его было гораздо удобнее и проще.
К тому же, обрезанные по одному размеру и скрепленные листы позволяли создать другой формат, который и послужил прототипом книги. Пергамента требовалось все больше и больше, а возможности изготовления были ограничены, поэтому приходилось применять его вторично, стирая, соскабливая написанное ранее. Придумали даже состав для стирания чернил и специальный отбеливатель. Но качественной поверхности уже не получалось – оставались следы прежнего текста. Писали на пергаменте остро заточенными прочными гусиными перьями. Для правшей брали перья из левого крыла, а для левшей – из правого.
С появлением бумаги применение пергамента постепенно прекратилось. Кроме перечисленных материалов, в древние времена использовали и другие, например, пальмовые листья, гладкая поверхность коры, ствол дерева, утрамбованный песок, бамбуковые дощечки – все, на чем можно было нацарапать какой-то знак.</p>
 
</div>

<!-- END MAIN -->
</div>

<div id="footer">
   <div>
    &copy; Владислав Толкачев e-mail: skumen4ikplay@yandex.ru

</body>
</html>