Создаем Содержание

Теперь откроем из менеджера страницу Содержание (файл content). Здесь должен быть список страниц нашей книги. Щелчок по названию страницы откроет ее в том же окне.В нашей таблице, которая определяет структуру страницы, есть строка для основного содержимого. Вот в этой строке и будем работать.В этой строке создадим еще одну таблицу из одной строки и двух столбцов. В левом столбце поместим какой-нибудь рисунок, который будет отражать суть нашей будущей книги. Или – просто приветствие читателю. А в правом будет само содержание.Ставим курсор в строку, удаляем надпись Основной  контент и вместо него вставляем таблицу.Так же, как вставляли таблицу для навигационной панели. В этой строке у нас не задано выравнивание содержимого. Нужно задать все по центру

  Наша строка будет выглядеть вот так:

  В левую ячейку вставим рисунок. Без ссылок, без выравнивания. Он встанет по центру, а правая ячейка станет узкой. Ничего страшного. Начнем сейчас в ней работать, она увеличится под наше содержимое. Сами названия пунктов нашего меню будут располагаться в столбик. Сделаем его в виде нумерованного списка – ставим курсор в правую ячейку и нажимаем на кнопку нумерованного списка в панели инструментов. Вводим названия наших страниц. Строки нумеруются автоматически. Все бы хорошо, но некоторые строчки не помещаются в одну, выглядит не очень хорошо.

  Не страшно – просто уменьшим ширину левой ячейки. Ее граница указана на рисунке стрелкой. Ее можно подвинуть влево на такое расстояние, которое нужно. Если рисунок слева не помещается – его можно уменьшить. Если текст по центру не очень смотрится – можно попробовать изменить выравнивание – выделяем весь текст и нажимаем на кнопку выравнивания текста в панели инструментов. Каждая строка в ячейке будет ссылкой. Их «привязывать» мы уже умеем. Выделяем строку, щелкаем кнопку Ссылка в панели инструментов, или кнопкой Выбрать файл указываем нужную страницу, или сразу в строку адреса вписываем имя нужного файла. Получится то, что хотели.

Сохраняем изменения. Теперь в папке нашей книги можно открыть файл content.html. Откроется он, как любая html-страница, в браузере. Можно пройтись по всем ссылкам, проверить, правильно ли указали переходы, оценить – как визуально будет выглядеть наш учебник. Если что-то не так – возвращаемся в редактор и исправляем. Где-то шрифт увеличить, где-то отступ добавим Теперь можно переходить к наполнению страниц. Страницу с содержанием можно просто закрыть. Она готова.

Работаем с контентом. Рисунки.

В окне Менеджера дважды щелкаем ЛКМ страницу 01. Верхние и нижние строки мы теперь трогать не будем. Работаем в той, которая предусмотрена для основного содержания.

Материал, который мы будем использовать для создания контента нашей книги, может быть любым. Это будут схемы, рисунки, флеш-ролики, текст… все это у нас находится в самых разных местах нашего жесткого диска. По мере написания страниц рисунки мы будем копировать или перемещать в папку Pictures нашей книги и уже потом вставлять на страницы книги.

Текст страниц может быть скопирован из уже готовых документов, можно писать сразу «на ходу», но при копировании из готовых документов Word лучше пользоваться «промежуточным звеном» - программой Блокнот. Это удалит все форматирование текста. Форматировать текст – расставлять отступы, вставлять рисунки лучше в рабочем окне программы.

Поговорим о том, что и как вставить на наши страницы. Самый простой вариант вставки рисунка мы уже освоили. Рисунок вставляется, изменяется его размер и изменяется положение просто стандартной кнопкой выравнивания на панели инструментов. Но рисунок иногда нужно вставить иначе – левее или правее текста, окружить рисунок текстом. Особенно нужно это бывает, когда используемые рисунки мелкие и размещение их вне текста создает большие пустоты. Это отвлекает и переключает внимание, да и просто выглядит не очень хорошо. Отформатировать текст и рисунок относительно друг друга тоже просто. Окно вставки рисунка состоит из нескольких вкладок. С первой мы уже работали – выбор рисунка и ввод альтернативного текста и всплывающей подсказки. Последняя вкладка дает возможность «привязать» ссылку к рисунку, это мы уже тоже делали, когда вставляли логотип.

В торая вкладка позволяет жестко задать размер рисунка, можно изменить размер уже в самой ячейке проще. Третья вкладка – как раз то, что нам нужно для  выравнивания рисунка относительно текста. Выбор По центру размещает рисунок в указанном месте в тексте – в ту строку, где установлен курсор. Строка при этом увеличится в высоту в соответствии с высотой вставленного рисунка. Выбор Влево располагает изображение и текст так, как на рисунке. Здесь же задается отступ рисунка от текста. Это особенно важно, когда рисунок цветной и фон его не совпадает с фоном страницы. Если текст будет «прилипать» к краям рисунка, он будет плохо читаться.