- •Справочные материалы содержание
- •1. Введение в разработку веб-страниц с помощью Nvu
- •1.1. Введение в интерфейс пользователя
- •Панель компоновки
- •Панель форматирования
- •Панель вкладок
- •Панель режимов редактирования
- •Строка состояния
- •1.2. Создание нового документа
- •1.3. Основы форматирования
- •Текст примера
- •Форматирование текста
- •1.4. Вставка рисунков и таблиц
- •1.5. Дополнительные стили
- •1.6. Публикация документов
- •Создание веб-страниц с помощью Nvu
- •2. Начало работы над новой страницей
- •2.1. Создание новой страницы
- •2.2. Вкладки - Редактирование нескольких документов
- •2.3. Сохранение и просмотр веб-страниц
- •2.4. Форматирование абзацев, заголовков и списков
- •2.5. Работа со списками
- •2.6. Изменение цвета, стиля и шрифта текста
- •Удаление стилей текста и прекращение их действия
- •2.7. Поиск и замена текста
- •2.8. Вставка горизонтальных разделителей
- •Задание свойств горизонтального разделителя
- •2.9. Вставка специальных символов
- •2.10. Вставка элементов html и их атрибутов
- •2.11. Использование редактора дополнительных свойств
- •2.12. Проверка правильности html
- •2.13. Выбор подходящего режима редактирования
- •2.14. Использование строки состояния при форматировании веб-страниц
- •3. Использование таблиц стилей для ваших веб-страниц
- •3.1. Использование каскадных таблиц стилей
- •3.2. Создание таблиц стилей в Nvu
- •3.3. Создание правил для таблиц стилей
- •3.4. Работа с таблицами Вставка таблицы
- •Изменение свойств таблицы
- •Добавление и удаление строк, столбцов и ячеек
- •Изменение поведения редактора таблиц по умолчанию
- •Выбор элементов таблицы
- •Перемещение, копирование и удаление таблиц
- •Преобразование текста в таблицу
- •4. Работа с изображениями
- •4.1. Вставка изображений
- •4.2. Изменение свойств изображения
- •5. Работа с оглавлением
- •5.1. Вставка оглавления
- •5.2. Обновление или удаление оглавления
- •5.3. Работа с шаблонами
- •Создание шаблона
- •Использование шаблонов
- •6. Указание свойств страницы
- •6.1. Свойства страницы и meta-теги
- •6.2. Указание цветов и фона страницы
- •7. Создание ссылок в Nvu
- •7.1. Создание ссылок в пределах той же страницы
- •7.2. Создание ссылок на другие страницы
- •7.3. Добавление xfn информации в ссылки
- •7.4. Использование изображений в качестве ссылок
- •7.5. Удаление и прерывание ссылок
- •8. Публикация веб-страниц с помощью Nvu
- •8.1. Публикация документа
- •Советы: как избежать недействительных ссылок и пропущенных изображений.
- •8.2. Обновление опубликованного документа
- •8.3. Изменение имени файла или адреса публикации
- •8.4. Создание нового сайта публикации
- •8.5. Изменение сайта публикации, заданного по умолчанию
- •8.6. Удаление сайта публикации
- •8.7. Настройки публикации
- •Публикация страниц – Опубликовать
- •Публикация страницы – Параметры
- •Параметры публикации
- •8.8. Разрешение общих задач публикации
- •Проверка ваших параметров публикации
- •Проверка имен ваших файлов
- •8.9. Исправление ошибок публикации
- •9. Настройки Nvu
- •9.1. Меню "Последние открытые страницы"
- •При сохранении файлов
- •9.2. Редактирование таблиц
- •9.3. Редактирование с помощью css (каскадные таблицы стилей)
- •9.4. Менеджер сайта
- •9.5. Шрифты
- •Шрифты для набора символов
- •Интернационализация
- •9.7. Параметры соединения
- •Расширение возможностей Nvu
- •10.2. Клавиатурные сокращения Nvu Использование клавиатурных сокращений
- •Основные клавиатурные сокращения Nvu
- •Клавиатурные сокращения компоновки в Nvu
- •Клавиатурные сокращения окна справки
Нажмите кнопку "Применить", чтобы применить сделанные изменения, не закрывая диалогового окна, или нажмите кнопку "ОК", чтобы подтвердить сделанные изменения.
Чтобы просмотреть или изменить параметры одной или нескольких ячеек:
Выделите строку, столбец, ячейку или группу ячеек. Откройте меню "Таблица" и выберите пункт "Свойства таблицы". Откроется диалоговое окно "Свойства таблицы".
Выберите вкладку "Ячейки", чтобы установить следующие параметры:
Выделение: Из раскрывающегося списка выберите тип выделенной области - ячейку, строку или столбец. Используйте кнопки "Предыдущая" и "Следующая", чтобы выделить другие ячейки, строки или столбцы.
Размер: Введите высоту и ширину для выделенных элементов, а также задайте единицы измерения - пикселы или проценты от размера таблицы.
Выравнивание содержимого: Выберите тип выравнивания по вертикали и горизонтали для содержимого выделенных ячеек.
Стиль ячеек: Из раскрывающегося списка выберите "Заголовок" для ячеек, образующих заголовки столбцов или строк (по умолчанию текст таких ячеек отображается полужирным шрифтом и выравнивается по центру). Для остальных ячеек выберите или оставьте "Обычный" (значение по умолчанию).
Разбивка на строки: Выберите из раскрывающегося списка "Не разбивать на строки", чтобы запретить разбивку на строки текста в ячейке (за исключением явно указанного разрыва строки или начала нового абзаца). Выберите "Разбить на строки", чтобы разрешить разбивку текста на строки.
Цвет фона: Нажмите на кнопку, чтобы выбрать из палитры цвет фона ячейки или оставьте фон прозрачным.
Примечание: Чтобы задать дополнительные атрибуты таблицы или связать с ней сценарии JavaScript, нажмите кнопку "Дополнительно". Откроется диалоговое окно редактора дополнительных свойств.
Нажмите кнопку "Применить", чтобы применить сделанные изменения, не закрывая диалогового окна, или нажмите кнопку "ОК", чтобы подтвердить сделанные изменения.
Подсказка: Чтобы изменить цвет текста или цвет фона одной или нескольких ячеек или таблицы в целом, выберите нужные ячейки или щелкните в любом месте таблицы. Щелкните по значкам "Выбор цвета для текста" или "Выбор фонового цвета" на Панели форматирования и выберите нужный цвет из открывшейся палитры.
Подсказка: Чтобы применить к ячейке цвет фона, который применялся в последний раз, выделите нужную ячейку и, удерживая клавишу Shift, щелкните по значку "Выбор фонового цвета" на Панели форматирования. Эта функция полезна в том случае, когда вы хотите присвоить один и тот же цвет отдельным ячейкам.
Добавление и удаление строк, столбцов и ячеек
Nvu позволяет легко добавить или удалить одну или несколько ячеек. Кроме того, вы можете активизировать режим, в котором Nvu при добавлениях и удалениях будет поддерживать исходную прямоугольную структуру таблицы, при необходимости добавляя ячейки.
Чтобы добавить ячейку, строку или столбец к таблице:
Щелкните в том месте таблицы, куда вы хотите добавить новую ячейку (или группу ячеек).
Откройте меню "Таблица" и выберите пункт "Вставить".
Из подменю выберите элемент таблицы, который вы хотите вставить. (Вы также можете создать новую таблицу, вложенную в ячейку исходной.)
Чтобы удалить ячейку, строку или столбец:
Щелкните по ячейке (столбцу, строке), которую вы хотите удалить. Если вы хотите удалить несколько ячеек (столбцов, строк), выделите нужные ячейки. Чтобы выделить несколько смежных ячеек, удерживайте клавишу Ctrl (Windows, Linux or Unix) или Command (Mac OS) и одновременно нажатую кнопку мыши, проведите курсор мыши над теми ячейками, которые вы хотите выделить. Чтобы выделить несколько ячеек в таблице (не обязательно смежных), щелкните по каждой из ячеек, удерживая нажатой клавишу Ctrl (Windows, Linux или Unix) или Command (Mac OS).
Откройте меню "Таблица" и выберите пункт "Удалить".
Из подменю выберите элемент таблицы, который вы хотите удалить.
Чтобы объединить ячейку с соседней ячейкой справа:
Щелкните по левой ячейке, откройте меню "Таблица" и выберите пункт "Объединить с ячейкой справа".
Чтобы объединить несколько смежных ячеек:
Выделите группу смежных ячеек, удерживая клавишу Ctrl (Windows, Linux or Unix) или Command (Mac OS) и одновременно кнопку мыши, проведите курсор мыши над нужными ячейками, которые вы хотите выделить.
Откройте меню "Таблица" и выберите пункт "Объединить выбранные ячейки".
Чтобы разбить ячейку, полученную объединением нескольких ячеек, на исходные ячейки:
Щелкните по нужной ячейке, откройте меню "Таблица" и выберите пункт "Разбить ячейки". Все содержимое исходной ячейки будет помещено в одну из созданных ячеек.
О том, как выделить несмежные ячейки, строки или столбцы подробнее рассказано в разделе Выбор элементов таблицы
Изменение поведения редактора таблиц по умолчанию
По умолчанию, когда вы добавляете или удаляете одну или несколько ячеек таблицы, Nvu при необходимости добавляет пустые ячейки в конце строк, чтобы сохранить прямоугольную структуру таблицы. В противном случае вы получите таблицу с различным числом ячеек в строках, которая будет отображаться с пустым пространством на месте некоторых ячеек или с "неправильным" контуром.
Чтобы изменить поведение по умолчанию редактора таблиц:
Откройте меню "Инструменты" и выберите пункт "Настройки...".
В группе настроек "Редактирование таблиц" установите следующие параметры:
Если вы хотите, чтобы Nvu автоматически поддерживал прямоугольную структуру таблицы, установите флажок "Сохранять общую схему таблицы при вставке или удалении ячеек".
Нажмите кнопку "OK".
Для получения дополнительных сведений смотрите Настройка Nvu.
Выбор элементов таблицы
Вы можете быстро выделить таблицу, ячейку или группу ячеек, используя один из двух способов:
Щелкните в нужном месте таблицы, откройте меню "Таблица", выберите пункт "Выбрать" и выберите нужный элемент из подменю. Например, чтобы выделить всю таблицу, щелкните в любом месте таблице, откройте меню "Таблица" и выберите "Выбрать", а затем "Таблица".
Вы также можете выделять элементы таблицы при помощи мыши:
Чтобы выделить содержимое одной или нескольких ячеек, щелкните внутри ячейки и, удерживая нажатой кнопку мыши, проведите курсор мыши над нужными ячейками. Вы можете применить различные виды форматирования текста (например, стили текста или цвет) к выделенному содержимому.
Чтобы выделить несколько смежных ячеек, удерживайте клавишу Ctrl (Windows, Linux or Unix) или Command (Mac OS) и, удерживая нажатой кнопку мыши, проведите курсор мыши над теми ячейками, которые вы хотите выделить. Вы можете выделить строку или столбец, начав выделение с первой ячейки строки (столбца) и проведя курсор по горизонтали (вертикали).
Чтобы выделить несколько ячеек (не обязательно смежных), удерживая клавишу Ctrl (Windows, Linux or Unix) или Command (Mac OS), щелкните по нужной ячейке. Продолжая удерживать клавишу, щелкните по остальным ячейкам, которые вы хотите выделить.
Чтобы распространить выделение на смежные ячейки: удерживая клавишу Ctrl (Windows, Linux or Unix) или Command (Mac OS), щелкните по нужной ячейке. Затем нажмите клавишу Shift и, удерживая ее, щелкните по любой другой ячейке. Будет выделен прямоугольный блок ячеек, углами которого являются две эти ячейки. Повторяя описанную процедуру, вы можете выделить несколько несмежных блоков ячеек.
Чтобы выделить один или несколько смежных столбцов (строк): удерживая клавиши Ctrl+Shift (Windows, Linux or Unix) или Command+Shift (Mac OS), а также удерживая нажатой кнопку мыши, переместите курсор мыши по вертикали (горизонтали), чтобы выделить первый столбец (строку). Затем, продолжая удерживать клавиши и кнопку, перемещайте курсор по горизонтали (вертикали), чтобы выделить смежные столбцы (строки).
Перемещение, копирование и удаление таблиц
Чтобы переместить, копировать или удалить таблицу, сначала выделите ее:
Щелкните в любом месте внутри таблицы.
Откройте меню "Таблица" и выберите пункт "Выбрать".Из подменю выберите пункт "Таблица".
Чтобы скопировать или переместить таблицу: используйте пункты "Вырезать", "Копировать" и "Вставить" из меню "Правка".
Чтобы удалить таблицу: снова откройте меню "Таблица" и выберите пункт "Удалить". Из подменю выберите пункт "Таблица".
Преобразование текста в таблицу
Чтобы преобразовать текст в таблицу:
Выделите текст, который вы хотите преобразовать. Каждый абзац этого текста будет преобразован в отдельную строку таблицы.
Откройте меню "Таблица" и выберите пункт "Создать таблицу из выделения". Откроется диалоговое окно "Преобразование в таблицу".
В диалоговом окне выберите символ-разделитель, который будет использоваться для разделения каждой строки на отдельные ячейки. Вы можете выбрать запятую или пробел, а также указать другой символ. Если вы выбрали в качестве разделителя пробел, укажите, должен ли Nvu игнорировать дополнительные пробелы, рассматривая группу пробелов как один разделитель.
Установите флажок "Удалить символ разделителя", если вы хотите, чтобы при преобразовании текста в таблицу Nvu удалил эти символы. Сбросьте флажок, если вы хотите, чтобы эти символы были помещены в ячейки таблицы вместе с остальным текстом.
Нажмите кнопку "OK".
Примечание: Форматирование текста будет удалено после преобразования выделенного текста в таблицу.
4. Работа с изображениями
4.1. Вставка изображений
Вы можете включать в свои веб-страницы изображения в форматах GIF, JPEG, BMP и PNG (Portable Network Graphics) Вы также можете сделать эти изображения ссылками. Когда вы добавляете изображение к веб-странице, Nvu включает в основной HTML-файл страницы путь к файлу изображения или его URL.
Примечание: Если вы планируете публиковать ваши страницы в сети, то лучше не использовать изображения в формате BMP.
Подсказка: Прежде чем вставить изображения в страницу, лучше сначала сохранить или опубликовать ее. Это позволит Nvu использовать относительные ссылки на изображения при их добавлении.
Чтобы вставить изображение:
Поместите текстовый курсор в то место, куда вы хотите вставить изображение.
Нажмите кнопку "Изображение" на панели инструментов Nvu или откройте меню "Вставка" и выберите пункт "Изображение". Откроется диалоговое окно "Свойства изображения".
В поле "Адрес изображения" введите адрес (URL) изображения или локальный путь к нему и имя файла. Нажмите кнопку "Выбрать файл", чтобы выбрать файл, находящийся на локальном диске или в локальной сети.
Введите альтернативный текст, который будет отображаться вместо изображения в текстовых браузерах. Кроме того, альтернативный текст может отображаться и графическими браузерами до полной загрузки изображения или при отключенной в браузере графике.
Вы можете отказаться от вставки альтернативного текста
При необходимости установите прочие параметры, находящиеся на других вкладках диалогового окна "Свойства изображения". Подробнее об этих параметрах рассказано в разделе Изменение свойств изображения.
Подсказка: Чтобы быстро вставить изображение, достаточно перетащить его при помощи мыши в окно Nvu из другого приложения или файлового менеджера.
Подсказка: Если вы хотите добавить разрыв строки между изображением и последующим текстом (изображениями) того же абзаца, используйте команду "Разрыв под изображениями" из меню "Вставка".
4.2. Изменение свойств изображения
Поместив изображение на страницу, в дальнейшем вы можете изменять его свойства, например высоту и ширину, размер полей, характер размещения текста по отношению к изображению.
Чтобы просмотреть или изменить свойства изображения:
Дважды щелкните по изображению или выделите его и нажмите кнопку "Изображение" в панели инструментов Nvu. Откроется диалоговое окно "Свойства изображения".
На различных вкладках этого окна вы можете изменить следующие параметры:
Адрес изображения: Введите адрес (URL) изображения или локальный путь к нему и имя файла. Нажмите кнопку "Выбрать файл", чтобы выбрать файл, находящийся на локальном диске или в локальной сети.
Относительный URL: Если этот флажок установлен, Nvu преобразует URL или путь к изображению в относительный URL, определяемый по отношению к положению основной HTML-страницы. Использование относительных URL полезно в том случае, когда вы предполагаете в дальнейшем перемещать созданные страницы, например, поместить их на веб-сервер. Группу файлов, ссылающихся друг на друга при помощи относительных URL, можно перемещать в любое место на веб-сервере или локальном диске - ссылки останутся работоспособными.
Если этот флажок сброшен, в качестве адресов будут использоваться полные (абсолютные)URL. Как правило, абсолютная адресация используется для внешних ресурсов, например изображений, находящихся на других веб-серверах (эти изображения не хранятся локально на вашем жестком диске).
Если вы еще не сохраняли вновь созданную страницу, этот флажок недоступен.
Альтернативный текст: Введите текст, который может быть отображен вместо изображения, например название или краткое описание изображения. Рекомендуется сопровождать изображения альтернативным текстом. Это может быть полезно, например, для тех пользователей, которые используют текстовый браузер или отключают загрузку изображений.
Не использовать альтернативный текст: Выберите этот вариант, если изображение не требует альтернативного текста.
Щелкните по вкладке "Размеры" чтобы изменить следующие свойства:
Исходный размер: Видимый размер изображения на странице будет соответствовать размеру, заданному в исходном файле. При этом каждый пискел изображения будет представлен пикселом экрана.
Задать размер: Задайте ширину и высоту изображения, а также единицы измерения (пикселы или проценты от размера окна). Эти параметры никак не влияют на исходный файл изображения, определяя лишь видимый размер изображения на странице.
Соблюдать пропорции: Если вы самостоятельно изменяете видимую ширину и высоту изображения, это может привести к нарушению пропорций и искажению изображения. Чтобы избежать этого, установите данный флажок. В этом случае вам достаточно изменить только один параметр - высоту или ширину изображения. Второй параметр будет подобран автоматически, чтобы сохранить пропорции изображения.
Щелкните по вкладке "Внешний вид" чтобы изменить следующие свойства:
Поля: Задайте расстояние, отделяющее изображение от других элементов страницы, окружающих его (например, от текста). Вы также можете окружить изображение границей - сплошной черной линией и задать ее ширину в пикселах. Чтобы удалить границу, задайте для нее нулевую ширину.
Расположение текста по отношению к изображению: Если вы размещаете изображение рядом с текстом, выберите нужный вариант расположения из раскрывающегося списка. Для вашего удобства варианты, представленные в списке, снабжены значками, иллюстрирующими расположение текста.
Карта изображения: Нажмите кнопку "Убрать", чтобы удалить любую информацию о карте изображения.
Щелкните по вкладке "Ссылка" чтобы изменить следующие свойства:
Объект ссылки: Если вы хотите, чтобы изображение служило ссылкой, введите путь к локальному файлу или адрес (URL) страницы в Интернете, на которые вы хотите создать ссылку. Нажмите кнопку "Выбрать файл", чтобы выбрать файл, находящийся на локальном диске или в локальной сети.
Относительный URL: Если этот флажок установлен, Nvu преобразует URL или путь к изображению в относительный URL, определяемый по отношению к положению основной HTML-страницы.
Использование относительных URL полезно в том случае, когда вы предполагаете в дальнейшем перемещать созданные страницы, например, поместить их на веб-сервер. Группу файлов, ссылающихся друг на друга при помощи относительных URL, можно перемещать в любое место на веб-сервере или локальном диске - ссылки останутся работоспособными.
Если этот флажок сброшен, в качестве адресов будут использоваться полные (абсолютные)URL. Как правило, абсолютная адресация применяется для внешних ресурсов, например изображений, находящихся на других веб-серверах (эти изображения не хранятся локально на вашем жестком диске).
Если вы еще не сохраняли вновь созданную страницу, этот флажок недоступен.
Показывать рамку вокруг изображения, содержащего ссылку: Если этот флажек установлен, то вокруг изображения будет отображаться рамка, подсвеченная выбранным для ссылок цветом.
Чтобы задать дополнительные атрибуты ссылки или связать с ней сценарии JavaScript, нажмите кнопку "Дополнительно". Откроется диалоговое окно редактора дополнительных свойств.
