<?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>

<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
>Окно свойств тега: <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
>Шаблоны могут быть таких типов: </para>

<simplelist>
<member
>Документ</member>
<member
>Текст, который можно вставить в открытый файл</member>
<member
>Файл, на который можно вставить ссылку</member>
</simplelist>

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

</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>

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

<para
>После этого шаблоны <emphasis
>не</emphasis
> будут отображаться в структуре проекта (на панели слева), но вы их сможете найти на вкладке шаблонов в каталоге "Шаблоны проекта". </para>

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

</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
>. В каждом из них может быть три типа шаблонов: </para>

<variablelist>
<varlistentry>
<term
>files/all</term>
<listitem>
<para
>Двоичные файлы и файлы, которые вставляются путём добавления в документ их &URL; (например изображения как <sgmltag class="starttag"
>img src=/src/url</sgmltag
>). </para>
</listitem>
</varlistentry>
<varlistentry>
<term
>text/all</term>
<listitem>
<para
>Текстовые файлы, содержимое которых вставляются в документ, например, часто повторяющиеся блоки. </para>
</listitem>
</varlistentry>
<varlistentry>
<term
>template/all</term>
<listitem>
<para
>Действительные шаблоны, на основе которых вы можете создавать новые документы.. </para>
</listitem>
</varlistentry>
</variablelist>

<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
>text/all</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>

</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;. Вы не сможете редактировать его в <guilabel
>Визуальном редакторе</guilabel
>. </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>
