Text only | Skip links
Skip links||IT Services, University of Oxford

1. Oxygen: первые шаги

На первом занятии мы научимся работать с редактором Oxygen. Мы
  • создадим новый XML-документ
  • разметим документ
  • проследим за тем, чтобы наш документ был правильно структурирован
  • выведем на экран и будем работать с документ в режиме, при котором разметка не видна

2. Создаем новый документ

Открываем Oxygen, наводим курсор на изображение "Новый документ" (первая слева) и делаем клик (альтернативные варианты: выбираем New Document в меню File или набираем комбинацию CTRL-N). Появляется окно New dialog.

Выбираем опцию XML и нажимаем OK.

В появившемся окне Create an XML Document, убираем галочку с поля Use a DTD or a schema, поскольку схемы у нас пока нет.

Нажимаем OK и продолжаем.

Oxygen открывает бланк документа, в котором пока содержится только декларация XML. Как только мы начнем печатать текст, мы увидим, как настойчиво Oxygen пытается правильно формировать наш документ.

  • набираем <div type=" и останавливаемся
  • мы видим, что Oxygen закрывает за нас кавычки
  • продолжаем печатать verse и выводим курсор за кавычки
  • набираем закрывающий тег > и видим, как Oxygen немедленно добавляет закрывающий тег </div>. Нажимаем клавишу ENTER

3. Вставляем текст в документ

Сейчас наш документ выглядит так:

  • активизируем меню Document и выбираем File
  • в открывшемся меню выбираем Insert File
  • находим файл pushkin.txt в нашей рабочей директории (или пересылаем его) и импортируем файл в наш документ.

Перед нами текст знаменитого стихотворения А.С. Пушкина. И теперь мы добавим в текст минимальную разметку.

4. Размечаем фрагмент документа

  • С помощью мыши выделяем название стихотворения ‘K * * *’ .
  • Нажимаем клавиши CTRL-E (или выбираем: меню Document → XML Refactoring →Surround with Tag).
  • Набираем в открывшемся окне название тега, который нам нужен: поскольку мы размечаем название, то печатаем head и нажимаем OK

5. Размечаем структуру стихотворения

Для того, чтобы разметить структуру стихотворения, нам будут нужны теги <lg> (для разметки строф) и <l> (для разметки стихов) <l>.

  • Набираем сразу <lg> и <l> в начале первой строки. Убираем ненужные нам теги </l>> и </lg>, расставленные Oxygen.
  • Помещаем курсор в конец первой строфы (после слова ‘красоты.’) и набираем <
  • Открывается окно меню, и видим, что теперь нам предлагают поместить здесь закрывающий тег (надо закрыть элемент <l>). Выбираем его.
  • Снова набираем знак < и появляется то же меню. Но отметим, что в этот раз программа предлагает нам закрывающий тег </lg>. Выбираем его и видим, что наш документ успешно валидирован - нет ни одной красной линии.
  • А что, если мы повторим всю процедуру? Давайте попробуем и посмотрим, что получится!

6. Продолжаем грамотно размечать текст

И все-таки пока структура нашего документа не слишком правильная. Один единственный тег <l> содержит несколько стихов, а оставшиеся стихи и строфы и вовсе остались неразмеченными. Если мы валидируем документ, то окажется, что он не соответствует схеме, и нас ждут неприятности.

  • размещаем курсор в конце первого стиха ‘мгновенье:’)
  • выбираем из меню Document → XML Refactoring →Split Element

Теперь мы закрыли наш тег <l> и открыли новый, и в нашем документе нет структурных ошибок. Все, что нам нужно сделать - повторить эту операцию для каждого стиха. Более простой вариант - мы можем добавить панель инструментов XML Document Refactoring, и всю работу сделает за нас одна единственная клавиша.

Но мы можем поступить еще проще. Давайте просто выделим последовательность только что вставленных нами знаков (</l><l>); скопируем их (комбинация CTRL-C); поставим курсор в конце следующего стиха и вставим копию (комбинация CTRL-V). Теперь мы можем повторить эту операцию для каждого стиха в строфе (за исключением последнего, конечно).

7. Альтернативные способы разметки

Некоторым теги не нравятся. К счастью, Oxygen предлагает и ‘свободный от тегов’ способ разметки. Основа этого метода - стили, размеченные по-разному по-разному отображаются на экране. Мы укажем стиль каждого тега с помощью прилагаемых к документу таблиц стиля.

  • Выбираем из меню Document: XML Document→Associate XSLT→CSS Stylesheet (или делаем клик на соотвествующей кноке, если мы ее нашли). В открывшемся окне выбираем файл pushkin.css из нашей рабочей директории (или пересылаем его). Посмотрите, в начале нашего документа появилась новая инструкция обратотки
  • В конце меню Document есть раздел Editing Mode, Нам предлагают выбор: Text (по умолчанию), Grid и Author. Выбираем последнее. Мы видим, что текст на дисплее изменился и появился новый заголовок в меню (Author). Давайте откроем эту часть меню и посмотрим, как наш текст реагирует на разные команды.
  • Для того, чтобы выполнить следующее задание, выбираем No Tags.

8. Быстрая разбивка текста

  • С помощью мышки выделяем текст стихотворения (от второй строфы до конца).
  • С помощью CTRL-E размечаем весь выбранный текст как одну строфу: <lg>.
  • Опять выделяем тот же текст и тем же способом размечаем его как один стих <l>.
  • Теперь помещаем курсор в конец первого стиха второй строфы (после ‘безнадежной’). Нажимаем ENTER. Меню предлагаем нам выбрать l элемент. Опять нажимаем ENTER.
  • Помещаем курсор в конец следующего стиха и повторяем все еще раз. И таким же образом работаем с каждым стихом текста.
  • Для того, чтобы разбить стихотворение на строфы, помещаем курсор в конец последнего стиха строфы и, пользуясь правой стрелкой, перемещаем курсор между невидимыми тегами (или возвращаемся к Text mode). Мы сможем разбить текст на строфы точно таким же способом, как и на стихи
  • Конечно, мы можем эксперементировать и попытаться найти и другие способы разбивки текста. Если что-то не получается (или получается каша), смело жмите на CTRL-Z, и текст вернется в исходное состояние. Помните, мы всегда можем выбирать между видом Author и Text.


Date: 2008-07-07
Copyright University of Oxford