- •Справочные материалы содержание
- •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
- •Клавиатурные сокращения окна справки
2.8. Вставка горизонтальных разделителей
Горизонтальные разделители (линии) используются для визуального разделения различных частей документа. Чтобы вставить горизонтальный разделитель в создаваемую страницу:
Поместите текстовый курсор в то место, куда вы хотите вставить разделитель.
Откройте меню "Вставка" и выберите пункт "Разделитель".
Задание свойств горизонтального разделителя
Вы можете задать высоту и ширину линии (разделителя), а также ее выравнивание и наличие тени.
Дважды щелкните по разделителю. Откроется диалоговое окно "Свойства горизонтального разделителя".
Вы можете изменить следующие свойства:
Ширина: Введите значение и выберите единицу измерения - проценты от ширины окна или пикселы (экранные точки). Если вы выберите процентное значение, ширина разделителя будет изменяться при изменении размеров окна Nvu или браузера.
Высота: Введите значение высоты разделителя в пикселах.
3D-Тень: Установите этот флажок, чтобы придать разделителю "объем" за счет добавления тени.
Выравнивание: Выберите расположение разделителя по горизонтали (влево, по центру или вправо).
Нажмите кнопку "Использовать по умолчанию", если вы хотите, чтобы в дальнейшем при создании нового разделителя ему автоматически присваивались параметры, указанные в диалоговом окне.
Чтобы задать свойства разделителя вручную, нажмите кнопку "Дополнительно". Откроется редактор дополнительных свойств. Для получения дополнительных сведений смотрите Редактор дополнительных свойств.
Подсказка: Вы можете выбрать пункт "HTML-теги" из меню "Вид", чтобы отобразить все элементы разметки (теги) HTML в виде желтых прямоугольников. Дважды щелкнув по любому из этих прямоугольников, вы вызовете диалоговое окно редактора дополнительных свойств для данного тега.
2.9. Вставка специальных символов
Чтобы вставить специальные символы, например символы со знаками диакритики, символы валют, знак охраны авторского права:
Поместите текстовый курсор в то место, куда вы хотите вставить специальный символ.
Откройте меню "Вставка" и выберите пункт "Буквы и символы". Откроется диалоговое окно "Вставка символа".
Выберите категорию символов.
Если вы выбрали категорию "Заглавные с диакритическими знаками" или "Строчные с диакритическими знаками", выберите букву, вариант которой с диакритическим знаком вы хотите вставить. (Примечание: не все буквы имеют варианты со знаками диакритики.) Выберите категорию "Общие символы", если вы хотите вставить символы, которые не являются буквами, например символы валют, знак охраны авторского права, дроби и т.п.
Из раскрывающегося списка "Символ" выберите символ, который вы хотите вставить.
Нажмите кнопку "Вставка".
Вы можете продолжать работу с документом (или с сообщением электронной почты в формате HTML), не закрывая диалогового окна "Вставка символа", на тот случай, если вам понадобится использовать его вновь.
Закончив работу с диалоговым окном "Вставка символа", нажмите кнопку "Закрыть"
2.10. Вставка элементов html и их атрибутов
Если вы знакомы с языком разметки HTML и способны непосредственно работать с исходным кодом веб-страниц, вы можете вставлять в создаваемые страницы дополнительные элементы разметки (теги), атрибуты и сценарии JavaScript. Чтобы работать с HTML-кодом страниц, используйте один из способов, перечисленных ниже:
Поместите текстовый курсор в то место, куда вы хотите вставить HTML-код, откройте меню "Вставка" и выберите пункт "HTML". В открывшемся диалоговом окне "Вставка HTML" введите разметку HTML и текст, а затем нажмите кнопку "Вставка". Содержимое поля ввода будет без изменений добавлено к исходному коду страницы в выбранном месте.
Выберите элемент страницы, например таблицу, якорь с именем, изображение, ссылку или горизонтальный разделитель. Дважды щелкните по нему, чтобы вызвать диалоговое окно свойств элемента. В этом окне нажмите кнопку "Дополнительно", чтобы вызвать редактор дополнительных свойств. Вы можете использовать этот редактор для добавления и изменения атрибутов HTML, а также сценариев JavaScript и правил CSS относящихся к данному объекту.
Откройте меню "Вид" и выберите пункт "HTML-код" или щелкните по вкладке "<HTML> Код" в нижней части окна Nvu. Если вы не видите вкладок в нижней части окна, откройте меню "Вид" и выберите пункт "Показать/скрыть". Отметьте пункт подменю "Панель режимов редактирования".
