- •Справочные материалы содержание
- •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.13. Выбор подходящего режима редактирования
Как правило, для создания и редактирования документа достаточно возможностей, которые предоставляет режим редактирования по умолчанию ("Обычный"). Однако если вы хотите получить доступ к исходному коду веб-страницы, вы можете изменить режим редактирования.
Nvu позволяет легко переключаться между четырьмя режимами редактирования (способами отображения страницы). В каждом из этих режимов можно продолжать редактировать документ, однако разметка HTML отображается в них по-разному.
Перед тем, как изменять режимы редактирования:
Откройте меню "Вид" и выберите пункт "Показать/скрыть". Убедитесь, что в подменю отмечен пункт "Панель режима редактирования".
Панель режима редактирования находится в нижней части окна Nvu и содержит четыре вкладки:
Обычный: Это режим редактирования WYSIWYG, который позволяет в процессе создания документа видеть то, как он будет показан в браузере. Для удобства редактирования в этом режиме отображаются границы таблиц и значки якорей с именем. Вся остальная разметка HTML остается скрытой.
HTML-теги: В этом режиме отображаются все теги HTML в виде специальных значков (желтых прямоугольников), а также границы таблиц.
<HTML>-Код: Этот режим позволяет просматривать и редактировать исходный код документа на языке HTML. При сохранении документа в этом режиме происходит переключение в обычный режим.
Предварительный просмотр: В этом режиме документ отображается в точности так, как он выглядит в окне браузера. Однако ссылки и сценарии JavaScript не будут действовать в этом режиме.
Примечание: Сценарии JavaScript, фреймы, ссылки и анимированная графика в формате GIF не действуют ни в одном из режимов редактирования. Чтобы проверить действие этих элементов, нажмите кнопку "Просмотр" на панели инструментов. При этом страница будет загружена в отдельное окно браузера.
2.14. Использование строки состояния при форматировании веб-страниц
Nvu содержит удобные творческие возможности по редактированию/применению встроенных стилей, а также связыванию классов или ID тегов с выбранным текстом через строку состояния. Изменение стиля через строку состояния возможно в любом режиме, за исключением режима <HTML>-Kод.
Выбрать: Щелчок по пункту "Выбрать" выделит весь текст, ограниченный стилем тега.
Удалить тег: Щелчок по пункту "Удалить тег" удалит стиль у тега.
Изменить тег: Используя эту опцию, пользователь может изменить тег, используемый для текста, с минимальными усилиями. Щелчок по пункту "Изменить тег" позволяет редактировать текст соответствующего тега в строке состояния. Напишите желаемый тег и нажмите клавишу Enter. Заданные по умолчанию свойства тега будут применяться к тексту на веб-странице.
Inline стили:Пока вы находитесь в режиме "Обычный", "HTML-теги" или "Предварительный просмотр", теги вокруг текущего положения курсора отображаются в строке состояния окна Nvu. Параметры стиля любого тега могут быть изменены через соответствующие пункты контекстного меню. Для изменения встроенного свойства стиля:
Щелкните правой кнопкой мыши по тегу, который вы желаете редактировать.
Щелкните на пункт "Inline стили".
Выберите секцию свойств, которую вы хотите редактировать:
Свойства текста
Свойства обрамления
Свойства фона
Свойства бокса
Свойства звука
Извлечь и создать основной стиль
Выбор любой секции кроме последней откроет соответствующую секции вкладку в Редакторе CSS (подробнее об этом см. раздел Таблицы стилей). С помощью соответствующей секции пользователь может определить свои собственные стили, которые будут сохранены согласно рекомендациям W3C относительно CSS.
Пункт Извлечь и создать основной стиль позволяет пользователю извлекать информацию о стиле в стилевое правило и сохранять его во внешней или внутренней таблице стилей.
Шаблоны предлагают вам две опции - "Сделать редактируемым" и "Удалить редактируемую область", которые можно использовать при работе с Шаблонами. Более подробно о Шаблонах см. раздел Работа с Шаблонами.
ID показывает ID тегов (если они доступны) из текущей таблицы стилей применяемой в документе. Для добавления соответствующего стиля к выделенному тексту просто щелкните на имени его ID.
Класс показывает классы тегов (если они доступны) из текущей таблицы стилей применяемой в документе. Для добавления соответствующего класса к выделенному тексту просто щелкните на имени класса.
Дополнительные свойства позволяют вам использовать "Редактор дополнительных свойств" для изменения HTML-атрибутов и событий JavaScript для таких объектов как таблицы, изображения, ссылки и т.д. Подробнее см. раздел Редактор дополнительных свойств.