Изменение свойств изображения

 

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

Чтобы просмотреть или изменить свойства изображения:

1. Дважды щелкните по изображению или выделите его и нажмите кнопку "Изображение" в панели инструментов Nvu. Откроется диалоговое окно "Свойства изображения".

2. На различных вкладках этого окна вы можете изменить следующие параметры:

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

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

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

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

o Альтернативный текст: Введите текст, который может быть отображен вместо изображения, например название или краткое описание изображения. Рекомендуется сопровождать изображения альтернативным текстом. Это может быть полезно, например, для тех пользователей, которые используют текстовый браузер или отключают загрузку изображений.

o Не использовать альтернативный текст: Выберите этот вариант, если изображение не требует альтернативного текста.

3. Щелкните по вкладке "Размеры" чтобы изменить следующие свойства:

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

o Задать размер: Задайте ширину и высоту изображения, а также единицы измерения (пикселы или проценты от размера окна). Эти параметры никак не влияют на исходный файл изображения, определяя лишь видимый размер изображения на странице.

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

4. Щелкните по вкладке "Внешний вид" чтобы изменить следующие свойства:

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

o Расположение текста по отношению к изображению: Если вы размещаете изображение рядом с текстом, выберите нужный вариант расположения из раскрывающегося списка. Для вашего удобства варианты, представленные в списке, снабжены значками, иллюстрирующими расположение текста.

o Карта изображения: Нажмите кнопку "Убрать", чтобы удалить любую информацию о карте изображения.

5. Щелкните по вкладке "Ссылка" чтобы изменить следующие свойства:

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

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

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

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

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

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

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

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

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

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

 

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

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

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

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

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

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

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