- •Редактор nvu.
- •Создание страниц книги с помощью визуального редактора nvu Настройка панели инструментов программы nvu.
- •Назначение основных инструментов и их применение для создания страниц.
- •Простая табличная верстка. Создание новых страниц.
- •Наполнение содержанием(текст, картинки, анимация)
- •Создаем новые страницы.
- •Создаем Содержание
- •Упаковываем книгу
Создаем новые страницы.
Создадим новые страницы, используя оформленную страницу. Запускаем NVU. Каждый файл – это одна страница нашей книги. Или – один раздел. Или – одна глава… В любом случае это одна структурная единица. Создадим столько файлов HTML сколько нам потребуется для учебника. Заходим в меню Файл → Сохранить как. И сохраняем нашу страничку с именем 002. И еще раз – теперь с именем 003 и т.д.
Теперь
в окне менеджера наша папка содержит
несколько страниц html – 001, 002, 003, …и
папку pic с рисунками. Нужно еще добавить
две страницы – Содержание книги и Список
использованной и рекомендованной
литературы или иных источников информации.
Начнем с Содержания. Снова – меню Файл → Сохранить как. Сохраним файл с именем content(содержание). Откроем эту страницу. Теперь перейдем в меню Формат → Заголовок и свойства страницы. В строке Заголовок напишем название страницы – Содержание. Ничего больше менять не будем. Жмем Ok.
Название нашей страницы появилось на ярлыке сверху
Внесем в страницу изменения.
1. Нам нужно заменить заголовок Первая страница на Содержание. Просто удаляем текст в строке и вместо него пишем другой. 2. Нужно удалить навигационный блок – на первой странице он не нужен. Удобнее сначала щелкнуть левой кнопкой мыши по левому полю вне страницы, где отображается высота строк. Вся строка-ячейка выделится голубой рамкой. Теперь щелкаем по этой рамке правой кнопкой мыши, в контекстном меню выбираем: Удалить таблицу → Строки. Строки с навигацией теперь нет.
Левее названия на ярлыке страницы снова появился красный значок – имеются несохраненные изменения. Сохраним их, нажав на кнопку Сохранить в панели инструментов.
Щелкнем
дважды страницу 01, она откроется в новой
вкладке рабочего окна. Названия у
страницы пока нет, потому на ярлыке этой
страницы надпись – без названия. Пусть
пока остается так.
На этой странице нам нужно изменить навигационный блок – у нас три предполагаемых ссылки в этом блоке, а на первой странице нам будут нужны только две – Содержание и Следующая. Просто удалим лишнюю ячейку. Щелкаем левой кнопкой мыши внутри ячейки со ссылкой Предыдущая. Рамка ячейки изменилась
Щелкнем
по крестику в верхней границе, ячейка
удалится. А так как мы выставляли
выравнивание содержимого этой строки
основной таблицы по центру, то таблица,
теперь уже из двух ячеек, сместится в
центр.
Создадим гиперссылки на «Содержание» и «Следующая». Выделим слово «Содержание», в панели инструментов выбираем Ссылка (правее якоря). Открывается окно вставки ссылки. Нажимаем на кнопку Выбрать файл и указываем нужный нам файл content.html
В
поле адрес
ссылка будет короткой, без обычного
длинного пути, в котором последовательно
указывается, где именно находится нужный
нам файл. В таком случае в этом нет
необходимости – все страницы мы сохраняли
в одной папке.
При вставке ссылок на .html файлы, находящиеся в одной основной папке можно не нажимать на кнопку выбора, а сразу написать название файла (обязательно указав расширение – .html, иначе браузер нас просто не поймет).
Точно так же вставляем вторую ссылку – на следующую страницу. Выделяем в ячейке слово «Следующая», в панели инструментов щелкаем кнопку Ссылка, в открывшемся окне в строку адреса сразу впишем – 002.html. Сохраняем изменения.
Эти же операции повторяем на страницах 002,003,004 и т.д. Только там нужно будет вставить еще ссылку на предыдущую страницу. И не забываем о сохранении изменений.
На третьей странице вставим ссылку на предыдущую страницу (02.html) и на Содержание (content.html) и сохраним изменения, щелкнув по соответствующей кнопке в панели инструментов. Ссылку на следующую страницу мы пока вставить не можем – ее просто нет. Не беда! Сейчас у нас открыта страница 03.html, внесенные изменения мы сохранили. Теперь сохраняем эту страницу под другим именем. Заходим: Файл → Сохранить как. Вводим заголовок страницы – Рекомендуем прочитать (например), нажимаем Ok, сохраняем с именем list. Формат страницы уже выбран по умолчанию - .html. (Сохраняем в тот же каталог book).
Название страницы появилось на вкладке. Обновим панель Менеджера, видим, что наша страница появилась в общей папке. Теперь внесем необходимые изменения. В строке заголовка исправим имеющийся на тот, который нам нужен – Список литературы, например. В строке с блоком навигации дважды щелкаем ЛКМ по ссылке Предыдущая, в открывшемся окне исправляем имя файла 02.html на 03.html – он в том же каталоге. А ячейку со ссылкой Следующая просто удаляем.
