<?xml version="1.0" encoding="UTF-8" ?>

<chapter id="using-quanta-3-2">
<chapterinfo>
<title
>Использование Quanta</title>
<authorgroup>
<author
><firstname
>Robert</firstname
> <surname
>Nickel</surname
> <affiliation
> <address
><email
>robert@artnickel.com</email
></address>
</affiliation>
</author>
<author
><firstname
>Andr&aacute;s</firstname
> <surname
>Mantia</surname
> <affiliation
> <address
><email
>amantia@kde.org</email
></address>
  </affiliation>
</author>

<othercredit role="reviewer"
><firstname
>Christopher</firstname
> <surname
>Hornbaker</surname
> <affiliation
> <address
><email
>chrishornbaker@earthlink.net</email
></address>
</affiliation>
<contrib
>Рецензент</contrib>
</othercredit>

<othercredit role="reviewer"
><firstname
>Fabrice</firstname
> <surname
>Mous</surname
> <affiliation
> <address
><email
>fabrice@kde.nl</email
></address>
</affiliation>
<contrib
>Рецензент</contrib>
</othercredit>

<othercredit role="translator"
><firstname
>Николай</firstname
><surname
>Шафоростов</surname
><affiliation
><address
><email
>shafff@ukr.net</email
></address
></affiliation
><contrib
>Перевод на русский</contrib
></othercredit
> 

</authorgroup>
</chapterinfo>

<title
>Использование Quanta</title>

<para
>Эта глава описывает части &quantaplus;, с которыми вы чаще всего можете встретиться. Хорошее знание их поможет вам работать быстрее. </para>

<sect1 id="toolbars-howto-3-2">
<title
>Панели инструментов</title>

<para
>Как упоминалось ранее, управление панелями инструментов происходит через меню <guimenu
>Панели инструментов</guimenu
>. Здесь будет описываться их использование, их создание описано <quote
><link linkend="creating-toolbars-3-2"
>здесь</link
>.</quote
> </para>

<para
>Если вы щёлкните на значке, произойдёт одно из трёх действий: тег будет добавлен в документ (с закрывающей частью, если она есть); откроется окно, предлагающее ввести обязательные атрибуты тега; будет произведено действие с файлами (проекта). Если вы мучаетесь, набирая часто один и тот же тег, вы можете добавить его в одну из панелей инструментов (или создать для этого новую). Для подробностей см. <xref linkend="dtep-intro-3-2"/>. </para>

<para
>Настроить панели инструментов можно через их контекстное меню, из которого можно <guilabel
>Добавить действие</guilabel
>, <guilabel
>Создать панель инструментов</guilabel
>. Пункт <guilabel
>Настроить панели инструментов</guilabel
> откроет диалог, в котором можно выбрать. какие действия будут видны на панелях инструментов. </para>
<para
>Меню действия панели инструментов, кроме описанных выше, будет содержать пункты <guilabel
>Удалить действие</guilabel
> и <guilabel
>Изменить действие</guilabel
>. </para>
<para
>Панели инструментов и действия можно также настроить через <menuchoice
><guimenu
>Настройка</guimenu
><guimenuitem
>Настроить панели инструментов...</guimenuitem
></menuchoice
> и <menuchoice
><guimenu
>Настройка</guimenu
><guimenuitem
>Настроить действия...</guimenuitem
></menuchoice
>. </para>
<para
>Действия, определяемые пользователем, описаны в <xref linkend="user-actions"/>. </para>

<para
>Окно свойств тега: <mediaobject>
<imageobject>
<imagedata fileref="taginputex.png" format="PNG"/>
</imageobject>
<caption
><para
>Пример диалога свойств тега.</para
></caption>
</mediaobject>
</para>

<para
>На снимке экрана &mdash; окно свойств тега ссылки. Обратите внимание на вкладки <guilabel
>Общие</guilabel
>, <guilabel
>Core and i18n</guilabel
>, <guilabel
>События</guilabel
>, <guilabel
>Фокус</guilabel
>, они содержат остальные атрибуты, которые может иметь тег ссылки (и не только). Заполните все нужные вам атрибуты и нажмите ОК. </para>
</sect1>
&quanta-projects; <sect1 id="templates-3-2">
<title
>Шаблоны</title>

<para
>Шаблоны есть каркасы документов, куски сценариев и файлы, на которые можно вставить ссылку. Шаблоны в &quantaplus; &mdash; стандартная файловая структура со специальной организацией и интерфейсом. Вы можете копировать, переместить, просто поставить ссылку в структуру шаблонов для быстрого доступа к файлам. </para>

<para
>Шаблоны хранятся во вложенный каталогах. Каждый тип шаблона имеет свои действия. Также есть возможность передавать некоторые значения, например размер изображения, для упрощения написания тегов. </para>

<para
>Цель шаблонов &mdash; сделать вашу работу более продуктивной и динамической. Также, косвенно, это позволит вам не беспокоится о загрузке файлов (шаблонов, на которые была установлена ссылка) на сервер &mdash; они будут загружены вместе с остальными файлами проекта. Если вы хотите помочь, обратитесь к странице <ulink url="http://quanta.sourceforge.net/main1.php?contfile=needs"
>Help Wanted</ulink
>. </para>

<important>
<para
>Некоторые шаблоны, поставляемые с &quantaplus; могут использоваться только при определённых условиях.  </para>
</important>

<sect2 id="template-types-3-2">
<title
>Типы шаблонов</title>

<para
>&quantaplus; поддерживает несколько типов шаблонов: </para>
<para>
<simplelist>
<member
>Двоичные</member>
<member
>Шаблоны документов</member>
<member
>Заготовки текста</member>
<member
>Шаблоны сайтов</member>
</simplelist>
Примеры каждого из них идут в поставке с &quantaplus;. </para>
<variablelist>
<varlistentry>
<term
>Двоичные шаблоны</term>
<listitem>
<para
>Это могут картинки, &PDF;, ролики на flash и т.д. Такие файлы обычно включаются в документы посредством ссылок, либо встраиванием (например, изображения - через <sgmltag class="starttag"
>img src=/src/url</sgmltag
>). Примеры двоичных шаблонов можно найти в дереве глобальных шаблонов. Для подробностей см. <xref linkend="qit-3-2"/>. </para>
</listitem>
</varlistentry>

<varlistentry>
<term
>Шаблоны документов</term>
<listitem>
<para
>Обычно более специфичные шаблоны размещаются глубже в подкаталогах. Это помогает лучше организовать их структуру, что приведёт к ускорению вашей работы. К шаблонам можно обращаться через дерево шаблонов. Для подробностей см. <xref linkend="qit-3-2"/>. </para>
</listitem>
</varlistentry>

<varlistentry>
<term
>Заготовки текста</term>
<listitem>
<para
>Отличается от предыдущего типа тем, что не обязательно создавать новый документ, а просто вставить часто используемый текст в текущий. Это может быть что угодно - от маленького комментария и до полного кода меню на JavaScript. Примеры заготовок можно найти в дереве глобальных шаблонов. Для подробностей см. <xref linkend="qit-3-2"/>. </para>
</listitem>
</varlistentry>

<varlistentry>
<term
>Шаблоны сайтов</term>
<listitem>
<para
>Представляют собой архив с деревом каталогов и шаблонов в них. </para>
</listitem>
</varlistentry>
</variablelist>

</sect2>

<sect2 id="template-scope-3-2">
<title
>Действие шаблонов</title>

<para
>Шаблоны доступны по активности той или иной <link linkend="quanta-workspaces-3-2"
>рабочей области</link
>; </para>

</sect2>

<sect2 id="creating-templates-3-2">
<title
>Создание шаблонов</title>

<sect3 id="creating-document-templates">
<title
>Создание шаблонов документов</title>
<para
>Создайте структуру документа (&XML;, &HTML;, DocBook, &etc;.) и выберите в меню <menuchoice
> <guimenu
>Файл</guimenu
> <guimenuitem
>Сохранить как шаблон</guimenuitem
> <guimenuitem
>Сохранить как локальный шаблон (шаблон проекта)</guimenuitem
> </menuchoice
>. </para>

<para
>После этого шаблоны <emphasis
>не</emphasis
> будут отображаться в структуре проекта (на панели слева), но вы их сможете найти на вкладке шаблонов в каталоге "Шаблоны проекта". </para>
</sect3>
<sect3 id="creating-text-templayes">
<title
>Создание заготовок текста</title>
<para
>Выделите текст и выберите пункт меню <menuchoice
> <guimenu
>Файл</guimenu
> <guimenuitem
>Сохранить как шаблон</guimenuitem
> <guimenuitem
>Сохранить выделение в локальный шаблон (шаблон проекта)...</guimenuitem
> </menuchoice
>. Либо просто перетащите выделение на дерево шаблонов. </para>
</sect3>
<sect3 id="creating-binary-templates">
<title
>Создание двоичных шаблонов</title>
<para
>Перенесите двоичный файл в папку шаблонов, или создайте на него символическую ссылку. </para>
</sect3>
<sect3 id="creating-site-templates">
<title
>Создание шаблонов сайтов</title>
<para
>На служебных панелях <guilabel
>Файловая система</guilabel
> или <guilabel
>Файлы проекта</guilabel
> в контекстном меню папки выберите <guilabel
>Создать шаблон сайта...</guilabel
>, выберите для него имя и сохраните. По умолчанию вам будет предложено сохранить его в папку шаблонов проекта, но, конечно, вы можете сохранить его в локальной или глобальной папке шаблонов. </para>
</sect3>
</sect2>

<sect2 id="using-templates-with-projects-3-2">
<title
>Использование шаблонов в проекте</title>

<para
>Шаблоны в проектах помогут вам лучше сосредоточится на основной задаче. Вы можете создать заголовки, завершающие части документов, вставлять их динамически через &PHP;, или просто ссылаться на них. </para>

<para
>При создании проекта вы можете выбрать копирование в ваш проект всех глобальных и пользовательских шаблонов. Вы можете выбрать место для хранения шаблонов, например сервер, или локально. При добавлении ссылки на файл, не являющийся шаблоном проекта, вам будет предложено копировать его в шаблоны проекта. Это предотвратит возможность появления нерабочих ссылок &mdash; файл закачается на сервер автоматически с остальными файлами проекта. </para>

</sect2>

<sect2 id="managing-templates-3-2">
<title
>Управление шаблонами</title>

<para
>Дерево шаблонов, на соответствующей вкладке, основано на файлах каталогов <filename class="directory"
>$<envar
>KDEDIR</envar
>/share/apps/quanta/templates</filename
> и <filename class="directory"
> $<envar
>HOME</envar
>/.kde/share/apps/quanta/templates</filename
>. В каждом из них может быть <link linkend="template-types-3-2"
>четыре типа шаблонов</link
>. </para>

<para
>Для установки режима каждого из каталогов, в контекстном меню вкладки шаблонов (на панели слева) выберите <guimenuitem
>Свойства</guimenuitem
>: <mediaobject>
<imageobject>
<imagedata fileref="template-rmb.png" format="PNG"/>
</imageobject>
<caption
><para
>Окно свойств</para
></caption>
</mediaobject>
</para>

<variablelist>
<varlistentry>
<term
><guilabel
>Тип</guilabel
></term>

<listitem>
<para
>Выпадающий список с тремя типами файлов, упоминаемыми выше. Будет неактивным (серого цвета), если вы выбрали <guilabel
>Унаследовать родительский атрибут</guilabel
>. </para>
</listitem>
</varlistentry>

<varlistentry>
<term
><guilabel
>Унаследовать родительский атрибут</guilabel
> (<sgmltag class="starttag"
>foo</sgmltag
>)</term>
<listitem>
<para
>Включено по умолчанию и работает нормально для всех подкаталогов иерархии (кроме корневого). Если это включено для корневого каталога, это приведёт к деактивации шаблонов в нём, а также подкаталогов, которые не установлены явны. Для некорневого каталога, <sgmltag class="starttag"
>blah</sgmltag
> будет говорить что-то типа <literal
>заготовка текста</literal
>. </para>
</listitem>
</varlistentry>
<varlistentry>
<term
><guilabel
>Обрамление текстом</guilabel
></term>
<listitem>
<para
>Определяет текст, который будет обрамлять шаблоны в данном каталоге. Это могут быть общие заголовки/концовки. </para>
</listitem>
</varlistentry>
<varlistentry>
<term
><guilabel
>Предварительный текст</guilabel
></term>
<listitem>
<para
>Текст, вставляемый непосредственно перед содержанием шаблонов. </para>
</listitem>
</varlistentry>
<varlistentry>
<term
><guilabel
>Завершающий текст</guilabel
></term>
<listitem>
<para
>Текст, вставляемый непосредственно после содержания шаблонов. </para>
</listitem>
</varlistentry>
</variablelist>
<!--<para>
The properties for a template file looks a bit different:
<mediaobject>
<imageobject>
<imagedata fileref="template-file-rmb.png" format="PNG"/>
</imageobject>
<caption
><para
>Properties dialog.</para
></caption>
</mediaobject>

</para
>-->
<para
>Через контекстное меню, вы можете управлять шаблонами. </para>
</sect2>
</sect1>

<sect1 id="vpl-3-2">
<sect1info>
<title
><application
>Визуальное позиционирование</application
></title>
<authorgroup>
<author
><firstname
>Nicolas</firstname
> <surname
>Deschildre</surname
> <affiliation
> <address
><email
>nicolasdchd@ifrance.com</email
></address>
</affiliation>
</author>

<othercredit role="reviewer"
><firstname
>Christopher</firstname
> <surname
>Hornbaker</surname
> <affiliation
> <address
><email
>chrishornbaker@earthlink.net</email
></address>
</affiliation>
<contrib
>Рецензент</contrib>
</othercredit>

<othercredit role="translator"
><firstname
>Николай</firstname
><surname
>Шафоростов</surname
><affiliation
><address
><email
>shafff@ukr.net</email
></address
></affiliation
><contrib
>Перевод на русский</contrib
></othercredit
> 

</authorgroup>
</sect1info>

<title
><application
>Визуальное позиционирование</application
></title>

<sect2 id="vpl-views-3-2">
<title
>Режимы &VPL;</title>

<para
><application
>Визуальное позиционирование</application
> (&VPL;), или <acronym
>WYSIWYG</acronym
> - What You See Is What You Get (что видишь, то и получаешь) позволяет вам редактировать &HTML; или &XHTML; следя за изменениями на лету. Как и в вашем любимом редакторе, вы можете щёлкнуть на документе, после чего появится курсор и вы сможете вводить текст, вставлять картинки, форматировать текст и т.д. &VPL; поможет вам создавать хорошие web-страницы без особых знаний языков разметки. </para>

<para
>&quantaplus; предлагает два режима &VPL;: <guilabel
>Визуальный редактор</guilabel
> и <guilabel
>Совмещённый редактор</guilabel
> (<guilabel
>Визуальный редактор и редактор кода</guilabel
>), которые можно переключить через меню <guimenu
>Вид</guimenu
>. Первый сменяет <guilabel
>редактор кода</guilabel
> на <guilabel
>визуальный</guilabel
>, а второй разделяет окно редактирования на две части: <guilabel
>редактор кода</guilabel
> и <guilabel
>визуальный</guilabel
>. </para>

<para
><guilabel
>Визуальный редактор</guilabel
> работает так: документ загружается как обычная страница &HTML; или &XHTML; и появляется курсор. Затем вы можете изменять его, и, после переключения в <guilabel
>Редактор кода</guilabel
>, вы увидите изменения, сделанные вами. </para>

<note>
<para
>При редактировании в <guilabel
>визуальном редакторе</guilabel
> документа, содержащего &PHP;, вы увидите небольшой значок, представляющий код &PHP;. Вы не сможете редактировать его в этом режиме. </para>
</note>

<para
>Второй режим такой же как и первый, за исключением того, что вы можете сразу увидеть изменения в коде, сделанные при редактировании в <guilabel
>Визуальном редакторе</guilabel
>, или наоборот, увидеть наглядно изменения в отображении документа при редактировании его в <guilabel
>Редакторе кода</guilabel
>. При этом курсоры в обоих редакторах синхронизируются. Этот режим можно загрузить клавишей <keycap
>F9</keycap
>, а если он уже загружен, нажатие этой клавиши приведёт к переходу фокуса с одной части на другую. </para>

<para
>Интервалы обновления <guilabel
>Визуального редактора</guilabel
> и <guilabel
>Редакторе кода</guilabel
> настраиваются. Перейдите в <menuchoice
><guimenu
>Настройка</guimenu
> <guimenuitem
>Настроить Quanta...</guimenuitem
> </menuchoice
>. Выберите вкладку <guimenu
>Визуальное позиционирования</guimenu
>. Если у вас мощный компьютер, можете сделать интервал обновления меньше. </para>

<mediaobject>
<imageobject>
<imagedata fileref="vplsourceview.png" format="PNG"/>
</imageobject>
<caption
><para
>Режим <guilabel
>Совмещённого редактора</guilabel
>.</para
></caption>
</mediaobject>
</sect2>

<sect2 id="vpl-editing-3-2">
<title
>Визуальное редактирование</title>

<sect3 id="doc-prop-dia-3-2">
<title
>Окно свойств</title>

<para
>Теперь, предположим вы хотите изменить заголовок вашей страницы. Для этого выберите <menuchoice
> <guimenu
>Сервис</guimenu
> <guimenuitem
>Свойства документа</guimenuitem
></menuchoice
>. С помощью этого средства вы сможете изменить <quote
>невидимые</quote
> в <guilabel
>Визуальном редакторе</guilabel
> теги. Этот диалог также запускается при создании нового документа при включённом режиме <guilabel
>Визуального редактора</guilabel
>. В нём вы можете изменить: </para>

<variablelist>
<varlistentry>
<term
><guilabel
>Заголовок</guilabel
></term>
<listitem>
<para
>Заголовок документа. </para>
</listitem>
</varlistentry>
<varlistentry>
<term
><guilabel
>Теги Meta</guilabel
></term>
<listitem>
<para
>Теги Meta позволяют записывать информацию о документе. например ключевые слова для поисковиков, информация об обновлениях. Для первого нужно ввести в поле <quote
>name</quote
> <quote
>keywords</quote
> и в поле <quote
>content</quote
> - <quote
>слово1 слово2</quote
>. </para>
</listitem>
</varlistentry>
<varlistentry>
<term
><guilabel
>Правила CSS</guilabel
></term>
<listitem>
<para
><guilabel
>Правила CSS</guilabel
> - новый способ описания форматирования страницы. Вы можете добавлять и удалять <guilabel
>правила CSS</guilabel
> нажатием кнопок внизу. Кроме того можно заполнить такие поля, как <guilabel
>Meta</guilabel
>. Редактирование <guilabel
>правил CSS</guilabel
> ещё не реализовано. </para>
</listitem>
</varlistentry>
<varlistentry>
<term
><guilabel
>Внешняя таблица стилей CSS</guilabel
></term>
<listitem>
<para
>Нажмите кнопку<guilabel
>Обзор</guilabel
> и выберите файл стиля. </para>
</listitem>
</varlistentry>
</variablelist>

</sect3>

<sect3 id="vpl-editor-3-2">
<title
><guilabel
>Визуальный редактор</guilabel
></title>

<para
>Вы можете использовать курсор как и в вашем любимом редакторе, перемещая его стрелками (и всё же в некоторых случаях вы не сможете переместить курсор в необходимое вам место), вводить/вставлять и удалять/вырезать выделенный текст. </para>

<para
>Теперь мы подошли к вставке тегов. Вы можете вставлять изображения, аплеты, форматировать текст, например делать его полужирным, используя панели инструментов. Помните, что вставка определённого тега не удаляет такой же, если он уже есть. </para>

<note>
<para
>Некоторые кнопки на панелях инструментов будут недоступны, например <guilabel
>Мастер таблиц</guilabel
>, <guilabel
>Быстрый список</guilabel
>. Они будут работать в визуальном режиме позже, т.к. их реализация требует времени. Вместо них вы можете использовать панели инструментов <guilabel
>Таблицы</guilabel
> и <guilabel
>Списки</guilabel
>. </para>
</note>

<para
>Чтобы изменить тег (будь то изображение, аплет и т.д.), переключитесь в <guilabel
>Дерево атрибутов</guilabel
> через <menuchoice
><guimenu
>Вид</guimenu
> <guisubmenu
>Служебные панели</guisubmenu
></menuchoice
>. Щёлкните на теге, который вы хотите изменить, или на объекте, содержащем его. <guilabel
>Дерево атрибутов</guilabel
> отображает имя текущего тега, также как и список его родителей и атрибутов. На текущий момент визуальный режим не поддерживает т.н. &XHTML;+<acronym
>MathML</acronym
>, но вы всё же сможете изменять пространства имён (namespaces) в этом режиме. Просто нажмите на поле <guilabel
>Значение</guilabel
> и введите что хотите. Чтобы получить доступ к родителю текущего тега, выберите его в  <guilabel
>дереве атрибутов</guilabel
>. </para>

<para
>Для удаления тега мы будем использовать <guilabel
>Дерево атрибутов</guilabel
>. Вы заметили два маленьких крестика в верхнем правом углу? Первый удаляет только текущий тег и, если спецификация &HTML;/&XHTML; не разрешает чтобы дочерние элементы удаляемого тега были без него, дочерние теги и т.д. Второй крестик удалит тег вместе с его содержимым (текстом между начальным и закрывающим тегами) без каких-либо поверок, так что будьте осторожны! </para>

</sect3>
</sect2>
</sect1>
</chapter>