Здравствуйте.

Вот как выглядит лекция в html с двумя страницами уже обработанная - http://tihov.fitdev.ru/rosnano-lectures/index.html

В прикрепленных файлах одна лекция формат док. Внимание, картинки для размещения в лекции идут отдельным архивом, в доке картинки в черновом варианте, картинки предоставляются отдельным архивом.

Необходимо перевести лекции из формата *.doc в формат html по определенным правилам:

1. Текст перед вставкой в хтмл должен быть обработан согласно требованиям экранной типографики (http://www.artlebedev.ru/kovodstvo/sections/62/), это удобно делать, например, с помощью этого инструмента - http://www.artlebedev.ru/tools/typograf/

2. Все картинки необходимо делать в двух форматах - уменьшенный для размещения в самой лекции и оригинальный размер, который будет показываться по клику на картинку в лекции.

3. Придерживаться здравого смысла - всё должно выглядеть красиво, больших дырок или разрывов между страницами не должно быть. Или переносов слов с нарушением прав русского языка и так далее. Отмечайте такие места, где разрывы между страницами по каким-то причинам, будем туда картиночки вставлять для отбивки различные тематические.

По факту нужно разбивать док на такие элементы:
<div class="container"> <div class="page-item"> <h3>Лекция 1</h3> <h4>Предпосылки использования самоуплотняющихся и высокопрочных бетонов</h4> <p>Ведущие специалисты в области технологии бетона с конца 80-х годов разрабатывают концепцию бетонов нового поколения, которым отводится важная роль в сложных инженерных сооружениях XXI века. Имеются ввиду бетоны с высокими эксплуатационными свойствами (ВЭС), так называемые «High Performance Concrete», которые уже сегодня востребованы не только в связи необходимостью выдерживать возрастающие воздействия природного и, особенно, техногенного характера, но и новыми эстетическими требованиями, предъявляемыми к современным инженерным сооружениям.</p> <p>Реализация бетонов ВЭС оказалась возможной, прежде всего, благодаря комплексному применению суперпластификаторов и микрокремнезема. Оптимальное сочетание указанных добавок–модификаторов, а, при необходимости, совмещение с ними в небольших количествах и других органических и минеральных материалов позволяет управлять реологическими свойствами бетонных смесей и модифицировать структуру цементного камня на микроуровне так, чтобы придать бетону свойства обеспечивающие высокую эксплуатационную надежность конструкций.</p> <p>Реализация бетонов ВЭС оказалась возможной, прежде всего, благодаря комплексному применению суперпластификаторов и микрокремнезема. Оптимальное сочетание указанных добавок–модификаторов, а, при необходимости, совмещение с ними в небольших количествах и других органических.</p> </div> <div class="page-item"> <p>В результате исследований свойств бетонных смесей и бетонов механизм действия МБ-01 на цементные системы заключается в следующем: при затворении водой и перемешивании компонентов бетонной смеси происходит дезагрегация гранул модификатора. Дезагрегации при перемешивании способствует также растворение затвердевшей адсорбционной пленки (прослойки) из суперпластификатора (рис. 1), разделяющей частицы микрокремнезема. Это соответствует классическому представлению о том, что присутствие поверхностно-активного вещества в жидкой фазе дисперсной системы интенсифицирует как принудительное, так и самопроизвольное диспергирование «твердого тела с дефектами структуры», каковым является в данном случае гранула.</p> <figure class="incut-image"> <a href="i-content/lecture-1.jpg" class="lightbox"><img src="i-content/lecture-1.jpg" alt=""></a> <figcaption>Рис. 1. Кинетика десорбции суперпластификатора С-3 из гранул модификатора МБ-01 при В/МБ-01, равном: 1 – 1; 2 – 0,8; 3 – 0,65; 4 – 0,51234</figcaption> </figure> <p>В результате исследований свойств бетонных смесей и бетонов механизм действия МБ-01 на цементные системы заключается в следующем: при затворении водой и перемешивании </p> </div> </div>Где <div class="container"> </div> это разворот из двух страниц, а <div class="page-item"></div> <div class="page-item"></div> это левая и правая страница соответственно и именно в <div class="page-item></div> надо вставлять содержимое страницы.

Оформление картинок:
<a href="i-content/lecture-1.jpg"><img src="i-content/lecture-1.jpg" alt=""></a>
В href мы вставляем ссылку на картинку в исходном размере, в <img src мы вставляем уменьшенную картинку

lectures.zip - архив с исходником верстки лекции, смотрим там index.html

Правильные картинки - https://yadi.sk/d/vyQn3AxHcsPHQ

Всего лекций 22.

Оформлять надо будет по несколько лекций в одном html файле, т.е. они как бы будут объединяться в курс