Нажмите кнопку "ОК" для сохранения изменений.

5. Работа с оглавлением

5.1. Вставка оглавления

В HTML документе, содержащем несколько разделов, например, статьи с разделами и подразделами, c заголовками для каждого раздела и подраздела, становится трудно перемещаться, если весь текст находится в одном файле. Чтобы облегчить перемещение по разделам такого документа, Nvu позволяет легко сгенерировать оглавление.

Чтобы создать оглавление в HTML документе:

1. Используйте теги HTML заголовков (h1, h2, h3, h4, h5, и h6) для обозначения заголовков разных уровней разделов и подразделов документа.

2. В меню Вставка > Оглавление выберите "Вставить". Будет открыто окно свойств оглавления.

3. Выберите уровень заголовков используемых для разных разделов и подразделов документа.

4. Нажмите кнопку "OK" чтобы создать оглавление.

По умолчанию, каждый пункт сгенерированного оглавления пронумерован и является ссылкой на соответствующий раздел. Сняв флажок с "Пронумеровать все элементы в оглавлении" вы получите оглавление в виде маркированного списка. Отметив флажок "Создать оглавление только для чтения"", получите оглавление как простой текст, без ссылок.

5.2. Обновление или удаление оглавления

Если после формирования оглавления в документе были созданы новые разделы или подразделы, то следует обновить оглавление для добавления в него новых пунктов. В меню Вставка > Оглавление выберите "Обновить". Оглавление будет обновлено, новые пункты будут добавлены.

Чтобы полностью удалить оглавление, в меню Вставка > Оглавление выберите "Удалить". Оглавление будет удалено, HTML-код будет автоматически очищен от кода созданного при формировании оглавления.

5.3. Работа с шаблонами

Шаблоны HTML удобно использовать, когда автору нужно создать несколько страниц, которые имеют одинаковый дизайн, но различное содержание. В Nvu вы можете создавать собственные шаблоны и использовать их как основу для своих веб-страниц.

Создание шаблона

1. Для создания шаблона:

   • Выберите Файл > Создать, или нажмите на стрелку рядом с кнопкой "Создать" на панели инструментов и выберите "Еще настройки"

   • Выберите Пустой шаблон и нажмите "Создать".

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

3. Для содержимого, которое будет различаться в веб-страницах, можно вставить "Редактируемую область". Выберите Вставка > Шаблоны > Вставить редактируемую область. Варианты доступные для редактируемой области:

   • Дополнительная область

   • Повторяющаяся область

   • Перемещаемая область

4. Сохраните файл как шаблон с расширением *.mzt.

Подсказка: Вы можете удалить редактируемую область или сделать область редактируемой с помощью панели статуса. Подробнее в разделе Использование строки состояния при форматировании страниц.

Использование шаблонов

Чтобы использовать шаблон для создания веб-страницы:

1. Выберите Файл > Создать или используйте клавиатурное сокращение Ctrl+N

2. Отметьте опцию "Новый документ из шаблона" и выберите шаблон, нажав кнопку "Выбрать файл".

3. Нажмите кнопку "Создать".

4. Отредактируйте содержимое в редактируемых областях.

5. Сохраните файл как *.html документ.

Подсказка: Нажмите Правка > Отделить от шаблона чтобы отделить документ от шаблона.

Подсказка: Преобразование существующего документа в шаблон и наоборот может быть выполнено установкой (или снятием) флажка с опции "Эта страница - шаблон" в меню Формат > Заголовок и свойства страницы.

6. Указание свойств страницы

6.1. Свойства страницы и meta-теги

Используйте диалоговое окно "Свойства страницы" для того, чтобы задать общие свойства страницы - заголовок, имя автора и краткое описание документа. Когда ваша страница будет размещена на веб-сайте, поисковые машины смогут использовать эту информацию при индексации страницы.

1. В окне Компоновщика откройте меню "Формат" и выберите пункт "Заголовок и свойства страницы".

2. Укажите любые из перечисленных свойств:

3. • Заголовок: Введите заголовок страницы. Этот текст будет отображаться в заголовке окна браузера при просмотре вашей страницы. Заголовки страниц отображаются в меню закладок, а также в списках страниц, формируемых поисковыми машинами в ответ на запрос. Кроме того, поисковые машины активно используют заголовки для оценки степени соответствия страницы запросу. Поэтому важно подобрать заголовок, который адекватно отражает оглавление вашей страницы.

   • Автор: Введите имя лица, создавшего документ. Это облегчит поиск документа в Интернете по имени автора.

Подсказка: Если вы укажете имя автора в настройках Nvu, оно будет автоматически включаться в каждую создаваемую страницу.

• Описание: Введите краткое описание содержания страницы. Вы также можете ввести в это поле ключевые слова, отражающие ее оглавление. Поисковые машины используют описание при индексации страницы, а также при определении ее соответствия запросу.

6.2. Указание цветов и фона страницы

Вы можете задать для создаваемой страницы цвет фона или фоновое изображение. Кроме того, вы можете задать цвета, которые будут использоваться браузером при отображении текста и ссылок на странице.

Чтобы задать цвета и фон для создаваемой страницы:

1. В окне Nvu откройте меню "Формат" и выберите пункт "Цвета и фон страницы".

2. Укажите любые из перечисленных свойств:

3. • Цвета пользователя по умолчанию: Выберите этот вариант, если вы хотите, чтобы страница отображалась с использованием цветов, установленных в браузере пользователя.

   • Установить цвета: Выберите этот вариант, если вы хотите задать цвета для текста, ссылок и фона страницы. Для каждого элемента нажмите кнопку и выберите нужный цвет из палитры. Образцы выбранных цветов для каждого элемента отображаются в правой части диалогового окна.

   • Фоновое изображение: Если вы хотите использовать изображение в качестве фона для страницы, введите в это поле адрес (URL) или путь к нужному изображению. Нажмите "Выбрать файл", чтобы выбрать файл, находящийся на локальном диске или в локальной сети.

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

• Относительный URL: Если этот флажок установлен, Nvu преобразует URL или путь к изображению в относительный URL, определяемый по отношению к положению основной HTML-страницы.

Использование относительных URL полезно в том случае, когда вы предполагаете в дальнейшем перемещать созданные страницы, например поместить их на веб-сервер. Группу файлов, ссылающихся друг на друга при помощи относительных URL, можно перемещать в любое место на веб-сервере или локальном диске - ссылки останутся работоспособными.

Если этот флажок сброшен, в качестве адресов будут использоваться полные (абсолютные)URL. Как правило, абсолютная адресация используется для внешних ресурсов, например изображений, находящихся на других веб-серверах (эти изображения не хранятся локально на вашем жестком диске).

Если вы еще не сохраняли вновь созданную страницу, этот флажок недоступен.

Примечание: Чтобы задать дополнительные атрибуты изображения или связать с ним сценарии JavaScript, нажмите кнопку "Дополнительно". Откроется диалоговое окно редактора дополнительных свойств.

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

7. Создание ссылок в Nvu

7.1. Создание ссылок в пределах той же страницы

Чтобы создать ссылку на другое место той же страницы, например ссылку, позволяющую перейти от одного раздела к другому, вы должны сначала создать якорь с именем (специальный элемент, отмечающий определенное место страницы). Затем вы должны создать ссылку, указывающую на этот якорь.

1. Поместите текстовый курсор в то место, где вы хотите создать якорь, или выделите фрагмент текста.

2. Нажмите кнопку "Якорь" на панели инструментов Nvu или откройте меню "Вставка" и выберите пункт "Якорь с именем". Откроется диалоговое окно "Свойства якоря с именем".

3. Введите уникальное (для данной страницы) имя в поле "Имя якоря" (длиной до 30 символов). Если вы используете пробелы в имени якоря, они будут преобразованы в символы подчеркивания ( _ ). Если вы выделили фрагмент текста на шаге 1, этот текст будет автоматически помещен в поле "Имя якоря".

4. Нажмите кнопку "ОК". Местоположение якоря в вашем документе будет отмечено специальным значком: .

Чтобы создать ссылку, позволяющую перейти к якорю с именем:

1. Выделите текст или изображение, которые вы хотите сделать ссылкой.

2. Нажмите кнопку "Ссылка" на панели инструментов Nvu или откройте меню "Вставка" и выберите пункт "Ссылка". Откроется диалоговое окно "Свойства ссылки".

   • Если вы хотите создать ссылку на HTML-файл, находящийся на вашем компьютере, нажмите кнопку "Выбрать файл" и укажите его расположение.

   • Если вы хотите создать ссылку на якорь с именем, выберите имя этого якоря из раскрывающегося списка "Объект ссылки". В этом списке перечислены все именованные якоря, присутствующие на данной странице. Перед именем якоря в списке добавляется символ #.

   • Если вы хотитесоздать ссылку на один из заголовков, находящихся на странице (отформатированных как Заголовок 1 - Заголовок 6) для этого выберите нужный заголовок из раскрывающегося списка "Объект ссылки". В этом списке перечислены все заголовки, находящиеся на странице.

3. Нажмите кнопку "ОК".

Примечание: Чтобы протестировать созданную ссылку, откройте меню "Файл" и выберите пункт "Просмотр страницы" или нажмите кнопку "Просмотр" в панели инструментов Nvu. В открывшемся окне браузера вы можете проверить работу ссылок на вашей странице.

Подсказка: Если вы не создали якорь с именем сразу, вы можете использовать диалоговое окно "Свойства ссылки" для создания ссылок на заголовки, уже существующие на странице.

7.2. Создание ссылок на другие страницы

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

Подсказка: Прежде чем вы приступите к созданию ссылок на вашей странице, лучше сначала сохранить или опубликовать ее. Это позволит Nvu при создании ссылок автоматически сделать их относительными.

Чтобы создать ссылку на другую страницу:

1. Поместите текстовый курсор в то место, где вы хотите создать ссылку или выделите текст или изображение, которые вы хотите сделать ссылкой.

2. Нажмите кнопку "Ссылка" в панели инструментов Nvu или откройте меню "Вставка" и выберите пункт "Ссылка". Откроется диалоговое окно "Свойства ссылки".

3. Задайте параметры ссылки:

   • Текст ссылки: Если при создании ссылки вы выделили фрагмент текста или изображение, здесь будет приведен выделенный текст или адрес (URL) изображения. В противном случае вы должны ввести в это поле текст, который будет использоваться как ссылка.

   • Адрес объекта ссылки: Введите путь к локальному файлу или адрес (URL) страницы в Интернете, на которые вы хотите создать ссылку. Нажмите кнопку "Выбрать файл", чтобы выбрать файл, находящийся на локальном диске или в локальной сети. Чтобы точно воспроизвести URL страницы в Интернете, вы можете скопировать его из панели адреса браузера. Чтобы создать ссылку на якорь с именем или заголовок, находящийся на той же странице, используйте раскрывающийся список "Объект ссылки".

   • Относительный URL: Если этот флажок установлен, Nvu преобразует URL или путь к страницы в относительный URL, определяемый по отношению к положению создаваемой страницы. Использование относительных URL полезно в том случае, когда вы предполагаете в дальнейшем перемещать созданные страницы, например, поместить их на веб-сервер. Группу файлов, ссылающихся друг на друга при помощи относительных URL, можно перемещать в любое место на веб-сервере или локальном диске - ссылки останутся работоспособными.

Если этот флажок сброшен, в качестве адресов будут использоваться полные (абсолютные) URL. Как правило, абсолютная адресация используется для ссылок на внешние ресурсы, находящиеся на других веб-серверах (не хранятся локально на вашем жестком диске).

Если вы еще не сохраняли вновь созданную страницу, этот флажок недоступен.

4. Чтобы задать дополнительные атрибуты ссылки или связать с ней сценарии JavaScript, нажмите кнопку "Дополнительно". Откроется диалоговое окно редактора дополнительных свойств.

5. Нажмите кнопку "ОК".

6. Чтобы протестировать созданную ссылку, откройте меню "Файл" и выберите пункт "Просмотр страницы" или нажмите кнопку "Просмотр" в панели инструментов Nvu. В открывшемся окне браузера вы можете проверить работу ссылок на вашей странице.

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

7.3. Добавление xfn информации в ссылки

При создании на вашей странице ссылок на страницы других людей Nvu позволяет включать в них XFN (XHTML Friends Network) информации. XFN - простой способ представить человеческие отношения c использованием гиперссылок. Чтобы добавить XFN информацию:

1. Щелкните правой кнопкой мыши по ссылке, у которой вы хотите добавить XFN информацию.

2. Выберите "Свойства ссылки".

3. В диалоговом окне "Свойства ссылки" нажмите кнопку "Расширенные свойства".

4. Выберите соответствующий пункт в разделе "Дружественные связи" чтобы добавить его в ссылку как XFN информацию.

5. Нажмите кнопку "ОК".

6. Нажмите "Сохранить", чтобы сохранить внесенные изменения в документе.

Примечание: Некоторые пункты XFN выбираются с помощью радио кнопок, т.е. вы можете выбрать только одно из предложенных значений, другие выбираются установкой флажков, значит, вы можете выбрать несколько значений.

7.4. Использование изображений в качестве ссылок

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

1. Выделите нужное изображение на странице.

2. Нажмите кнопку "Ссылка" на панели инструментов Nvu или откройте меню "Вставка" и выберите пункт "Ссылка". Откроется диалоговое окно "Свойства ссылки".

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

Подсказка: Перетащите изображение-ссылку со страницы, загруженной в браузер, в окно Nvu, чтобы скопировать на создаваемую страницу изображение вместе со ссылкой.

Примечание: Изображение-ссылка может быть окружено цветной линией. Чтобы удалить эту линию, откройте диалоговое окно "Свойства изображения" и задайте нулевое значение в поле "Сплошная рамка" на вкладке "Внешний вид".

7.5. Удаление и прерывание ссылок

Чтобы удалить ссылку:

1. Выделите текст ссылки (в окне Nvu ссылки подчеркнуты и отображаются синим цветом) или изображение-ссылку.

2. Откройте меню "Формат" и выберите пункт "Убрать ссылки". При этом текст или изображение сохранятся, однако перестанут быть ссылками.

Если вы вводите текст, поместив курсор внутрь ссылки или в ее конец, вводимый текст также будет ссылкой. Чтобы прервать ссылку и вводить текст, который не является ее частью:

1. Установите курсор в том месте, где вы хотите чтобы ссылка закончилась.

2. Откройте меню "Формат" и выберите пункт "Прервать ссылку".

8. Публикация веб-страниц с помощью Nvu

Если ваши страницы существуют лишь на вашем локальном жестком диске, только вы можете их просматривать. Nvu позволяет вам публиковать ваши страницы на удаленном компьютере, называемом веб-сервером.

Когда вы публикуете ваши страницы на веб-сервере, Nvu копирует (загружает) ваши страницы на удаленный компьютер, позволяя таким образом другим людям просматривать ваши страницы. Большинство ISP (Интернет-провайдеров) обеспечивают место на своих веб-серверах для публикации веб-страниц. Чтобы отыскать веб-сервер, на котором вы можете публиковать свои веб-страницы, спросите вашего Интернет-провайдера, обратитесь к доске объявлений или к системному администратору.

8.1. Публикация документа

Чтобы опубликовать документ:

1. Откройте документ HTML, который вы желаете опубликовать, либо создайте новый документ в Nvu.

2. Если вы готовы удаленно опубликовать документ, щелкните кнопку "Опубликовать". .

Если вы публиковали этот документ ранее, Nvu использует предыдущие настройки публикации и начнет публикацию документа. По мере того, как происходит публикация, Nvu отображает диалоговое окно состояния публикации.

• Если вы никогда ранее не публиковали текущий документ, Nvu отобразит вкладку настроек в диалоговом окне публикации страниц, так что вы сможете ввести информацию об адресе удаленной публикации документа. Для получения дополнительных сведений смотрите "Публикация страницы" - "Параметры". Когда вы закончите ввод информации, нажмите "Опубликовать".

• Если вы никогда не сохраняли текущий документ, Nvu отобразит вкладку "Опубликовать" в окне диалога "Публикация страницы", где вы сможете ввести имя файла. Для получения дополнительных сведений смотрите "Публикация страницы" - "Опубликовать". После задания имени файла нажмите "Опубликовать".

Чтобы просмотреть опубликованные страницы, щелкните кнопку "Предварительный просмотр". Протестируйте ссылки на странице и убедитесь в отсутствии пропущенных изображений.